/* Anchor menu */
@font-face {
    font-family: 'icon';
    src:url('../fonts/icon.eot?i74muh');
    src:url('../fonts/icon.eot?#iefixi74muh') format('embedded-opentype'),
    url('../fonts/icon.woff?i74muh') format('woff'),
    url('../fonts/icon.ttf?i74muh') format('truetype'),
    url('../fonts/icon.svg?i74muh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Fonts */
@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: local('☺'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: local('☺'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light.eot');
    src: local('☺'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Fonts */
@font-face {
    font-family: 'HelveticaNeue-CondensedBold';
    src: local('☺'), url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueRegular';
    src: local('☺'), url('../fonts/HelveticaCERegular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: local('☺'), url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}


/* General */
body {
    background-color: #ffffff;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
}
.form-actions {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

form {
    margin: 0 0 15px 0;
}
h1 {
    margin: 0;
    padding: 0;
    font-family: 'SF UI Text';
    font-size: 36px;
    color: #404040;
}
h2 {
    margin: 0;
    padding: 0;
    font-family: 'SF UI Text';
    font-size: 36px;
    color: #404040;
}
.flexslider h3
{
    line-height: 48px;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 48px;
    color: #404040;
    font-family: 'SF UI Text';
}
h4 {
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #404040;
}
h5 {
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
    color: #404040;
}
h6 {
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
a {
    text-decoration: underline;
    color: #2c8bc7;
}
a:hover {
    text-decoration: none;
}
table,
table thead,
table tbody,
table tfoot {
    border: none;
}
table tr td {
    border: 1px solid #cccccc;
    padding: 15px;
}
table thead tr td {
    background-color: #f5f5f5;
    font-weight: bold;
}
table tbody tr:hover td {
    background-color: #fffde1;
    cursor: pointer;
}
ul {
    margin: 0 0 0 35px;
    padding: 0;
    list-style-type: square;
}
ul li {
    margin-top: 10px;
    padding: 0 0 0 10px;
    line-height: 20px;
}
ul.primary {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}
ul.primary li {
    margin: 0;
    padding: 0;
}
ul.primary li a {
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    padding: 5px 15px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
}
strong {
    font-family: 'SF UI Text';
}
table.info-table {
    border: 1px solid #dedede;
    background: url("../images/bg-info-table.png") 0 0 repeat;
    width: 100%;
}
table.info-table tr td {
    padding: 0 5%;
    vertical-align: top;
}

.loader {
    background: url("../images/loader-blue.gif") 0 0 no-repeat;
    width: 45px;
    height: 45px;
    margin: -22.5px 0 0 -22.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}
.preloader {
    background: url("../images/preloader.gif") center center no-repeat;
}

/* Language */
#language {
    width: 65px;
    height: 20px;
    position: relative;
}
#language .inner {
    background-color: #272727;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    top: 0;
    left: 0;
}
#language.active .inner {
    border: 1px solid #3898d5;
}
#language .language_list {
    width: 100%;
    color: #ffffff;
    cursor: pointer;
    z-index: 11;
}
#language .language_list #btn {
    margin: 0 5px;
    text-align: left;
}
#language .language_list span {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
    padding-top: 3px;
    line-height: 16px;
    display: inline-block;
}
#language.active .language_list span {
    border: none;
    color: #a1a1a1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#language ul.language-switcher-locale-url {
    background-color: #272727;
    width: 100%;
    margin: 0px;
    padding: 0;
    display: none;
    z-index: 10;
}
#language ul.language-switcher-locale-url li {
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    list-style-type: none;
}
#language ul.language-switcher-locale-url li:hover {
    cursor: pointer;
}
#language ul.language-switcher-locale-url li a,
#language ul.language-switcher-locale-url li span {
    padding: 2px 0;
    margin: 0 5px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#language ul.language-switcher-locale-url li a:hover {
    color: #a1a1a1;
}
#language ul.language-switcher-locale-url li a:after {
    display: none;
}
#language ul.language-switcher-locale-url li a.active {
    text-decoration: none;
    display: none;
}

/* Phone */
.phone {
    width: 100%;
    display: inline-block;
}
.phone .phone-number .additional {
    color: #808080;
}
.phone .phone-number .code {
    color: #808080;
}
.phone .phone-number .number {
    color: #ffffff;
}

.head {
    margin-bottom: 40px;
    text-align: center;
}
.sub-head,
.field-name-field-sub-title {
    text-align: center;
}
.block-link {
    width: 100%;
    text-align: center;
}

/* Messages */
div.messages {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 20px 0;
    padding: 10px 10px 10px 40px;
}
div.messages ul li {
    margin: 0;
    padding: 0;
    list-style: disc;
}
div.error {
    background-image: url("../images/messages/error.png");
    border-color: #fe6767;
}
div.status {
    background-image: url("../images/messages/pass.png");
    border-color: #be7;
}
div.warning {
    background-image: url("../images/messages/warning.png");
    border-color: #ed5;
}
div.error,
.error {
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    color: #808080;
}

fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 100% !important;
}

/* Fields */
.field {
   /* margin-bottom: 15px;*/
}
.field-head {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 9px;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    color: #2c8bc7;
}
.field-body {
    font-size: 14px;
    line-height: 20px;
    color: #343434;
}
.field-with-label .field-body {
    line-height: 18px;
}
.field-with-label label {
    margin: 0;
    font-family: 'SF UI Text';
    font-size: 14px;
    line-height: 18px;
    color: #404040;
    cursor: default;
}

[class^="icon-"],
[class*=" icon-"] {
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    font-family: 'icon';
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    color: #000000;
    speak: none;
    line-height: 48px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
}

#block-menu {
    width: 45px;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 25;
}
#block-menu ul.js-navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}
#block-menu ul.js-navigation li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}
#block-menu ul.js-navigation li a {
    width: auto;
    text-decoration: none;
    display: block;
}
#block-menu ul.js-navigation li a span.title {
    background-color: #032edd;
    height: 30px;
    padding: 15px 25px 0px 35px;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: -250px;
    z-index: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#block-menu ul.js-navigation li a:hover {
    width: 100%;
    height: 45px;
    background-color: #032edd;
    text-decoration: none;
    overflow: hidden;
}
#block-menu ul.js-navigation li a span.icon {
    background-color: #ffffff;
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 1;
    display: block;
}
#block-menu ul.js-navigation li a:hover span.icon {
    background-color: #032edd;
    color: #ffffff;
}
#block-menu ul.js-navigation li a:hover span.icon:before {
    background-color: #032edd;
    transform: rotate(720deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: block;
}
#block-menu ul.js-navigation li:first-child a:hover {
    width: 100%;
    height: 45px;
    background-color: #1f42e1;
    text-decoration: none;
    overflow: hidden;
}
#block-menu ul.js-navigation li:first-child a:hover span.icon {
    background-color: #ffffff;
    display: block;
}
#block-menu ul.js-navigation li a:hover span.title {
    right: 45px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#block-menu ul.js-navigation li.slider a span.icon:before {
    content: "\e605";
}
#block-menu ul.js-navigation li.block-0 a span.icon:before {
    content: "\e600";
}
#block-menu ul.js-navigation li.news-events a span.icon:before {
    content: "\e601";
}
#block-menu ul.js-navigation li.join-us a span.icon:before {
    content: "\e602";
}
#block-menu ul.js-navigation li.projects a span.icon:before {
    content: "\e603";
}
#block-menu ul.js-navigation li.external-recognition a span.icon:before {
    content: "\e604";
}

