@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("../fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

*[padding=no] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

::selection {
  background: #363537;
  color: #fff;
}

::-moz-selection {
  background: #363537;
  color: #fff;
}

:-moz-placeholder {
  color: #aaaaaa;
}

::-webkit-input-placeholder {
  color: #aaaaaa;
}

::-webkit-validation-bubble-message {
  padding: 1em;
}

html, body {
  min-height: 100%;
  height: 100%;
}

html {
  background-color: #ffffff;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-text-size-adjust: none;
}

@keyframes fadeSiteIn {
  /* [1] */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeSiteOut {
  /* [2] */
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
body {
  font-family: 'Open Sans';
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

body.fixed {
  overflow: hidden;
}

img[responsive=true] {
  display: block;
  max-width: 100%;
  height: auto;
}

i {
  font-style: italic;
}

b, strong {
  font-weight: 700;
}

small {
  font-weight: 300;
}

a {
  text-decoration: none;
}

p[paragraph="true"] {
  margin-bottom: 20px;
  line-height: 25px;
}

p[align=justify] {
  align: justify;
}

ul li {
  display: inline-block;
}

.inner-link {
  color: #232323;
}

.full-width, main, main.sb-page .pg-push, section, header, .lang-navigation ul li, .index-categories-content, .arge-carousel, aside, aside .titles-navigation, aside .titles-navigation h3, aside .titles-navigation span.titles-border, aside ul, aside ul li, aside ul.products-navigation > li > a, aside ul.products-navigation > li ul, .pg-push, .sub-wrapper, #map, .notification-content, .other-site-title, .tabs-navigation, .tabs-content-wrap, .tabs-content-wrap .tabs-content, .tabs-content-wrap .tabs-content ul li, .pr-list-feature div[type="block"], .pr-features, .pr-split-list, .pr-split-list li, .pr-social-share, .document-list, .seller-title-content, .seller-list, .seller-list li, .seller-note, .page-wrap ul, .page-wrap ul li, .page-wrap.section-x2 .page-section-x2 .section-x2-content, .page-wrap.section-x3 .page-section-x3 .section-x2-content, form, form input, form textarea, address, address p, footer, footer .site-market-app {
  float: left;
  width: 100%;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.background-type, .arrow, i.arrow-style-red, .pr-box figure::before {
  background-repeat: no-repeat;
  background-position: center center;
}

main {
  min-height: 100%;
  background-color: #ffffff;
}
main p[role=paragraph] {
  margin-bottom: 15px;
  line-height: 1.6em;
}
main p[role=paragraph] b {
  font-weight: 600;
}
main p[role=paragraph]:last-child {
  margin-bottom: 0px;
}

section.sub-slider figure {
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.sub-slider figure.min-medium {
  height: 300px;
}
section.sub-slider figure.max-medium {
  height: 300px;
}
section.sub-slider img {
  margin: 0 auto;
}

/*
h1[type=page-title],h2[type=page-title]{
    @extend .full-width;
    margin-bottom: 25px;
    color:$white;
    text-align: center;
    position: relative;
    &.left-title{
        text-align: left;
    }
    span{
        @include font-size(25px);
    }
}
h2.wa-title,h3.wa-title{
    margin-bottom: 20px;
    @include font-size(16px);
    color:$red;
}
h2[type=page-title]{
    padding-top:20px;
}
*/
.arrow {
  width: 25px;
  height: 38px;
}
.arrow-right {
  float: right;
  background-image: url(../images/arrow-right.png);
}

.site-table {
  display: table;
}
.site-table-vertical {
  display: table-cell;
  vertical-align: middle;
}

.logo {
  float: left;
}

header {
  background-color: #ffffff;
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  /*
  .lang{
      @include position(absolute,$top:0,$right:170px);
      a{
          display: inline-block;
          width: 38px;
          height: 25px;
          margin-top:10px;
          background-repeat:no-repeat;
          background-position:center center;
          &.lang-tr{
              margin-right: 15px;
              //background-image:url(../images/flag-tr.svg);
          }
          &.lang-en{
              //background-image:url(../images/flag-en.svg);
          }
      }
  }
  */
}
header .container {
  position: relative;
}
header nav {
  float: right;
  margin-top: 18px;
}
header nav > ul > li {
  position: relative;
}
header nav > ul > li:last-child > a > span {
  padding-right: 0;
  border: none;
}
header nav > ul > li > a {
  display: block;
  color: #282828;
}
header nav > ul > li > a > span {
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #cfcfcf;
  color: #282828;
  font-weight: 500;
  font-size: 0.8666666667em;
}
header nav > ul > li a {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
header nav > ul > li:hover > ul {
  max-height: 400px;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
header nav > ul > li:hover > ul > li > a {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
header nav > ul > li > ul {
  width: 200px;
  max-height: 0px;
  overflow: hidden;
  padding-left: 0;
  background-color: #ffffff;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 14;
  -webkit-transition: max-height 400ms ease-in-out;
  -moz-transition: max-height 400ms ease-in-out;
  -ms-transition: max-height 400ms ease-in-out;
  -o-transition: max-height 400ms ease-in-out;
  transition: max-height 400ms ease-in-out;
}
header nav > ul > li > ul > li {
  width: 100%;
}
header nav > ul > li > ul > li:last-child > a {
  border: none;
}
header nav > ul > li > ul > li:hover .header-widget-scroll {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
header nav > ul > li > ul > li:hover .header-widget-scroll ul {
  max-width: 600px;
}
header nav > ul > li > ul > li > a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-align: left;
  color: #282828;
  font-size: 0.8666666667em;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}
header nav > ul > li > ul > li .header-widget-scroll {
  height: 100%;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: -600px;
}
header nav > ul > li > ul > li .header-widget-scroll::-webkit-scrollbar-track {
  background-color: #fff;
}
header nav > ul > li > ul > li .header-widget-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}
header nav > ul > li > ul > li .header-widget-scroll::-webkit-scrollbar-thumb {
  background-color: #896e5c;
}
header nav > ul > li > ul > li ul {
  float: left;
  max-width: 600px;
  width: 600px;
  min-height: 100%;
  background-color: #ffffff;
  -webkit-transition: max-width 400ms ease-in-out;
  -moz-transition: max-width 400ms ease-in-out;
  -ms-transition: max-width 400ms ease-in-out;
  -o-transition: max-width 400ms ease-in-out;
  transition: max-width 400ms ease-in-out;
}
header nav > ul > li > ul > li ul li {
  width: 50%;
  padding-right: 25px;
  padding-left: 25px;
}
header nav > ul > li > ul > li ul li a {
  display: inline-block;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 80px;
  font-size: 0.8666666667em;
  font-weight: 500;
  color: #282828;
  background-repeat: no-repeat;
  background-position: left center;
}
header nav > ul > li > ul > li ul li a::before {
  content: '';
  display: inline-block;
  margin-right: 8px;
  width: 11px;
  height: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #896e5c;
}
header .navigation-icon {
  width: auto;
  margin: 0 auto;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
header .nvi-rule {
  display: block;
  width: 40px;
  height: 2px;
  background-color: #114575;
  margin: 5px auto;
}

.header-social {
  float: right;
  max-width: 200px;
  height: 100%;
  padding-top: 32px;
  padding-right: 40px;
  padding-bottom: 32px;
  padding-left: 40px;
  text-align: center;
  background-color: #896e5c;
}
.header-social a {
  display: block;
}
.header-social a:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-social a:last-child {
  padding-top: 5px;
}

.he-right-rule {
  height: 100%;
  background-color: #10223c;
  position: absolute;
  top: 0;
  right: 0;
}

.lang-navigation {
  float: right;
  margin-top: 18px;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}
.lang-navigation:hover {
  cursor: pointer;
}
.lang-navigation:focus {
  pointer-events: none;
}
.lang-navigation:focus ul {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.lang-navigation.no-pointer-events {
  pointer-events: auto !important;
}
.lang-navigation.no-visibility:focus ul {
  display: block;
}
.lang-navigation.no-visibility ul {
  visibility: visible !important;
  display: none;
}
.lang-navigation.no-opacity {
  opacity: 1 !important;
}
.lang-navigation > span {
  float: left;
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
}
.lang-navigation > span img {
  float: left;
  margin-right: 5px;
}
.lang-navigation > span::after {
  content: '';
  float: right;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 15px;
  border: 2px solid #000000;
  border-bottom: 0;
  border-right: 0;
  transform: rotate(-135deg);
}
.lang-navigation ul {
  width: 110px;
  pointer-events: auto;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: visibility 500ms ease-in-out;
  -moz-transition: visibility 500ms ease-in-out;
  -ms-transition: visibility 500ms ease-in-out;
  -o-transition: visibility 500ms ease-in-out;
  transition: visibility 500ms ease-in-out;
  position: absolute;
  top: 62px;
  left: 50%;
  z-index: 101;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lang-navigation ul li {
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #d4d4d4;
  white-space: nowrap;
}
.lang-navigation ul li:last-child {
  border: none;
}
.lang-navigation ul li a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
  font-size: 0.9333333333em;
  color: #282828;
}
.lang-navigation ul li a figure, .lang-navigation ul li a span {
  float: left;
}
.lang-navigation ul li a span {
  padding-left: 10px;
  line-height: 23px;
}

.header-button-wrap {
  position: absolute;
  top: -40px;
  right: 0.9375rem;
}
.header-button-wrap .header-button {
  float: left;
  background-color: #eeeeee;
}
.header-button-wrap .header-button:hover {
  background-color: #114575;
}
.header-button-wrap .header-button:hover.login a::before {
  background-image: url(../iconset/icon_login-hover.svg);
}
.header-button-wrap .header-button:hover.demo a::before {
  background-image: url(../iconset/icon_demo-hover.svg);
}
.header-button-wrap .header-button:hover a {
  color: #ffffff;
}
.header-button-wrap .header-button.login a::before {
  left: 25px;
  background-image: url(../iconset/icon_login.svg);
}
.header-button-wrap .header-button.demo a::before {
  left: 15px;
  background-image: url(../iconset/icon_demo.svg);
}
.header-button-wrap .header-button a {
  display: block;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  color: #282828;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
}
.header-button-wrap .header-button a::before {
  content: '';
  width: 25px;
  height: 42px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
}
.header-button-wrap .header-button a span {
  display: inline-block;
}
.header-button-wrap .header-button a i {
  width: 20px;
  height: 20px;
  margin-right: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.slideshow {
  width: 100vw;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.slideshow figure {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.animated-slider-content .animated-wrapper {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.animated-slider-content .slide-title, .animated-slider-content .slide-text, .animated-slider-content .slide-link {
  display: block;
  color: #ffffff;
}
.animated-slider-content .slide-title, .animated-slider-content .slide-text {
  width: 100%;
}
.animated-slider-content .slide-title {
  margin-bottom: 30px;
  line-height: 1.2em;
}
.animated-slider-content .slide-text {
  margin-bottom: 50px;
  font-weight: 500;
}
.animated-slider-content .slide-link {
  display: inline-block;
  padding-top: 15px;
  padding-right: 50px;
  padding-bottom: 15px;
  padding-left: 50px;
  font-weight: 300;
  border: 1px solid #fff;
  position: relative;
}
.animated-slider-content .slide-link::before, .animated-slider-content .slide-link:after {
  content: '';
  display: block;
  width: 100%;
  max-height: 0;
  height: 100%;
  overflow: hidden;
  background-color: #114575;
  position: absolute;
  left: 0;
  z-index: -1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.animated-slider-content .slide-link::before {
  top: 0;
}
.animated-slider-content .slide-link::after {
  bottom: 0;
}
.animated-slider-content .slide-link:hover {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border-color: #114575;
}
.animated-slider-content .slide-link:hover::before, .animated-slider-content .slide-link:hover::after {
  max-height: 100%;
}

.slideshow-image {
  display: table;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 24s;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1.1);
}
.slideshow-image:nth-child(1) {
  animation-name: kenburns-1;
  z-index: 3;
}
.slideshow-image:nth-child(2) {
  animation-name: kenburns-2;
  z-index: 2;
}
.slideshow-image:nth-child(3) {
  animation-name: kenburns-3;
  z-index: 1;
}
.slideshow-image:nth-child(4) {
  animation-name: kenburns-4;
  z-index: 0;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.index-categories, .index-categories, .index-why, .index-arge, .index-notifications, .index-references {
  background-color: #ffffff;
  position: relative;
}

.index-categories-thead {
  margin-bottom: 50px;
  text-align: center;
}
.index-categories-thead h1, .index-categories-thead h2 {
  display: block;
}
.index-categories-thead h1 {
  margin-bottom: 20px;
  color: #000000;
}
.index-categories-thead h2 {
  color: #565656;
}
.index-categories .category-item:hover .category-item-box figure::after {
  max-width: 85%;
}
.index-categories .category-item:hover .category-item-box figure figcaption {
  left: 60%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.index-categories .category-item:nth-child(1) .category-item-box figure::before, .index-categories .category-item:nth-child(1) .category-item-box figure::after {
  background-color: rgba(17, 69, 117, 0.8);
}
.index-categories .category-item:nth-child(2) .category-item-box figure::before, .index-categories .category-item:nth-child(2) .category-item-box figure::after {
  background-color: rgba(247, 171, 61, 0.8);
}
.index-categories .category-item:nth-child(3) .category-item-box figure::before, .index-categories .category-item:nth-child(3) .category-item-box figure::after {
  background-color: rgba(25, 142, 104, 0.8);
}
.index-categories .category-item:nth-child(4) .category-item-box figure::before, .index-categories .category-item:nth-child(4) .category-item-box figure::after {
  background-color: rgba(130, 201, 12, 0.8);
}
.index-categories .category-item-box {
  display: block;
}
.index-categories .category-item-box figure {
  margin-bottom: 10px;
  position: relative;
}
.index-categories .category-item-box figure figcaption {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 4px solid #ffffff;
  border-bottom: 0;
  border-right: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: rotate(135deg);
  position: absolute;
  top: 55%;
  left: 0;
  z-index: 17;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.index-categories .category-item-box figure::before, .index-categories .category-item-box figure::after {
  content: '';
  display: block;
  height: 85%;
  position: absolute;
  top: -5px;
  left: -5px;
}
.index-categories .category-item-box figure::before {
  width: 85%;
  z-index: 0;
}
.index-categories .category-item-box figure::after {
  max-width: 0%;
  width: 100%;
  overflow-y: hidden;
  -webkit-transition: max-width 200ms linear;
  -moz-transition: max-width 200ms linear;
  -ms-transition: max-width 200ms linear;
  -o-transition: max-width 200ms linear;
  transition: max-width 200ms linear;
  z-index: 9;
}
.index-categories .category-item-box figure img {
  position: relative;
}
.index-categories .category-item-box span {
  display: block;
  margin-bottom: 5px;
}
.index-categories .category-item-box p {
  color: #545454;
  line-height: 25px;
}

.index-why {
  background-repeat: no-repeat;
  background-position: center center;
}
.index-why h3 {
  display: block;
  text-align: center;
}

.index-arge {
  height: 400px;
}
.index-arge .container {
  height: 100%;
  position: relative;
}
.index-arge .index-map {
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-image: url(../images/world.map.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.index-arge .index-map-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slick-current a.arge-nav-item {
  color: #ffffff !important;
}
.slick-current a.arge-nav-item.arge_x1 {
  background-color: #174064;
}
.slick-current a.arge-nav-item.arge_x1 figure {
  background-image: url(../iconset/icon-arge_x1_white.svg) !important;
}
.slick-current a.arge-nav-item.arge_x2 {
  background-color: #f7ab3d;
}
.slick-current a.arge-nav-item.arge_x2 figure {
  background-image: url(../iconset/icon-arge_x2_white.svg) !important;
}
.slick-current a.arge-nav-item.arge_x3 {
  background-color: #c1e732;
}
.slick-current a.arge-nav-item.arge_x3 figure {
  background-image: url(../iconset/icon-arge_x3_white.svg) !important;
}
.slick-current a.arge-nav-item.arge_x4 {
  background-color: #198e68;
}
.slick-current a.arge-nav-item.arge_x4 figure {
  background-image: url(../iconset/icon-arge_x4_white.svg) !important;
}
.slick-current a.arge-nav-item.arge_x5 {
  background-color: #A9C815;
}
.slick-current a.arge-nav-item.arge_x5 figure {
  background-image: url(../iconset/icon-arge_x5_white.svg) !important;
}
.slick-slide a.arge-nav-item {
  display: block;
  width: 100%;
  height: 110px;
  text-align: center;
  color: #000000;
  position: relative;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  border: 1px solid #b7aead;
}
.slick-slide a.arge-nav-item:hover {
  color: #ffffff;
}
.slick-slide a.arge-nav-item:hover.arge_x1 {
  background-color: #174064;
}
.slick-slide a.arge-nav-item:hover.arge_x1 figure {
  background-image: url(../iconset/icon-arge_x1_white.svg);
}
.slick-slide a.arge-nav-item:hover.arge_x1 span {
  border-color: #174064;
}
.slick-slide a.arge-nav-item:hover.arge_x2 {
  background-color: #f7ab3d;
}
.slick-slide a.arge-nav-item:hover.arge_x2 figure {
  background-image: url(../iconset/icon-arge_x2_white.svg);
}
.slick-slide a.arge-nav-item:hover.arge_x2 span {
  border-color: #f7ab3d;
}
.slick-slide a.arge-nav-item:hover.arge_x3 {
  background-color: #c1e732;
}
.slick-slide a.arge-nav-item:hover.arge_x3 figure {
  background-image: url(../iconset/icon-arge_x3_white.svg);
}
.slick-slide a.arge-nav-item:hover.arge_x3 span {
  border-color: #c1e732;
}
.slick-slide a.arge-nav-item:hover.arge_x4 {
  background-color: #198e68;
}
.slick-slide a.arge-nav-item:hover.arge_x4 figure {
  background-image: url(../iconset/icon-arge_x4_white.svg);
}
.slick-slide a.arge-nav-item:hover.arge_x4 span {
  border-color: #198e68;
}
.slick-slide a.arge-nav-item:hover.arge_x5 {
  background-color: #A9C815;
}
.slick-slide a.arge-nav-item:hover.arge_x5 figure {
  background-image: url(../iconset/icon-arge_x5_white.svg);
}
.slick-slide a.arge-nav-item:hover.arge_x5 span {
  border-color: #A9C815;
}
.slick-slide a.arge-nav-item.arge_x1 figure {
  background-size: 40px;
  background-image: url(../iconset/icon-arge_x1.svg);
}
.slick-slide a.arge-nav-item.arge_x1.current {
  background-color: #174064;
}
.slick-slide a.arge-nav-item.arge_x1.current figure {
  background-image: url(../iconset/icon-arge_x1_white.svg);
}
.slick-slide a.arge-nav-item.arge_x2 figure {
  background-size: 64px;
  background-image: url(../iconset/icon-arge_x2.svg);
}
.slick-slide a.arge-nav-item.arge_x2.current {
  background-color: #f7ab3d;
}
.slick-slide a.arge-nav-item.arge_x2.current figure {
  background-image: url(../iconset/icon-arge_x2_white.svg);
}
.slick-slide a.arge-nav-item.arge_x3 figure {
  background-size: 59px;
  background-image: url(../iconset/icon-arge_x3.svg);
}
.slick-slide a.arge-nav-item.arge_x3.current {
  background-color: #c1e732;
}
.slick-slide a.arge-nav-item.arge_x3.current figure {
  background-image: url(../iconset/icon-arge_x3_white.svg);
}
.slick-slide a.arge-nav-item.arge_x4 figure {
  background-size: 46px;
  background-image: url(../iconset/icon-arge_x4.svg);
}
.slick-slide a.arge-nav-item.arge_x4.current {
  background-color: #198e68;
}
.slick-slide a.arge-nav-item.arge_x4.current figure {
  background-image: url(../iconset/icon-arge_x4_white.svg);
}
.slick-slide a.arge-nav-item.arge_x5 figure {
  background-size: 51px;
  background-image: url(../iconset/icon-arge_x5.svg);
}
.slick-slide a.arge-nav-item.arge_x5.current {
  background-color: #A9C815;
}
.slick-slide a.arge-nav-item.arge_x5.current figure {
  background-image: url(../iconset/icon-arge_x5_white.svg);
}
.slick-slide a.arge-nav-item figure {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.slick-slide a.arge-nav-item span {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 50ms ease-in-out;
  -moz-transition: all 50ms ease-in-out;
  -ms-transition: all 50ms ease-in-out;
  -o-transition: all 50ms ease-in-out;
  transition: all 50ms ease-in-out;
}
.slick-slide a.arge-nav-item span b {
  width: 100%;
  font-size: 0.8666666667em;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.arge-navigation .slick-slide {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

/*
.arge-navigation{
    @extend .full-width;
    ul{
        display: block;
        li{
            width:calc(20% - 30px);
            height: 110px;
            margin-right:30px;
            text-align: center;
            position:relative;
            &:last-child{
                margin-right:0px;
            }
            a{
                display: block;
                width: 100%;
                height: 110px;
                text-align: center;
                color:$dark;
                @include transition(all,100ms,ease-in-out);
                &.current{
                    color:$white;
                }
                &:hover{
                    color:$white;
                    &.arge_x1{
                        background-color:#174064;
                        figure{
                            background-image:url(../iconset/icon-arge_x1_white.svg);
                        }
                        span{ border-color:#174064; }
                    }
                    &.arge_x2{
                        background-color:#f7ab3d;
                        figure{
                            background-image:url(../iconset/icon-arge_x2_white.svg);
                        }
                        span{ border-color:#f7ab3d; }
                    }
                    &.arge_x3{
                        background-color:#c1e732;
                        figure{
                            background-image:url(../iconset/icon-arge_x3_white.svg);
                        }
                        span{ border-color:#c1e732; }
                    }
                    &.arge_x4{
                        background-color:#198e68;
                        figure{
                            background-image:url(../iconset/icon-arge_x4_white.svg);
                        }
                        span{ border-color:#198e68; }
                    }
                    &.arge_x5{
                        background-color:#A9C815;
                        figure{
                            background-image:url(../iconset/icon-arge_x5_white.svg);
                        }
                        span{ border-color:#A9C815; }
                    }
                }
                &.arge_x1{
                    figure{
                        background-size:40px;
                        background-image:url(../iconset/icon-arge_x1.svg);
                    }
                    &.current{
                        background-color:#174064;
                        figure{
                            background-image:url(../iconset/icon-arge_x1_white.svg);
                        }
                    }
                }
                &.arge_x2{
                    figure{
                        background-size:64px;
                        background-image:url(../iconset/icon-arge_x2.svg);
                    }
                    &.current{
                        background-color:#f7ab3d;
                        figure{
                            background-image:url(../iconset/icon-arge_x2_white.svg);
                        }
                    }
                }
                &.arge_x3{
                    figure{
                        background-size:59px;
                        background-image:url(../iconset/icon-arge_x3.svg);
                    }
                    &.current{
                        background-color:#c1e732;
                        figure{
                            background-image:url(../iconset/icon-arge_x3_white.svg);
                        }
                    }
                }
                &.arge_x4{
                    figure{
                        background-size:46px;
                        background-image:url(../iconset/icon-arge_x4.svg);
                    }
                    &.current{
                        background-color:#198e68;
                        figure{
                            background-image:url(../iconset/icon-arge_x4_white.svg);
                        }
                    }
                }
                &.arge_x5{
                    figure{
                        background-size:51px;
                        background-image:url(../iconset/icon-arge_x5.svg);
                    }
                    &.current{
                        background-color:#A9C815;
                        figure{
                            background-image:url(../iconset/icon-arge_x5_white.svg);
                        }
                    }
                }
                figure{
                    width: 100%;
                    height: 100%;
                    background-repeat:no-repeat;
                    background-position:top center;
                    @include position(absolute,$top:10px,$left:0);
                    @include transition(all,250ms,ease-in-out);
                }
                span{
                    display:block;
                    width:100%;
                    height: 100%;
                    margin:auto;
                    border:1px solid #b7aead;
                    @include position(absolute,$top:0,$right:0,$bottom:0,$left:0);
                    @include transition(all,50ms,ease-in-out);
                    b{
                        width: 100%;
                        @include font-size(13px);
                        @include position(absolute,$bottom:10px,$left:0);
                    }
                }
            }
        }
    }
}
*/
.arge-carousel .arge-owl-item {
  width: 100%;
  text-align: center;
  display: table;
}
.arge-carousel .arge-owl-item .arge-owl-cc {
  display: table-cell;
  vertical-align: middle;
}
.arge-carousel .arge-owl-item .arge-owl-cc h5 {
  display: block;
  width: 100%;
}
.arge-carousel .arge-owl-item .arge-owl-cc p {
  font-size: 1.2em;
}
.arge-carousel .arge-owl-item .arge-owl-cc figure {
  margin-bottom: 25px;
}
.arge-carousel .arge-owl-item .arge-owl-cc figure img {
  margin: 0 auto;
}

.index-notifications {
  padding-top: 70px;
  padding-bottom: 40px;
}

.in-blog-item {
  margin-bottom: 1.875rem;
}
.in-blog-item a {
  display: block;
  color: #000000;
}
.in-blog-item a:hover span {
  background-color: #f7ab3d;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.in-blog-item a:hover figure::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.in-blog-item a figure {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  /*
  &::before,&::after{
      content: '';
  }
  &::before{
      width: 100%;
      height:100%;
      background-color:rgba(0,0,0,.4);
      @include position(absolute,$top:0,$left:0);
      z-index: 13;
  }
  &::after{
      content: '';
      width: 35px;
      height: 35px;
      margin:auto;
      border: 5px solid $white;
      border-bottom: 0;
      border-right: 0;
      @include opacity(0);
      transform: rotate(135deg);
      @include position(absolute,$top:0,$right:0,$bottom:0,$left:0);
      z-index: 17;
      @include transition(all,400ms,ease-in-out);
  }
  */
}
.in-blog-item a b, .in-blog-item a p {
  display: block;
}
.in-blog-item a span {
  height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #dfdfdf;
}
.in-blog-item a b {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1em;
}
.in-blog-item a p {
  font-size: 0.8666666667em;
}

a[type="hover"]:hover figure img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
a[type="hover"] figure {
  overflow: hidden;
}
a[type="hover"] figure img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

i.arrow-style-red {
  float: left;
  width: 21px;
  height: 44px;
  background-image: url(../images/icon-arrow-red.svg);
  animation-duration: 1500ms;
}

.index-separator {
  height: 400px;
  background-image: url(../images/images-separator.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.index-separator::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 17;
}
.index-separator h3 {
  width: 100%;
  height: 100px;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 19;
}
.index-separator h3 b {
  color: #ffffff;
  font-size: 2.3333333333em;
}

.index-references h3 {
  display: block;
  margin-bottom: 25px;
  text-align: center;
  font-size: 2.3333333333em;
}
.index-references h3 a {
  color: #000000;
}
.index-references .references-item {
  text-align: center;
}
.index-references .references-item figure img {
  margin: 0 auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

aside .titles-navigation {
  margin-bottom: 20px;
  position: relative;
}
aside .titles-navigation h3 {
  color: #896e5c;
  font-size: 1.2em;
}
aside .titles-navigation h3 span {
  padding-right: 10px;
  background-color: #ffffff;
  position: relative;
  z-index: 17;
}
aside .titles-navigation h3 span::before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 15px;
  margin-top: 5px;
  margin-right: 10px;
  background-color: #896e5c;
}
aside .titles-navigation span.titles-border {
  width: 100%;
  height: 1px;
  background-color: #ababab;
  position: absolute;
  bottom: 6px;
  left: 0;
}
aside ul {
  margin-bottom: 30px;
}
aside ul li a {
  color: #000000;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
aside ul.products-navigation > li {
  margin-bottom: 10px;
  position: relative;
}
aside ul.products-navigation > li.current > a > span, aside ul.products-navigation > li:hover > a > span {
  background-color: #db0707;
}
aside ul.products-navigation > li.current > a > span small, aside ul.products-navigation > li:hover > a > span small {
  font-weight: 700;
  color: #ffffff;
}
aside ul.products-navigation > li > a {
  height: 50px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
aside ul.products-navigation > li > a > i, aside ul.products-navigation > li > a > span {
  float: left;
}
aside ul.products-navigation > li > a > span {
  display: table;
  width: 100%;
  height: 100%;
  padding-left: 50px;
  font-weight: 300;
  font-size: 1.0666666667em;
  color: #aaaaaa;
  background-color: #262626;
}
aside ul.products-navigation > li > a > span small {
  display: table-cell;
  vertical-align: middle;
}
aside ul.products-navigation > li ul {
  padding-left: 75px;
  max-height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
aside ul.products-navigation > li ul.current {
  opacity: 1;
  filter: alpha(opacity=100);
  max-height: 400px;
  visibility: visible;
}
aside ul.products-navigation > li ul li::before, aside ul.products-navigation > li ul li a {
  float: left;
}
aside ul.products-navigation > li ul li a {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 300;
  color: #838383;
  border-bottom: 1px solid #aaaaaa;
}
aside ul.products-navigation > li ul li a:hover, aside ul.products-navigation > li ul li a.current {
  color: #db0707;
  font-weight: bold;
  border-color: #db0707;
}
aside ul.ajax-search-box {
  padding-top: 35px;
  padding-right: 25px;
  padding-bottom: 35px;
  padding-left: 25px;
  background-color: #e9e9e9;
}
aside ul.ajax-search-box li {
  margin-bottom: 15px;
}
aside ul.ajax-search-box li a {
  display: block;
}
aside ul.ajax-search-box li a span[type="text"] {
  float: right;
  max-width: 140px;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  font-size: 0.8666666667em;
  font-weight: 300;
}

.mm-page {
  height: 100%;
}
.mm-page #page {
  height: 100%;
}

.slider.sub-slider {
  position: relative;
}
.slider.sub-slider.no-slider {
  z-index: 17;
}
.slider.sub-slider .page-title {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #ffffff;
  background-color: rgba(17, 69, 117, 0.7);
}
.slider.sub-slider .page-title.slider-title {
  position: absolute;
  bottom: 0;
  left: 0;
}
/*.slider.sub-slider .page-title h1 {
  text-transform: uppercase;
}*/

.references-item.sub-references {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.references-item.sub-references:nth-child(6n+0) figure {
  border-right: none;
}
.references-item.sub-references figure {
  /*padding-top: 25px;
  padding-bottom: 25px;*/
  text-align: center;
  position:relative;
  height:140px;
}
.references-item.sub-references figure img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  position:absolute;
  top:0px;
  bottom:0px;
  margin:auto;
}

.address-block {
  text-align: center;
}
.address-block h2 {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #114575;
  font-size: 1.0666666667em;
  border-bottom: 1px solid #114575;
}

#map {
  margin-top: 50px;
  margin-bottom: 50px;
}

.notification-content img, .notification-content p {
  float: left;
}

.other-site-title {
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #114575;
  border-bottom: 1px solid #114575;
}
.other-site-title b {
  float: left;
}
.other-site-title a {
  float: right;
  color: #114575;
}

.notification-gallery {
  margin-top: 70px;
  margin-bottom: 70px;
  padding-top: 30px;
  padding-bottom: 10px;
  background-color: #f7ab3d;
}

.photos-item {
  display: block;
  margin-bottom: 30px;
}
.photos-item:hover figure::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.photos-item figure {
  position: relative;
}
.photos-item figure::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.notification-article h2 {
  margin-bottom: 20px;
  color: #114575;
  font-size: 1.0666666667em;
}
.notification-article a {
  color: #114575;
  font-weight: bold;
}
.notification-article p {
  margin-bottom: 15px;
}

.tabs-navigation {
  margin-bottom: 30px;
  border-bottom: 1px solid #114575;
}
.tabs-navigation li {
  float: left;
}
.tabs-navigation li.current span {
  background-color: #f7ab3d;
}
.tabs-navigation li span {
  display: block;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  font-weight: bold;
  color: #114575;
  cursor: pointer;
}

.tabs-content-wrap .tabs-content {
  display: none;
}
.tabs-content-wrap .tabs-content.current {
  display: inherit;
}
.tabs-content-wrap .tabs-content ul li {
  margin-bottom: 15px;
}
.tabs-content-wrap .tabs-content ul li:hover a::after {
  border-color: #000000;
  background-color: #000000;
}
.tabs-content-wrap .tabs-content ul li a {
  display: block;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
  color: #000000;
  background-color: #eeeeee;
  position: relative;
}
.tabs-content-wrap .tabs-content ul li a::after {
  content: '';
  display: block;
  width: 165px;
  height: 100%;
  border: 1px solid #eeeeee;
  background-color: #fff;
  background-image: url(../iconset/icon_download.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

/*
.page-title{
    margin-bottom: 30px;
    padding-top:15px;
    padding-bottom:15px;
    //text-align: center;
    border-bottom:1px solid $red;
    &-address{
        margin-bottom:10px;
        color:$red;
        font-weight: 700;
        text-align: center;
        @include font-size(16px);
    }
    &[align=left]{
        text-align: left;
    }
    &[align=center]{
        text-align: center;
    }
    span{
        color:$grey;
        @include font-size(25px);
        //text-transform: uppercase;
    }
}
*/
/*
.ca-logos{
    display: inline-block;
    margin-top:30px;
    margin-right:30px;
    &:last-child{
        margin-right:0px;
    }
}
.select-wrapper{
    text-align: center;
    h2{
        margin-top:30px;
        margin-bottom: 45px;
        @include font-size(16px);
    }
}
.styled-select {
    //width: 360px;
    height: 50px;
    margin:0 auto 60px;
    //background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
    //overflow: hidde;
    position:relative;
    &::before{
        content: '';
        display: block;
        width: 67px;
        height: 50px;
        border:1px solid $red;
        background-color:$black;
        background-image:url(../images/icon-arrow.down.png);
        background-repeat:no-repeat;
        background-position: center center;
        cursor:pointer;
        pointer-events: none;
        @include position(absolute,$top:0px,$right:0px);
    }
    select{
        width: 100%;;
        height: 100%;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:20px;
        @include font-size(16px);
        font-weight: bold;
        background-color:$red;
        border:none;
        color:$white;
        cursor:pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}
.service-list{
    margin-bottom:25px;
    padding-bottom:25px;
    padding:20px;
    background-color:#262626;
    &:last-child{
        border:none;
    }
    li{
        display: block;
        margin-bottom: 5px;
        color:$white;
        @include font-size(16px);
        &:first-child{
            font-weight: 700;
            color:$red;
        }
        &:nth-child(3){
            margin-bottom:20px;
        }
    }
}
*/
.pr-box {
  display: block;
  padding-bottom: 50px;
}
.pr-box:hover figure {
  border: 8px solid #896e5c;
}
.pr-box:hover figure::before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.pr-box:hover span::after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.pr-box span, .pr-box span::after, .pr-box figure, .pr-box figure::before {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.pr-box figure {
  height: 210px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  margin-bottom: 6px;
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
  position: relative;
}
.pr-box figure::before {
  content: '';
  display: block;
  width: 27px;
  height: 29px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  background-image: url(../images/icon-zoom.png);
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 19;
}
.pr-box figure img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pr-box span {
  display: block;
  padding-top: 8px;
  padding-right: 25px;
  padding-bottom: 8px;
  padding-left: 25px;
  color: #000000;
  font-weight: 300;
  text-align: left;
  font-size: 0.8666666667em;
  background-color: #e9e9e9;
  position: relative;
}
.pr-box span::after {
  content: '';
  display: block;
  width: 15px;
  height: 100%;
  background-color: #896e5c;
  position: absolute;
  top: 0;
  left: 0;
}
.pr-box div[code=true] {
  padding-right: 8px;
  padding-left: 8px;
  color: #000000;
  font-weight: 700;
  font-size: 0.8em;
  background-color: #ffffff;
  position: absolute;
  bottom: 85px;
  left: 32px;
}

.single-page-image {
  height: 490px;
  margin-top: 28px;
  margin-bottom: 220px;
  padding-top: 85px;
  padding-right: 100px;
  padding-bottom: 85px;
  padding-left: 100px;
  background-color: #ffffff;
  text-align: center;
  border: 1px solid #bfbfbf;
  position: relative;
}
.single-page-image::before, .single-page-image::after {
  content: '';
  display: block;
  z-index: -1;
}
.single-page-image::before {
  width: 150px;
  height: 150px;
  background-color: #e7e7e7;
  position: absolute;
  top: -20px;
  right: -20px;
}
.single-page-image::after {
  width: 300px;
  height: 200px;
  background-color: #896e5c;
  position: absolute;
  bottom: -20px;
  left: -20px;
}
.single-page-image .item {
  height: 306px;
  position: relative;
}
.single-page-image .item img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.single-page-image .new-production {
  position: absolute;
  right: 18px;
  bottom: 18px;
}

.owl-thumbs {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -310px;
  left: 0;
}
.owl-thumbs .owl-thumb-item {
  display: inline-block;
  width: 175px;
  height: 155px;
  padding-top: 35px;
  padding-right: 35px;
  padding-bottom: 35px;
  padding-left: 35px;
  margin-right: 15px;
  border: 1px solid #bfbfbf;
  background: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -ms-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.owl-thumbs .owl-thumb-item:last-child {
  margin-right: 0px;
}
.owl-thumbs .owl-thumb-item img {
  float: left;
  display: block;
  max-width: 100%;
}
.owl-thumbs .owl-thumb-item.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.single-page-inf h2, .single-page-inf h3 {
  font-weight: 700;
  margin-bottom: 35px;
}
.single-page-inf h2 {
  font-size: 1.6666666667em;
}
.single-page-inf h3 {
  font-size: 1.0666666667em;
  color: #ffffff;
}

.pr-list-feature div[type="block"] {
  margin-bottom: 5px;
}
.pr-list-feature div[type="title"], .pr-list-feature div[type="content"] {
  height: 42px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-size: 0.9333333333em;
}
.pr-list-feature div[type="title"] {
  color: #ffffff;
  background-color: #896e5c;
}
.pr-list-feature div[type="content"] {
  background-color: #f3f3f3;
}

.pr-features {
  margin-top: 40px;
  margin-bottom: 30px;
}
.pr-features div[type="warranty"], .pr-features div[type="technical"] {
  width: 45%;
  height: 67px;
  font-weight: 300;
  color: #000000;
  border: 1px solid #717170;
  position: relative;
}
.pr-features div[type="warranty"]::before, .pr-features div[type="technical"]::before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  top: -1px;
  left: -1px;
}
.pr-features div[type="warranty"][type="warranty"], .pr-features div[type="technical"][type="warranty"] {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 120px;
  font-size: 0.8em;
}
.pr-features div[type="warranty"][type="warranty"]::before, .pr-features div[type="technical"][type="warranty"]::before {
  width: 106px;
  height: 67px;
  background-image: url(../images/icon-warranty.jpg);
}
.pr-features div[type="warranty"][type="warranty"] small, .pr-features div[type="technical"][type="warranty"] small {
  display: block;
}
.pr-features div[type="warranty"][type="technical"], .pr-features div[type="technical"][type="technical"] {
  float: right;
}
.pr-features div[type="warranty"][type="technical"]::before, .pr-features div[type="technical"][type="technical"]::before {
  width: 67px;
  height: 67px;
  background-image: url(../images/icon-technical-drawing.jpg);
}
.pr-features div[type="warranty"][type="technical"] a, .pr-features div[type="technical"][type="technical"] a {
  width: 100%;
  height: 100%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 100px;
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.pr-features div[type="warranty"][type="technical"] a span, .pr-features div[type="technical"][type="technical"] a span {
  font-size: 0.9333333333em;
  color: #000000;
}

.pr-split-list {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.pr-split-list li {
  margin-bottom: 5px;
  position: relative;
  /*
  &::before{
      content: '';
      display: block;
      width: 6px;
      height: 5px;
      margin-right:20px;
      background-color:$white;
      @include position(absolute,$top:7px,$left:0px);
  }
  */
}
.pr-split-list li span {
  display: inline-block;
  font-size: 0.9333333333em;
  font-weight: 300;
}

.pr-social-share a {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #d9d9d9;
}
.pr-social-share a:first-child {
  border-left: 1px solid #d9d9d9;
}

ol.breadcrumb {
  margin-bottom: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ol.breadcrumb li {
  display: inline-block;
  margin-right: 5px;
  line-height: 20px;
}

ol.breadcrumb li a {
  color: #000;
}

ol.breadcrumb li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sb-blog_item {
  margin-bottom: 1.875rem;
}

.blog-image {
  padding-top: 25px;
  padding-bottom: 25px;
}
.blog-image img {
  margin: 0 auto;
}
.blog-article p {
  margin-bottom: 20px;
}
.blog-article p b {
  font-size: 1.0666666667em;
}

.document-list li {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #aaaaaa;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../images/icon-download.svg);
}
.document-list li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  font-size: 1.0666666667em;
}

.page-back {
  float: right;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  color: #ffffff;
  font-size: 1.0666666667em;
  background-color: #db0707;
}
.page-back span {
  position: absolute;
  top: 0px;
  right: 0px;
}

.seller-title-header {
  margin-bottom: 30px;
}
.seller-title-header span {
  line-height: 40px;
  font-size: 1.2em;
}
.seller-title-content {
  margin-bottom: 10px;
}
.seller-title-content strong {
  font-size: 1.1333333333em;
}
.seller-logout {
  float: right;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  color: #ffffff;
  background-color: #db0707;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.seller-list {
  margin-bottom: 50px;
}
.seller-list li {
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.seller-payment {
  color: #000000;
  font-size: 1.1333333333em;
}
.seller-note {
  text-align: center;
  font-size: 0.8666666667em;
  color: #db0707;
}
.seller-bill {
  color: #ffffff;
}

.page-box.sub-page-box img {
  width: 100%;
}
.page-box a {
  display: block;
  margin-bottom: 30px;
  color: #ffffff;
  position: relative;
}
.page-box a::before {
  content: '';
  width: 25px;
  height: 25px;
  border: 7px solid #ffffff;
  border-bottom: 0;
  border-right: 0;
  transform: rotate(135deg);
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 17;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.page-box a:hover figure::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.page-box a:hover figure::after {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.page-box a:hover figure figcaption {
  bottom: 30px;
}
.page-box a figure {
  position: relative;
}
.page-box a figure::before, .page-box a figure::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.page-box a figure::before {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  background-color: rgba(17, 69, 117, 0.7);
}
.page-box a figure::after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  background-color: rgba(40, 40, 40, 0.4);
}
.page-box a figure figcaption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 13;
}
.page-box a figure figcaption b {
  font-size: 1.3333333333em;
}

.page-wrap {
  overflow: hidden;
  position: relative;
}
.page-wrap ul {
  margin-bottom: 30px;
}
.page-wrap ul li {
  margin-bottom: 5px;
  color: #282828;
}
.page-wrap.section-x1 .page-section-x1 .section-x1-content b, .page-wrap.section-x1 .page-section-x1 .section-x1-content strong, .page-wrap.section-x1 .page-section-x1 .section-x2-content b, .page-wrap.section-x1 .page-section-x1 .section-x2-content strong, .page-wrap.section-x1 .page-section-x1 .section-x3-content b, .page-wrap.section-x1 .page-section-x1 .section-x3-content strong, .page-wrap.section-x1 .page-section-x2 .section-x1-content b, .page-wrap.section-x1 .page-section-x2 .section-x1-content strong, .page-wrap.section-x1 .page-section-x2 .section-x2-content b, .page-wrap.section-x1 .page-section-x2 .section-x2-content strong, .page-wrap.section-x1 .page-section-x2 .section-x3-content b, .page-wrap.section-x1 .page-section-x2 .section-x3-content strong, .page-wrap.section-x1 .page-section-x3 .section-x1-content b, .page-wrap.section-x1 .page-section-x3 .section-x1-content strong, .page-wrap.section-x1 .page-section-x3 .section-x2-content b, .page-wrap.section-x1 .page-section-x3 .section-x2-content strong, .page-wrap.section-x1 .page-section-x3 .section-x3-content b, .page-wrap.section-x1 .page-section-x3 .section-x3-content strong, .page-wrap.section-x2 .page-section-x1 .section-x1-content b, .page-wrap.section-x2 .page-section-x1 .section-x1-content strong, .page-wrap.section-x2 .page-section-x1 .section-x2-content b, .page-wrap.section-x2 .page-section-x1 .section-x2-content strong, .page-wrap.section-x2 .page-section-x1 .section-x3-content b, .page-wrap.section-x2 .page-section-x1 .section-x3-content strong, .page-wrap.section-x2 .page-section-x2 .section-x1-content b, .page-wrap.section-x2 .page-section-x2 .section-x1-content strong, .page-wrap.section-x2 .page-section-x2 .section-x2-content b, .page-wrap.section-x2 .page-section-x2 .section-x2-content strong, .page-wrap.section-x2 .page-section-x2 .section-x3-content b, .page-wrap.section-x2 .page-section-x2 .section-x3-content strong, .page-wrap.section-x2 .page-section-x3 .section-x1-content b, .page-wrap.section-x2 .page-section-x3 .section-x1-content strong, .page-wrap.section-x2 .page-section-x3 .section-x2-content b, .page-wrap.section-x2 .page-section-x3 .section-x2-content strong, .page-wrap.section-x2 .page-section-x3 .section-x3-content b, .page-wrap.section-x2 .page-section-x3 .section-x3-content strong, .page-wrap.section-x3 .page-section-x1 .section-x1-content b, .page-wrap.section-x3 .page-section-x1 .section-x1-content strong, .page-wrap.section-x3 .page-section-x1 .section-x2-content b, .page-wrap.section-x3 .page-section-x1 .section-x2-content strong, .page-wrap.section-x3 .page-section-x1 .section-x3-content b, .page-wrap.section-x3 .page-section-x1 .section-x3-content strong, .page-wrap.section-x3 .page-section-x2 .section-x1-content b, .page-wrap.section-x3 .page-section-x2 .section-x1-content strong, .page-wrap.section-x3 .page-section-x2 .section-x2-content b, .page-wrap.section-x3 .page-section-x2 .section-x2-content strong, .page-wrap.section-x3 .page-section-x2 .section-x3-content b, .page-wrap.section-x3 .page-section-x2 .section-x3-content strong, .page-wrap.section-x3 .page-section-x3 .section-x1-content b, .page-wrap.section-x3 .page-section-x3 .section-x1-content strong, .page-wrap.section-x3 .page-section-x3 .section-x2-content b, .page-wrap.section-x3 .page-section-x3 .section-x2-content strong, .page-wrap.section-x3 .page-section-x3 .section-x3-content b, .page-wrap.section-x3 .page-section-x3 .section-x3-content strong {
  display: block;
  margin-bottom: 10px;
}
.page-wrap.section-x1 {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.page-wrap.section-x1::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}
.page-wrap.section-x1 .page-section-x1 {
  width: 100%;
  padding-bottom: 50px;
}
.page-wrap.section-x1 .page-section-x1 .page-text-wrap * {
  color: #ffffff;
}
.page-wrap.section-x1 .page-section-x1 .page-text-wrap p {
  margin-bottom: 15px;
}
.page-wrap.section-x2 {
  background-color: #e8eff5;
}
.page-wrap.section-x2 .page-section-x2 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-wrap.section-x2 .page-section-x2 .section-x2-content strong, .page-wrap.section-x2 .page-section-x2 .section-x2-content b {
  display: block;
  margin-bottom: 10px;
}
.page-wrap.section-x2 .page-section-x2 .file-download::after {
  content: '';
  width: 34px;
  height: 32px;
  margin-left: 20px;
  background-image: url(../iconset/icon_download.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-wrap.section-x3 .page-section-x3 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-wrap.section-x3 .page-section-x3 .section-x2-content strong, .page-wrap.section-x3 .page-section-x3 .section-x2-content b {
  display: block;
  margin-bottom: 10px;
}
.page-wrap.section-x3 .page-section-x3 .demo::after {
  content: '';
  width: 26px;
  height: 39px;
  margin-left: 20px;
  background-image: url(../iconset/icon_demo_2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 36px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.file-button {
  float: left;
  margin-top: 25px;
  padding-top: 20px;
  padding-right: 70px;
  padding-bottom: 20px;
  padding-left: 35px;
  color: #282828;
  border: 1px solid #75787a;
  position: relative;
}
.iot-page{
  background:url(../images/iot-background.png) no-repeat center center;
}
.iot-systems-wrp{
  margin-top:30px;
}
.iot-systems{
  height:70px;
}
.iot-systems img{
  margin:0px 20px 0px 0px; 
}
.iot-titles{
  margin-top:50px;
}
.sensors-title {
  display: block;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #114575;
  font-size: 1.2em;
  border-bottom: 1px solid #114575;
}

.sensors-list li {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #959595;
  font-size: 1.0666666667em;
}
.sensors-list li:last-child {
  border: none;
}
.sensors-list li .sensor-image figure {
  text-align: center;
}
.sensors-list li .sensor-image figure img {
  display: inline;
}
.sensors-list li b {
  font-size: 1.0666666667em;
}
.sensors-list li p {
  font-size: 1em;
}

.page-photos .owl-dots {
  margin-top: 25px;
  text-align: center;
}

.page-photos-dots {
  display: inline-block;
  zoom: 1;
  text-align: center;
}
.page-photos-dots.active span, .page-photos-dots:hover span {
  background-color: #f7ab3d;
}
.page-photos-dots:last-child span {
  margin-right: 0px;
}
.page-photos-dots span {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #888888;
  -webkit-backface-visibility: visible;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.other-pages {
  padding-bottom: 50px;
  background-color: #e1ebf5;
  overflow: hidden;
}
.other-pages h3 {
  display: block;
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
  color: #114575;
  font-size: 1.3333333333em;
}

input[type=text], textarea {
  outline: none;
  border-radius: 0px;
  -webkit-appearance: none;
}

form {
  font-weight: 700;
}
form.contact-page fieldset {
  margin-bottom: 20px;
  position: relative;
}
form input, form textarea {
  padding-right: 15px;
  padding-left: 15px;
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9333333333em;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
form input {
  height: 50px;
}
form textarea {
  height: 150px;
  padding-top: 15px;
  padding-bottom: 15px;
  resize: none;
}
form label {
  color: red;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
form button {
  padding-top: 20px;
  padding-right: 75px;
  padding-bottom: 20px;
  padding-left: 75px;
  border: none;
  cursor: pointer;
  color: #000000;
  font-weight: 700;
  font-size: 0.9333333333em;
  font-size: 0.9333333333em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #f7ab3d;
}

address p.address-grid {
  margin-bottom: 25px;
}
address p, address a {
  color: #232323;
  font-size: 0.9333333333em;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label span[type="checkbox"] {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background-image: url(../images/checkbox-not.check.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

input[type="checkbox"]:checked + label span[type="checkbox"] {
  background-image: url(../images/checkbox.check.jpg);
}

.your-cv, .your-browse {
  display: inline-block;
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.your-cv {
  margin-right: 25px;
  color: #ffffff;
  background-color: #aaaaaa;
}

.your-browse {
  color: #363537;
  border: 1px solid #d9d9d9;
  background-color: #f7f7f7;
}

footer {
  padding-top: 70px;
  padding-bottom: 110px;
  background-image: url(../images/images-footer.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: -1;
  /*
  ul{
      float:left;
      //padding-left:70px;
      margin-top:30px;
      > li{
          &:hover{
              > a{
                  color:#59d7fb;
              }
          }
          > ul{
              display: none;
          }
          > a{
              padding-right:70px;
              color:#7f8184;
          }
      }
  }
  */
}
footer .container {
  position: relative;
}
footer .foo-logos {
  text-align: left;
}
footer .foo-logos figure {
  margin-bottom: 50px;
}
footer .site-market-app {
  margin-top: 65px;
  text-align: center;
}
footer .site-market-app span {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 0.6em;
}
footer .site-market-app a {
  display: inline-block;
}
footer .site-market-app a:last-child {
  margin-right: 0px;
}
footer .foo-information .phone-number, footer .foo-information .mailto {
  float: left;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
}
footer .foo-information .phone-number span, footer .foo-information .mailto span {
  height: 30px;
  line-height: 30px;
}
footer .foo-information .phone-number {
  font-size: 2.3333333333em;
  /*
  &::before{
      background-image:url(../iconset/icon-phone.svg);
  }
  */
}
footer .foo-information .mailto {
  margin-top: 10px;
  margin-bottom: 20px;
}
footer .foo-information .mailto::before {
  content: '';
  display: inline-block;
  margin-right: 15px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
  background-image: url(../iconset/icon-mail.svg);
}
footer .foo-information .social {
  margin-top: 20px;
}
footer .foo-information .social li {
  margin-right: 15px;
}
footer .foo-information .social li:last-child {
  margin-right: 0px;
}
footer .foo-information .social li a {
  display: inline-block;
}
footer .foo-navigation {
  width: 100%;
}
footer .foo-navigation ul {
  float: left;
  width: 100%;
  text-align: center;
}
footer .foo-navigation ul li {
  text-align: left;
}
footer .foo-navigation ul li a {
  display: block;
  color: #fff;
}
footer .foo-navigation ul > li > ul {
  padding-top: 15px;
}
footer .foo-navigation ul > li > ul.standart-open {
  max-width: 150px;
}
footer .foo-navigation ul > li > ul.other-open {
  max-width: 250px;
}
footer .foo-navigation ul > li > ul > li {
  float: left;
  width: 100%;
}
footer .foo-navigation ul > li > ul > li:hover a {
  color: #198e68;
}
footer .foo-navigation ul > li > ul > li a {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.8em;
  -webkit-transition: color 400ms ease-in-out;
  -moz-transition: color 400ms ease-in-out;
  -ms-transition: color 400ms ease-in-out;
  -o-transition: color 400ms ease-in-out;
  transition: color 400ms ease-in-out;
}
.main-page-icon{
  width:100%;
  float: left;
  text-align:center;
  margin-top:25px;
}
.main-page-icon a{
  float:initial !important;
  padding-right:35px !important;
}
/*# sourceMappingURL=style.css.map */