@import url(../css/fonts/dinpro.css);
@import url(../css/zocial-buttons/zocial.css);
html {
  box-sizing: border-box; }

* {
  box-sizing: inherit; }

/* Font styles. */
body {
  margin: 0;
  font: 13px/1.4 "Din pro", helvetica, Arial, sans-serif;
  letter-spacing: 0.03em;
  color: #1a1919; }

/* Links */
a:link, a:visited {
  color: #1a1919;
  text-decoration: underline; }

a:hover, a:active {
  color: black;
  text-decoration: none; }

/* Titles. */
#site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
  font-family: "Din pro light", helvetica, Arial, sans-serif; }

h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.4em;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em; }

h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0; }

h6 {
  font-size: 1em;
  font-weight: bold; }

/* Paragraph styles. */
p {
  margin: 0 0 1em 0; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

/* List styles. */
ul, ol {
  margin-left: 0;
  padding-left: 2em; }

/* Table styles. */
table {
  width: 99%; }

tr.even td,
tr.odd td {
  padding: 10px 5px; }

tr.odd {
  background-color: white; }

/* Code. */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5; }

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa; }

/* List styles. */
ul {
  list-style-type: disc; }
  ul ul {
    list-style-type: circle; }
    ul ul ul {
      list-style-type: square; }
      ul ul ul ul {
        list-style-type: circle; }

ol {
  list-style-type: decimal; }
  ol ol {
    list-style-type: lower-alpha; }
    ol ol ol {
      list-style-type: decimal; }

/* Abbreviation. */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap; }

/* UI improvments. */
#edit-title {
  font-size: 24px;
  width: 99%; }

#system-themes-form img {
  width: 100px; }

.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777; }

#edit-delete {
  color: #cc0000; }

/* Console, style from slate theme. */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee; }

div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55; }

div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522; }

div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77; }

body.node-type-project, body.page-projects {
  background: url(../images/side-yellow.gif) repeat-y -9px top; }
  body.node-type-project.i18n-en #sidebar-first, body.page-projects.i18n-en #sidebar-first {
    background: url(../images/title_projects_en.png) no-repeat right top; }
  body.node-type-project.i18n-ru #sidebar-first, body.page-projects.i18n-ru #sidebar-first {
    background: url(../images/title_projects_ru.png) no-repeat right top; }
  body.node-type-project .owl-controls .owl-page.active span, body.page-projects .owl-controls .owl-page.active span {
    background-color: #fbcf41; }
body.node-type-project.i18n-en #sidebar-first {
  background-position: 92px top; }
  body.node-type-project.i18n-ru #sidebar-first {
  background-position: 92px top; }
body.node-type-service, body.page-services {
  background: url(../images/side-green.gif) repeat-y -9px top; }
  body.node-type-service.i18n-en #sidebar-first, body.page-services.i18n-en #sidebar-first {
    background: url(../images/title_services_en.png) no-repeat right top; }
  body.node-type-service.i18n-ru #sidebar-first, body.page-services.i18n-ru #sidebar-first {
    background: url(../images/title_services_ru.png) no-repeat right top; }
  body.node-type-service .owl-controls .owl-page.active span, body.page-services .owl-controls .owl-page.active span {
    background-color: #009349; }
body.node-type-service.i18n-en #sidebar-first {
  background-position: 92px top; }
  body.node-type-service.i18n-ru #sidebar-first {
  background-position: 92px top; }
body.page-node-39, body.page-node-117, body.page-node-214 {
  background: url(../images/side-red.gif) repeat-y -9px top; }
  body.page-node-39.i18n-en #sidebar-first, body.page-node-117.i18n-en #sidebar-first {
    background: url(../images/title_about-us_en.png) no-repeat right top; }
  body.page-node-39.i18n-ru #sidebar-first, body.page-node-117.i18n-ru #sidebar-first, body.page-node-214.i18n-ru #sidebar-first {
    background: url(../images/title_about-us_ru.png) no-repeat right top; }
  body.page-node-39 .owl-controls .owl-page.active span, body.page-node-117 .owl-controls .owl-page.active span {
    background-color: #bd252c; }
body.page-testimonials {
  background: url(../images/side-blue.gif) repeat-y -9px top; }
  body.page-testimonials.i18n-en #sidebar-first {
    background: url(../images/title_testimonials_en.png) no-repeat right top; }
  body.page-testimonials.i18n-ru #sidebar-first {
    background: url(../images/title_testimonials_ru.png) no-repeat right top; }
  body.page-testimonials .owl-controls .owl-page.active span {
    background-color: #2095c7; }

body.page-node-39 h1, body.page-node-214 h1 {
  font-style: italic;
  font-weight: 600;
}

#page {
  padding-top: 2em;
  margin-bottom: 2em; }