/* Header */
header.standard {
    width: 100%;
}
/* Fixed header */
header.standard.fixedHeader {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 25;
}
header.standard .top {
    background-color: #fff
    overflow: hidden;
}
header.standard .bottom {
    background-color: #fff;
}
header.standard .items {
    padding: 20px 0;
    text-align: right;
}
header.standard .items ul.elements {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
header.standard .items ul.elements li {
    float: left;
    border-right: 1px solid #404040;
    margin: 0;
    padding: 0 20px;
}
header.standard .items ul.elements li:first-child {
    padding: 0 20px 0 0;
}
header.standard .items ul.elements li:last-child {
    border: none;
    padding: 0 0 0 15px;
}
header.standard .items a,
header.standard .items span {
    line-height: 24px;
}
header.standard .items a {
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    text-decoration: none;
    color:  #404040;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    display: block;
}
header.standard .items a:after {
    content: "";
    background-color: #747474;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 4px;
    left: 1px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
header.standard .items a:hover {
    text-decoration: none;
}
header.standard .items a:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}




/******************************
 VERTICAL (left/right) menus
******************************/



/* Request a demo link*/
header.standard .request-demo-block {
    float: left;
    background: #032edd;
    position: relative;
    text-transform: uppercase;
}
header.standard .request-demo-block:after {
    content: "";
    background: url("../images/standard-menu-corner.png") right bottom no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
header.standard .request-demo-link {
    float: left;
    padding: 10px 20px 10px 20px;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
    position: relative;
}
header.standard .request-demo-link:after {
    content: none;
    background: url("../images/btn-arrows.png") -14px 0px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
}
header.standard .request-demo-link:hover {
    background-color: #1f42e1;
    text-decoration: none;
    color: #ffffff;
}

/* Mobile */
header.mobile {
    background-color: #fff;
    width: 96%;
    padding: 0 2%;
    height: 40px;
    overflow: hidden;
}
header.mobile #second-logotype {
    margin: 2px 0;
}
header.mobile #second-logotype img {
    width: 120px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
header.mobile ul.elements {
    margin: 0;
    float: right;
}
header.mobile ul.elements li {
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    list-style: none;
    position: relative;
}
header.mobile .btn-contacts {
    border: 1px solid #606060;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url("../images/btn-contacts.png") center center no-repeat;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
header.mobile .btn-contacts:hover {
    border: 1px solid #808080;
}
header.mobile .btn-menu {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 2%;
    cursor: pointer;
    display: block;
}
header.mobile .btn-menu .inner {
    width: 32px;
    height: 4px;
    margin: 15px 0;
    background: #272727;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
}
header.mobile .btn-menu .inner:after {
    top: 8px;
}
header.mobile .btn-menu .inner:before {
    top: -8px;
}
header.mobile .btn-menu .inner:after,
header.mobile .btn-menu .inner:before {
    content: '';
    display: block;
    width: 32px;
    height: 4px;
    background: #272727;
    position: absolute;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
header.mobile .btn-menu.close {
    text-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
header.mobile .btn-menu.close .inner {
    background: none !important;
}
header.mobile .btn-menu.close .inner:before {
    top: 0 !important;
    background: #272727 !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
header.mobile .btn-menu.close .inner:after {
    top: 0 !important;
    background: #272727 !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
header.mobile .dropdown-block {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 11;
    display: none;
}
body.admin-menu header.mobile .dropdown-block {
    top: 100px !important;
}
header.mobile .dropdown-block ul.menu {
    float: left;
    border-top: 1px solid #808080;
    width: 100%;
    margin: 0;
    display: inline-block;
}
header.mobile .dropdown-block ul.menu li {
    float: left;
    border-bottom: 1px solid #808080;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
header.mobile .dropdown-block ul.menu li a {
    background-color: #272727;
    width: 96%;
    padding: 10px 2%;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    display: block;
}
header.mobile .request-demo-block {
    float: left;
    width: 100%;
    position: relative;
}
header.mobile .request-demo-block .request-demo-link {
    float: left;
    background-color: #272727;
    width: 96%;
    padding: 10px 2%;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    color: #9dd3f6;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
    position: relative;
}
header.mobile .request-demo-block .request-demo-link:after {
    content: "";
    background: url("../images/btn-arrows.png") -14px 0px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
}
header.mobile .request-demo-block .request-demo-link:hover {
    background-color: #808080;
    text-decoration: none;
    color: #ffffff;
}
header.mobile .dropdown-block ul.menu li a:hover,
header.mobile .request-demo-block .request-demo-link:hover {
    background-color: #808080;
}
header.mobile .dropdown-block ul.menu li a:after,
header.mobile .request-demo-block:after {
    content: "";
    background: url("../images/mobile-menu-corner.png") right bottom no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
header.mobile .search {
    float: left;
    border-top: 1px solid #808080;
    background-color: #272727;
    width: 100%;
    margin: 0;
    padding: 5px 0;
}
header.mobile .search form {
    float: left;
    margin: 0;
    padding: 0 2%;
}
header.mobile .search input[type="text"] {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #eaeaea;
    width: 200px;
    margin: 0;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 16px;
    color: #404040;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
.search input[type="text"]:focus {
    width: 200px;
    color: #000000;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: #f5f5f5;
    margin: 0;
    padding: 5px 15px;
    list-style: none;
    font-size: 12px;
    line-height: 20px;
    color: #888888;
}
.breadcrumb a {
    font-size: 12px;
    line-height: 20px;
    color: #343434;
}
.breadcrumb .main-page-link {
    background: url("../images/breadcrumbs/main-page.png") 0 0 no-repeat;
    padding-left: 15px;
}
.breadcrumb .separator {
    background: url("../images/breadcrumbs/separator.png") 0 0 no-repeat;
    width: 7px;
    height: 8px;
    margin: 0 9px;
    display: inline-block;
}

/* Pager */
ul.pager {
    margin: 20px 0;
    list-style: none;
    text-align: center;
}
ul.pager li {
    margin: 0 3px 0 -3px;
    padding: 0;
    line-height: 18px;
}
ul.pager li.pager-current,
ul.pager li>a,
ul.pager li>span {
    border: 1px solid #ddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
}
ul.pager li>a {
    color: #343434;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
ul.pager li.pager-current {
    background-color: #032edd;
    color: #ffffff;
}
ul.pager li>a:hover {
    border: 1px solid #2475a8;
    background-color: #ffffff;
}
ul.pager li.pager-previous a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
ul.pager li.pager-next a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
ul.pager li.pager-first,
ul.pager li.pager-last {
    display: none;
}
.red {
    color: #ff0000;
}

/* Search result */
#search-result {
    background-color: #f5f5f5;
    margin-top: 40px;
    padding: 20px 0 65px 0;
}
#search-result ol.search-results {
    margin-bottom: 0;
    font-weight: bold;
    list-style: decimal;
}
#search-result ol.search-results li {
    margin-bottom: 30px;
}
#search-result ol.search-results li h4 {
    text-transform: none;
}
#search-result ol.search-results li h4 a {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#search-result ol.search-results li h4 a:hover {
    text-decoration: none;
    color: #000000;
}
#search-result ol.search-results li .search-snippet-info {
    padding: 0;
    font-size: 12px;
    line-height: 22px;
}
#search-result ol.search-results li p {
    margin: 0;
}
#search-result #search-form {
    margin-bottom: 50px;
    text-align: center;
}
#search-result .form-wrapper {
    display: inline-block;
}
#search-result .form-item,
#search-result .form-actions {
    float: left;
}
#search-result input[type="text"] {
    float: left;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-bottom: none;
    border-right: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #ffffff;
    width: 100%;
    max-width: 700px;
    margin: 0;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #404040;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: none;
    display: block;
}
#search-result input[type="text"]:focus {
    box-shadow: none;
}
#search-result input[type="image"] {
    border-top: 1px solid #71d7f6;
    border-left: 1px solid #71d7f6;
    border-bottom: none;
    border-right: none;
    width: 44px;
    height: 44px;
    background: -moz-linear-gradient(#4baeed, #3a9bd8);
    background: -ms-linear-gradient(#4baeed, #3a9bd8);
    background: -o-linear-gradient(#4baeed, #3a9bd8);
    background: -webkit-linear-gradient(#4baeed, #3a9bd8);
}
#search-result input[type="image"]:hover {
    background: -moz-linear-gradient(#3a9bd8, #3a9bd8);
    background: -ms-linear-gradient(#3a9bd8, #3a9bd8);
    background: -o-linear-gradient(#3a9bd8, #3a9bd8);
    background: -webkit-linear-gradient(#3a9bd8, #3a9bd8);
}

/* Node */
.page-head {
    margin-top: 40px;
    text-align: center;
}
.page-content {
    width: 100%;
}
body.not-front .page-content .node {
    margin-bottom: 0;
}
body.not-front .page-content .node {
    margin-bottom: 15px;
}
.node .field-name-field-sub-title {
    margin-top: 5px;
}
.node .field-name-field-sub-title .field-item {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
    color: #404040;
}
.node .field-name-body {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}
/* Preloader IMG */
.node img {
    visibility: hidden;
    opacity: 0;
}
.node a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.node a:hover {
    text-decoration: none;
}
.node a {
    margin-right: 5px;
    padding-right: 25px;
    font-family: 'SF UI Text';
    font-size: 14px;
    text-decoration: none;
    color: #2c8bc7;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
}
.node a:hover {
    text-decoration: underline;
}
.node a:after {
    content: "";
    background: url("../images/btn-arrows.png") -14px -28px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
}
#perating-principles {
    margin-top: 20px;
    color: #000;
}
#perating-principles .node .field-name-field-sub-title .field-item {
    margin-top: 25px;
    color: #000;
}

/* Sidebars */
.sidebar {
    margin-top: 20px;
}
#career .sidebar,
#contacts .sidebar {
    margin-top: 0;
}

/* Slider */
#slider {
    background-color: #ffffff;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#slider .content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#slider .view-banner {
    overflow: hidden;
}
#slider ul.slides,
#slider ul.slides li {
    margin: 0;
    padding: 0;
}
#slider ul.slides li .description {
   /* width: 100%;
    position: absolute;
    top: 25%;
    left: 0;*/
	
font-style: normal;
font-weight: bold;
font-size: 41px;
line-height: 49px;
/* identical to box height */
bottom:-90px;
position:absolute;
color: #323232;
}
#slider ul.slides li .description .span10 {
    float: none;
    margin: 0 auto;
}
#slider .imgWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#slider .flexslider {
    box-shadow: none;
    margin: 0;
    position: relative;
}
#slider .flexslider h3 {
    font-size: 48px;
}
#slider .flexslider .container {
    margin: 0 auto;
    display: block;
}
#slider .container {
    position: relative;
    margin: 0 auto;
}
#slider .arrows {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#slider .arrows .container {
    height: 100%;
}
#slider .slider-thumb {
    background: url("../images/slider-thumb-bg.png") 0 0 repeat;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 5;
}
#slider .slider-thumb .flex-thumb {
    padding: 10px 10px 10px 10px;
    text-align: left;
    background: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#slider .slider-thumb .flex-thumb:hover {
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
#slider .slider-thumb div.flex-item-active {
    border-bottom: 4px solid #032edd;
    background-color: #9b9b9b;
    padding: 10px 10px 6px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#slider .slider-thumb .flex-thumb .thumb-image,
#slider .slider-thumb .flex-thumb .thumb-title {
    vertical-align: middle;
    display: inline-block;
}
#slider .slider-thumb .flex-thumb .thumb-image {
    width: 30%;
    max-width: 70px;
    margin-right: 5%;
}
#slider .slider-thumb .flex-thumb .thumb-title {
    width: 65%;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}

/* Flexslider */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
#slider .flex-direction-nav a:before {
    display: none;
}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {
    width: 45px;
    height: 45px;
    margin: -20px 0 0;
    position: absolute;
    top: 45%;
    opacity: 0;
    text-decoration:none;
    color: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    display: block;
    z-index: 5;
    cursor: pointer;
}

.flex-direction-nav .flex-prev {
    background: url("../images/slider-arrows.png") 0 0 no-repeat #ffffff;
    left: -50px;
    text-align: left;
}
.flex-direction-nav .flex-next {
    background: url("../images/slider-arrows.png") -45px 0 no-repeat #ffffff;
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 0px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 0px;
}
.flex-direction-nav .flex-prev:hover {
    background: url("../images/slider-arrows-hover.png") 0 0 no-repeat #ffffff;
    opacity: 1;
}
.flex-direction-nav .flex-next:hover {
    background: url("../images/slider-arrows-hover.png") -45px 0 no-repeat #ffffff;
    opacity: 1;
}

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    float: left;
    width: 25%;
}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {
    position: static;
    overflow: hidden;
}
.flex-control-thumbs img {
    display: block;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .flex-direction-nav .flex-prev {left: 10px;}
    .flex-direction-nav .flex-next {right: 10px;}
}

/* Blocks */
.annonce-block {
    background-color: #ffffff;
    width: 100%;
    padding: 50px 0;
    position: relative;
}
.annonce-block .head {
    margin-bottom: 0;
}
.annonce-block .sub-head {
    margin-top: 5px;
}
.annonce-block .sub-head h3{
	font-size: 24px;
	font-weight: bold;
	font-family: 'SF UI Text';
}
.annonce-block .view-content {
    margin: 30px 0 25px 0;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
.annonce-block .view-content .hidden-text {
    display: none;
}
.annonce-block .view-content:after {
    content: '';
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 8%, rgba(255,255,255,1) 67%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(8%,rgba(255,255,255,0.12)), color-stop(67%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 8%,rgba(255,255,255,1) 67%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 8%,rgba(255,255,255,1) 67%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 8%,rgba(255,255,255,1) 67%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 8%,rgba(255,255,255,1) 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    position: absolute;
    width: 100%;
    height: 2em;
    bottom: 0;
    left: 0;
}
.annonce-block .btn-more-link {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 14px 45px 15px;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    display: inline-block;
}
.annonce-block .btn-more-link.open {
    background: #032edd;
}
.annonce-block .btn-more-link.close {
    background-color: #032edd;
}
.annonce-block .btn-more-link:after {
    content: none;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 30px;
}
.annonce-block .btn-more-link.open:after {
    background: url("../images/btn-arrows.png") 0 0 no-repeat;
}
.annonce-block .btn-more-link.close:after {
    background: url("../images/btn-arrows.png") -28px 0 no-repeat;
}
.annonce-block .btn-more-link.open,
.annonce-block .btn-more-link.close {
    float: none;
    text-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.annonce-block .btn-more-link.open:hover {
    background: #1f42e1;
    text-decoration: none;
}
.annonce-block .btn-more-link.close:hover {
     background-color: #1f42e1;
     text-decoration: none;
}
.annonce-block a {
    padding-right: 25px;
    font-size: 16px;
    text-decoration: none;
    color: #032edd;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
}
.annonce-block a:hover {
    text-decoration: underline;
}
.annonce-block a:after {
    content: "";
    background: url("../images/btn-arrows.png") -14px -28px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
}
.annonce-block table tbody tr:hover td {
    background: none;
    cursor: default;
}

/* First logotype */
#first-logotype {
    width: 100%;
    margin: 15px 0;
    display: inline-block;
}

/* Second logotype */
#second-logotype {
    float: left;
    max-width: 90px;
    padding: 5px 0;
}
#second-logotype  img {
    width: 0px;
    height: 100%;
    max-height: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

/* Search */
.search {
    float: right;
    margin: 5px 0;
}
.search form {
    float: right;
    margin: 0;
    border: 1px solid #58595b;
}
.search .form-item,
.search .form-actions {
    float: left;
}
.search .form-actions {
    width: 34px;
    height: 29px;
    overflow: hidden;
}
.search input[type="text"] {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: none;
    width: 70px;
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
.search input[type="text"]:focus {
    width: 160px;
    color: #000000;
}
.search input[type="image"] {
    background: none;
    padding: 7px 10px;
}
.search input[type="image"]:hover {
    background: none;
    padding: 7px 10px;
}

/* News & Events */
#news-events {
    width: 100%;
    padding: 50px 0;
}
#news-events .view-content {
    margin-bottom: 50px;
}
#news-events.block {
    background-color: #f5f5f5;
}
#news-events .views-row-odd .span5,
#news-events .views-row-odd .separator {
    float: left;
}
#news-events .views-row-even .span5,
#news-events .views-row-even .separator {
    float: right;
}
#news-events .item,
#news-events .item .separator {
    height: 212px;
    overflow: hidden;
}
#news-events .views-row-odd .separator {
    background: url("../images/news-evets-separator-01.png") center center no-repeat;
}
#news-events .views-row-even .separator {
    background: url("../images/news-evets-separator-02.png") center center no-repeat;
}
#news-events .item .span5:first-child {
    margin-top: 40px;
}
#news-events .item .span5:last-child {
    margin-top: 20px;
}
#news-events .views-row-odd .title,
#news-events .views-row-odd .date,
#news-events .views-row-odd .body {
    text-align: right;
}
#news-events .views-row-even .title,
#news-events .views-row-even .date,
#news-events .views-row-even .body {
    text-align: left;
}
#news-events .item .title {
    margin-bottom: 10px;
}
#news-events .item .title a {
    font-size: 18px;
    text-decoration: none;
    line-height: 22px;
    color: #404040;
    display: block;
}
#news-events .item .date {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 22px;
    color: #a1a1a1;
}
#news-events .item .body {
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
#news-events .btn-news-events-link {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*background: -moz-linear-gradient(#4baeed, #3a9bd8);*/
    background: #032edd;
    padding: 15px 45px 15px;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    display: inline-block;
}
#news-events .btn-news-events-link:after {
    content: none;
    background: url("../images/btn-arrows.png") -14px 0 no-repeat;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 30px;
}
#news-events .btn-news-events-link:hover {
    /*background: -moz-linear-gradient(#3a9bd8, #3a9bd8);*/
    background: #1f42e1;
    text-decoration: none;
}

/* Join Us */
#join-us {
   /* background: url("../images/background/like-what-you-see.jpg") center center no-repeat;*/
	background: url("../images/background/like-what-you-see-1.jpg") center center no-repeat;
	
    width: 100%;
    padding: 50px 0;
}
#join-us,
#join-us h2 {
    color: #ffffff;
    font-size: 50px;
}
#join-us .block-link {
    margin-top: 50px;
}
#join-us .span12{
    font-size: 24px;
}
#join-us .btn-career-link {
    /* background: url("../images/arrow-white.png") right 15px center no-repeat #fa3737; */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    padding: 14px 45px 15px;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    display: inline-block;
}
#join-us .btn-career-link:after {
    content: none;
    background: url("../images/btn-arrows.png") -14px 0 no-repeat;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 30px;
}
#join-us .btn-career-link:hover {
    background: #eee;
    text-decoration: none;
}

/* Projects */
#projects {
    background-color: #ffffff;
    width: 100%;
    padding: 50px 0;
}
#projects .item {
    margin-bottom: 50px;
    text-align: center;
}
#projects .item .image {
    margin-bottom: 20px;
}
/* Preloader IMG */
#projects .item .image img {
    visibility: hidden;
    opacity: 0;
}
#projects .item .title {
    margin-bottom: 10px;
    font-family: 'SF UI Text';
    font-size: 14px;
}
#projects .item .body {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
}
#projects .item .btn-project-link {
    padding-right: 25px;
    font-family: 'SF UI Text';
    font-size: 14px;
    text-decoration: none;
    color: #032edd;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
}
#projects .item .btn-project-link:hover {
    text-decoration: underline;
}
#projects .item .btn-project-link:after {
    content: "";
    background: url("../images/btn-arrows.png") -14px -28px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
}
#projects .btn-projects-link {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #032edd;
    padding: 14px 45px 15px;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    display: inline-block;
}
#projects .btn-projects-link:after {
    content: none;
    background: url("../images/btn-arrows.png") -14px 0 no-repeat;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 30px;
}
#projects .btn-projects-link:hover {
    background: #1f42e1;
    text-decoration: none;
}

/* External recognition */
#external-recognition {
    background-color: #f5f5f5;
    width: 100%;
    padding: 50px 0;
}
#external-recognition .slideshow,
#external-recognition .slider {
    float: none;
    margin: 0 auto;
    position: relative;
}
#external-recognition .views-slideshow-controls-top,
#external-recognition .views-slideshow-controls-bottom {
    text-align: center;
}
#external-recognition .views-slideshow-controls-top {
    margin-bottom: 35px;
}
#external-recognition .views-slideshow-controls-bottom {
    margin-top: 35px;
}
#external-recognition #views_slideshow_controls_text_external_recognition-block #views_slideshow_controls_text_previous_external_recognition-block {
    background: url("../images/external-recognition-arrows.png") 0 0 no-repeat;
    width: 17px;
    height: 30px;
    text-indent: -99999px;
    position: absolute;
    top: 28%;
    left: 0px;
}
#external-recognition #views_slideshow_controls_text_external_recognition-block #views_slideshow_controls_text_previous_external_recognition-block:hover {
    background: url("../images/external-recognition-arrows.png") 0 -30px no-repeat;
}
#external-recognition #views_slideshow_controls_text_external_recognition-block #views_slideshow_controls_text_next_external_recognition-block {
    background: url("../images/external-recognition-arrows.png") -17px 0 no-repeat;
    width: 17px;
    height: 30px;
    text-indent: -99999px;
    position: absolute;
    top: 28%;
    right: 0px;
}
#external-recognition #views_slideshow_controls_text_external_recognition-block #views_slideshow_controls_text_next_external_recognition-block:hover {
    background: url("../images/external-recognition-arrows.png") -17px -30px no-repeat;
}
#external-recognition #views_slideshow_controls_text_external_recognition-block #views_slideshow_controls_text_pause_external_recognition-block {
    display: none;
}
#external-recognition .views-slideshow-controls-top .views-slideshow-pager-field-item,
#external-recognition .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #ffffff;
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
    cursor: pointer;
}
#external-recognition .views-slideshow-controls-top .views-slideshow-pager-field-item:hover,
#external-recognition .views-slideshow-controls-bottom .views-slideshow-pager-field-item:hover,
#external-recognition .views-slideshow-controls-top .views-slideshow-pager-field-item.active,
#external-recognition .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active {
    border: 1px solid #032edd;
    background-color: #032edd;
}
#external-recognition .views-slideshow-controls-top .views-slideshow-pager-field-item .views-content-nid,
#external-recognition .views-slideshow-controls-bottom .views-slideshow-pager-field-item .views-content-nid {
    display: none;
}
#external-recognition .views-row .image {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 5px 10px 0px #dddddd;
}
#external-recognition .views-row {
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
#external-recognition .views-row .text {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    padding: 25px 25px 50px 25px;
    box-shadow: 2px 5px 10px 0px #dddddd;
    position: relative;
}
#external-recognition .views-row .text:before {
    content: "";
    background: url("../images/external-recognition-arrow.png") 0 0 no-repeat;
    width: 9px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -8px;
}
#external-recognition .views-row .text .date {
    font-size: 12px;
    color: #a1a1a1;
}
#external-recognition .views-row .text .title {
    font-family: 'SF UI Text';
}
#external-recognition .views-row .text a {
    padding-right: 25px;
    font-family: 'SF UI Text';
    font-size: 14px;
    text-decoration: none;
    color: #032edd;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
}
#external-recognition .views-row .text a:after {
    content: "";
    background: url("../images/btn-arrows.png") -14px -28px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
}
#external-recognition .views-row .text a:hover {
    text-decoration: underline;
}
#external-recognition .views-row .text .author {
    color: #a1a1a1;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

/* Sub menu */
#sub-menu {
    background-color: #f5f5f5;
    padding: 65px 0;
}
#sub-menu .menu .row {
    margin-bottom: 80px;
}
#sub-menu .menu .row:last-child {
  /*  margin-bottom: 0;*/
}
#sub-menu .menu .image {
    width: 25%;
}
#sub-menu .menu .image .imgWrapper {
    -moz-border-radius: 50%;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    background: fixed;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
    clear: both;
    cursor: pointer;
    display: inline-block;
    transition: all 0.5s ease-out;
}

#sub-menu .menu .item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
}

#sub-menu .menu .item:hover .imgWrapper img {
  opacity: 0;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#sub-menu .menu .item:hover .imgWrapper {
  background: url('../images/hover-effect.png') no-repeat center;
}

#sub-menu .menu .body {
    align-self: center;
    width: 75%;
}
#sub-menu .menu .body a {
    text-decoration: none;
}
#sub-menu .menu .body .title {
    margin-bottom: 20px;
    font-family: 'SF UI Text';
    font-size: 28px;
    line-height: 1;
    color: #000;
}
#sub-menu .menu .body .description {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 16px;
    color: #000;
	
	line-height: 1.5em;
}
#sub-menu .menu .body .text-link {
    padding-right: 25px;
    font-family: 'SF UI Text';
    font-size: 14px;
    text-decoration: none;
    color: #032edd;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
}
#sub-menu .menu .body a:hover .text-link {
    text-decoration: underline;
}
#sub-menu .menu .body .text-link:after {
    content: "";
    background: url("../images/btn-arrows.png") -14px -28px no-repeat;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
}

/* Gallery */
#gallery header.standard.fixedHeader {
    position: relative;
}
#gallery header.standard.fixedHeader #second-logotype img {
    width: 100%;
    height: 100%;
    max-height: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#gallery footer {
    border-top: 1px solid #eaeaea;
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}
#gallery .tf_thumbs {
    z-index: 10;
}
#gallery .tf_next,
#gallery .tf_prev {
    z-index: 10;
}
#gallery .tf_bg {
    z-index: -1;
}

/* 3D Gallery */
#three-d-gallery {
    border-top: 1px solid #f5f5f5;
    width: 100%;
    padding: 25px 0 50px 0;
    position: relative;
}
#three-d-gallery .head {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}
#three-d-gallery .content {
    width: 100%;
    padding: 30px 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#three-d-gallery .spritespin-instance {
    margin: 0 auto;
    cursor: e-resize;
}