#main {
  padding-bottom: 2em; }

#header {
  margin-bottom: 2em; }
  #header #block-block-4 {
    float: right; }
	#header #block-locale-language {
		float: left; }
	.language-switcher-locale-url  li{
		display: inline-block;
		font-size: 18px;
		margin-right: 10px;
	}
	.language-switcher-locale-url a {
		text-decoration: none;
	}
	a.language-link {font-weight: 700;}
	a.language-link.active {font-weight: normal;}
    #header #block-block-4 .block-inner {
      padding: 0 2em; }
  #header #branding #logo img {
    width: 172px;
    height: auto;
    display: block; }
  #header #branding #name-and-slogan {
    text-align: right;
    font-size: 1.5em;
    margin-right: 8px; }
  #header #header-region {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%;
    float: right; }
    #header #header-region #block-system-main-menu .menu {
      padding: 0;
      margin: 0; }
      #header #header-region #block-system-main-menu .menu li {
        list-style-type: none;
        list-style-image: none;
        padding: 0;
        margin: 0; }
        #header #header-region #block-system-main-menu .menu li a {
          display: block;
          padding: 0 0.375em; }
        #header #header-region #block-system-main-menu .menu li ul {
          padding-left: 1em; }
      #header #header-region #block-system-main-menu .menu li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%;
        float: left; }
        #header #header-region #block-system-main-menu .menu li:nth-child(4n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both; }
        #header #header-region #block-system-main-menu .menu li:nth-child(4n + 2) {
          margin-left: 25%;
          margin-right: -100%;
          clear: none; }
        #header #header-region #block-system-main-menu .menu li:nth-child(4n + 3) {
          margin-left: 50%;
          margin-right: -100%;
          clear: none; }
        #header #header-region #block-system-main-menu .menu li:nth-child(4n + 4) {
          margin-left: 75%;
          margin-right: -100%;
          clear: none; }
        #header #header-region #block-system-main-menu .menu li a {
          margin-right: 8px;
          display: block;
          border-top: 6px solid #1a1919;
          text-transform: lowercase;
          padding: 0.2em 0;
          color: #1a1919;
          font-size: 1.4em;
          text-decoration: none; }
        #header #header-region #block-system-main-menu .menu li.about-us a.active, #header #header-region #block-system-main-menu .menu li.about-us a:hover, #header #header-region #block-system-main-menu .menu li.o-nas a.active, #header #header-region #block-system-main-menu .menu li.o-nas a:hover {
          border-color: #bd252c; }
        #header #header-region #block-system-main-menu .menu li.projects a.active, #header #header-region #block-system-main-menu .menu li.projects a:hover, #header #header-region #block-system-main-menu .menu li.proekty a.active, #header #header-region #block-system-main-menu .menu li.proekty a:hover {
          border-color: #fbcf41; }
        #header #header-region #block-system-main-menu .menu li.services a.active, #header #header-region #block-system-main-menu .menu li.services a:hover, #header #header-region #block-system-main-menu .menu li.uslugi a.active, #header #header-region #block-system-main-menu .menu li.uslugi a:hover {
          border-color: #009349; }
        #header #header-region #block-system-main-menu .menu li.testimonials a.active, #header #header-region #block-system-main-menu .menu li.testimonials a:hover, #header #header-region #block-system-main-menu .menu li.otzyvy a.active, #header #header-region #block-system-main-menu .menu li.otzyvy a:hover {
          border-color: #2095c7; }

.front #header #branding #logo img {
  width: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 1em; }
.front #header #branding #name-and-slogan {
  text-align: center; }
.front #header {
  background: url(/sites/all/themes/betob/images/icca-member-logo.png) right top no-repeat;
  background-size: 55px;
}