/* Clients */
#clients {
    width: 100%;
    padding-top: 50px;
    position: relative;
}
#clients .head {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}
#clients .content {
    width: 100%;
    padding: 30px 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#clients .owl-carousel .owl-item {
    text-align: center;
}
#clients .owl-buttons {
    width: 100%;
    height: 64px;
    margin-top: 30px;
    position: relative;
}
#clients .owl-prev,
#clients .owl-next {
    background-image: url("../images/team-arrows.png");
    width: 64px;
    height: 64px;
    margin-top: -32px;
    text-indent: -9999px;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#clients .owl-prev {
    background-position: 0 0;
    margin-left: -64px;
    top: 50%;
    left: 50%;
}
#clients .owl-prev:hover {
    background-image: url("../images/team-arrows-hover.png");
}
#clients .owl-next {
    background-position: 64px 0;
    margin-right: -64px;
    top: 50%;
    right: 50%;
}
#clients .owl-next:hover {
    background-image: url("../images/team-arrows-hover.png");
}
#clients .owl-prev.disabled,
#clients .owl-next.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.50 !important;
    -khtml-opacity: 0.50 !important;
    opacity: 0.50 !important;
    display: block;
}
#clients .owl-carousel .owl-item {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
#clients .owl-prev.disabled:hover {
    background-image: url("../images/team-arrows.png") !important;
}
#clients .owl-next.disabled:hover {
    background-image: url("../images/team-arrows.png") !important;
}

/* Team */
#team {
    background-color: #f5f5f5;
    width: 100%;
    margin-top: 30px;
    position: relative;
}
#team .loader {
    background: url("../images/loader-red.gif") 0 0 no-repeat;
}
#team .head {
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
}
#team .head h2 {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}
#team .content {
    width: 100%;
    padding: 50px 0 30px 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#team .item {
    margin: 0 15px 30px 15px;
}
#team .item .mask {
    background-color: #ff0000;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    position: relative;
}
#team .item .mask .image img {
    width: 100%;
    height: auto;
    position: relative;
}
#team .item .mask .social-profile {
    width: 100%;
    margin-top: -16px;
    text-align: center;
    position: absolute;
    top: 50%;
    display: none;
    z-index: 10;
}
#team .item .btn-facebook-link,
#team .item .btn-twitter-link,
#team .item .btn-google-plus-link {
    width: 32px;
    height: 32px;
    margin: 0 5px;
    display: inline-block;
}
#team .item .btn-facebook-link {
    background: url("../images/icons/icon-facebook.png") 0 0 no-repeat;
}
#team .item .btn-twitter-link {
    background: url("../images/icons/icon-twitter.png") 0 0 no-repeat;
}
#team .item .btn-google-plus-link {
    background: url("../images/icons/icon-google-plus.png") 0 0 no-repeat;
}
#team .item .title {
    font-family: 'SF UI Text';
    font-size: 22px;
    text-align: center;
    line-height: 22px;
}
#team .item .position {
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}
#team .item .body {
    margin-top: 20px;
    text-align: center;
}
#team .item .body p {
    margin-bottom: 0;
}
#team .owl-controlls {
    float: left;
    position: relative;
    width: 100%;
    height: 64px;
    margin: 50px 0 30px 0;
}
#team .owl-prev,
#team .owl-next {
    background-image: url("../images/team-arrows.png");
    width: 64px;
    height: 64px;
    margin-top: -32px;
    text-indent: -9999px;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#team .owl-prev {
    background-position: 0 0;
    margin-left: -64px;
    top: 50%;
    left: 50%;
}
#team .owl-prev:hover {
    background-image: url("../images/team-arrows-hover.png");
}
#team .owl-next {
    background-position: 64px 0;
    margin-right: -64px;
    top: 50%;
    right: 50%;
}
#team .owl-next:hover {
    background-image: url("../images/team-arrows-hover.png");
}
#team .owl-prev.disabled,
#team .owl-next.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.50 !important;
    -khtml-opacity: 0.50 !important;
    opacity: 0.50 !important;
    display: block;
}
#team .owl-carousel .owl-item {
    float: none;
    display: inline-block;
    vertical-align: top;
}
#team .owl-prev.disabled:hover {
    background-image: url("../images/team-arrows.png") !important;
}
#team .owl-next.disabled:hover {
    background-image: url("../images/team-arrows.png") !important;
}

/* Career */
#career .page-head {
    margin-bottom: 20px;
}
#career .content-container {
    background-color: #f5f5f5;
    margin-top: 15px;
    padding: 50px 0 30px 0;
}
#career .item {
    margin-bottom: 20px;
}
#career .item .vacancy {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
    cursor: pointer;
}
#career .item .vacancy a {
    width: 100%;
    height: 100%;
    display: block;
}
#career .item .vacancy .arrow {
    float: left;
    background: url("../images/career-vacancy-arrow.png") center center no-repeat #cccccc;
    width: 78px;
    height: 79px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
}
#career .item .vacancy .arrow:after {
    content: "";
    background: url("../images/career-vacancy-corner.png") 0 0 no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
}
#career .item .vacancy:hover .arrow {
    background: url("../images/career-vacancy-arrow.png") center center no-repeat #032edd;
}
#career .item .vacancy .inner {
    float: left;
    padding: 20px 30px;
}
#career .item .vacancy .inner .title {
    width: 100%;
    line-height: 18px;
    color: #343434;
}
#career .item .vacancy .inner .job-family {
    line-height: 18px;
    color: #032edd;
    display: inline-block;
}
#career .item .vacancy .inner .created {
    font-size: 12px;
    line-height: 18px;
    color: #888888;
    display: inline-block;
}
#career-filter {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 5px 20px;
}
#career-filter .head {
    margin: 0;
    text-align: left;
}
#career-filter .head h3 {
    font-family: "HelveticaNeue-CondensedBold", Arial, sans-serif;
}
#career-filter .views-widget-filter-field_job_family_tid,
#career-filter .views-widget-filter-field_location_tid {
    width: 100%;
}
#career-filter .form-item-field-job-family-tid,
#career-filter .form-item-field-location-tid {
    width: 100%;
}
#career-filter .form-item-field-job-family-tid select,
#career-filter .form-item-field-location-tid select {
    border: 1px solid #cccccc;
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 14px;
    color: #808080;
}
#career-filter .text {
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #808080;
}
#career-filter .views-exposed-form .views-exposed-widget {
    float: right;
    padding: 0;
}
#career-filter input[type="submit"] {
    float: right;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    /*background-image: url("../images/arrow-white.png");*/
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-color: #032edd;
    margin: 0;
    padding: 10px 45px 10px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    display: inline-block;
}
#career-filter input[type="submit"]:hover {
    background-color: #1f42e1;
}

/* Vacancy */
.node-type-career .page-head {
    margin-bottom: 40px;
}
.node-type-career .page-content {
    background-color: #f5f5f5;
}
.vacancy {
    border-right: 1px solid #cccccc;
    padding-right: 30px;
    margin-bottom: 0 !important;
}
#vacancy-feedback .messages {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    width: 55%;
    margin: 20px 0;
    padding: 10px 35px 10px 50px;
}
#vacancy-feedback {
    border-right: 1px solid #cccccc;
    padding: 35px 0 35px 0;
}
#vacancy-feedback .head {
    margin-bottom: 20px;
    text-align: left;
}
#vacancy-feedback form {
    width: 65%;
}
#vacancy-feedback input[type="text"],
#vacancy-feedback input[type="email"] {
    border: 1px solid #cccccc;
    width: 89%;
    margin-bottom: 20px;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    color: #808080;
}
#vacancy-feedback #webform-component-name input[type="text"] {
    background: url("../images/icons/icon-feedback-person.png") 12px center no-repeat;
}
#vacancy-feedback #webform-component-email input[type="email"] {
    background: url("../images/icons/icon-feedback-email.png") 10px center no-repeat;
}
#vacancy-feedback #webform-component-phone input[type="text"] {
    background: url("../images/icons/icon-feedback-phone.png") 13px center no-repeat;
}
#vacancy-feedback .form-file {
    float: right;
    box-shadow: none;
    width: 75% !important;
    background: none;
}
#vacancy-feedback .form-file input[type="file"] {
    width: 100% !important;
}
#vacancy-feedback .jq-file__name {
    float: right;
    border: 1px solid #cccccc;
    box-sizing: content-box;
    box-shadow: none;
    background: url("../images/icons/icon-feedback-file.png") 10px center no-repeat #ffffff;
    width: 85%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 50px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #808080;
}
#vacancy-feedback .jq-file__browse {
    display: none;
}
/*#vacancy-feedback #webform-component-file .error {
    background: none;
}*/
#vacancy-feedback #webform-component-file .form-submit {
    float: left;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-image: url("../images/arrow-white.png");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-color: #2c8bc7;
    padding: 10px 50px 10px 20px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    display: inline-block;
}
#vacancy-feedback #edit-submitted-file-upload-button:hover {
    background-color: #fe6767;
}
#vacancy-feedback .form-actions input[type="submit"] {
    float: right;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-image: url("../images/arrow-white.png");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-color: #032edd;
    padding: 10px 50px 10px 20px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    display: inline-block;
}
#vacancy-feedback .form-actions input[type="submit"]:hover {
    background-color: #1f42e1;
}

.skills ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.skills ul li {
    margin: 0 0 10px 0;
    padding: 0;
}
.skills ul li:last-child {
    margin: 0;
}
.contact-person {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 14px;
    margin-bottom: 15px;
}
.contact-person .image {
    margin-bottom: 15px;
}
.contact-person .title {
    font-family: 'SF UI Text';
}
.email a {
    text-decoration: none;
    color: #404040;
    position: relative;
    display: inline-block;
}
.email a:after {
    content: "";
    background-color: #747474;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 2px;
    left: 1px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.email a:hover {
    text-decoration: none;
}
.email a:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/* Portfolio */
#portfolio {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}
#portfolio .container {
    overflow: visible;
}
#portfolio .item {
    margin-bottom: 30px;
}
#portfolio .logotype {
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    height: 170px;
    position: relative;
}
#portfolio .information {
    border: 1px solid #cccccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    background-color: #f5f5f5;
    padding: 30px 30px 20px 30px;
    min-height: 170px;
}
#portfolio .date {
    font-size: 12px;
    line-height: 20px;
    color: #a1a1a1;
}
#portfolio .link a {
    margin-top: 5px;
    font-family: "HelveticaNeue-CondensedBold", Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 22px;
    color: #032edd;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
#portfolio .link a:hover {
    text-decoration: none;
    color: #000000;
}
#portfolio .body {
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
#portfolio .full-body {
    display: none;
}
#portfolio .close-content {
    background: url("../images/icons/icon-close.png") center center no-repeat;
    width: 30px;
    height: 30px;
}
#portfolio form {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    margin: 0 0 30px 0;
}
#portfolio form label {
    margin: 0 25px 0 0;
    text-transform: uppercase;
    display: inline-block;
}
#portfolio form .views-widget,
#portfolio form .views-exposed-widget,
#portfolio form .views-submit-button {
    padding: 0;
    margin: 0;
    display: inline-block;
}
#portfolio form select {
    border: 1px solid #cccccc;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #808080;
}
#portfolio form input[type="submit"] {
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-image: url("../images/arrow-white.png");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-color: #fa3737;
    margin: 0 0 0 25px;
    padding: 10px 50px 10px 20px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    display: none;
}
#portfolio input[type="submit"]:hover {
    background-color: #fe6767;
}
#portfolio .form-item {
    float: left;
    margin: 0 10px 5px 0;
}
#portfolio .form-item a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #032edd;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: capitalize;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
#portfolio .form-item.selected a,
#portfolio .form-item a:hover {
    background-color: #1f42e1;
}

/* Footer */
footer {
    border-top: 1px solid #eaeaea;
    background-color: #ffffff;
    width: 100%;
}
footer .top {
    padding-top: 20px;
}
footer .top .left {
    border-right: 1px solid #eaeaea;
    margin-right: -1px;
    padding: 25px 0;
}
footer .top .right {
    padding: 20px 0 25px 0;
}
footer .middle {

}
footer .bottom {
    padding: 5px 0 0 0;
}

/* Subscribe */
#subscribe {
    width: 100%;
    margin: 40px 0;
    display: inline-block;
}
#subscribe p {
    margin: 0;
    padding: 0;
    color: #808080;
}
#subscribe label {
    display: none;
}
#subscribe .form-item {
    display: inline-block;
}
#subscribe input[type="text"] {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: url("../images/icons/icon-subscribe.png") 10px center no-repeat #ffffff;
    width: 150px;
    margin: 0 10px 0 0;
    padding: 10px 10px 10px 40px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #808080;
    display: inline-block;
}
#subscribe input[type="submit"] {
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-repeat: no-repeat;
    background-color: #032edd;
    padding: 10px 35px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    display: inline-block;
}
#subscribe input[type="submit"]:hover {
    background-color: #1f42e1;
}

/* Social networks */
#social-networks {
    width: 100%;
    margin: 45px 0;
    display: inline-block;
}
#social-networks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
#social-networks ul li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}
#social-networks ul li.last {
    margin: 0;
}
#social-networks ul li a {
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
#social-networks ul li a:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
}
#social-networks ul li a.twitter:hover {
    filter: none;
    background: url("../images/social/twitter-hover.png") 0 0 no-repeat;
}
#social-networks ul li a.vkontakte {
    background: url("../images/social/youtube.png") 0 0 no-repeat;
}
#social-networks ul li a.facebook {
    background: url("../images/social/facebook.png") 0 0 no-repeat;
}
#social-networks ul li a.twitter {
    background: url("../images/social/twitter.png") 0 0 no-repeat;
}
#social-networks ul li a.instagram {
    background: url("../images/social/instagram.png") 0 0 no-repeat;
}
#social-networks ul li a.pinterest {
    background: url("../images/social/pinterest.png") 0 0 no-repeat;
}
#social-networks ul li a.linkedin {
    background: url("../images/social/linkedin.png") 0 0 no-repeat;
}
#social-networks ul li a.google_plus {
    background: url("../images/social/google_plus.png") 0 0 no-repeat;
}

/* Menu */
footer ul.menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
footer ul.menu li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
}
footer ul.menu li a {
    margin-bottom: 25px;
    padding-right: 15px;
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #000000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
}
footer ul.menu li ul {
    width: 100%;
}
footer ul.menu li ul li {
    float: left;
    width: 100%;
    margin: 0;
}
footer ul.menu li ul li a {
    float: left;
    margin: 0;
    padding-right: 15px;
    font-size: 14px;
    text-decoration: none;
    line-height: 26px;
    color: #032edd;
    position: relative;
    display: block;
}
footer ul.menu li ul li a:hover {
    text-decoration: none;
    color: #000000;
}

/* Address */
/* Block */
.tab-address {
    display: inline-block;
}
.tab-address ul.address-list {
    margin: 0 0 35px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.tab-address ul.address-list li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 10px 0;
    position: relative;
}
.tab-address ul.address-list li:last-child {
    margin: 0;
}
.tab-address ul.address-list li a {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: -moz-linear-gradient(#ffffff, #f0f0f0);
    background: -ms-linear-gradient(#ffffff, #f0f0f0);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    background: -webkit-linear-gradient(#ffffff, #f0f0f0);
    padding: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0px 2px 5px 0px #d9d9d9;
    display: block;
    overflow: hidden;
}
.tab-address ul.address-list li.active a,
.tab-address ul.address-list li a:hover {
    background: -ms-linear-gradient(#2c8bc8, #44a6e4);
    background: -o-linear-gradient(#2c8bc8, #44a6e4);
    background: -webkit-linear-gradient(#2c8bc8, #44a6e4);
}
.tab-address ul.address-list li.active a:after {
    content: "";
    background: url("../images/address-arrow.png") 0 0 no-repeat;
    width: 20px;
    height: 10px;
    margin: 0 0 0 -10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    z-index: 5;
}
.tab-address ul.address-list li img {
    border: 1px solid #868282;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.tab-address .address-item {
    float: left;
    width: 100%;
}
.tab-address .address-item .title {
    margin-bottom: 35px;
    font-family: 'SF UI Text';
    font-size: 24px;
    line-height: 24px;
}
.tab-address .address-item .address,
.tab-address .address-item .email,
.tab-address .address-item .phone,
.tab-address .address-item .person {
    margin-bottom: 15px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
}
.tab-address .address-item .address {
    background: url("../images/icons/icon-address-address.png") 0 center no-repeat;
}
.tab-address .address-item .email {
    background: url("../images/icons/icon-address-email.png") 0 center no-repeat;
}
.tab-address .address-item .phone {
    background: url("../images/icons/icon-address-phone.png") 0 center no-repeat;
}
.tab-address .address-item .person {
    background: url("../images/icons/icon-address-person.png") 0 center no-repeat;
}
/* Page */
.address {
    margin-bottom: 30px;
}
.address .address-item {
    float: left;
    width: 100%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 30px;
}
.address .address-item .inner {
    border: 1px dashed #cccccc;
    padding: 25px 20px;
    min-height: 190px;
}
.address-item .title {
    margin-bottom: 35px;
    font-family: 'SF UI Text';
    font-size: 24px;
    line-height: 24px;
}
.address-item .address,
.address-item .email,
.address-item .phone,
.address-item .person {
    margin-bottom: 15px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
}
.address-item .address {
    background: url("../images/icons/icon-address-address.png") 0 center no-repeat;
}
.address-item .email {
    background: url("../images/icons/icon-address-email.png") 0 center no-repeat;
}
.address-item .phone {
    background: url("../images/icons/icon-address-phone.png") 0 center no-repeat;
}
.address-item .person {
    background: url("../images/icons/icon-address-person.png") 0 center no-repeat;
}

/* Feedback, demo request */
#contacts-feedback,
#request-demo {
    width: 100%;
}
#request-demo {
    margin-bottom: 80px;
}
#request-demo .span4 {
    float: none;
    margin: 0 auto;
}
#contacts-feedback .ajax-progress,
#request-demo .ajax-progress {
    margin-top: 25px;
}
#contacts-feedback .notice,
#request-demo .notice {
    margin-bottom: 20px;
}
#contacts-feedback .messages,
#request-demo .messages {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    border: 1px solid;
    width: 79%;
    margin: 0 0 20px 0;
    padding: 5px 35px 5px 40px;
}
#contacts-feedback form {
    width: 100%;
}
#contacts-feedback input[type="text"],
#contacts-feedback input[type="email"],
#request-demo input[type="text"],
#request-demo input[type="email"] {
    border: 1px solid #cccccc;
    width: 83%;
    margin-bottom: 20px;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    color: #808080;
    box-shadow: none;
}
#contacts-feedback #webform-component-id-like-to-talk-about,
#request-demo #webform-component-id-like-to-talk-about {
    margin-bottom: 20px;
}
#contacts-feedback .select-or-other-processed input[type="text"],
#request-demo .select-or-other-processed input[type="text"] {
    width: 94%;
    margin: 5px 0 0 0;
    padding: 10px;
}
#contacts-feedback input[type="checkbox"],
#request-demo input[type="checkbox"] {
    margin: 0 15px 0 0;
    display: inline;
}
#contacts-feedback .form-type-checkbox label,
#request-demo .form-type-checkbox label {
    display: inline;
}
#contacts-feedback .form-type-checkbox,
#request-demo .form-type-checkbox {
    margin-bottom: 20px;
}
#contacts-feedback select,
#request-demo select {
    border: 1px solid #cccccc;
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 14px;
    color: #808080;
}
#contacts-feedback .select-or-other-processed select,
#request-demo .select-or-other-processed select {
    margin-bottom: 0;
}
#contacts-feedback textarea,
#request-demo textarea {
    border: 1px solid #cccccc;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    font-size: 14px;
    color: #808080;
    resize: none;
}
#contacts-feedback .grippie,
#request-demo .grippie {
    margin-bottom: 20px;
    display: none;
}
#contacts-feedback #webform-component-first-name input[type="text"],
#contacts-feedback #webform-component-last-name input[type="text"],
#request-demo #webform-component-first-name input[type="text"],
#request-demo #webform-component-last-name input[type="text"] {
    background: url("../images/icons/icon-feedback-person.png") 13px center no-repeat;
}
#contacts-feedback #webform-component-email-address input[type="email"],
#request-demo #webform-component-email-address input[type="email"] {
    background: url("../images/icons/icon-feedback-email.png") 10px center no-repeat;
}
#contacts-feedback #webform-component-company input[type="text"],
#request-demo #webform-component-company input[type="text"] {
    background: url("../images/icons/icon-feedback-company.png") 13px center no-repeat;
}
#contacts-feedback #webform-component-phone-number input[type="text"],
#request-demo #webform-component-phone-number input[type="text"] {
    background: url("../images/icons/icon-feedback-phone.png") 13px center no-repeat;
}
#contacts-feedback .error,
#request-demo .error {
    border: 1px solid #fe6767 !important;
}
#contacts-feedback .form-actions input[type="submit"],
#request-demo .form-actions input[type="submit"] {
    float: right;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    /*background-image: url("../images/arrow-white.png");*/
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-color: #032edd;
    padding: 10px 45px 10px;
    font-family: "HelveticaNeueRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    display: inline-block;
}
#contacts-feedback .form-actions input[type="submit"]:hover,
#request-demo .form-actions input[type="submit"]:hover {
    background-color: #1f42e1;
}

.webform-client-form .form-actions {
    margin-top: 20px;
}
/* Google map */
#map-address {
    width: 100%;
    position: relative;
}
#map-address .head {
    margin-bottom: 20px;
}
#map-address .mapOverlay {
    background-color: #ffffff;
    position: relative;
}
#map-address #googleMap {
    width: 100%;
    /*height: 600px;*/
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
#map-address #googleMap #map{
    width:100%;
    height: 152px;
    z-index:0;
}
#map-address #googleMap #map img{
    width:auto;
    max-width:none;
}
#map-address #googleMap #map a{
    font-family: "HelveticaNeueRegular", "Arial", sans-serif;
}

/* Technology */
#technology {
    width: 100%;
}
#technology .head {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
}
#technology .head h2 {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    text-transform: uppercase;
    font-weight: normal;
}
#technology .view-content {
    padding: 0 25px;
}
#technology .content {
    background-color: #f5f5f5;
    width: 100%;
    padding: 5px 0;
}
#technology .content .item {
   /* padding: 5% 20%;*/
    text-align: center;
}
#technology .content .item a img {
    width: 100%;
    max-width: 100px;
    height: auto;
    max-height: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#technology .content .item a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#technology .owl-prev,
#technology .owl-next {
    background-image: url("../images/btn-arrows.png");
    width: 14px;
    height: 14px;
    margin-top: -7px;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#technology .owl-prev {
    background-position: 0 -14px;
    left: -20px;
}
#technology .owl-next {
    background-position: -14px -14px;
    right: -20px;
}
#technology .owl-prev.disabled,
#technology .owl-next.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    filter: alpha(opacity=50) !important;
    -moz-opacity: 0.50 !important;
    -khtml-opacity: 0.50 !important;
    opacity: 0.50 !important;
    display: block;
}
#technology .owl-carousel .owl-item {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

/* Copyrights */
#copyrights {
    float: left;
}
#copyrights p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 28px;
    color: #808080;
}
#copyrights .site-name {
    text-transform: uppercase;
}

/* Notice */
#notice {
    float: right;
}
#notice p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 28px;
    color: #808080;
}