.front #header #block-block-5 {
    float: right;
}
.front #header .ibtm-hp-logo {
    margin-right: 90px;
    text-align: center;
    font-size: 12px;
}
.front #header .ibtm-hp-logo img {
    display: block;
    width: 75px;
    margin-top: 10px;
}
.not-front #header #block-block-5 {
    float: right;
}
.not-front #header .ibtm-hp-logo {
    text-align: left;
    font-size: 12px;
    /* position: absolute;
    top: 45px;
    left: 17px; */
    border-top: 1px solid #333;
    width: 200px;
    padding-top: 10px;
}
.not-front #header .ibtm-hp-logo img {
    display: block;
    width: 75px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#header #block-block-4 .block-inner {
    padding: 0 1em;
}

#content {
  font-size: 15px; }
  #content h1.title {
    font-size: 2.3em; }
  #content .sub-project {
    color: #1a1919;
    display: inline-block;
    padding: 2px 3px;
    text-decoration: underline; }
    #content .sub-project:hover {
      background-color: #fbcf41;
      text-decoration: none; }

.not-front #content {
  min-height: 500px; }

#node-project, #node-service {
  margin-right: 8px; }
  #node-project .panel-col-top, #node-service .panel-col-top {
    margin-bottom: 2em; }
    #node-project .panel-col-top .pane-node-title h2, #node-service .panel-col-top .pane-node-title h2 {
      font-size: 2.3em; }
    #node-project .panel-col-top .panel-separator, #node-service .panel-col-top .panel-separator {
      margin: 0; }
  #node-project .field-name-field-proj-service, #node-project .pane-projects-related-projects, #node-service .field-name-field-proj-service, #node-service .pane-projects-related-projects {
    padding-left: 1.2em;
    padding-right: 2em;
    padding-bottom: .2em; }
    #node-project .field-name-field-proj-service .field-label, #node-project .field-name-field-proj-service .pane-title, #node-project .pane-projects-related-projects .field-label, #node-project .pane-projects-related-projects .pane-title, #node-service .field-name-field-proj-service .field-label, #node-service .field-name-field-proj-service .pane-title, #node-service .pane-projects-related-projects .field-label, #node-service .pane-projects-related-projects .pane-title {
      font-size: 1.4em;
      font-weight: 300;
      padding-bottom: .5em; }
    #node-project .field-name-field-proj-service .field-item, #node-project .field-name-field-proj-service .views-row, #node-project .field-name-field-proj-service .field-label, #node-project .field-name-field-proj-service .pane-title, #node-project .pane-projects-related-projects .field-item, #node-project .pane-projects-related-projects .views-row, #node-project .pane-projects-related-projects .field-label, #node-project .pane-projects-related-projects .pane-title, #node-service .field-name-field-proj-service .field-item, #node-service .field-name-field-proj-service .views-row, #node-service .field-name-field-proj-service .field-label, #node-service .field-name-field-proj-service .pane-title, #node-service .pane-projects-related-projects .field-item, #node-service .pane-projects-related-projects .views-row, #node-service .pane-projects-related-projects .field-label, #node-service .pane-projects-related-projects .pane-title {
      border-bottom: 1px solid #a3a2a2; }
    #node-project .field-name-field-proj-service a, #node-project .pane-projects-related-projects a, #node-service .field-name-field-proj-service a, #node-service .pane-projects-related-projects a {
      font-size: .9em;
      color: #000;
      line-height: 1.4em;
      text-decoration: none;
      padding: .5em 0;
      display: block; }

#node-project .field-name-field-proj-service {
  border-left: 12px solid #009349; }
  #node-project .field-name-field-proj-service a:hover {
    color: #009349; }

#node-service .pane-projects-related-projects {
  border-left: 12px solid #fbcf41; }
  #node-service .pane-projects-related-projects a:hover {
    color: #fbcf41; }