/* Develop */
#develop {
    float: right;
}
#develop .btn-link-pugu {
    float: right;
    margin-top: 5px;
    background: url("../images/logotype-pugu.png") 0 0 no-repeat;
    width: 50px;
    height: 15px;
    display: block;
}

/* Scroll UP */
.scrollUp {
    background: url("../images/icons/icon-top.png") no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    opacity: 0.3;
    position: fixed;
    bottom: 150px;
    right: 100px;
    z-index: 10;
    display: none;
}

/* Disqus */
#disqus-comments {
    width: 100%;
    padding: 25px 0 50px 0;
}
#disqus-comments .head {
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
}
#disqus-comments .head h2 {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}
#disqus-comments .content {
    width: 100%;
    padding: 50px 0 30px 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.webform-confirmation {
    position: relative;
    background-color: #fff;
}
#contacts-feedback .webform-confirmation {
    top: -40px;
}
.page-content .webform-confirmation,
.page-content .links {
    text-align: center;
    margin: 15px 0;
}
.block.block-system .notice {
    margin-left: 200px;
}
#block-system-main {
    margin-top: -15px;
}

/* MEDIA QUERIES
================================================== */
/* Large desktop */
@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 1200px) {
    body {
        font-size: 12px;
        line-height: 16px;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    ul li {
        margin-top: 5px;
        padding: 0 0 0 10px;
        line-height: 16px;
    }  
    form {
        margin: 0 0 10px 0;
    }
    label,
    input,
    button,
    select,
    textarea {
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
    }
    .field {
        margin-bottom: 10px;
    }
    .field-head {
        padding-bottom: 4px;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 16px;
    }
    .field-body {
        font-size: 12px;
        line-height: 16px;
    }
    .field-with-label label {
        font-size: 12px;
        line-height: 16px;
    }
    .page-head {
        margin-top: 20px;
    }
    .head {
        margin-bottom: 20px;
    }
    #request-demo-link {
        padding: 10px 45px 10px 15px;
        font-size: 12px;
        line-height: 16px;
    }
    #request-demo-link:after {
        right: 20px;
    }
    #search {
        margin: 5px 0;
    }
    #search input[type="text"] {
        width: 70px;
        padding: 3px 5px;
        font-size: 12px;
        line-height: 16px;
    }
    #search input[type="text"]:focus {
        width: 130px;
    }
    #search input[type="image"] {
        padding: 5px 9px;
    }
    #search .form-actions {
        width: 34px;
        height: 25px;
    }
    .search .form-actions {
        width: 29px;
    }
    .search input[type="image"],
    .search input[type="image"]:hover {
        padding: 7px;
    }
    body.not-front .page-content .node {
        margin-bottom: 10px;
    }
    .node .field-name-body {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .node-type-career .page-head {
        margin-bottom: 20px;
    }
    #sub-menu {
        padding: 35px 0;
    }
    #sub-menu .menu .row {
        margin-bottom: 40px;
    }
    #sub-menu .menu .image {
        margin-right: 10px;
    }
    #sub-menu .menu .body .title {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 16px;
    }
    #sub-menu .menu .body .description {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 14px;
    }
    #sub-menu .menu .body .btn-menu-link {
        padding-right: 20px;
        font-size: 12px;
    }
    #slider .slider-thumb .flex-item-active {
        padding: 5px 5px 6px 5px;
    }
    #slider .slider-thumb .flex-thumb {
        padding: 5px 5px 5px 5px;
    }
    #slider .slider-thumb .flex-thumb .thumb-image {
        width: 25%;
        max-width: 70px;
        margin-right: 5%;
    }
    #slider .slider-thumb .flex-thumb .thumb-title {
        width: 70%;
        font-size: 10px;
        line-height: 12px;
    }
    .annonce-block {
        padding: 25px 0;
    }
    .annonce-block a {
        padding-right: 20px;
        font-size: 12px;
    }
    .annonce-block .view-content {
        margin: 20px 0 5px 0;
        font-size: 12px;
        line-height: 18px;
    }
    .annonce-block .btn-more-link {
        padding: 9px 35px 10px 19px;
        font-size: 12px;
    }
    .annonce-block .btn-more-link:after {
        right: 15px;
    }
    #news-events {
        padding: 25px 0;
    }
    #news-events .view-content {
        margin-bottom: 25px;
    }
    #news-events .item .span5:first-child {
        margin-top: 20px;
    }
    #news-events .item .title {
        margin-bottom: 5px;
    }
    #news-events .item .title a {
        font-size: 14px;
        line-height: 18px;
    }
    #news-events .item .date {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 12px;
    }
    #news-events .item .body {
        font-size: 12px;
        line-height: 18px;
    }
    #news-events .item,
    #news-events .item .separator {
        height: 166px;
    }
    #news-events .btn-news-events-link {
        padding: 9px 35px 10px 19px;
        font-size: 12px;
    }
    #news-events .btn-news-events-link:after {
        right: 15px;
    }
    #join-us {
        padding: 25px 0;
    }
    #join-us .btn-career-link {
        padding: 9px 85px 10px 69px;
        font-size: 12px;
    }
    #join-us .btn-career-link:after {
        right: 15px;
    }
    #projects {
        padding: 25px 0;
    }
    #projects .item {
        margin-bottom: 20px;
    }
    #projects .item .title {
        margin-bottom: 5px;
        font-size: 12px;
    }
    #projects .item .body {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 14px;
    }
    #projects .item .btn-project-link {
        padding-right: 20px;
        font-size: 12px;
    }
    #projects .btn-projects-link {
        padding: 9px 35px 10px 19px;
        font-size: 12px;
    }
    #projects .btn-projects-link:after {
        right: 15px;
    }
    #external-recognition {
        padding: 25px 0;
    }
    #external-recognition .views-row .text {
        padding: 15px 15px 40px 15px;
    }
    #external-recognition .views-row .text .date {
        font-size: 10px;
    }
    #external-recognition .views-row {
        font-size: 12px;
        line-height: 18px;
    }
    #external-recognition .views-row .text a {
        padding-right: 20px;
        font-size: 12px;
    }
    #external-recognition .views-slideshow-controls-bottom {
        margin-top: 15px;
    }
    #technology .content {
        padding: 10px 0;
    }
    #technology .jcarousel-skin-default .jcarousel-container-horizontal {
        height: 35px;
    }
    #technology .jcarousel-skin-default .jcarousel-item {
        height: 35px;
    }
    #clients {
        padding-top: 30px;
    }
    #clients .content {
        padding: 30px 0 10px 0;
    }
    #clients .jcarousel-skin-default .jcarousel-item {
        width: 185px !important;
        margin-bottom: 20px;
    }
    #team .content {
        padding: 30px 0 10px 0;
    }
    #team .item .title {
        font-size: 14px;
        line-height: 18px;
    }
    #team .item .position {
        font-size: 12px;
        line-height: 16px;
    }
    #team .item .body {
        margin-top: 10px;
    }
    #career .sidebar-container {
        padding: 30px 0 10px 0;
    }
    #career .item .vacancy .arrow {
        width: 58px;
        height: 56px;
    }
    #career .item .vacancy .inner {
        float: left;
        padding: 10px 20px;
    }
    #vacancy-feedback {
        border-right: 1px solid #cccccc;
        padding: 15px 0 15px 0;
    }
    #vacancy-feedback input[type="text"],
    #vacancy-feedback input[type="email"] {
        width: 82%;
        margin-bottom: 10px;
        padding: 10px 10px 10px 50px;
        font-size: 12px;
    }
    #vacancy-feedback .form-file {
        width: 65% !important;
    }
    #vacancy-feedback .jq-file__name {
        width: 70%;
        margin: 0 0 10px 0;
        padding: 10px 10px 10px 40px;
        font-size: 12px;
        line-height: 16px;
    }
    #vacancy-feedback #webform-component-file .form-submit {
        font-size: 12px;
        line-height: 16px;
    }
    #vacancy-feedback .form-file input[type="file"] {
        width: 100% !important;
    }
    #vacancy-feedback .form-actions input[type="submit"] {
        font-size: 12px;
        line-height: 16px;
    }
    .address .address-item {
        margin-bottom: 20px;
        padding: 15px 10px;
    }
    .address .address-item .inner {
        min-height: 185px;
    }
    .address-item .title {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    .address-item .address,
    .address-item .email,
    .address-item .phone,
    .address-item .person {
        margin-bottom: 5px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 20px;
    }
    .tab-address .address-item .title {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    .tab-address .address-item .address,
    .tab-address .address-item .email,
    .tab-address .address-item .phone,
    .tab-address .address-item .person {
        margin-bottom: 5px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 20px;
    }
    #contacts-feedback .notice,
    #request-demo .notice {
        margin-bottom: 10px;
    }
    #contacts-feedback input[type="text"],
    #contacts-feedback input[type="email"],
    #request-demo input[type="text"],
    #request-demo input[type="email"] {
        width: 77%;
        margin-bottom: 10px;
        padding: 10px 10px 10px 40px;
        font-size: 12px;
    }
    #contacts-feedback .select-or-other-processed input[type="text"],
    #request-demo .select-or-other-processed input[type="text"] {
        width: 90%;
        margin: 5px 0 0 0;
        padding: 10px;
    }
    #contacts-feedback select,
    #request-demo select {
        height: 40px;
        font-size: 12px;
    }
    #contacts-feedback #webform-component-id-like-to-talk-about {
        margin-bottom: 0px;
    }
    #request-demo #webform-component-id-like-to-talk-about {
        margin-bottom: 10px;
    }
    #contacts-feedback input[type="checkbox"],
    #request-demo input[type="checkbox"] {
        margin: 0 5px 0 0;
        display: inline;
    }
    #contacts-feedback .form-type-checkbox,
    #request-demo .form-type-checkbox {
        margin-bottom: 10px;
    }
    #contacts-feedback textarea,
    #request-demo textarea {
        padding: 5px 10px;
        font-size: 12px;
    }
    #contacts-feedback .grippie,
    #request-demo .grippie {
        margin-bottom: 10px;
        display: none;
    }
    #contacts-feedback .form-actions input[type="submit"],
    #request-demo .form-actions input[type="submit"] {
        font-size: 12px;
        line-height: 16px;
    }
    #map-address #googleMap {
        height: 400px;
    }
    #map-address #googleMap #map {
        height: 400px;
    }
    #copyrights p {
        font-size: 10px;
        line-height: 26px;
    }
    #subscribe {
        margin: 15px 0;
        width: 350px;
    }
    #subscribe input[type="submit"] {
        font-size: 12px;
        line-height: 16px;
    }
    #social-networks {
        margin: 130px 0 20px 0;
    }
    #social-networks ul li {
        margin: 0 5px 0 0;
    }
    footer .top {
        padding-top: 10px;
    }
    footer .top .left {
        padding: 15px 0;
    }
    footer .top .right {
        padding: 10px 0 15px 0;
    }
    footer ul.menu li a {
        margin-bottom: 15px;
        padding-right: 5px;
        font-size: 14px;
    }
    footer ul.menu li ul li a {
        padding-right: 5px;
        font-size: 10px;
        line-height: 20px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body {
        font-size: 12px;
        line-height: 16px;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 16px;
        line-height: 18px;
    }
    ul li {
        margin-top: 5px;
        padding: 0 0 0 10px;
        line-height: 16px;
    }
    
    form {
        margin: 0 0 10px 0;
    }
    label,
    input,
    button,
    select,
    textarea {
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
    }
    .field {
        margin-bottom: 10px;
    }
    .field-head {
        padding-bottom: 4px;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 16px;
    }
    .field-body {
        font-size: 12px;
        line-height: 16px;
    }
    .field-with-label label {
        font-size: 12px;
        line-height: 16px;
    }
    .page-head {
        margin-top: 20px;
    }
    .head {
        margin-bottom: 20px;
    }
    header.standard .request-demo-link {
        padding: 10px 35px 10px 10px;
    }
    header.standard .request-demo-link:after {
        right: 10px;
    }
    #request-demo-link {
        padding: 10px 45px 10px 15px;
        font-size: 12px;
        line-height: 16px;
    }
    #request-demo-link:after {
        right: 20px;
    }
    #search {
        margin: 5px 0;
    }
    #search input[type="text"] {
        width: 70px;
        padding: 3px 5px;
        font-size: 12px;
        line-height: 16px;
    }
    #search input[type="text"]:focus {
        width: 100px;
    }
    .search input[type="text"]:focus {
    width: 110px;
    color: #000000;
    }
    #search input[type="image"] {
        padding: 5px 9px;
    }
    #search .form-actions {
        width: 34px;
        height: 25px;
    }
    #search-result input[type="text"] {
        max-width: 650px;
    }
    body.not-front .page-content .node {
        margin-bottom: 10px;
    }
    .node .field-name-body {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .node-type-career .page-head {
        margin-bottom: 20px;
    }
    #sub-menu {
        padding: 35px 0;
    }
    #sub-menu .menu .row {
        margin-bottom: 40px;
    }
    #sub-menu .menu .image {
        margin-right: 10px;
    }
    #sub-menu .menu .body .title {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 16px;
    }
    #sub-menu .menu .body .description {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 14px;
    }
    #sub-menu .menu .body .btn-menu-link {
        padding-right: 20px;
        font-size: 12px;
    }
    #slider .flexslider h3 {
        font-size: 40px;
        line-height: 30px;
    }
    #slider .slider-thumb .flex-item-active {
        padding: 5px 5px 6px 5px;
    }
    #slider .slider-thumb .flex-thumb {
        padding: 5px 5px 5px 5px;
    }
    #slider .slider-thumb .flex-thumb .thumb-image {
        width: 25%;
        max-width: 70px;
        margin-right: 5%;
    }
    #slider .slider-thumb .flex-thumb .thumb-title {
        width: 70%;
        font-size: 10px;
        line-height: 12px;
    }
    #slider ul.slides li .description {
        top: 0;
        left: 20px;
    }
    .annonce-block {
        padding: 25px 0;
    }
    .annonce-block a {
        padding-right: 20px;
        font-size: 12px;
    }
    .annonce-block .view-content {
        margin: 20px 0 5px 0;
        font-size: 12px;
        line-height: 18px;
    }
    .annonce-block .btn-more-link {
        padding: 9px 35px 10px 19px;
        font-size: 12px;
    }
    .annonce-block .btn-more-link:after {
        right: 15px;
    }
    #news-events {
        padding: 25px 0;
    }
    #news-events .view-content {
        margin-bottom: 25px;
    }
    #news-events .item .span5:first-child {
        margin-top: 20px;
    }
    #news-events .item .title {
        margin-bottom: 5px;
    }
    #news-events .item .title a {
        font-size: 14px;
        line-height: 18px;
    }
    #news-events .item .date {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 12px;
    }
    #news-events .item .body {
        font-size: 12px;
        line-height: 18px;
    }
    #news-events .item,
    #news-events .item .separator {
        height: 166px;
    }
    #news-events .btn-news-events-link {
        padding: 9px 35px 10px 19px;
        font-size: 12px;
    }
    #news-events .btn-news-events-link:after {
        right: 15px;
    }
    #join-us {
        padding: 25px 0;
    }
    #join-us .btn-career-link {
        padding: 9px 69px 10px 69px;
        font-size: 12px;
    }
    #join-us .btn-career-link:after {
        right: 15px;
    }
    #projects {
        padding: 25px 0;
    }
    #projects .item {
        margin-bottom: 20px;
    }
    #projects .item .title {
        margin-bottom: 5px;
        font-size: 12px;
    }
    #projects .item .body {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: 14px;
    }
    #projects .item .btn-project-link {
        padding-right: 20px;
        font-size: 12px;
    }
    #projects .btn-projects-link {
        padding: 9px 35px 10px 19px;
        font-size: 12px;
    }
    #projects .btn-projects-link:after {
        right: 15px;
    }
    #external-recognition {
        padding: 25px 0;
    }
    #external-recognition .views-row .text {
        padding: 15px 15px 40px 15px;
        min-height: 73px
    }
    #external-recognition .views-row .text .date {
        font-size: 10px;
    }
    #external-recognition .views-row {
        font-size: 12px;
        line-height: 18px;
    }
    #external-recognition .views-row .text a {
        padding-right: 20px;
        font-size: 12px;
    }
    #external-recognition .views-row .image {
        padding: 55px 20px;
    }
    #external-recognition .views-slideshow-controls-bottom {
        margin-top: 15px;
    }
    #technology .content {
        padding: 10px 0;
    }
    #technology .jcarousel-skin-default .jcarousel-container-horizontal {
        height: 35px;
    }
    #technology .jcarousel-skin-default .jcarousel-item {
        height: 35px;
    }
    #technology .content .item a img {
        max-width: 60px;
    }
    #clients {
        padding-top: 30px;
    }
    #clients .content {
        padding: 30px 0 10px 0;
    }
    #clients .jcarousel-skin-default .jcarousel-item {
        width: 185px !important;
        margin-bottom: 20px;
    }
    #team .content {
        padding: 30px 0 10px 0;
    }
    #team .item .title {
        font-size: 14px;
        line-height: 18px;
    }
    #team .item .position {
        font-size: 12px;
        line-height: 16px;
    }
    #team .item .body {
        margin-top: 10px;
    }
    #career .sidebar-container {
        padding: 30px 0 10px 0;
    }
    #career .item .vacancy .arrow {
        width: 58px;
        height: 56px;
    }
    #career .item .vacancy .inner {
        float: left;
        padding: 10px 20px;
    }
    #vacancy-feedback {
        border-right: 1px solid #cccccc;
        padding: 15px 0 15px 0;
    }
    #vacancy-feedback .messages {
        width: 49%;
    }
    #vacancy-feedback input[type="text"],
    #vacancy-feedback input[type="email"] {
        width: 82%;
        margin-bottom: 10px;
        padding: 10px 10px 10px 50px;
        font-size: 12px;
    }
    #vacancy-feedback .form-file {
        width: 65% !important;
    }
    #vacancy-feedback .jq-file__name {
        width: 70%;
        margin: 0 0 10px 0;
        padding: 10px 10px 10px 40px;
        font-size: 12px;
        line-height: 16px;
    }
    #vacancy-feedback #webform-component-file .form-submit {
        font-size: 12px;
        line-height: 16px;
    }
    #vacancy-feedback .form-file input[type="file"] {
        width: 100% !important;
    }
    #vacancy-feedback .form-actions input[type="submit"] {
        font-size: 12px;
        line-height: 16px;
    }
    .grid figure {
        width: 100%;
        height: auto;
        margin: 0 15px;
    }
    #three-d-gallery article > div,
    #three-d-gallery article > div .spritespin-stage,
    #three-d-gallery article > div .divspritespin-preload,
    #three-d-gallery article > div .spritespin-canvas {
        width: 100% !important;
    }
    .address .address-item {
        margin-bottom: 20px;
        padding: 15px 10px;
    }
    .address-item .title {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    .address-item .address,
    .address-item .email,
    .address-item .phone,
    .address-item .person {
        margin-bottom: 5px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 20px;
    }
    .tab-address .address-item .title {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 18px;
    }
    .tab-address .address-item .address,
    .tab-address .address-item .email,
    .tab-address .address-item .phone,
    .tab-address .address-item .person {
        margin-bottom: 5px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 20px;
    }
    .tab-address ul.address-list li {
        margin: 0 4px 0 0;
    }
    #contacts-feedback .notice,
    #request-demo .notice {
        margin-bottom: 10px;
    }
    #request-demo .messages {
        width: 67%;
    }
    #contacts-feedback input[type="text"],
    #contacts-feedback input[type="email"],
    #request-demo input[type="text"],
    #request-demo input[type="email"] {
        width: 77%;
        margin-bottom: 10px;
        padding: 10px 10px 10px 40px;
        font-size: 12px;
    }
    #contacts-feedback .select-or-other-processed input[type="text"],
    #request-demo .select-or-other-processed input[type="text"] {
        width: 90%;
        margin: 5px 0 0 0;
        padding: 10px;
    }
    #contacts-feedback select,
    #request-demo select {
        height: 40px;
        font-size: 12px;
    }
    #contacts-feedback #webform-component-id-like-to-talk-about {
        margin-bottom: 0px;
    }
    #request-demo #webform-component-id-like-to-talk-about {
        margin-bottom: 10px;
    }
    #contacts-feedback input[type="checkbox"],
    #request-demo input[type="checkbox"] {
        margin: 0 5px 0 0;
        display: inline;
    }
    #contacts-feedback .form-type-checkbox,
    #request-demo .form-type-checkbox {
        margin-bottom: 10px;
    }
    #contacts-feedback textarea,
    #request-demo textarea {
        padding: 5px 10px;
        font-size: 12px;
    }
    #contacts-feedback .grippie,
    #request-demo .grippie {
        margin-bottom: 10px;
        display: none;
    }
    #gallery .tf_bg img {
        left: 0 !important;
    }
    #contacts-feedback .form-actions input[type="submit"],
    #request-demo .form-actions input[type="submit"] {
        font-size: 12px;
        line-height: 16px;
    }
    #map-address #googleMap {
        height: 400px;
    }
    #map-address #googleMap #map {
        height: 400px;
    }
    #copyrights p {
        font-size: 10px;
        line-height: 26px;
    }
    #subscribe {
        margin: 15px 0;
        width: 360px;
    }
    #subscribe input[type="submit"] {
        font-size: 12px;
        line-height: 16px;
    }
    #social-networks {
        margin: 110px 0px 20px 20px;
    }
    #social-networks ul li {
        margin: 0 5px 0 0;
    }
    #block-menu {
        margin-top: -20px !important;
    }
    footer .top {
        padding-top: 10px;
    }
    footer .top .left {
        padding: 15px 0;
    }
    footer .top .right {
        padding: 10px 0 15px 0;
    }
    footer ul.menu li a {
        margin-bottom: 15px;
        padding-right: 5px;
        font-size: 14px;
    }
    footer ul.menu li ul li a {
        padding-right: 5px;
        font-size: 10px;
        line-height: 20px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        font-size: 12px;
        padding: 0;
    }
    body.admin-menu {
        margin-top: 60px !important;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 14px;
        line-height: 28px;
    }
    .head {
        margin-bottom: 20px;
    }
    .page-head {
        margin-top: 20px;
        text-align: center;
    }
    .field {
        margin-bottom: 10px;
    }
    .node .field-name-body {
        width: 90%;
        margin: 10px 5% 0 5%;
        font-size: 12px;
        line-height: 20px;
    }
  
    #sub-menu {
        padding: 35px 0;
    }
    #sub-menu .menu .item {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    #sub-menu .menu .item:last-child {
        margin-bottom: 0px;
    }
    #sub-menu .menu .row {
        margin-bottom: 20px;
    }
    #sub-menu .menu .body {
        width: 70%;
        margin-left: 5%;
    }
    #block-menu {
        display: none;
    }
    #slider {
        display: none !important;
    }
    .annonce-block {
        padding: 25px 0;
    }
    .annonce-block .view-content {
        margin: 15px 0 10px 0;
        font-size: 12px;
        line-height: 22px;
    }
    .annonce-block .btn-more-link {
        padding: 9px 29px 10px 29px;
    }
    #news-events {
        padding: 20px 0;
    }
    #news-events .view-content {
        margin-bottom: 20px;
    }
    #news-events .item {
        height: 100%;
        margin-bottom: 25px;
        text-align: center;
    }
    #news-events .item:last-child {
        margin-bottom: 0px;
    }
    #news-events .item .title,
    #news-events .item .date,
    #news-events .item .body {
        text-align: center;
    }
    #news-events .item .span5:first-child,
    #news-events .item .span5:last-child {
        margin-top: 0;
    }
    #news-events .item .separator {
        display: none;
    }
    #news-events .btn-news-events-link {
        padding: 9px 55px 10px 29px;
    }
    #join-us {
        padding: 20px 0;
    }
    #join-us .block-link {
        margin-top: 20px;
    }
    #join-us .btn-career-link {
        padding: 9px 79px 10px 79px;
    }
    #projects {
        padding: 20px 0;
    }
    #projects .item {
        margin-bottom: 20px;
    }
    #projects .btn-projects-link {
        padding: 9px 55px 10px 29px;
    }
    #external-recognition {
        padding: 20px 0;
    }
    #external-recognition .views-row .image {
        border: none;
        padding: 20px 10px;
        text-align: center;
        box-shadow: none;
    }
    #external-recognition .views-row .text {
        border: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        -moz-border-top-left-radius: 0px;
        -moz-border-top-right-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        background-color: #ffffff;
        padding: 10px 10px 40px 10px;
    }
    #external-recognition .views-slideshow-controls-bottom {
        margin-top: 15px;
    }
    #external-recognition #views_slideshow_controls_text_external_recognition-block {
        display: none;
    }

    #team .item .title {
        font-size: 14px;
        line-height: 16px;
    }
    #team .item .position {
        font-size: 12px;
        line-height: 14px;
    }
    #team .item .mask .social-profile {
        top: 30%;
    }
    .vacancy {
        border-right: none;
        padding-right: 0;
        margin-bottom: 20px !important;
    }
    .view-vacancy-additional-info {
        text-align: center;
    }
    #vacancy-feedback {
        border-right: none;
        padding: 15px 0 0 0;
    }
    #vacancy-feedback form {
        width: 95%;
    }
    #vacancy-feedback input[type="text"],
    #vacancy-feedback input[type="email"] {
        width: 84%;
    }
    #vacancy-feedback .form-file {
        width: 60% !important;
    }
    #vacancy-feedback .jq-file__name {
        width: 65%;
        margin: 0;
    }
    #vacancy-feedback .form-actions input[type="submit"] {
        float: left;
        margin: 15px 0 0 0;
    }
    .grid {
        padding: 20px 0 20px 0;
    }
    .grid figure,
    .grid .placeholder {
        width: auto;
        height: auto;
    }
    .close-content {
        top: 15px;
    }
    #portfolio .bef-select-as-links .form-item .form-item a {
        padding: 5px 10px;
    }
    #clients {
        padding-top: 20px;
    }
    #clients .content {
        padding: 20px 0 10px 0;
    }
    #views_slideshow_cycle_teaser_section_external_recognition-block{
    	width: 100% !important;
    }
    #search-result #search-form {
        margin-bottom: 20px;
    }
    #search-result .form-item, #search-result .form-actions {
        width: 85%;
    }
    #search-result input[type="text"] {
        padding: 12px 6px;
    }
    footer .top .right {
        padding: 0;
    }
    footer ul.menu {
        display: none;
    }
    #subscribe {
        margin: 0 0 20px 0;
        text-align: center;
    }
    #social-networks {
        margin: 20px 0;
        text-align: center;
    }
    .tab-address {
        text-align: center;
    }
    .tab-address ul.address-list {
        margin-bottom: 15px;
    }
    .tab-address .address-item {
        width: 80%;
        margin: 0 10%;
    }
    #technology .jcarousel-skin-default .jcarousel-container-horizontal {
        height: 35px;
    }
    #technology .jcarousel-skin-default .jcarousel-item {
        height: 35px;
    }
    #technology .content .item a img {
        max-width: 60px;
    }
    #gallery .tf_bg img {
        left: 0 !important;
    }
    #gallery .tf_bg {
        width: 125%;
    }
    #gallery .tf_content {
        width: 90%;
        bottom: 20%;
        display: none;
    }
    #gallery .tf_next,
    #gallery .tf_prev {
        right: 180px;
    }
    #gallery .tf_prev {
        margin-top: -75px;
    }
    #gallery .tf_next {
        margin-top: 10px;
    }
    #gallery .tf_content h2 {
        font-size: 18px;
        line-height: 20px;
    }
    #gallery .tf_content p {
        padding: 10px;
        font-size: 12px;
        line-height: 14px;
    }
    #gallery .tf_thumbs {
        width: 100px;
    }
    #notice {
        float: left;
    }
    .scrollUp {
        display: none !important;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
}