.view-display-id-project_list, .view-display-id-services_list {
  overflow: hidden;
  *zoom: 1; }
  .view-display-id-project_list .views-row, .view-display-id-services_list .views-row {
    width: 168px;
    height: 168px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative; }
    .view-display-id-project_list .views-row:nth-child(4n), .view-display-id-services_list .views-row:nth-child(4n) {
      margin-right: 0; }
    .view-display-id-project_list .views-row .views-field-title, .view-display-id-project_list .views-row .views-field-field-proj-photo, .view-display-id-services_list .views-row .views-field-title, .view-display-id-services_list .views-row .views-field-field-proj-photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .view-display-id-project_list .views-row .views-field-title, .view-display-id-services_list .views-row .views-field-title {
      background-color: transparent;
      z-index: 2;
      opacity: 1;
      -webkit-transition: background-color .5s;
      /* For Safari 3.1 to 6.0 */
      transition: background-color .5s; }
      .view-display-id-project_list .views-row .views-field-title .field-content a, .view-display-id-services_list .views-row .views-field-title .field-content a {
        padding: 5px;
        display: block;
        height: 100%;
        font-size: 1em;
        color: #1a1919;
        text-decoration: none;
        -webkit-transition: color .2s;
        /* For Safari 3.1 to 6.0 */
        transition: color .2s; }
        .view-display-id-project_list .views-row .views-field-title .field-content a .year, .view-display-id-services_list .views-row .views-field-title .field-content a .year {
          color: #fff;
          font-weight: 700; }
    .view-display-id-project_list .views-row .views-field-field-proj-photo, .view-display-id-services_list .views-row .views-field-field-proj-photo {
      opacity: .3;
      z-index: 1; }
      .view-display-id-project_list .views-row .views-field-field-proj-photo img, .view-display-id-services_list .views-row .views-field-field-proj-photo img {
        width: 100%;
        height: 100%; }

.view-display-id-project_list .views-field-title:hover {
  background-color: #fbcf41; }

.view-display-id-services_list .views-field-title:hover {
  background-color: #009349; }
  .view-display-id-services_list .views-field-title:hover .field-content a {
    color: #fff; }

#block-views-slideshow-block {
  margin-right: 8px; }

.view-feedback .quicktabs-tabs {
  text-align: center;
  margin: 0 0 2em 0; }
  .view-feedback .quicktabs-tabs li {
    margin: 0 1em; }
    .view-feedback .quicktabs-tabs li a {
      display: inline-block;
      padding: 1em .8em; }
    .view-feedback .quicktabs-tabs li.active a {
      background-color: #2095c7;
      color: #fff;
      text-decoration: none; }
.view-feedback h3 {
  border-bottom: 1px solid #a3a2a2;
  margin-bottom: 1em;
  padding-bottom: 1em; }
.view-feedback .views-row, .view-feedback .quicktabs-views-group {
  border-bottom: 1px solid #a3a2a2;
  margin-bottom: 1em; }

.view-slideshow {
  overflow: hidden; }

#sidebar-first .menu {
  padding: 0;
  margin: 0; }
  #sidebar-first .menu li {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0; }
    #sidebar-first .menu li a {
      display: block;
      padding: 0 0.375em; }
    #sidebar-first .menu li ul {
      padding-left: 1em; }
  #sidebar-first .menu li {
    margin-bottom: .5em; }
    #sidebar-first .menu li.active-trail {
      border-bottom: 1px solid #fff; }
      #sidebar-first .menu li.active-trail > a {
        font-weight: 700; }
      #sidebar-first .menu li.active-trail .active-trail {
        border-bottom: 0 none; }
    #sidebar-first .menu li a {
      font-size: 1em;
      line-height: 1.4;
      text-decoration: none;
      padding-bottom: .5em; }
      #sidebar-first .menu li a:hover {
        text-decoration: underline; }
#sidebar-first .block-inner {
  color: #fff; }
  #sidebar-first .block-inner .views-row {
    margin-bottom: 1em; }
  #sidebar-first .block-inner a {
    color: #fff;
    display: block; }
#sidebar-first #block-menu-menu-projects-menu .block-inner a {
  color: #000; }

.not-front #sidebar-first {
  min-height: 440px; }
  .not-front #sidebar-first .block .block-inner {
    margin: 0; }
    .not-front #sidebar-first .block .block-inner .content {
      padding: 0em 0 .5em 13em; }