@media (max-width: 240px) {
}

.page-trade-show-next-platform .with-tabs {
  color: #000;
}

.benefits .view-header {
  color:  #000;
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 45px;
  margin-top: 26px;
}

.node-banner.node-teaser {
  position: relative;
  margin-bottom: 0 !important;
}

.node-banner.node-teaser .field-name-field-banner-background-image {
  margin-bottom: 0;
  text-align: center;
}

.node-banner.node-teaser .field-name-field-banner-background-image img {
  display: inline-block;
}

.node-banner.node-teaser .group-banner-teaser-wrap {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 21px;
  font-weight: 500;
  justify-content: flex-start;
  position: absolute;
  left: 46%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
}

.node-banner.node-teaser .group-wrapper {
  box-sizing: border-box;
  width: 53%;
}

.node-banner.node-teaser .group-banner-teaser-wrap h2 {
  color: inherit;
  font-size: 36px;
}

.node-banner.node-teaser .group-banner-teaser-wrap p {
  font-size: 21px;
  line-height: 1.2;
  margin-bottom: 26px;
}

.node-banner.node-teaser .group-banner-teaser-wrap p:last-child {
  margin-bottom: 0;
}

.node-banner.node-teaser.banner-right .group-banner-teaser-wrap {
  justify-content: flex-end;
}

.node-banner.node-teaser.banner-text-white .group-banner-teaser-wrap {
  color: #fff;
  left: 46%;
}

.node-banner.node-teaser .group-banner-teaser-wrap .field-name-body {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

.node-banner.node-teaser.banner-right .group-banner-teaser-wrap {
  left: 57%;
}

.node-banner.node-teaser.banner-left .group-banner-teaser-wr {
  left: 46%;
}

.node-banner.node-teaser .button-banner {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #000;
  color: #000;
  margin-right: 0;
  padding: 12px 62px;
  transition: all .2s ease-out;
}

.node-banner.node-teaser .button-banner::after {
  display: none;
}

.node-banner.node-teaser .button-banner:hover {
  background: #eee;
  color: #000;
  text-decoration: none;
  transition: all .2s ease-out;
}

.node-banner.node-teaser .button-banner.blue {
  background: #1f42e1;
  color: #fff;
  border-color: #1f42e1;
}

.node-banner.node-teaser .button-banner.blue:hover {
  background: rgba(31, 66, 225, .6);
  border-color: rgba(31, 66, 225, .6);
}

@media (max-width: 768px) {
  .node-banner.node-teaser .group-banner-teaser-wrap {
    left: 0;
    position: relative;
    text-align: center;
    top: 0;
    transform: none;
  }

  .node-banner.node-teaser .group-banner-teaser-wrap .field-name-body {
    display: none;
    text-align: center;
  }

  .node-banner.node-teaser.banner-text-white .group-banner-teaser-wrap {
    left: 0;
  }

  .node-banner.node-teaser .group-wrapper {
    margin: 0 auto;
    padding: 10px 15px;
    width: 100% ;
    word-wrap: break-word;
  }

  .node-banner.node-teaser .group-banner-teaser-wrap h2 {
    cursor: pointer;
  }

  .node-banner.node-teaser.banner-right .group-banner-teaser-wrap {
    left: 0;
  }
}

#perating-principles .right-region-content .node .field-name-field-sub-title .field-item {
  font-size: 12px;
}

#perating-principles .right-region-content .panels-flexible-row-inside-last {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (min-width: 1200px) {
  #perating-principles #block-system-main {
    margin: 0 auto;
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #perating-principles .flex-container-inside {
    display: flex;
    flex-direction: row;
  }
  #perating-principles .middle-offset {
    flex: 0 1 auto;
    width: 11%;
  }
  #perating-principles .left-sidebar {
    align-self: stretch;
    flex: 0 1 auto;
    margin-top: -21px;
    width: 29%;
  }
  #perating-principles .right-region-content {
    align-self: auto;
    flex: 0 1 auto;
    width: 60%;
  }
  #perating-principles .left-sidebar .inside {
    padding-left: 35px;
  }

  #perating-principles .right-region-content .node .field-name-field-sub-title .field-item {
    font-size: 14px;
  }

  #perating-principles .right-region-content .panels-flexible-row-inside-last {
    padding: 0;
  }
}

#perating-principles .flex-container .flex-container-inside {
  padding: 0;
}

#perating-principles .left-sidebar .inside {
  padding-bottom: 30px;
  padding-left: 15px;
}

#perating-principles #block-system-main {
  box-sizing: border-box;
}

#perating-principles .left-sidebar {
  background: #f5f5f5;
}


#perating-principles .left-sidebar .pane-title {
  color: #000;
  font-size: 21px;
  padding-top: 46px;
}

#perating-principles .left-sidebar .views-row {
  margin-top: 20px;
}

#perating-principles .left-sidebar .views-row a {
  color: #000;
  font-size: 18px;
  text-decoration: none;
}

#perating-principles .left-sidebar .views-row a:hover {
  color: #032edd;
}

#perating-principles .right-region-content .container {
  width: 100%;
}

#perating-principles .right-region-content .node .field-name-field-sub-title {
  margin-bottom: 25px;
}

#perating-principles .right-region-content .node .field-name-field-sub-title .field-item {
  line-height: 20px;
  text-align: left;
}

#perating-principles .right-region-content .node .field-name-body {
  margin-top: 0;
}

#perating-principles .right-region-content .node .field-name-body .field-item p {
  margin-bottom: 25px;
}

#perating-principles .right-region-content .node h2 {
  color: #000;
  font-family: 'Arial';
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

#perating-principles .right-region-content .pane-title {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
  padding-top: 34px;
  text-transform: uppercase;
}

#perating-principles .right-region-content .view-banner .views-row > .node {
  display: none;
}

#perating-principles .right-region-content .view-banner .views-row-first > .node {
  display: block;
}

#perating-principles .left-sidebar .view-banner .views-row a.active {
  color: #1f42e1;
}

#perating-principles .right-region-content .node .field-name-body {
  margin: 0;
}


@media (max-width: 768px) {
  .annonce-block .view-content .hidden-text {
    margin: 0 20px;
  }

  .annonce-block .view-content .info-table td {
    display: table-row;
  }

  .annonce-block .view-content .info-table td p {
    padding: 0 25px;
  }
}