#block-block-1 .content, #block-views-projects-block .content, #block-views-services-block .content, #block-views-feedback-block .content {
  overflow: hidden;
  position: relative;
  min-height: 400px; }
  #block-block-1 .content .overview, #block-views-projects-block .content .overview, #block-views-services-block .content .overview, #block-views-feedback-block .content .overview {
    position: absolute;
    margin-right: 2em; }

.front #sidebar-first {
  height: 630px; }
.front #block-menu-menu-front-page-menu .menu {
  padding: 0;
  margin: 0;
  text-align: left; }
  .front #block-menu-menu-front-page-menu .menu li {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0; }
    .front #block-menu-menu-front-page-menu .menu li a {
      display: block;
      padding: 0 0.375em; }
    .front #block-menu-menu-front-page-menu .menu li ul {
      padding-left: 1em; }
  .front #block-menu-menu-front-page-menu .menu > li {
    display: inline-block; }
    .front #block-menu-menu-front-page-menu .menu > li:last-child {
      margin-right: 0px; }
  .front #block-menu-menu-front-page-menu .menu li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    float: left;
    margin-top: 38px;
    -webkit-transition: margin .5s;
    /* For Safari 3.1 to 6.0 */
    transition: margin .5s;
    position: relative; }
    .front #block-menu-menu-front-page-menu .menu li:hover {
      margin-top: 0px; }
    .front #block-menu-menu-front-page-menu .menu li a {
      padding: 10px;
      display: block;
      height: 470px;
      text-decoration: none;
      font-size: 2em;
      text-transform: lowercase;
      font-family: "Din pro light", helvetica, Arial, sans-serif;
      font-weight: 300; }
    .front #block-menu-menu-front-page-menu .menu li.about-us, .front #block-menu-menu-front-page-menu .menu li.o-nas {
      background: url(../images/1page_about_us.jpg) no-repeat left top #bd252c; }
    .front #block-menu-menu-front-page-menu .menu li.projects, .front #block-menu-menu-front-page-menu .menu li.proekty {
      background: url(../images/1page_projects.jpg) no-repeat left top #fbcf41; }
    .front #block-menu-menu-front-page-menu .menu li.services, .front #block-menu-menu-front-page-menu .menu li.uslugi {
      background: url(../images/1page_services.jpg) no-repeat left top #009349; }
    .front #block-menu-menu-front-page-menu .menu li.testimonials, .front #block-menu-menu-front-page-menu .menu li.otzyvy {
      background: url(../images/1page_testimonials.jpg) no-repeat left top #2095c7; }
.front .node-page {
  clear: both; }
.front #main {
  padding-bottom: 1em; }

.csstransforms #block-menu-menu-front-page-menu .menu li {
  overflow: hidden;
  position: relative;
  height: 40em; }
  .csstransforms #block-menu-menu-front-page-menu .menu li a {
    font-size: 5.3em;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    height: 218px;
    width: 440px;
    text-align: right;
    display: block;
    position: absolute;
    top: 111px;
    left: -159px;
    padding-top: 170px; }

#node-7 p {
  margin-bottom: 0; }

.front #block-block-3 p {
  text-align: center; }

.block .block-title {
  font-size: 1.3em;
  margin-bottom: 1.2em;
  text-transform: lowercase; }
.block .scrollbar {
  position: relative;
  background-position: 0 0;
  float: right;
  width: 5px; }
.block .track {
  height: 100%;
  width: 8px;
  position: relative;
  padding: 0 0px; }
.block .thumb {
  background-color: #000;
  height: 20px;
  width: 5px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0px; }
  .block .thumb .end {
    height: 5px;
    width: 5px;
    background-color: #000; }
.block .disable {
  display: none; }

.pane-node-field-proj-photo {
  overflow: hidden; }

.owl-carousel {
  width: 440px;
  margin: 0 auto; }
  .owl-carousel .owl-wrapper-outer {
    overflow: visible; }

.owl-theme .owl-wrapper .owl-item {
  text-align: center; }
.owl-theme .owl-controls {
  margin: 1.5em 7px 1.5em 7px; }
  .owl-theme .owl-controls .owl-page span {
    width: 2em;
    height: 3px;
    color: #000;
    margin: 5px 4px;
    opacity: 1;
    background-color: #1a1919; }
  .owl-theme .owl-controls .owl-page.active span {
    background-color: #fbcf41; }