@font-face {
  font-family: 'GothamPro';
  src: url("../fonts/GothamPro.eot");
  src: url("../fonts/GothamPro.eot") format("embedded-opentype"), url("../fonts/GothamPro.woff") format("woff"), url("../fonts/GothamPro.ttf") format("truetype"), url("../fonts/GothamPro.svg#GothamPro") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamPro-Italic';
  src: url("../fonts/GothamPro-Italic.eot");
  src: url("../fonts/GothamPro-Italic.eot") format("embedded-opentype"), url("../fonts/GothamPro-Italic.woff") format("woff"), url("../fonts/GothamPro-Italic.ttf") format("truetype"), url("../fonts/GothamPro-Italic.svg#GothamPro-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamPro-Bold';
  src: url("../fonts/GothamPro-Bold.eot");
  src: url("../fonts/GothamPro-Bold.eot") format("embedded-opentype"), url("../fonts/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro-Bold.ttf") format("truetype"), url("../fonts/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamPro-Light';
  src: url("../fonts/GothamPro-Light.eot");
  src: url("../fonts/GothamPro-Light.eot") format("embedded-opentype"), url("../fonts/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro-Light.ttf") format("truetype"), url("../fonts/GothamPro-Light.svg#GothamPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*  colors */
/*  fonts */
/* viewports */
/* mixin */
.default-block-wrapper, .default-block-section, .button-default-wrapper, .form-line,
.form-field, .slider-controls, .anchor-list, .filters-wrapper, .filter-form, .menu-head-content, .menu-head-content .container, .menu-list-wrapper, .contacts-fixed-header, .footer-columns-wrapper,
.footer-content,
.footer-column-list, .services-content-list__item-content, .technologies-wrapper, .technologies-content-list-header, .technologies-content-list-bottom-item-content, .expertise-list, .portfolio-list, .portfolio-list__item-container, .products-list, .news-list-content__item-content, .start-list, .start-list__item-container, .why-list, .why-list__item-header-wrapper, .histoty-list, .histoty-list .owl-item, .histoty-list__item {
  *zoom: 1;
}

.default-block-wrapper:before, .default-block-section:before, .button-default-wrapper:before, .form-line:before,
.form-field:before, .slider-controls:before, .anchor-list:before, .filters-wrapper:before, .filter-form:before, .menu-head-content:before, .menu-head-content .container:before, .menu-list-wrapper:before, .contacts-fixed-header:before, .footer-columns-wrapper:before,
.footer-content:before,
.footer-column-list:before, .services-content-list__item-content:before, .technologies-wrapper:before, .technologies-content-list-header:before, .technologies-content-list-bottom-item-content:before, .expertise-list:before, .portfolio-list:before, .portfolio-list__item-container:before, .products-list:before, .news-list-content__item-content:before, .start-list:before, .start-list__item-container:before, .why-list:before, .why-list__item-header-wrapper:before, .histoty-list:before, .histoty-list .owl-item:before, .histoty-list__item:before, .default-block-wrapper:after, .default-block-section:after, .button-default-wrapper:after, .form-line:after,
.form-field:after, .slider-controls:after, .anchor-list:after, .filters-wrapper:after, .filter-form:after, .menu-head-content:after, .menu-head-content .container:after, .menu-list-wrapper:after, .contacts-fixed-header:after, .footer-columns-wrapper:after,
.footer-content:after,
.footer-column-list:after, .services-content-list__item-content:after, .technologies-wrapper:after, .technologies-content-list-header:after, .technologies-content-list-bottom-item-content:after, .expertise-list:after, .portfolio-list:after, .portfolio-list__item-container:after, .products-list:after, .news-list-content__item-content:after, .start-list:after, .start-list__item-container:after, .why-list:after, .why-list__item-header-wrapper:after, .histoty-list:after, .histoty-list .owl-item:after, .histoty-list__item:after {
  content: " ";
  display: table;
}

.default-block-wrapper:after, .default-block-section:after, .button-default-wrapper:after, .form-line:after,
.form-field:after, .slider-controls:after, .anchor-list:after, .filters-wrapper:after, .filter-form:after, .menu-head-content:after, .menu-head-content .container:after, .menu-list-wrapper:after, .contacts-fixed-header:after, .footer-columns-wrapper:after,
.footer-content:after,
.footer-column-list:after, .services-content-list__item-content:after, .technologies-wrapper:after, .technologies-content-list-header:after, .technologies-content-list-bottom-item-content:after, .expertise-list:after, .portfolio-list:after, .portfolio-list__item-container:after, .products-list:after, .news-list-content__item-content:after, .start-list:after, .start-list__item-container:after, .why-list:after, .why-list__item-header-wrapper:after, .histoty-list:after, .histoty-list .owl-item:after, .histoty-list__item:after {
  clear: both;
}

html, body {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  color: #201d1d;
  font-family: "GothamPro", sans-serif;
  font-size: 100%;
  line-height: 1.4;
  height: 100%;
  width: 100%;
}

body {
  background-color: #123a60;
  font-size: 75%;
  font-size: 0.75rem;
}

.device * {
  -webkit-text-size-adjust: none;
}

.device.smooth-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.img-responsive {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: auto;
}

.owl-controls {
  display: none;
}

/* svg styles */
svg {
  display: inherit;
  overflow: visible;
}

svg:not(:root) {
  overflow: visible;
}

.svg-contact path {
  fill: #2e85cb;
}

.svg-mail path,
.svg-view path {
  fill: #ffffff;
}

.svg-view {
  display: block;
  height: 57px;
  width: 57px;
}

.svg-about {
  height: 37px;
  width: 37px;
}

.svg-about path {
  fill: #ffffff;
}

.svg-control {
  height: 55px;
  width: 55px;
}

.svg-control line {
  stroke: #284d6a;
  stroke-width: 3;
  -webkit-transition: stroke .3s linear;
  -moz-transition: stroke .3s linear;
  -o-transition: stroke .3s linear;
  transition: stroke .3s linear;
}

.controls-transparent .svg-control {
  height: 36px;
  width: 36px;
}

.controls-transparent .svg-control line {
  stroke: #ffffff;
  stroke-width: 3;
}

.controls-transparent-gray .svg-control {
  height: 36px;
  width: 36px;
}

.controls-transparent-gray .svg-control line {
  stroke: rgba(178, 178, 178, 0.79);
  stroke-width: 2;
}

.svg-services path {
  fill: none;
  stroke: #201d1d;
  stroke-width: 3;
  stroke-miterlimit: 10;
  -webkit-transition: stroke .3s linear;
  -moz-transition: stroke .3s linear;
  -o-transition: stroke .3s linear;
  transition: stroke .3s linear;
}

.svg-expertise path {
  fill: #201d1d;
}

.start-svg path {
  fill: #201d1d;
}

.svg-contacts-close path {
  fill: rgba(37, 37, 37, 0.32);
  -webkit-transition: fill .3s linear;
  -moz-transition: fill .3s linear;
  -o-transition: fill .3s linear;
  transition: fill .3s linear;
}

.section {
  position: relative;
}

.bg-gray-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  -moz-background-size: auto;
    -o-background-size: auto;
       background-size: auto;
}

.bg-gray-right-wrapper {
  background-image: url("../images/line-right.png");
  background-position: 0 0;
}

.bg-gray-left-wrapper {
  background-image: url("../images/line-left.png");
  background-position: 100% 100%;
}

.bg-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 661px;
  display: none;
}

@media (min-width: 1024px) {
  .bg-top {
    background-image: url("../images/bg-top.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    -moz-background-size: auto;
      -o-background-size: auto;
         background-size: auto;
    display: block;
  }
}

/* default styles */
h2 {
  margin: 0;
  padding: 0;
  font-size: 200%;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 15px;
}

@media (min-width: 600px) {
  h2 {
    font-size: 225%;
    font-size: 2.25rem;
  }
}

@media (min-width: 1024px) {
  h2 {
    font-size: 250%;
    font-size: 2.5rem;
  }
}

h3 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-weight: 300;
  font-size: 162.5%;
  font-size: 1.625rem;
  line-height: 1.2;
}

@media (min-width: 600px) {
  h3 {
    font-size: 187.5%;
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  h3 {
    font-size: 212.5%;
    font-size: 2.125rem;
  }
}

h4 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-weight: 300;
  font-size: 125%;
  font-size: 1.25rem;
  line-height: 1.2;
}

@media (min-width: 600px) {
  h4 {
    font-size: 150%;
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {
  h4 {
    font-size: 175%;
    font-size: 1.75rem;
  }
}

h5 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-weight: 300;
  font-size: 100%;
  font-size: 1rem;
  line-height: 1.2;
}

@media (min-width: 600px) {
  h5 {
    font-size: 125%;
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  h5 {
    font-size: 150%;
    font-size: 1.5rem;
  }
}

h6 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-weight: 300;
  font-size: 75%;
  font-size: 0.75rem;
  line-height: 1.2;
}

@media (min-width: 600px) {
  h6 {
    font-size: 100%;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  h6 {
    font-size: 125%;
    font-size: 1.25rem;
  }
}

p {
  margin: 0;
  margin-bottom: 10px;
  font-size: 100%;
  font-size: 1rem;
}

@media (min-width: 600px) {
  p {
    font-size: 112.5%;
    font-size: 1.125rem;
  }
}

b, strong {
  font-family: "GothamPro-Bold", sans-serif;
  font-weight: normal;
}

.blue {
  color: #2c82c9;
}

.orange {
  color: #f3971d;
}

ul:not(.no-list-style) li {
  font-size: 100%;
  font-size: 1rem;
  padding-bottom: 5px;
  padding-left: 35px;
}

@media (min-width: 768px) {
  ul:not(.no-list-style) li {
    font-size: 112.5%;
    font-size: 1.125rem;
    padding-bottom: 10px;
  }
}

ul:not(.no-list-style) li:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3RUJBOTc5RDcyRDExRTZBMzY0QjVDNjcxQTk0QTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3RUJBOTdBRDcyRDExRTZBMzY0QjVDNjcxQTk0QTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDdFQkE5NzdENzJEMTFFNkEzNjRCNUM2NzFBOTRBMkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDdFQkE5NzhENzJEMTFFNkEzNjRCNUM2NzFBOTRBMkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68cfAgAAAEcUlEQVR42ryZaWgVVxTH541WtG4RtXWhbmncBfWLEREjqVYRd9QqUsEFQSztF6m7NYoL+EHSmoq2QkFF3OJeWw01KGj8UJQo7ntpVSxWfbgb+z/wn3g8vJk385Yc+EHefffe88/ce8+ce16sa1GFk4bVBl1AR/AxaMj2OLgLLoML4HU6DqJaEzABjAD9QYMk/UXscbAfbAMPozhzI/T9BBSDv8CPYGgIcQ77SN8Sjv2ec2VMYB2wCFwCX4EP09gSMnY251rEudNa4jwuS2+f78+AP0AluA6esF32YgfQAwwEPc24eqAIjAJfgCupCBwA9oAc0/6Yy/UTuBYwvlz9nQumg1mgkWqXf/w0hZZHWeJB4LARVwV+AO3AvCTirF3jmLac4436Loe+BocV2IdPrq5q+wd8xj34MI09+B/nkAfwt2oXX6X0HSiwKdhuDoLEsXzutUyZzNUXXDQHaAc1+ArcANqoz1dBAbjtZN5uc+6rJpT97CdwGBhjAuxwcN/Jnt2jj7hqG8lD857AGFhlBn9jliBbdpG+tC3ztLlKdXfV4STY5NScbaJPz7pTU7XAGWaARPm3NSjwLX1qm+EJbGZikLwVyrIgoh/xszL61rH4I5fxTb9RNmdBnOzvE2RxQL/N5i33ucuUSdvhDItbDr5Vn78M6Gt954vAbqrhiXnM6ZokBAtM266A/pUq4RDrJgLbq4YrGTwc3yXY+FvA/CSHRWc2ua5JCO4mcToF/Mlspm5APxG2xLRt4/g3IYK3Z41rm/TnacDAVkyxZEwv8Ckjvh2zgEurTd7vk0OIE3um/m7oMr/TL2w/+yBBSnYA1Fdtc3kotO0Ek0KK85LZ6jPhMgXyrEXAwFvga7NHJVv+lRn0HLAywYGIIs7h7dCzR7JcN1QGk8f3st9BKWHiWsJ+DsPUWXPYxHZT3KsI4mLUUJ3oyhM8r9ec94ggW8/XUJVqs+L2gYngZcST30PdrcXOu7yzahsSYiLJ2ab6LJ3sy3EpiEvk+5QIPGpu/pNDTvYL3wpapOzHsSmKs75F028i8AH43TzmwpATbmVadAisAaPTEFdottcRSZa9dGtjgoQxFnLig8zG5RS/SFGc+Fpq2jbqfFA29Tn1ZV/usZqyqSYVk4O7VwusYpDVthZ0rgFxnelL20IvSrhmqUpN0UcqUs2zKK45fegi1F7eyxNeOyW+3VGf5X17LEo1KmK1rJw+PBPf04Luxf8yhukEoCsvNAUZFDeAc3Yxico4aggsfVQwS3mu2lozXhYnKCZFsRzOUcY5PXvOEFURtnh0hFFdJxK1WFe5CVawYhXWcjnmJueoZeo1Q0wsfhd/ktSo85jL9fTJfs9wj1ayghVXByyXgbeA42M+9cXxqdYHvStAPi89c02uFmPi2iuFpX7Gm97qZME9TAn4BTPkTmBdkqw7jLB1nKsozJsnShFdQsBspv4zeUWMhxgXZ18Z05Jz3AnrNJWfIR6xTLfBefc7SSdm4w2UKLmAXXLS/J3kfwEGANSl99FbaVcpAAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  -moz-background-size: 100%;
    -o-background-size: 100%;
       background-size: 100%;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 21px;
}

@media (min-width: 768px) {
  ul:not(.no-list-style) li:after {
    top: 3px;
  }
}

/*  default block */
.section {
  padding: 50px 0;
}

@media (min-width: 1024px) {
  .section {
    padding: 67px 0;
  }
}

@media (min-width: 1024px) {
  .default-block-content {
    margin: 0 auto;
  }
}

.default-block-header {
  margin: 0;
  padding: 0;
  font-size: 200%;
  font-size: 2rem;
  line-height: 1.2;
  font-family: "GothamPro-Light", sans-serif;
  margin-bottom: 20px;
}

@media (min-width: 600px) {
  .default-block-header {
    font-size: 337.5%;
    font-size: 3.375rem;
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .default-block-header {
    font-size: 400%;
    font-size: 4rem;
  }
}

@media (min-width: 1370px) {
  .default-block-header {
    font-size: 500%;
    font-size: 5rem;
    margin-bottom: 70px;
  }
}

.default-block-img-wrapper {
  margin-bottom: 30px;
  margin-top: 30px;
}

@media (min-width: 600px) {
  .default-block-img-wrapper {
    margin-bottom: 50px;
    margin-top: 50px;
  }
}

@media (min-width: 1024px) {
  .default-block-img-wrapper {
    padding: 0 50px;
  }
}

@media (min-width: 1370px) {
  .default-block-img-wrapper {
    padding: 0 120px;
  }
}

.default-block-title {
  margin: 0;
  margin: 5px 0 15px;
  padding: 0;
  font-weight: 300;
  font-size: 175%;
  font-size: 1.75rem;
  line-height: 1.2;
}

@media (min-width: 600px) {
  .default-block-title {
    font-size: 250%;
    font-size: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .default-block-title {
    margin-bottom: 15px;
  }
}

.title-light {
  font-weight: 300;
  font-size: 162.5%;
  font-size: 1.625rem;
}

@media (min-width: 600px) {
  .title-light {
    font-size: 250%;
    font-size: 2.5rem;
  }
}

.default-block-wrapper {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.default-block-text {
  margin: 15px 0;
  position: relative;
  font-size: 100%;
  font-size: 1rem;
  text-align: left;
}

@media (min-width: 600px) {
  .default-block-text {
    font-size: 112.5%;
    font-size: 1.125rem;
    line-height: 1.55556;
    margin: 15px 0;
  }
}

@media (min-width: 1024px) {
  .default-block-text {
    text-align: center;
  }
}

.default-block-section {
  margin-top: 30px;
  text-align: left;
}

@media (min-width: 768px) {
  .default-block-section {
    margin: 50px 0;
  }
}

.default-block-section-title-wrapper {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
}

.default-block-section-title {
  color: #2c82c9;
  font-size: 162.5%;
  font-size: 1.625rem;
  position: relative;
}

.default-block-section-text {
  margin-top: 15px;
  max-width: 700px;
}

@media (min-width: 1024px) {
  .section-left-side .default-block-section-title-wrapper {
    float: left;
    width: 45%;
    padding: 0 50px;
  }
  .section-left-side .default-block-section-title {
    padding-left: 35px;
  }
  .section-left-side .default-block-section-title:before {
    background-color: #f3971d;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
  }
  .section-left-side .default-block-section-text {
    margin-left: 45%;
    max-width: 100%;
    margin-top: 5px;
  }
  .section-left-side .default-block-text {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .section-right-side .default-block-section-title-wrapper {
    float: right;
    width: 45%;
    padding: 0 50px;
  }
  .section-right-side .default-block-section-title {
    padding-left: 35px;
  }
  .section-right-side .default-block-section-title:before {
    background-color: #f3971d;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
  }
  .section-right-side .default-block-section-text {
    margin-right: 45%;
    max-width: 100%;
    margin-top: 5px;
  }
  .section-right-side .default-block-text {
    margin: 0;
  }
}

.view-link-text {
  display: block;
  font-size: 68.75%;
  font-size: 0.6875rem;
  line-height: 1;
  font-family: "GothamPro-Bold", sans-serif;
  margin-top: 14px;
  text-decoration: underline;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .view-link-text {
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  .view-link-text {
    margin-top: 14px;
  }
}

@media (min-width: 1370px) {
  .view-link-text {
    margin-top: 24px;
  }
}

/* container */
.container {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

@media (min-width: 600px) {
  .container {
    padding: 0 40px;
  }
}

@media (min-width: 960px) {
  .container {
    padding: 0 55px;
  }
}

@media (min-width: 1024px) {
  .container {
    padding: 0 40px;
    max-width: 1290px;
  }
}

.img-on-hover {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .1s linear, visibility .1s linear;
  -moz-transition: opacity .1s linear, visibility .1s linear;
  -o-transition: opacity .1s linear, visibility .1s linear;
  transition: opacity .1s linear, visibility .1s linear;
  visibility: hidden;
}

.img-hover {
  opacity: 1;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

.desktop .img-opacity:hover .img-on-hover {
  opacity: 1;
  visibility: visible;
}

.desktop .img-opacity:hover .img-hover {
  opacity: 0;
}

/* Clearfix  */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* Clearfix end */
/* button styles */
.button-default-wrapper {
  margin-top: 40px;
}

.button-default,
.button-default-arrow {
  border-bottom: 2px solid #123a60;
  background-color: #2e85cb;
  display: table;
  height: 47px;
  margin: 0 auto;
  -webkit-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
  width: 200px;
}

.button-default-text {
  display: table-cell;
  font-size: 100%;
  font-size: 1rem;
  line-height: 16px;
  font-family: "GothamPro-Bold", sans-serif;
  padding: 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.button-default-arrow .button-default-text {
  font-size: 11px;
  line-height: 11px;
  font-weight: 400;
  padding: 10px 50px 10px 15px;
  vertical-align: middle;
}

.button-default-arrow .button-default-text:before {
  content: '';
  top: 0;
  display: inline-block;
  right: 0;
  bottom: 0;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  vertical-align: middle;
  width: 35px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAVCAYAAAC33pUlAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAvElEQVRIx73WLQpCQRSG4W+4VwWLyWCwCRZdhktxDS7ABWg3K0a71Wa74RabRXAJltciOAii4X7nxAnzcJjzM1IDAbSAcRN3/YIKYAfcgakbm/GOGzByg4sMvAJDN7jMwAswcIOrDKyAvhNLwCYDz0DPCRbANgNPQNcJlsAhA49AJwF7SY5ybUvK+26dgOrj0JKspEkpqZb0MGeWJM09aXx5MwcUU42hfRY2QcJmY9jUD91noZv6Bf71B3kCIUVHEB0TSUQAAAAASUVORK5CYII=");
  background-position: 0 50%;
  -moz-background-size: 13px 9px;
    -o-background-size: 13px 9px;
       background-size: 13px 9px;
  background-repeat: no-repeat;
}

.button-default-transparent {
  border: 2px solid #4fa1e2;
  display: table;
  height: 45px;
  margin: 0 auto;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
  width: 135px;
}

.button-default-transparent .button-default-text {
  font-size: 68.75%;
  font-size: 0.6875rem;
  line-height: 1;
}

.button-default-transparent-gray {
  border: 2px solid #f3f3f3;
  display: table;
  height: 45px;
  margin: 0 auto;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
  width: 135px;
}

.button-default-transparent-gray .button-default-text {
  color: #201d1d;
  font-size: 68.75%;
  font-size: 0.6875rem;
  line-height: 1;
}

.button-default-transparent-blue {
  border: 3px solid #2c82c9;
  display: table;
  height: 50px;
  margin: 0 auto;
  width: 135px;
}

.button-default-transparent-blue .button-default-text {
  color: #201d1d;
  font-size: 68.75%;
  font-size: 0.6875rem;
  line-height: 1;
  padding: 0 10px;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
}

.desktop .button-default:hover, .desktop .button-default:active,
.desktop .button-default-arrow:hover,
.desktop .button-default-arrow:active {
  background-color: #123a60;
}

.desktop .button-default-transparent:hover, .desktop .button-default-transparent:active {
  border-color: #ffffff;
}

.desktop .button-default-transparent-gray:hover, .desktop .button-default-transparent-gray:active {
  border-color: #2c82c9;
}

.desktop .button-default-transparent-blue:hover .button-default-text, .desktop .button-default-transparent-blue:active .button-default-text {
  color: #2c82c9;
}

.read-more-link {
  color: #201d1d;
  font-size: 87.5%;
  font-size: 0.875rem;
  display: block;
  margin-top: 20px;
  text-decoration: underline;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
}

/* input styles */
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: none;
  outline: none;
  background: transparent;
}

input:-webkit-autofill {
  background: transparent;
}

textarea:-webkit-autofill {
  background: transparent;
}

select:-webkit-autofill {
  background: transparent;
}

input[type="email"] {
  outline: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

input:-ms-clear {
  display: none;
}

input:invalid,
input:-moz-ui-invalid {
  border-color: transparent;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.android4 input[type=text],
.android4 input[type=email] {
  line-height: 0 !important;
}

::-webkit-input-placeholder {
  color: #1d1d1d;
  font-size: 14px;
  opacity: 1;
  text-transform: uppercase;
}

::-moz-placeholder {
  color: #1d1d1d;
  font-size: 14px;
  opacity: 1;
  text-transform: uppercase;
}

:-moz-placeholder {
  color: #1d1d1d;
  font-size: 14px;
  opacity: 1;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  color: #1d1d1d;
  font-size: 14px;
  opacity: 1;
  text-transform: uppercase;
}

input.input {
  background-color: #f3f3f3;
  border: 2px solid #f3f3f3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #1d1d1d;
  display: block;
  font-size: 14px;
  line-height: 50px;
  font-family: "GothamPro-Bold", sans-serif;
  height: 50px;
  padding: 0 25px;
  text-transform: uppercase;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
  vertical-align: middle;
  width: 100%;
}

input.input:hover, input.input:active, input.input:focus {
  border-color: #2c82c9;
}

textarea.textarea {
  background-color: #f3f3f3;
  border: 2px solid #f3f3f3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #1d1d1d;
  display: block;
  font-size: 87.5%;
  font-size: 0.875rem;
  font-size: 14px;
  font-family: "GothamPro-Bold", sans-serif;
  height: 155px;
  outline: 2px solid transparent;
  padding: 20px 25px;
  resize: none;
  text-transform: uppercase;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
  width: 100%;
}

textarea.textarea:hover, textarea.textarea:active, textarea.textarea:focus {
  border-color: #2c82c9;
}

.form-wrapper {
  margin-top: 30px;
  overflow: hidden;
}

.form-line,
.form-field {
  margin-top: 20px;
}

.form-line:nth-child(1),
.form-field:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .form-line {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1024px) {
  .textarea-field {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .form-field {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
    float: left;
    padding: 0 10px;
    width: 50%;
  }
}

/* slider controls styles */
.slider-controls-wrapper {
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .slider-controls-wrapper {
    margin-top: 0;
  }
}

.slider-controls {
  display: inline-block;
}

.slider-control {
  background-color: #f3f3f3;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  display: block;
  float: left;
  height: 55px;
  margin: 0 8px;
  overflow: hidden;
  position: relative;
  -webkit-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
  width: 55px;
}

@media (min-width: 1024px) {
  .slider-control {
    margin: 0;
    position: absolute;
  }
}

.slider-control.slider-control-disable {
  opacity: .3;
  cursor: default;
}

@media (min-width: 1024px) {
  .slider-control-left {
    left: 0;
    margin-top: -27.50px;
    top: 50%;
  }
}

@media (min-width: 1024px) {
  .slider-control-right {
    right: 0;
    top: 50%;
    margin-top: -27.50px;
  }
}

.slider-white .slider-control {
  background-color: #ffffff;
}

.controls-transparent .slider-control {
  background-color: transparent;
  border: 2px solid #ffffff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  width: 40px;
}

.controls-transparent-gray .slider-control {
  background-color: transparent;
  border: 2px solid rgba(178, 178, 178, 0.79);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  width: 40px;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
}

@media (min-width: 1024px) {
  .controls-transparent-gray {
    margin-top: 40px;
    position: relative;
  }
  .controls-transparent-gray .slider-control {
    position: relative;
    margin: 0 8px;
  }
}

.desktop .slider-control:not(.slider-control-disable):hover {
  background-color: #2c82c9;
}

.desktop .slider-control:not(.slider-control-disable):hover .svg-control line {
  stroke: #ffffff;
}

.desktop .controls-transparent .slider-control:not(.slider-control-disable):hover {
  background-color: #ffffff;
}

.desktop .controls-transparent .slider-control:not(.slider-control-disable):hover .svg-control line {
  stroke: #2c82c9;
}

.desktop .controls-transparent-gray .slider-control:not(.slider-control-disable):hover {
  background-color: transparent;
  border-color: #2c82c9;
}

.desktop .controls-transparent-gray .slider-control:not(.slider-control-disable):hover .svg-control line {
  stroke: #2c82c9;
}

.js-anchor-section {
  padding-bottom: 50px;
  position: relative;
}

.anchor-list-wrapper,
.anchor-list__item {
  position: relative;
}

.anchor-list-wrapper {
  -webkit-transition: -webkit-box-shadow 0s linear;
  transition: -webkit-box-shadow 0s linear;
  -moz-transition: box-shadow 0s linear, -moz-box-shadow 0s linear;
  -o-transition: box-shadow 0s linear;
  transition: box-shadow 0s linear;
  transition: box-shadow 0s linear, -webkit-box-shadow 0s linear, -moz-box-shadow 0s linear;
}

.anchor-list {
  font-size: 0;
  margin: 5px -5px;
  padding: 0 2.5px;
  text-align: center;
}

.anchor-list__item {
  display: inline-block;
}

.anchor-list__item-link {
  background-color: #f3f3f3;
  background-image: url("../images/services-pattern.png");
  background-position: 0 0;
  border-bottom: 3px solid transparent;
  color: #201d1d;
  display: table;
  font-size: 112.5%;
  font-size: 1.125rem;
  line-height: 1;
  height: 57px;
  margin: 5px;
  -webkit-transition: border-color .1s linear;
  -moz-transition: border-color .1s linear;
  -o-transition: border-color .1s linear;
  transition: border-color .1s linear;
}

.anchor-list__item-text {
  display: table-cell;
  padding: 0 25px;
  vertical-align: middle;
}

.fixed-anchor .menu-head-content {
  -webkit-box-shadow: 0 1px 0px 0px rgba(37, 37, 37, 0.3);
     -moz-box-shadow: 0 1px 0px 0px rgba(37, 37, 37, 0.3);
          box-shadow: 0 1px 0px 0px rgba(37, 37, 37, 0.3);
}

.fixed-anchor .anchor-list-wrapper {
  background-color: white;
  -webkit-box-shadow: 0 3px 3px 0px rgba(37, 37, 37, 0.3);
     -moz-box-shadow: 0 3px 3px 0px rgba(37, 37, 37, 0.3);
          box-shadow: 0 3px 3px 0px rgba(37, 37, 37, 0.3);
  left: 0;
  position: fixed;
  right: 0;
  top: 80px;
  -webkit-transition: -webkit-box-shadow .3s linear;
  transition: -webkit-box-shadow .3s linear;
  -moz-transition: box-shadow .3s linear, -moz-box-shadow .3s linear;
  -o-transition: box-shadow .3s linear;
  transition: box-shadow .3s linear;
  transition: box-shadow .3s linear, -webkit-box-shadow .3s linear, -moz-box-shadow .3s linear;
  z-index: 100;
}

.desktop .anchor-list__item-link:hover {
  border-bottom-color: #2c82c9;
}

.filters-wrapper {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: left;
}

@media (min-width: 768px) {
  .filters-wrapper {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
}

.filter-list-label {
  font-size: 100%;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .filter-form {
    margin: 0 -10px;
    padding: 0 5px;
    width: 100%;
  }
}

.filter-field {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .filter-field {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    padding: 0 5px;
    width: 33.333333333%;
  }
}

.filter-option {
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  font-size: 1rem;
  cursor: pointer;
  height: 50px;
  display: table;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.filter-option:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5QkYxMDFGRDVGRTExRTY5OTU3QkJCMjI2MEExMTY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5QkYxMDIwRDVGRTExRTY5OTU3QkJCMjI2MEExMTY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTlCRjEwMURENUZFMTFFNjk5NTdCQkIyMjYwQTExNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTlCRjEwMUVENUZFMTFFNjk5NTdCQkIyMjYwQTExNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Xno+1AAAAOUlEQVR42mLk4+P7z0AkYPr48SMjMQpB6pigbEIawPJM6AK4FMIVA63ApQGFz4TkJnQFjOhyAAEGAB+LD1413U36AAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: -webkit-transform .1s linear;
  transition: -webkit-transform .1s linear;
  -moz-transition: transform .1s linear, -moz-transform .1s linear;
  -o-transition: transform .1s linear, -o-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear, -webkit-transform .1s linear, -moz-transform .1s linear, -o-transform .1s linear;
  z-index: 1;
}

.filter-option .filter-option-text {
  padding-right: 50px;
}

.filter-subselect {
  border-top: none;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  width: 100%;
}

.filter-suboption {
  background-color: #f3f3f3;
  border-bottom: 1px solid rgba(145, 145, 145, 0.3);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  font-size: 1rem;
  cursor: pointer;
  height: 50px;
  display: table;
  position: relative;
  overflow: hidden;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
  width: 100%;
}

.filter-suboption:nth-child(1) {
  border-top: 1px solid rgba(145, 145, 145, 0.3);
}

.filter-option-text {
  display: table-cell;
  padding: 5px 15px;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
  vertical-align: middle;
}

.filter-button {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.filter-button .button-default-text {
  font-size: 100%;
  font-size: 1rem;
  line-height: 1;
  font-family: "GothamPro", sans-serif;
  font-weight: normal;
  text-transform: none;
}

@media (min-width: 768px) {
  .filter-button-wrapper {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 10px;
    width: 33.3%;
  }
}

@media (min-width: 1370px) {
  .filters-wrapper {
    display: table;
  }
  .filter-list-label,
  .filter-form,
  .filter-button-wrapper {
    display: table-cell;
    vertical-align: middle;
  }
  .filter-list-label {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 10px 8px 0px;
    text-align: left;
  }
  .filter-form {
    text-align: center;
    font-size: 0;
    width: 100%;
  }
  .filter-list-label,
  .filter-button-wrapper {
    min-width: 150px;
    width: 150px;
  }
  .filter-field {
    display: inline-block;
    margin: 0;
    text-align: left;
  }
  .filter-button-wrapper {
    padding: 0;
    margin-top: 0;
  }
}

.open-filter .filter-option {
  background-color: #FBFBFB;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  overflow: visible;
  z-index: 10;
}

.open-filter .filter-option:before {
  -webkit-transform: rotate(-179deg) translateZ(0);
     -moz-transform: rotate(-179deg) translateZ(0);
          transform: rotate(-179deg) translateZ(0);
}

.open-filter .filter-option > .filter-option-text {
  color: #2c82c9;
}

.open-filter .filter-subselect {
  opacity: 1;
  visibility: visible;
}

.open-filter .filter-suboption:hover {
  background-color: #FBFBFB;
}

.open-filter .filter-option-text:hover {
  color: #2c82c9;
}

.wrapper {
  background-color: #ffffff;
  margin-top: 80px;
  min-width: 320px;
  position: relative;
  overflow: hidden;
}

.wrapper:after {
  background-color: #123a60;
  content: '';
  height: 999px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}

/* menu styles */
/* menu header */
.menu-head {
  background-color: #ffffff;
  height: 80px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}

.menu-head:before {
  background-color: rgba(37, 37, 37, 0.7);
  content: '';
  display: block;
  height: 3000px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity .5s linear, visibility .5s linear;
  -moz-transition: opacity .5s linear, visibility .5s linear;
  -o-transition: opacity .5s linear, visibility .5s linear;
  transition: opacity .5s linear, visibility .5s linear;
  visibility: hidden;
  z-index: 1;
}

.menu-head-content {
  -webkit-box-shadow: 0 3px 3px 0px rgba(37, 37, 37, 0.3);
     -moz-box-shadow: 0 3px 3px 0px rgba(37, 37, 37, 0.3);
          box-shadow: 0 3px 3px 0px rgba(37, 37, 37, 0.3);
  background-color: #ffffff;
  position: relative;
  margin-right: -20px;
}

@media (min-width: 600px) {
  .menu-head-content {
    margin-right: -40px;
  }
}

@media (min-width: 960px) {
  .menu-head-content {
    margin-right: -55px;
  }
}

@media (min-width: 1024px) {
  .menu-head-content {
    margin-right: -40px;
  }
}

@media (min-width: 1024px) {
  .desktop .menu-head-content {
    margin-right: 0;
  }
}

.logo-wrapper {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left;
  height: 80px;
  padding: 19px 0;
  width: 179px;
  text-align: left;
}

.menu-hamburger-wrapper {
  float: right;
}

.menu-hamburger-link {
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 80px;
  padding: 38.5px 0;
  text-align: center;
  -webkit-transition: background-color .3s linear, -webkit-transform .3s linear;
  transition: background-color .3s linear, -webkit-transform .3s linear;
  -moz-transition: background-color .3s linear, transform .3s linear, -moz-transform .3s linear;
  -o-transition: background-color .3s linear, transform .3s linear, -o-transform .3s linear;
  transition: background-color .3s linear, transform .3s linear;
  transition: background-color .3s linear, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
  width: 80px;
}

.hamburger-line {
  background-color: #252525;
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: background-color .3s linear, visibility 0s linear .1s;
  -moz-transition: background-color .3s linear, visibility 0s linear .1s;
  -o-transition: background-color .3s linear, visibility 0s linear .1s;
  transition: background-color .3s linear, visibility 0s linear .1s;
  visibility: visible;
  width: 21px;
}

.hamburger-line:before, .hamburger-line:after {
  background-color: #252525;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transition: background-color .3s linear, top .3s linear .3s, -webkit-transform .3s linear;
  transition: background-color .3s linear, top .3s linear .3s, -webkit-transform .3s linear;
  -moz-transition: background-color .3s linear, top .3s linear .3s, transform .3s linear, -moz-transform .3s linear;
  -o-transition: background-color .3s linear, top .3s linear .3s, transform .3s linear, -o-transform .3s linear;
  transition: background-color .3s linear, top .3s linear .3s, transform .3s linear;
  transition: background-color .3s linear, top .3s linear .3s, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
  opacity: 1;
}

.hamburger-line:before {
  top: -8px;
}

.hamburger-line:after {
  top: 8px;
}

.menu-list__item {
  display: block;
}

.desktop .menu-hamburger-link:hover {
  background-color: #1a5e9e;
  -webkit-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
}

.desktop .menu-hamburger-link:hover .hamburger-line {
  background-color: #ffffff;
}

.desktop .menu-hamburger-link:hover .hamburger-line:before, .desktop .menu-hamburger-link:hover .hamburger-line:after {
  background-color: #ffffff;
}

.toggle-menu .contacts-fixed-wrapper {
  z-index: -1;
}

.toggle-menu .menu-hamburger-link {
  background-color: #124e80;
}

.toggle-menu .hamburger-line {
  background-color: #ffffff;
  -webkit-transition: opacity .3s linear, visibility 0s linear .3s;
  -moz-transition: opacity .3s linear, visibility 0s linear .3s;
  -o-transition: opacity .3s linear, visibility 0s linear .3s;
  transition: opacity .3s linear, visibility 0s linear .3s;
  top: 0;
  visibility: hidden;
}

.toggle-menu .hamburger-line:before, .toggle-menu .hamburger-line:after {
  background-color: #ffffff;
  top: 0;
  -webkit-transition: top .3s linear, -webkit-transform .3s linear .3s;
  transition: top .3s linear, -webkit-transform .3s linear .3s;
  -moz-transition: top .3s linear, transform .3s linear .3s, -moz-transform .3s linear .3s;
  -o-transition: top .3s linear, transform .3s linear .3s, -o-transform .3s linear .3s;
  transition: top .3s linear, transform .3s linear .3s;
  transition: top .3s linear, transform .3s linear .3s, -webkit-transform .3s linear .3s, -moz-transform .3s linear .3s, -o-transform .3s linear .3s;
  opacity: 1;
  visibility: visible;
}

.toggle-menu .hamburger-line:before {
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
     -moz-transform: rotate(45deg) translate3d(0, 0, 0);
          transform: rotate(45deg) translate3d(0, 0, 0);
}

.toggle-menu .hamburger-line:after {
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
     -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
          transform: rotate(-45deg) translate3d(0, 0, 0);
}

.toggle-menu .menu-list-wrapper {
  background-color: #124e80;
  bottom: 0;
  display: block;
  left: 0%;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 80px;
  z-index: 101;
}

.toggle-menu .menu-list {
  padding: 20px 0;
  position: relative;
}

@media (min-width: 600px) {
  .toggle-menu .menu-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media (min-width: 1024px) {
  .toggle-menu .menu-list {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

.toggle-menu .menu-list__item-link {
  font-size: 125%;
  font-size: 1.25rem;
  color: #a8c5de;
  display: block;
  padding: 10px 0;
}

@media (min-width: 600px) {
  .toggle-menu .menu-list__item-link {
    padding: 15px 0;
    font-size: 150%;
    font-size: 1.5rem;
  }
}

.toggle-menu .menu-list__item .submenu-list {
  padding-bottom: 10px;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
}

.toggle-menu .menu-list__item .submenu-list__item-link {
  color: #a8c5de;
  display: block;
  font-size: 112.5%;
  font-size: 1.125rem;
  line-height: 1.38889;
  padding: 10px 0;
  padding-left: 10px;
  position: relative;
}

@media (min-width: 600px) {
  .toggle-menu .menu-list__item {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
  }
}

.desktop .toggle-menu .menu-list__item-link:hover,
.desktop .toggle-menu .submenu-list__item-link:hover {
  color: #ffffff;
}

.menu-list-wrapper {
  display: none;
  z-index: 101;
}

.menu-list__item-link {
  color: #999898;
  font-family: "GothamPro-Bold", sans-serif;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .desktop .menu-hamburger-wrapper {
    display: none;
  }
  .desktop .header-nav {
    padding: 0;
    max-width: 100%;
  }
  .desktop .menu-list-wrapper {
    display: block;
    float: right;
    height: 80px;
  }
  .desktop .menu-list__item {
    display: block;
    float: left;
    line-height: 74px;
    margin-left: 30px;
    position: relative;
  }
  .desktop .menu-list__item:nth-child(1) {
    margin-left: 0;
  }
  .desktop .menu-list__item .submenu-list {
    background-color: #124e80;
    left: 0;
    padding: 0px;
    position: absolute;
    opacity: 0;
    top: 100%;
    -webkit-transition: opacity .1s linear, visibility .1s linear;
    -moz-transition: opacity .1s linear, visibility .1s linear;
    -o-transition: opacity .1s linear, visibility .1s linear;
    transition: opacity .1s linear, visibility .1s linear;
    visibility: hidden;
    width: 280px;
  }
  .desktop .menu-list__item .submenu-list .submenu-list__item {
    line-height: 1;
    display: table;
    width: 100%;
  }
  .desktop .menu-list__item .submenu-list .submenu-list__item:nth-child(1) .submenu-list__item-link {
    border-top-color: transparent;
  }
  .desktop .menu-list__item .submenu-list .submenu-list__item:nth-child(1):before {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 100%;
    border: 9px solid transparent;
    border-bottom: 9px solid #124e80;
    -webkit-transition: border-color .1s linear;
    -moz-transition: border-color .1s linear;
    -o-transition: border-color .1s linear;
    transition: border-color .1s linear;
  }
  .desktop .menu-list__item .submenu-list .submenu-list__item:nth-child(1):hover .submenu-list__item-link {
    border-top-color: #123a60;
  }
  .desktop .menu-list__item .submenu-list .submenu-list__item:nth-child(1):hover:before {
    border-bottom-color: #123a60;
  }
  .desktop .menu-list__item .submenu-list .submenu-list__item-link {
    border: 1px solid transparent;
    border-top-color: #123a60;
    color: #a8c5de;
    display: table-cell;
    height: 50px;
    font-size: 112.5%;
    font-size: 1.125rem;
    line-height: 1.33333;
    padding: 5px 30px;
    vertical-align: middle;
    -webkit-transition: background-color .1s linear, border-color .1s linear;
    -moz-transition: background-color .1s linear, border-color .1s linear;
    -o-transition: background-color .1s linear, border-color .1s linear;
    transition: background-color .1s linear, border-color .1s linear;
  }
  .desktop .menu-list__item:hover .submenu-list {
    opacity: 1;
    visibility: visible;
  }
  .desktop .menu-list__item:hover .submenu-list .submenu-list__item-link:hover {
    color: #ffffff;
    background-color: #123a60;
  }
  .desktop .menu-list__item:hover .menu-list__item-link {
    border-top-color: #124e80;
    color: #201d1d;
  }
  .desktop .menu-list__item.current-page .menu-list__item-link {
    border-top-color: #124e80;
    color: #201d1d;
    cursor: default;
  }
  .desktop .menu-list__item-link {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 87.5%;
    font-size: 0.875rem;
    display: inline-block;
    -webkit-transition: border-color .3s linear, color .3s linear;
    -moz-transition: border-color .3s linear, color .3s linear;
    -o-transition: border-color .3s linear, color .3s linear;
    transition: border-color .3s linear, color .3s linear;
  }
  .desktop .menu-language {
    display: none;
  }
}

.contacts-fixed-content-wrapper {
  position: fixed;
  top: 146px;
  right: 0;
  z-index: 10;
}

.contacts-fixed-link {
  color: #ffffff;
  display: block;
}

.contacts-fixed-header {
  background-color: #f3971d;
  display: block;
}

.contacts-fixed-header-title {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 60px;
  float: left;
  font-size: 75%;
  font-size: 0.75rem;
  line-height: 5;
  text-transform: uppercase;
  vertical-align: middle;
  max-width: 0;
  -webkit-transition: max-width .3s linear;
  -moz-transition: max-width .3s linear;
  -o-transition: max-width .3s linear;
  transition: max-width .3s linear;
  position: relative;
  overflow: hidden;
}

.contacts-fixed-header-title-text {
  display: block;
  padding: 0 20px;
}

.contacts-fixed-header-svg-wrapper {
  background: rgba(210, 89, 16, 0.25);
  display: inline-block;
  height: 60px;
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 56px;
}

.desktop .contacts-fixed-link:hover .contacts-fixed-header-title {
  max-width: 250px;
}

.desktop .open-contact .contacts-fixed-close:hover .svg-contacts-close path {
  fill: #2c82c9;
}

.contacts-fixed-cell {
  display: none;
}

.contacts-fixed-table {
  display: block;
}

.open-contact:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s linear, visibility .3s linear;
  -moz-transition: opacity .3s linear, visibility .3s linear;
  -o-transition: opacity .3s linear, visibility .3s linear;
  transition: opacity .3s linear, visibility .3s linear;
}

.open-contact .contacts-fixed-wrapper {
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.open-contact .contacts-fixed-table {
  background-color: #ffffff;
  display: table;
  height: 100%;
  width: 100%;
}

.open-contact .contacts-fixed-content-wrapper {
  z-index: 1;
  display: none;
  left: auto;
  margin-right: -56px;
  right: 50%;
  top: 146px;
}

.open-contact .contacts-fixed-header-title {
  max-width: 250px;
  text-align: center;
}

.open-contact .contacts-fixed-cell {
  display: table-cell;
  padding-bottom: 40px;
  padding-top: 80px;
  position: relative;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .open-contact .contacts-fixed-cell {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.open-contact .contact-form-wrapper {
  position: relative;
  margin-top: 30px;
}

.open-contact .contacts-fixed-close {
  display: block;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
}

@media (min-width: 1024px) {
  .desktop .contacts-fixed-content-wrapper {
    margin-right: 0;
    right: 0;
    display: block;
  }
  .desktop .contacts-fixed-content-wrapper .contacts-fixed-wrapper {
    right: -50%;
  }
  .desktop .contacts-fixed-cell {
    background-color: #ffffff;
    display: none;
    padding: 0;
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .desktop .contacts-fixed-content-wrapper {
    z-index: 1001;
    -webkit-transition: right .5s linear, margin-right .5s linear;
    -moz-transition: right .5s linear, margin-right .5s linear;
    -o-transition: right .5s linear, margin-right .5s linear;
    transition: right .5s linear, margin-right .5s linear;
  }
  .desktop .contacts-fixed-table {
    background-color: #ffffff;
    display: table;
    height: 100%;
    width: 100%;
  }
  .desktop .contacts-fixed-cell {
    display: block;
  }
  .desktop .contacts-fixed-wrapper {
    background-color: transparent;
    bottom: auto;
    left: auto;
    bottom: 0;
    overflow-y: auto;
    right: -50%;
    top: 0;
    position: fixed;
    -webkit-transition: right .5s linear;
    -moz-transition: right .5s linear;
    -o-transition: right .5s linear;
    transition: right .5s linear;
    width: 50%;
    z-index: 1000;
  }
  .desktop .contacts-fixed-close {
    display: block;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
  }
  .desktop .open-contact .contacts-fixed-content-wrapper {
    display: block;
    left: auto;
    margin-right: -56px;
    right: 50%;
    top: 146px;
  }
  .desktop .open-contact .contacts-fixed-wrapper {
    right: 0;
  }
  .desktop .contacts-fixed-wrapper .container {
    padding: 0 100px;
    max-width: 420px;
  }
  .desktop .contacts-fixed-wrapper .contact-form-wrapper {
    margin-top: 0;
    max-width: 420px;
  }
  .desktop .contacts-fixed-wrapper .default-block-content {
    text-align: left;
  }
  .desktop .contacts-fixed-wrapper .contacts-list {
    text-align: left;
  }
  .desktop .contacts-fixed-wrapper .contacts-list__item {
    width: 75px;
  }
  .desktop .contacts-fixed-wrapper .default-block-title {
    font-size: 350%;
    font-size: 3.5rem;
    margin-bottom: 30px;
  }
  .desktop .contacts-fixed-wrapper .form-line {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .desktop .contacts-fixed-wrapper .form-field {
    float: none;
    padding: 0;
    width: 100%;
    margin-top: 20px;
  }
  .desktop .contacts-fixed-wrapper .button-default {
    margin-left: 0;
  }
  .desktop .contacts-fixed-wrapper .contacts-list-wrapper {
    margin-left: -9px;
  }
}

/* menu styles end  */
/*  footer style */
footer {
  background-color: #123a60;
  color: #ffffff;
  padding: 30px 0;
}

.footer-column {
  float: left;
  text-align: left;
  width: 100%;
  max-width: 20%;
  display: none;
}

@media (min-width: 1024px) {
  .footer-column {
    display: block;
  }
}

@media (min-width: 1280px) {
  .footer-column {
    max-width: 16.67%;
  }
}

.footer-column-double {
  max-width: 40%;
}

.footer-column-double .footer-column-list__item {
  float: left;
  width: 50%;
}

@media (min-width: 1280px) {
  .footer-column-double {
    max-width: 33.34%;
  }
}

.footer-news-columns {
  display: none;
}

@media (min-width: 1024px) {
  .footer-news-columns {
    display: none;
  }
}

@media (min-width: 1280px) {
  .footer-news-columns {
    display: block;
  }
}

.footer-column-header {
  display: inline-block;
  font-size: 100%;
  font-size: 1rem;
  font-family: "GothamPro-Bold", sans-serif;
  text-transform: uppercase;
}

.footer-column-list {
  display: block;
  margin-top: 20px;
  text-align: left;
  width: 100%;
}

.footer-column-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding-right: 20px;
}

.footer-column-list__item--link {
  display: inline-block;
  font-size: 75%;
  font-size: 0.75rem;
  line-height: 1;
  padding: 11px 0;
}

.footer-copyright-wrapper {
  display: block;
  font-size: 75%;
  font-size: 0.75rem;
  line-height: 1.66667;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .footer-copyright-wrapper {
    max-width: 16.6%;
  }
}

.footer-copyright-content {
  display: table;
}

@media (min-width: 1024px) {
  .footer-copyright-content {
    padding-top: 50px;
  }
}

@media (min-width: 1024px) {
  .footer-copyright-content,
  .footer-copyright-text-wrapper {
    display: block;
  }
}

@media (min-width: 1280px) {
  .footer-copyright-text {
    margin-bottom: 26px;
  }
}

.footer-logo-wrapper,
.footer-copyright-text-wrapper {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .footer-logo-wrapper {
    display: none;
  }
}

.footer-logo-link {
  display: block;
  height: 26px;
  width: 59px;
  padding-right: 15px;
}

.footer-logo-img {
  max-height: 26px;
  max-width: 59px;
}

.footer-phone,
.footer-email {
  display: inline-block;
}

.footer-phone {
  margin-right: 10px;
}

.desktop .footer-column-header:hover,
.desktop .footer-column-list__item--link:hover {
  color: #a8c5de;
}

/*  footer style end */
/* header main styles */
.header-main {
  border-bottom: 2px solid #e0e0e0;
}

.header-main .default-block-content {
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .header-main .default-block-wrapper {
    padding-top: 20px;
    overflow: visible;
  }
  .header-main .default-block-content {
    border-top: 1px solid transparent;
    margin-top: -275px;
    margin-left: -70px;
    margin-right: -70px;
    min-height: 275px;
    padding: 0 70px;
    z-index: 1;
    padding-top: 50px;
  }
  .header-main .default-block-content:before, .header-main .default-block-content:after {
    background-repeat: no-repeat;
    content: "";
    height: 447px;
    position: absolute;
    top: 0;
    width: 54px;
  }
  .header-main .default-block-content:before {
    background-image: url("../images/header-default-shadow-left.png");
    background-position: 0 100%;
    left: -84px;
  }
  .header-main .default-block-content:after {
    background-image: url("../images/header-default-shadow-right.png");
    background-position: 0 0;
    right: -84px;
  }
}

.header-main-wrapper {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -moz-background-size: 160% auto;
    -o-background-size: 160% auto;
       background-size: 160% auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #2759b0;
  color: #ffffff;
  min-height: 580px;
  padding: 40px 0 175px;
  position: relative;
}

@media (min-width: 480px) {
  .header-main-wrapper {
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
  }
}

.header-main-wrapper .container {
  position: static;
}

.header-main-wrapper .button-default-wrapper {
  position: absolute;
  bottom: 95px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 1024px) {
  .header-main-wrapper .button-default-wrapper {
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
}

.header-main-wrapper .button-default {
  height: 57px;
}

.header-main-wrapper .button-default-text {
  font-size: 87.5%;
  font-size: 0.875rem;
}

@media (min-width: 1024px) {
  .header-main-wrapper {
    background-image: none !important;
    min-height: 855px;
    padding-bottom: 305px;
  }
  .header-main-wrapper .button-default {
    margin-left: 0;
  }
}

.header-main-desktop-bg {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-position: 50% 50%;
  -moz-background-size: 1440px auto;
    -o-background-size: 1440px auto;
       background-size: 1440px auto;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .header-main-desktop-bg {
    display: block;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
  }
}

@media (min-width: 1024px) {
  .header-main-head {
    display: table;
    height: 510px;
  }
}

@media (min-width: 1024px) {
  .header-main-content {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 0;
  }
}

.header-main-text {
  font-size: 237.5%;
  font-size: 2.375rem;
  line-height: 1.2;
  padding: 0 36px;
  position: relative;
  text-align: center;
  text-shadow: 3px 2px 2px rgba(37, 37, 37, 0.5);
}

@media (min-width: 480px) {
  .header-main-text {
    font-size: 337.5%;
    font-size: 3.375rem;
  }
}

@media (min-width: 1024px) {
  .header-main-text {
    padding: 0;
    text-align: left;
  }
}

.header-main-bottom {
  bottom: 20px;
  left: 0;
  position: absolute;
  right: 0;
  font-size: 75%;
  font-size: 0.75rem;
  font-family: "GothamPro-Italic", sans-serif;
  text-align: center;
  text-shadow: 0px 0px 2px rgba(37, 37, 37, 0.8);
}

@media (min-width: 480px) {
  .header-main-bottom {
    font-size: 100%;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .header-main-bottom {
    bottom: 285px;
    text-align: left;
  }
}

/* header main styles end  */
/* header default styles */
.header-default {
  position: relative;
  padding-bottom: 30px;
}

.header-default:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 661px;
  display: none;
}

@media (min-width: 1024px) {
  .header-default:before {
    background-image: url("../images/bg-top.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    -moz-background-size: auto;
      -o-background-size: auto;
         background-size: auto;
    display: block;
  }
}

@media (min-width: 768px) {
  .header-default:before {
    padding-bottom: 50px;
  }
}

.header-default .default-block-wrapper {
  padding-top: 40px;
  overflow: visible;
}

@media (min-width: 600px) {
  .header-default .default-block-wrapper {
    padding-top: 50px;
  }
}

@media (min-width: 1024px) {
  .header-default .default-block-content {
    background-color: #ffffff;
    margin-left: -70px;
    margin-right: -70px;
    margin-top: -175px;
    min-height: 105px;
    padding: 0 70px;
    padding-top: 50px;
    z-index: 1;
  }
}

.header-default .default-block-text {
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

@media (min-width: 1024px) {
  .header-default .default-block-text:nth-of-type(1) {
    font-size: 150%;
    font-size: 1.5rem;
  }
}

.header-default .default-block-text.bottom-line {
  margin-bottom: 0;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .header-default .default-block-text.bottom-line {
    padding-bottom: 50px;
  }
}

.header-default .default-block-text.bottom-line:after {
  background-color: #2c82c9;
  content: '';
  bottom: 0;
  display: block;
  height: 2px;
  left: 50%;
  margin-left: -67.50px;
  position: absolute;
  width: 135px;
}

.breadcrumbs-wrapper {
  background-color: #2c82c9;
  padding: 20px 0;
}

@media (min-width: 1024px) {
  .breadcrumbs-wrapper {
    padding-bottom: 175px;
  }
}

.breadcrumbs-list {
  margin: 0 -10px;
}

.breadcrumbs-list__item {
  display: inline-block;
}

.breadcrumbs-list__item:last-child .breadcrumbs-list__item_link {
  cursor: default;
}

.breadcrumbs-list__item:last-child .breadcrumbs-list__item_link:after {
  display: none;
}

.breadcrumbs-list__item:last-child .breadcrumbs-list__item-text:before {
  display: none;
}

.breadcrumbs-list__item_link {
  color: #ffffff;
  position: relative;
  padding: 0 15px 0 10px;
}

.breadcrumbs-list__item_link:after {
  content: "\203a";
  position: absolute;
  font-size: 137.5%;
  font-size: 1.375rem;
  line-height: 0.36364;
  top: 0;
  right: 0;
}

.breadcrumbs-list__item-text {
  display: inline-block;
  font-size: 87.5%;
  font-size: 0.875rem;
  line-height: 1.14286;
  padding: 5px 0;
  position: relative;
}

.breadcrumbs-list__item-text:before {
  background-color: rgba(255, 255, 255, 0.35);
  content: "";
  bottom: 3px;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
}

.desktop .breadcrumbs-list__item_link:hover .breadcrumbs-list__item-text:before {
  background-color: transparent;
}

/* header default styles end */
/* contacts styles */
.contacts-section {
  background-color: #ffffff;
  border-top: 2px solid #f3f3f3;
}

.show-arrow {
  padding-top: 100px;
  border-top: none;
}

.show-arrow .contacts-top-arrow {
  display: block;
}

.contacts-top-arrow {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 15px solid #ffffff;
  display: none;
  height: 84px;
  left: 50%;
  margin-left: -57px;
  position: absolute;
  overflow: hidden;
  top: -57px;
  width: 84px;
}

.svg-top-arrow {
  height: 84px;
  width: 84px;
}

.svg-top-arrow circle {
  stroke: #f3f3f3;
  stroke-width: 6;
  fill: #ffffff;
}

.svg-top-arrow line {
  stroke-linecap: round;
  stroke: #f3f3f3;
  stroke-width: 5;
}

@media (min-width: 600px) {
  .contact-form-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
  }
}

.contacts-list-wrapper {
  margin-top: 50px;
}

@media (min-width: 600px) {
  .contacts-list-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 510px;
  }
}

@media (min-width: 1024px) {
  .desktop .contacts-list-wrapper {
    max-width: 100%;
  }
}

.contacts-list {
  font-size: 0;
  text-align: center;
}

.contacts-list__item {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  max-width: 255px;
}

.contacts-list__item-link {
  color: #201d1d;
  display: table;
  font-size: 100%;
  font-size: 1rem;
  height: 43px;
  position: relative;
  text-align: left;
  width: 100%;
}

.contacts-list__item-icon,
.contacts-list__item-text {
  display: table-cell;
  vertical-align: middle;
}

.contact-svg-wrapper {
  border: 2px solid rgba(145, 145, 145, 0.1);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  display: block;
  height: 43px;
  overflow: hidden;
  position: relative;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
  width: 43px;
}

.svg-contact {
  height: 43px;
  width: 43px;
}

.contacts-list__item-text {
  padding: 5px 15px;
  width: 100%;
}

.desktop .contacts-list__item-link:hover .contact-svg-wrapper {
  border-color: #2c82c9;
}

@media (min-width: 1024px) {
  .desktop .contacts-list__item-link:hover .contacts-list__item-text {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 1024px) {
  .desktop .contacts-content .contacts-list-wrapper {
    max-width: 510px;
  }
  .desktop .contacts-section .contacts-list__item-link,
  .desktop .contacts-section .contacts-list__item-icon,
  .desktop .contacts-section .contacts-list__item-text,
  .desktop .contacts-fixed-table .contacts-list__item-link,
  .desktop .contacts-fixed-table .contacts-list__item-icon,
  .desktop .contacts-fixed-table .contacts-list__item-text {
    display: block;
  }
  .desktop .contacts-section .contacts-list__item,
  .desktop .contacts-fixed-table .contacts-list__item {
    max-width: 100%;
    width: 83px;
    margin-bottom: 25px;
  }
  .desktop .contacts-section .contacts-list__item-link,
  .desktop .contacts-fixed-table .contacts-list__item-link {
    height: 57px;
    font-size: 87.5%;
    font-size: 0.875rem;
    line-height: 1;
    margin: 0 auto;
    overflow: visible;
    width: 57px;
  }
  .desktop .contacts-section .contact-svg-wrapper,
  .desktop .contacts-fixed-table .contact-svg-wrapper {
    height: 53px;
    width: 53px;
  }
  .desktop .contacts-section .svg-contact,
  .desktop .contacts-fixed-table .svg-contact {
    height: 53px;
    width: 53px;
  }
  .desktop .contacts-section .contacts-list__item-text,
  .desktop .contacts-fixed-table .contacts-list__item-text {
    background-color: #ffffff;
    display: block;
    left: 50%;
    padding: 10px 0;
    margin-left: -125px;
    opacity: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    top: 100%;
    visibility: hidden;
    width: 250px;
  }
}

/* contacts content */
.map-section {
  padding-bottom: 0;
}

.contacts-content .contact-form-wrapper {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .contacts-content .contact-form-wrapper {
    border-top: 3px solid #2c82c9;
    -webkit-box-shadow: 0 2px 54px rgba(37, 37, 37, 0.1);
       -moz-box-shadow: 0 2px 54px rgba(37, 37, 37, 0.1);
            box-shadow: 0 2px 54px rgba(37, 37, 37, 0.1);
    max-width: 660px;
    padding: 50px 60px;
  }
}

@media (min-width: 1024px) {
  .contact-form-wrapper {
    max-width: 660px;
    margin-top: 50px;
  }
}

@media (min-width: 1024px) {
  .map-information-wrapper {
    display: table;
    height: 500px;
    position: relative;
    width: 100%;
  }
}

@media (min-width: 1370px) {
  .map-information-wrapper {
    height: 700px;
  }
}

.map-content-wrapper {
  height: 400px;
  width: 100%;
}

@media (min-width: 1024px) {
  .map-content-wrapper {
    height: 100%;
  }
}

.map {
  height: 400px;
  width: 100%;
}

@media (min-width: 1024px) {
  .map {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .map-content-wrapper,
  .map-information-text-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    height: 100%;
    position: relative;
  }
}

.map-information-text-wrapper {
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .map-information-text-wrapper {
    padding-bottom: 325px;
  }
}

@media (min-width: 1370px) {
  .map-information-text-wrapper {
    padding-bottom: 425px;
  }
}

.map-information-text {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0px;
}

@media (min-width: 1370px) {
  .map-information-text {
    padding: 50px 80px;
  }
  .map-information-text .container {
    max-width: 645px;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .map-information-img-wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    height: 325px;
    position: absolute;
  }
}

@media (min-width: 1370px) {
  .map-information-img-wrapper {
    height: 425px;
  }
}

.map-information-img-container {
  background-position: 50% 50%;
  -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
       background-size: auto 100%;
  background-repeat: no-repeat;
  height: 425px;
}

@media (min-width: 1024px) {
  .map-information-img-container {
    height: 325px;
  }
}

@media (min-width: 1370px) {
  .map-information-img-container {
    height: 425px;
  }
}

/* contacts styles end */
/* industrials styles */
.industrials-section {
  padding-top: 0;
}

.industrials-list-wrapper,
.industrials-list {
  position: relative;
}

.industrials-list-wrapper {
  margin-top: 40px;
}

.industrials-list {
  font-size: 0;
  text-align: center;
  width: 100%;
}

.industrials-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 146px;
  margin: 0;
  margin-top: -1px;
  position: relative;
  overflow: hidden;
  width: 50%;
  border: 1px solid transparent;
}

.industrials-list__item:nth-child(n + 3) {
  display: none;
}

.industrials-list__item:nth-child(2n) {
  border-left-color: #e8e8e8;
}

@media (min-width: 600px) {
  .industrials-list__item {
    width: 33.3%;
    border-left-color: #e8e8e8;
  }
  .industrials-list__item:nth-child(3n + 1) {
    border-left-color: transparent;
  }
  .industrials-list__item:nth-child(n + 3) {
    display: inline-block;
  }
  .industrials-list__item:nth-child(n + 4) {
    display: none;
  }
}

@media (min-width: 960px) {
  .industrials-list__item {
    width: 25%;
    border-left-color: #e8e8e8;
  }
  .industrials-list__item:nth-child(3n + 1) {
    border-left-color: #e8e8e8;
  }
  .industrials-list__item:nth-child(4n + 1) {
    border-left-color: transparent;
  }
  .industrials-list__item:nth-child(n + 4) {
    display: inline-block;
  }
  .industrials-list__item:nth-child(n + 5) {
    display: none;
  }
}

@media (min-width: 1024px) {
  .industrials-list__item {
    width: 16.6%;
    border-left-color: #e8e8e8;
  }
  .industrials-list__item:nth-child(4n + 1) {
    border-left-color: #e8e8e8;
  }
  .industrials-list__item:nth-child(6n + 1) {
    border-left-color: transparent;
  }
  .industrials-list__item:nth-child(n + 5) {
    display: inline-block;
  }
}

.industrials-list__item_link {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #201d1d;
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 156px;
  padding: 5px 5px;
}

.industrials-list__item-img-wrapper {
  position: relative;
}

.industrials-list__item-title {
  font-size: 100%;
  font-size: 1rem;
  line-height: 1;
  margin-top: 5px;
  padding: 0 5px;
}

@media (min-width: 480px) {
  .industrials-list__item-title {
    font-size: 112.5%;
    font-size: 1.125rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .industrials-list__item-title {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.125;
  }
}

.desktop .industrials-list__item_link:hover {
  color: #2c82c9;
}

.desktop .industrials-list__item_link:hover .img-hover {
  opacity: 0;
}

.desktop .industrials-list__item_link:hover .img-on-hover {
  opacity: 1;
  visibility: visible;
}

/* industrials content */
.industrials-content {
  margin-bottom: 50px;
}

.industrials-content .industrials-list-wrapper {
  margin-top: 0;
}

.industrials-content .industrials-list__item {
  display: inline-block;
  margin: 25px 0;
}

@media (min-width: 600px) {
  .industrials-content {
    margin-bottom: 100px;
  }
}

/* industrials styles end */
/* services styles */
.services-section {
  position: relative;
  padding: 40px 0;
}

.services-list-wrapper {
  margin-top: 30px;
  line-height: 0;
  font-size: 0;
  text-align: center;
}

.services-list {
  margin: 0 -10px;
}

.services-list__item {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 480px) {
  .services-list__item:nth-child(n + 4) {
    width: 50%;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-link,
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container,
  .services-list__item:nth-child(n + 4) .services-list__item-text {
    display: block;
    padding: 0;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-link {
    padding: 30px 10px;
    height: 278px;
  }
}

@media (min-width: 480px) and (min-width: 600px) {
  .services-list__item:nth-child(n + 4) .services-list__item-link {
    padding: 30px 30px;
    height: 308px;
  }
}

@media (min-width: 480px) {
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container {
    width: auto;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-text {
    margin-top: 30px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .services-list__item {
    width: 33.3%;
  }
  .services-list__item .services-list__item-link,
  .services-list__item .services-list__item-icon-container,
  .services-list__item .services-list__item-text {
    display: block;
    padding: 0;
  }
  .services-list__item .services-list__item-link {
    padding: 30px 20px 26px;
    height: 263px;
  }
  .services-list__item .services-list__item-text {
    margin-top: 30px;
    text-align: center;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-link {
    display: table;
    height: auto;
    padding: 0;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container,
  .services-list__item:nth-child(n + 4) .services-list__item-text {
    display: table-cell;
    padding: 30px 25px;
    text-align: left;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container {
    width: 96px;
    padding-left: 25px;
    padding-right: 0;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-wrapper {
    height: 96px;
    width: 96px;
    padding: 20px;
  }
  .services-list__item:nth-child(n + 4) img {
    max-height: 56px;
    max-width: 56px;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-content {
    height: 56px;
    width: 56px;
  }
}

@media (min-width: 1024px) {
  .services-list__item .services-list__item-link {
    height: 320px;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container,
  .services-list__item:nth-child(n + 4) .services-list__item-text {
    padding: 30px 35px;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container {
    padding-right: 0;
    width: 128px;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-wrapper {
    height: 128px;
    padding: 25px;
    width: 128px;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-content {
    height: 78px;
    width: 78px;
  }
  .services-list__item:nth-child(n + 4) img {
    max-height: 78px;
    max-width: 78px;
  }
}

@media (min-width: 1580px) {
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container,
  .services-list__item:nth-child(n + 4) .services-list__item-text {
    padding: 30px 50px;
  }
  .services-list__item:nth-child(n + 4) .services-list__item-icon-container {
    padding-right: 0;
  }
}

.services-list__item-link {
  background-color: #e8e8e8;
  background-image: url("../images/services-pattern.png");
  background-position: 0 0;
  border-bottom: 4px solid transparent;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #201d1d;
  display: table;
  font-size: 100%;
  font-size: 1rem;
  line-height: 1.25;
  -webkit-transition: border-color .3s linear, color .3s linear;
  -moz-transition: border-color .3s linear, color .3s linear;
  -o-transition: border-color .3s linear, color .3s linear;
  transition: border-color .3s linear, color .3s linear;
  width: 100%;
}

@media (min-width: 480px) {
  .services-list__item-link {
    font-size: 150%;
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .services-list__item-link {
    font-size: 112.5%;
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .services-list__item-link {
    font-size: 137.5%;
    font-size: 1.375rem;
  }
}

@media (min-width: 1580px) {
  .services-list__item-link {
    font-size: 162.5%;
    font-size: 1.625rem;
  }
}

.services-list__item-icon-container,
.services-list__item-text {
  display: table-cell;
  padding: 30px 0;
  text-align: left;
  vertical-align: middle;
}

.services-list__item-icon-container {
  padding-left: 20px;
  width: 64px;
}

@media (min-width: 480px) {
  .services-list__item-icon-container {
    padding-left: 30px;
    width: 96px;
  }
}

@media (min-width: 600px) {
  .services-list__item-icon-container {
    padding-left: 50px;
    width: 128px;
  }
}

@media (min-width: 768px) {
  .services-list__item-icon-container {
    width: auto;
  }
}

.services-list__item-text {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 480px) {
  .services-list__item-text {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 600px) {
  .services-list__item-text {
    padding-left: 30px;
    padding-right: 50px;
  }
}

.services-list__item-icon-wrapper {
  background-color: #ffffff;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  display: block;
  height: 64px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 64px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 15px;
}

.services-list__item-icon-wrapper img {
  max-height: 34px;
  max-width: 34px;
}

@media (min-width: 480px) {
  .services-list__item-icon-wrapper {
    height: 96px;
    padding: 20px;
    width: 96px;
  }
  .services-list__item-icon-wrapper img {
    max-height: 56px;
    max-width: 56px;
  }
}

@media (min-width: 600px) {
  .services-list__item-icon-wrapper {
    height: 128px;
    padding: 25px;
    width: 128px;
  }
  .services-list__item-icon-wrapper img {
    max-height: 78px;
    max-width: 78px;
  }
}

@media (min-width: 1024px) {
  .services-list__item-icon-wrapper {
    height: 165px;
    width: 165px;
    padding: 30px;
    vertical-align: middle;
  }
  .services-list__item-icon-wrapper img {
    max-height: 105px;
    max-width: 105px;
  }
}

.services-list__item-icon-content {
  display: block;
  position: relative;
  -webkit-transform-style: flat;
     -moz-transform-style: flat;
          transform-style: flat;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  width: 34px;
  height: 34px;
}

@media (min-width: 480px) {
  .services-list__item-icon-content {
    height: 56px;
    width: 56px;
  }
}

@media (min-width: 600px) {
  .services-list__item-icon-content {
    height: 78px;
    width: 78px;
  }
}

@media (min-width: 1024px) {
  .services-list__item-icon-content {
    height: 105px;
    width: 105px;
  }
}

.desktop .services-list__item-link:hover {
  color: #2c82c9;
  border-bottom-color: #2c82c9;
}

.desktop .services-list__item-link:hover .svg-services path {
  stroke: #2c82c9;
}

.services-content-list__item {
  padding: 50px 0;
}

.services-content-list__item:nth-child(even) {
  background-color: #f3f3f3;
}

@media (min-width: 1024px) {
  .services-content-list__item:nth-child(even) .services-content-list__item-img-wrapper {
    float: right;
  }
  .services-content-list__item:nth-child(even) .services-content-list__item-text-wrapper {
    margin-left: 0;
    margin-right: 50%;
  }
  .services-content-list__item:nth-child(even) .services-content-list__item-title,
  .services-content-list__item:nth-child(even) .services-content-list__item-text {
    text-align: right;
  }
  .services-content-list__item:nth-child(even) .button-default-arrow {
    float: right;
  }
}

.services-content-list__item:nth-child(1) {
  padding-top: 0;
}

@media (min-width: 600px) {
  .services-content-list__item:nth-child(1) {
    padding-top: 30px;
  }
}

@media (min-width: 1024px) {
  .services-content-list__item:nth-child(1) {
    padding-top: 40px;
  }
}

@media (min-width: 600px) {
  .services-content-list__item {
    padding: 80px 0;
  }
}

@media (min-width: 1024px) {
  .services-content-list__item {
    padding: 90px 0;
  }
  .services-content-list__item .button-default-arrow {
    margin: 0;
  }
}

.services-content-list__item-img-wrapper {
  max-height: 250px;
}

@media (min-width: 1024px) {
  .services-content-list__item-img-wrapper {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-height: 100%;
    float: left;
    padding: 0 70px;
    width: 50%;
  }
}

.services-content-list__item-img {
  max-height: 250px;
}

@media (min-width: 1024px) {
  .services-content-list__item-img {
    max-height: 100%;
  }
}

@media (min-width: 1024px) {
  .services-content-list__item-text-wrapper {
    margin-left: 50%;
  }
}

.services-content-list__item-title {
  font-size: 200%;
  font-size: 2rem;
  line-height: 1.0625;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
}

@media (min-width: 600px) {
  .services-content-list__item-title {
    margin-top: 50px;
    max-width: 450px;
  }
}

@media (min-width: 1024px) {
  .services-content-list__item-title {
    font-size: 250%;
    font-size: 2.5rem;
    margin-top: -5px;
    max-width: 100%;
    text-align: left;
  }
}

.services-content-list__item-text {
  font-size: 100%;
  font-size: 1rem;
  margin-top: 20px;
}

@media (min-width: 600px) {
  .services-content-list__item-text {
    font-size: 112.5%;
    font-size: 1.125rem;
    line-height: 1.55556;
    margin-top: 30px;
  }
}

/* services styles end */
/* technologies styles */
.technologies-section {
  padding: 40px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .technologies-wrapper .default-block-content,
  .technologies-wrapper .technologies-list-wrapper,
  .technologies-wrapper .button-default-wrapper {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
  }
  .technologies-wrapper .container {
    display: table;
    padding: 0 40px;
    width: auto;
  }
  .technologies-wrapper .default-block-title {
    margin-top: 0;
    margin-bottom: 0;
  }
  .technologies-wrapper .technologies-list-wrapper {
    width: 100%;
  }
  .technologies-wrapper .technologies-list {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: table;
    padding: 0 25px;
    width: 100%;
  }
  .technologies-wrapper .technologies-list__item {
    display: table-cell;
    width: auto;
    max-width: 100%;
  }
}

.technologies-list-wrapper {
  margin-top: 30px;
}

.technologies-list {
  text-align: center;
  font-size: 0;
}

.technologies-list__item {
  display: inline-block;
  margin-top: 10px;
  max-height: 105px;
  max-width: 186px;
  width: 50%;
}

@media (min-width: 480px) {
  .technologies-list__item {
    width: 25%;
  }
}

@media (min-width: 1024px) {
  .technologies-list__item {
    margin-top: 0;
  }
}

.technologies-list__item-link {
  display: block;
  font-size: 100%;
  font-size: 1rem;
  line-height: 1;
  margin: 0 auto;
  max-height: 85px;
  max-width: 166px;
  opacity: .85;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
  padding: 10px;
}

.desktop .technologies-list__item-link:hover {
  opacity: 1;
}

.technologies-content {
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 30px;
  margin-top: 30px;
}

@media (min-width: 1370px) {
  .technologies-content {
    margin-top: 50px;
  }
}

.technologies-content-list-header {
  margin: 0 -10px;
  padding: 0 5px;
}

.technologies-content-list-header__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding: 5px;
  position: relative;
  width: 50%;
}

.technologies-content-list-header__item.active .technologies-content-list-header__item-link {
  background-color: #2c82c9;
  background-image: none;
}

@media (min-width: 1024px) {
  .technologies-content-list-header__item.active .technologies-content-list-header__item-link:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 100%;
    border: 9px solid transparent;
    border-top: 9px solid #2c82c9;
  }
}

.technologies-content-list-header__item.active .technologies-content-list-header__item-link .technologies-content-list-header__item-text {
  color: #ffffff;
}

@media (min-width: 768px) {
  .technologies-content-list-header__item {
    width: 33.3%;
  }
}

@media (min-width: 1024px) {
  .technologies-content-list-header__item {
    width: 20%;
  }
}

.technologies-content-list-header__item-link {
  background-color: #f3f3f3;
  background-image: url("../images/services-pattern.png");
  background-position: 0 0;
  display: table;
  height: 60px;
  position: relative;
  width: 100%;
}

.technologies-content-list-header__item-text {
  color: #201d1d;
  display: table-cell;
  font-size: 112.5%;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0 15px;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .technologies-content-list-bottom-wrapper {
    margin-top: 50px;
  }
}

.technologies-content-list-bottom-item {
  margin: 30px 0;
}

@media (min-width: 1024px) {
  .technologies-content-list-bottom-item {
    margin: 50px 0;
  }
}

.technologies-content-list-bottom-item-img-wrapper {
  max-height: 210px;
}

@media (min-width: 1024px) {
  .technologies-content-list-bottom-item-img-wrapper {
    float: left;
    max-height: 100%;
    width: 275px;
  }
}

.technologies-content-list-bottom-item-img {
  max-height: 210px;
}

@media (min-width: 1024px) {
  .technologies-content-list-bottom-item-img {
    max-height: 100%;
  }
}

@media (min-width: 1024px) {
  .technologies-content-list-bottom-item-text-wrapper {
    margin-left: 275px;
    text-align: left;
  }
}

.technologies-content-list-bottom-item-title {
  margin: 20px 0;
  font-size: 250%;
  font-size: 2.5rem;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .technologies-content-list-bottom-item-title {
    margin-top: -6px;
  }
}

.technologies-content-list-bottom-item-text {
  font-size: 100%;
  font-size: 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .technologies-content-list-bottom-item-text {
    font-size: 112.5%;
    font-size: 1.125rem;
  }
}

/* technologies styles end */
/* expertise styles */
.expertise-section {
  background-color: #f3f3f3;
}

.expertise-section .default-block-content {
  background-color: transparent;
}

.expertise-list-wrapper {
  margin-top: 30px;
}

.expertise-list {
  text-align: center;
  font-size: 0;
  margin: 0 -5px;
}

.expertise-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

@media (min-width: 768px) {
  .expertise-list__item {
    width: 33.3%;
  }
  .expertise-list__item:nth-child(10n + 2), .expertise-list__item:nth-child(10n + 9) {
    width: 66.6%;
  }
  .expertise-list__item:nth-child(10n + 2) .expertise-list__item-link, .expertise-list__item:nth-child(10n + 9) .expertise-list__item-link {
    padding-top: 55%;
  }
}

@media (min-width: 1024px) {
  .expertise-list__item {
    width: 16.66666666666667%;
  }
  .expertise-list__item:nth-child(10n + 2), .expertise-list__item:nth-child(10n + 9) {
    width: 33.33333333333333%;
  }
}

.expertise-list__item.expertise-list__item-last .expertise-list__item-content {
  bottom: 15px;
}

@media (min-width: 600px) {
  .expertise-list__item.expertise-list__item-last .expertise-list__item-content {
    bottom: 25px;
  }
}

@media (min-width: 1024px) {
  .expertise-list__item.expertise-list__item-last .expertise-list__item-content {
    bottom: 15px;
  }
}

@media (min-width: 1370px) {
  .expertise-list__item.expertise-list__item-last .expertise-list__item-content {
    bottom: 25px;
  }
}

.expertise-list__item.expertise-list__item-last .button-default-arrow {
  color: #ffffff;
  margin-left: 0;
  margin-top: 15px;
  width: auto;
}

@media (min-width: 1024px) {
  .expertise-list__item.expertise-list__item-last .button-default-arrow {
    margin-left: -5px;
  }
}

@media (min-width: 1280px) {
  .expertise-list__item.expertise-list__item-last .button-default-arrow {
    margin-left: 0px;
  }
}

.expertise-list__item.expertise-list__item-last .button-default-text {
  padding: 10px 15px;
}

.expertise-list__item.expertise-list__item-last .button-default-text:before {
  display: none;
}

@media (min-width: 768px) {
  .expertise-list__item.expertise-list__item-last .button-default-text {
    padding: 10px 50px 10px 15px;
  }
  .expertise-list__item.expertise-list__item-last .button-default-text:before {
    display: block;
  }
}

.expertise-list__item-link {
  border: 5px solid #f3f3f3;
  background-color: #ffffff;
  color: #201d1d;
  display: block;
  padding-top: 110%;
  height: 0;
  position: relative;
  overflow: hidden;
  text-align: left;
  -webkit-transition: color .0s linear, background-color .0s linear;
  -moz-transition: color .0s linear, background-color .0s linear;
  -o-transition: color .0s linear, background-color .0s linear;
  transition: color .0s linear, background-color .0s linear;
  font-size: 87.5%;
  font-size: 0.875rem;
  line-height: 1.28571;
}

@media (min-width: 480px) {
  .expertise-list__item-link {
    font-size: 106.25%;
    font-size: 1.0625rem;
    line-height: 1.23529;
  }
}

@media (min-width: 768px) {
  .expertise-list__item-link {
    font-size: 87.5%;
    font-size: 0.875rem;
    line-height: 1.28571;
  }
}

@media (min-width: 1370px) {
  .expertise-list__item-link {
    font-size: 106.25%;
    font-size: 1.0625rem;
    line-height: 1.23529;
  }
}

.expertise-list__item-content {
  display: block;
  position: absolute;
  top: auto;
  left: 15px;
  right: 15px;
  bottom: -11px;
  -webkit-transition: bottom .1s linear;
  -moz-transition: bottom .1s linear;
  -o-transition: bottom .1s linear;
  transition: bottom .1s linear;
}

@media (min-width: 600px) {
  .expertise-list__item-content {
    left: 25px;
    right: 25px;
  }
}

@media (min-width: 1024px) {
  .expertise-list__item-content {
    left: 15px;
    right: 15px;
  }
}

@media (min-width: 1370px) {
  .expertise-list__item-content {
    left: 25px;
    right: 25px;
  }
}

.expertise-list__item-svg-wrapper {
  display: block;
  height: 55px;
  margin-bottom: 15px;
  width: 55px;
}

.expertise-list__item-svg-wrapper .svg-expertise {
  height: 55px;
  width: 55px;
}

@media (min-width: 480px) {
  .expertise-list__item-svg-wrapper {
    height: 75px;
    width: 75px;
  }
  .expertise-list__item-svg-wrapper .svg-expertise {
    height: 75px;
    width: 75px;
  }
}

@media (min-width: 1024px) {
  .expertise-list__item-svg-wrapper {
    height: 55px;
    width: 55px;
  }
  .expertise-list__item-svg-wrapper .svg-expertise {
    height: 55px;
    width: 55px;
  }
}

@media (min-width: 1370px) {
  .expertise-list__item-svg-wrapper {
    height: 75px;
    width: 75px;
  }
  .expertise-list__item-svg-wrapper .svg-expertise {
    height: 75px;
    width: 75px;
  }
}

.expertise-list__item-text {
  display: block;
  position: relative;
  overflow: hidden;
  height: 53px;
  max-width: 150px;
}

@media (min-width: 480px) {
  .expertise-list__item-text {
    height: 63px;
  }
}

@media (min-width: 768px) {
  .expertise-list__item-text {
    height: 53px;
  }
}

@media (min-width: 1370px) {
  .expertise-list__item-text {
    height: 63px;
  }
}

.expertise-list__item-link-text {
  display: block;
  font-size: 68.75%;
  font-size: 0.6875rem;
  line-height: 1;
  font-family: "GothamPro-Bold", sans-serif;
  margin-top: 14px;
  text-decoration: underline;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .expertise-list__item-link-text {
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  .expertise-list__item-link-text {
    margin-top: 14px;
  }
}

@media (min-width: 1370px) {
  .expertise-list__item-link-text {
    margin-top: 24px;
  }
}

.desktop .expertise-list__item-link:hover {
  background-color: #2c82c9;
  color: #ffffff;
}

.desktop .expertise-list__item-link:hover .expertise-list__item-content {
  bottom: 15px;
}

@media (min-width: 600px) {
  .desktop .expertise-list__item-link:hover .expertise-list__item-content {
    bottom: 25px;
  }
}

@media (min-width: 1024px) {
  .desktop .expertise-list__item-link:hover .expertise-list__item-content {
    bottom: 15px;
  }
}

@media (min-width: 1370px) {
  .desktop .expertise-list__item-link:hover .expertise-list__item-content {
    bottom: 25px;
  }
}

.desktop .expertise-list__item-link:hover .svg-expertise path {
  fill: #ffffff;
}

.desktop .expertise-list__item-link:hover .button-default-arrow {
  background-color: #123a60;
}

/* expertise content */
.expertise-content {
  margin-bottom: 50px;
}

.expertise-content .expertise-list-wrapper {
  margin-top: 0;
}

@media (min-width: 600px) {
  .expertise-content {
    margin-bottom: 100px;
  }
}

/* expertise styles end */
/* portfolio styles */
.portfolio-list-wrapper {
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}

.portfolio-list-wrapper .controls-transparent {
  display: none;
}

.portfolio-list-wrapper .button-default-wrapper {
  margin-top: 30px;
}

@media (min-width: 1024px) {
  .portfolio-list-wrapper .slider-controls-wrapper {
    margin-top: 40px;
  }
  .portfolio-list-wrapper .slider-control {
    position: static;
    margin: 0 8px;
  }
}

@media (min-width: 1370px) {
  .portfolio-list-wrapper .slider-controls-wrapper {
    display: none;
    margin-top: 0;
  }
  .portfolio-list-wrapper .controls-transparent {
    display: block;
    position: absolute;
    bottom: auto;
    top: 50%;
    margin-top: -20.50px;
    right: 0px;
    left: 0px;
    height: 0;
    z-index: 3;
  }
  .portfolio-list-wrapper .controls-transparent .slider-control {
    position: static;
    background-color: rgba(37, 37, 37, 0.5);
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s linear;
    transition: opacity .3s linear, -webkit-transform .3s linear;
    -moz-transition: opacity .3s linear, transform .3s linear, -moz-transform .3s linear;
    -o-transition: opacity .3s linear, transform .3s linear, -o-transform .3s linear;
    transition: opacity .3s linear, transform .3s linear;
    transition: opacity .3s linear, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear;
  }
  .portfolio-list-wrapper .controls-transparent .slider-control-right {
    float: right;
  }
  .portfolio-list-wrapper .controls-transparent .slider-control-disable {
    opacity: 0;
  }
  .portfolio-list-wrapper .controls-transparent .slider-control-disable.slider-control-left {
    -webkit-transform: translateX(-45px);
       -moz-transform: translateX(-45px);
        -ms-transform: translateX(-45px);
         -o-transform: translateX(-45px);
            transform: translateX(-45px);
  }
  .portfolio-list-wrapper .controls-transparent .slider-control-disable.slider-control-right {
    -webkit-transform: translateX(45px);
       -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
         -o-transform: translateX(45px);
            transform: translateX(45px);
  }
}

.portfolio-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left;
  width: 100%;
}

.portfolio-list__item-link,
.portfolio-list__item-container,
.portfolio-list__item-header,
.portfolio-list__item-header-hover-content,
.portfolio-list__item-header-hover-svg-wrapper,
.portfolio-list__item-header-hover-text,
.portfolio-list__item-img-wrapper,
.portfolio-list__item-content,
.portfolio-list__item-title,
.portfolio-list__item-text-wrapper,
.portfolio-list__item-text-title,
.portfolio-list__item-text {
  display: block;
}

.portfolio-list__item-link {
  background-color: #2c82c9;
  text-align: left;
}

.portfolio-list__item-container {
  position: relative;
  height: 100%;
}

.portfolio-list__item-header {
  position: relative;
}

@media (min-width: 1370px) {
  .portfolio-list__item-header {
    width: 66.6%;
    float: right;
  }
}

.portfolio-list__item-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 51%;
}

.portfolio-list__item-img-container {
  display: block;
  bottom: 0;
  font-size: 0;
  left: -999px;
  position: absolute;
  right: -999px;
  text-align: center;
  top: 0;
}

.portfolio-list__item-img {
  display: inline-block;
  height: 100%;
}

@media (min-width: 1370px) {
  .portfolio-list__item-content {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 33.3%;
  }
}

.portfolio-list__item-header-hover {
  background-color: rgba(37, 37, 37, 0.6);
  content: "";
  display: block;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
  width: 100%;
  z-index: 1;
}

.portfolio-list__item-header-hover-content {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 150px;
}

.portfolio-list__item-header-hover-svg-wrapper {
  height: 57px;
  margin: 0 auto;
  width: 57px;
}

.portfolio-list__item-header-hover-text {
  font-size: 125%;
  font-size: 1.25rem;
  width: 150px;
}

.portfolio-list__item-content {
  padding: 25px 30px;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 480px) {
  .portfolio-list__item-content {
    padding: 35px 60px 55px;
  }
}

@media (min-width: 768px) {
  .portfolio-list__item-content {
    padding: 35px 30px 35px;
  }
}

@media (min-width: 1024px) {
  .portfolio-list__item-content {
    padding: 35px 50px 55px;
  }
}

@media (min-width: 1370px) {
  .portfolio-list__item-content {
    padding-left: 58px;
    height: 100%;
  }
}

.portfolio-list__item-title {
  font-size: 137.5%;
  font-size: 1.375rem;
  display: block;
  color: #ffffff;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
     -moz-text-decoration-color: transparent;
          text-decoration-color: transparent;
}

@media (min-width: 480px) {
  .portfolio-list__item-title {
    font-size: 187.5%;
    font-size: 1.875rem;
  }
}

.portfolio-list__item-text-wrapper {
  margin-top: 20px;
}

.portfolio-list__item-text-wrapper:nth-last-of-type(1) {
  padding-right: 50px;
}

.portfolio-list__item-text-title {
  color: #a5e7f5;
  font-size: 87.5%;
  font-size: 0.875rem;
}

.portfolio-list__item-text {
  color: #ffffff;
  font-size: 100%;
  font-size: 1rem;
  margin-top: 5px;
}

.portfolio-list__item-text a {
  text-decoration: underline;
}

@media (min-width: 480px) {
  .portfolio-list__item-text {
    font-size: 112.5%;
    font-size: 1.125rem;
  }
}

.portfolio-list__item-case-img-wrapper {
  bottom: 25px;
  display: block;
  height: 50px;
  font-size: 0;
  position: absolute;
  right: 15px;
  width: 50px;
}

@media (min-width: 480px) {
  .portfolio-list__item-case-img-wrapper {
    bottom: 30px;
    right: 30px;
  }
}

@media (min-width: 768px) {
  .portfolio-list__item-case-img-wrapper {
    bottom: 25px;
    right: 15px;
  }
}

@media (min-width: 1024px) {
  .portfolio-list__item-case-img-wrapper {
    bottom: 30px;
    right: 30px;
  }
}

.portfolio-list__item-case-img {
  max-height: 50px;
  max-width: 50px;
  display: inline-block;
  font-size: 100%;
  font-size: 1rem;
}

.desktop .portfolio-list__item-header:hover .portfolio-list__item-header-hover {
  opacity: 1;
}

.desktop a.portfolio-list__item-title:hover {
  -webkit-text-decoration-color: #a5e7f5;
     -moz-text-decoration-color: #a5e7f5;
          text-decoration-color: #a5e7f5;
}

.desktop .portfolio-list__item-text a:hover {
  color: #a5e7f5;
}

.portfolio-content-list-wrapper {
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .portfolio-content-list-wrapper {
    padding-bottom: 70px;
  }
}

@media (min-width: 1370px) {
  .portfolio-content-list-wrapper {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .portfolio-content-list-wrapper .portfolio-list {
    margin: 0 -20px;
    padding: 0 10px;
  }
}

.portfolio-content-list-wrapper .portfolio-list__item {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .portfolio-content-list-wrapper .portfolio-list__item {
    width: 50%;
  }
  .portfolio-content-list-wrapper .portfolio-list__item .portfolio-list__item-link {
    margin: 0 10px;
  }
}

.portfolio-content-list-wrapper .button-default-wrapper {
  margin-top: 0px;
}

@media (min-width: 768px) {
  .portfolio-content-list-wrapper .button-default-wrapper {
    margin-top: 30px;
  }
}

.portfolio-content-list-wrapper .filter-button-wrapper {
  margin-top: 20px;
}

@media (min-width: 1370px) {
  .portfolio-content-list-wrapper .filter-button-wrapper {
    margin-top: 0px;
  }
}

@media (min-width: 1370px) {
  .portfolio-content-list-wrapper .portfolio-list__item {
    width: 33.3333%;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-container {
    position: relative;
    overflow: hidden;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-header {
    margin-bottom: 166px;
    float: none;
    width: 100%;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-header-hover {
    display: none;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-content {
    float: none;
    width: 100%;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-content {
    background-color: #2c82c9;
    bottom: -209px;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 35px 40px 35px;
    position: absolute;
    right: 0;
    -webkit-transition: bottom .2s linear;
    -moz-transition: bottom .2s linear;
    -o-transition: bottom .2s linear;
    transition: bottom .2s linear;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-title {
    height: 96px;
    overflow: hidden;
    position: relative;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-title {
    font-size: 162.5%;
    font-size: 1.625rem;
    line-height: 1.23077;
  }
  .portfolio-content-list-wrapper .portfolio-list__item-text-wrapper {
    margin-top: 35px;
  }
}

.desktop .portfolio-content-list-wrapper .portfolio-list__item-link:hover .portfolio-list__item-content {
  bottom: 0;
}

/* portfolio styles end */
/* products styles */
.products-section {
  background-color: #e8e8e8;
}

.products-list-wrapper {
  margin-top: 30px;
  position: relative;
  width: 100%;
}

@media (min-width: 1024px) {
  .products-list-wrapper {
    margin-top: 50px;
  }
  .products-list-wrapper .button-default-wrapper {
    margin-top: 50px;
  }
}

.products-list {
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .products-list {
    width: 85%;
  }
}

.products-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.products-list__item-link,
.products-list__item-img-wrapper,
.products-list__item-title,
.products-list__item-text {
  display: block;
}

.products-list__item {
  background-color: #ffffff;
  padding: 30px 30px;
  position: relative;
}

@media (min-width: 480px) {
  .products-list__item {
    padding: 40px;
  }
}

.products-list__item-link {
  color: #201d1d;
  text-align: center;
}

.products-list__item-link:after {
  background-color: transparent;
  content: "";
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
}

@media (min-width: 480px) {
  .products-list__item-link .view-link-text {
    margin-top: 40px;
  }
}

.products-list__item-link .view-link-text {
  margin-top: 30px;
}

.products-list__item-img-wrapper {
  height: 65px;
  margin: 0 auto;
  width: 85px;
}

.products-list__item-title {
  font-size: 112.5%;
  font-size: 1.125rem;
  font-family: "GothamPro-Bold", sans-serif;
  margin-top: 20px;
}

.products-list__item-text {
  font-size: 112.5%;
  font-size: 1.125rem;
  margin-top: 20px;
}

.desktop .products-list__item-link:hover .products-list__item-title {
  color: #2c82c9;
}

.desktop .products-list__item-link:hover:after {
  background-color: #2c82c9;
}

.desktop .products-list__item-link:hover .view-link-text {
  color: #2c82c9;
}

/* products content */
.products-content {
  padding-bottom: 20px;
}

@media (min-width: 1024px) {
  .products-content {
    padding-bottom: 70px;
  }
}

.products-content .default-block-title {
  margin-top: 0;
}

.products-content-list-wrapper {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .products-content-list-wrapper {
    margin-top: 50px;
  }
}

.products-content-list-wrapper .products-list {
  margin: 0 -20px;
  padding: 0 10px;
}

@media (min-width: 1024px) {
  .products-content-list-wrapper .products-list {
    width: auto;
  }
}

.products-content-list-wrapper .products-list__item {
  margin-bottom: 30px;
  padding: 0;
}

@media (min-width: 768px) {
  .products-content-list-wrapper .products-list__item {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .products-content-list-wrapper .products-list__item {
    width: 33.3333%;
  }
}

@media (min-width: 1370px) {
  .products-content-list-wrapper .products-list__item {
    width: 25%;
  }
}

.products-content-list-wrapper .products-list__item-link {
  border: 4px solid #f3f3f3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

.products-content-list-wrapper .products-list__item-link:after {
  background-color: transparent;
  content: "";
  bottom: 0;
  height: 4px;
  left: 10px;
  position: absolute;
  right: 10px;
}

/* products styles end */
/* customers styles */
@media (min-width: 1024px) {
  .customers-section {
    padding-bottom: 90px;
  }
}

.customers-section .industrials-list__item {
  height: auto;
}

.customers-section .industrials-list__item_link {
  padding: 5px 15px;
}

.customer-content {
  -webkit-box-shadow: inset 0px 5px 10px -5px rgba(37, 37, 37, 0.75);
     -moz-box-shadow: inset 0px 5px 10px -5px rgba(37, 37, 37, 0.75);
          box-shadow: inset 0px 5px 10px -5px rgba(37, 37, 37, 0.75);
}

.customers-slider-wrapper .industrials-list__item {
  width: 100%;
  margin-bottom: 0;
}

.customers-slider-wrapper .industrials-list__item:nth-child(n + 3) {
  display: inline-block;
}

@media (min-width: 1024px) {
  .customers-slider-wrapper .customers-list {
    margin: 0 auto;
    width: 85%;
  }
}

.customers-slider-wrapper .owl-item.active + .owl-item.active .industrials-list__item {
  overflow: visible;
}

.customers-slider-wrapper .owl-item.active + .owl-item.active .industrials-list__item:before {
  background-color: #e8e8e8;
  content: "";
  display: block;
  bottom: 0;
  left: -1px;
  position: absolute;
  top: 0;
  width: 1px;
}

/* customers styles end */
/* news styles */
.news-section .default-block-content {
  overflow: hidden;
}

.news-header {
  display: inline;
  position: relative;
}

@media (min-width: 768px) {
  .news-header:before, .news-header:after {
    background-color: #e8e8e8;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 999px;
  }
  .news-header:before {
    left: -1014px;
  }
  .news-header:after {
    right: -1014px;
  }
}

.news-list-wrapper {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.news-list {
  display: inline-block;
  text-align: center;
  font-size: 0;
  margin: 0 -25px;
  width: auto;
}

@media (min-width: 960px) {
  .news-list {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .news-list {
    width: 85%;
    margin: 0 auto;
  }
}

.news-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left;
  margin-top: 30px;
  vertical-align: top;
  width: 100%;
}

.news-list__item:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {
  .news-list__item {
    margin-top: 0px;
  }
}

@media (min-width: 960px) {
  .news-list__item:nth-child(3) {
    display: inline-block;
  }
}

.news-list__item-link,
.news-list__item-date,
.news-list__item-text {
  display: block;
}

.news-list__item-link {
  color: #201d1d;
  padding: 0 25px;
  text-align: left;
}

.news-list__item-date {
  color: #828282;
  font-size: 75%;
  font-size: 0.75rem;
  font-family: "GothamPro-Bold", sans-serif;
  margin-bottom: 10px;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
}

@media (min-width: 480px) {
  .news-list__item-date {
    margin-bottom: 15px;
  }
}

.news-list__item-text {
  font-size: 100%;
  font-size: 1rem;
}

/* .news list content styles */
@media (min-width: 1024px) {
  .news-content-list-wrapper {
    margin-top: 30px;
  }
}

.news-list-content {
  font-size: 0;
  margin: 0 -20px;
  padding: 0 10px;
  text-align: left;
}

@media (min-width: 480px) {
  .news-list-content {
    margin: 0 -30px;
    padding: 0 15px;
  }
}

.news-list-content__item {
  display: inline-block;
  width: 100%;
}

.news-list-content__item:nth-child(1) .news-list-content__item-link {
  border-top: none;
}

@media (min-width: 1024px) {
  .news-list-content__item:nth-child(1) .news-list-content__item-link {
    padding-top: 10px;
  }
}

@media (min-width: 480px) {
  .news-list-content__item:last-child .news-list-content__item-link {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .news-list-content__item {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .news-list-content__item {
    width: 100%;
  }
}

.news-list-content__item-link,
.news-list-content__item-content,
.news-list-content__item-img-wrapper,
.news-list-content__item-img-container,
.news-list-content__item-text-content,
.news-list-content__item-title,
.news-list-content__item-date,
.news-list-content__item-text {
  display: block;
}

.news-list-content__item.no-image-content .news-list-content__item-img-wrapper {
  display: none;
}

.news-list-content__item.no-image-content .news-list-content__item-title {
  margin-top: 0;
}

.news-list-content__item.no-image-content .news-list-content__item-text-content {
  margin-left: 0;
}

.news-list-content__item-link {
  border-top: 1px solid #f3f3f3;
  color: #201d1d;
  padding: 30px 10px 30px;
}

@media (min-width: 768px) {
  .news-list-content__item-link {
    border-top: none;
    padding: 50px 15px;
  }
}

@media (min-width: 1024px) {
  .news-list-content__item-link {
    border-top: 1px solid #f3f3f3;
  }
}

.news-list-content__item-img-wrapper {
  height: 200px;
  overflow: hidden;
  position: relative;
  width: 280px;
}

@media (min-width: 1024px) {
  .news-list-content__item-img-wrapper {
    float: left;
  }
}

.news-list-content__item-img-hover {
  background-color: rgba(37, 37, 37, 0.6);
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

.news-list-content__item-svg-wrapper {
  height: 57px;
  left: 50%;
  margin-left: -28.50px;
  margin-top: -28.5px;
  position: absolute;
  top: 50%;
  width: 57px;
}

.news-list-content__item-img-container {
  font-size: 0;
  margin: 0 -999px;
  text-align: center;
}

.news-list-content__item-img {
  display: inline;
  height: 100%;
}

.news-list-content__item-text-content {
  text-align: left;
}

@media (min-width: 1024px) {
  .news-list-content__item-text-content {
    margin-left: 325px;
  }
}

.news-list-content__item-title {
  font-size: 137.5%;
  font-size: 1.375rem;
  line-height: 1.09091;
  font-weight: 400;
  margin-top: 27px;
}

@media (min-width: 480px) {
  .news-list-content__item-title {
    font-size: 162.5%;
    font-size: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .news-list-content__item-title {
    margin-top: -4px;
  }
}

.news-list-content__item-date {
  color: #2c82c9;
  font-size: 87.5%;
  font-size: 0.875rem;
  margin-top: 5px;
}

@media (min-width: 480px) {
  .news-list-content__item-date {
    font-size: 100%;
    font-size: 1rem;
  }
}

.news-list-content__item-text {
  font-size: 100%;
  font-size: 1rem;
  margin-top: 16px;
}

@media (min-width: 480px) {
  .news-list-content__item-text {
    font-size: 112.5%;
    font-size: 1.125rem;
  }
}

/* news styles end */
/* how to start styles */
.start-section {
  background-color: #f3f3f3;
  padding-bottom: 100px;
}

.start-list-wrapper {
  margin: 0 auto;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .start-list-wrapper {
    width: 490px;
  }
}

@media (min-width: 960px) {
  .start-list-wrapper {
    width: 100%;
  }
}

.start-list {
  counter-reset: items;
  font-size: 0;
  text-align: center;
}

@media (min-width: 960px) {
  .start-list {
    margin: 0 -25px;
  }
}

.start-list__item-container,
.start-list__item-icon-wrapper,
.start-list__item-count,
.start-list__item-text-wrapper,
.start-list__item-title,
.start-list__item-text {
  display: block;
}

.start-list__item {
  counter-increment: items;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  text-align: left;
}

.start-list__item:nth-child(1) {
  padding-top: 0;
}

.start-list__item:nth-child(1) .start-list__item-count-wrapper:before {
  display: none;
}

.start-list__item:last-child {
  padding-bottom: 0;
}

.start-list__item:last-child .start-list__item-count-wrapper:after {
  display: none;
}

@media (min-width: 960px) {
  .start-list__item {
    display: inline-block;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 33.333%;
  }
}

.start-list__item-container {
  position: relative;
}

@media (min-width: 960px) {
  .start-list__item-container {
    padding: 0 25px;
    padding-top: 70px;
  }
}

.start-list__item-icon-wrapper {
  height: 51px;
  float: left;
  width: 51px;
}

@media (min-width: 480px) {
  .start-list__item-icon-wrapper {
    height: 81px;
    width: 81px;
  }
}

@media (min-width: 960px) {
  .start-list__item-icon-wrapper {
    float: none;
    margin: 0 auto;
  }
}

.start-list__item-count-wrapper {
  float: left;
  font-size: 100%;
  font-size: 1rem;
  line-height: 2.3125;
  height: 37px;
  margin: 7px 20px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 37px;
}

@media (min-width: 480px) {
  .start-list__item-count-wrapper {
    margin-bottom: 17px;
    margin-top: 17px;
    height: 47px;
    width: 47px;
  }
}

@media (min-width: 960px) {
  .start-list__item-count-wrapper {
    float: none;
    left: 50%;
    margin: 0;
    margin-left: -18.50px;
    position: absolute;
    top: 0;
  }
}

.start-list__item-count-wrapper:before, .start-list__item-count-wrapper:after {
  background-color: #dddddd;
  content: "";
  left: 50%;
  margin-left: -1px;
  position: absolute;
  height: 999px;
  width: 2px;
}

@media (min-width: 960px) {
  .start-list__item-count-wrapper:before, .start-list__item-count-wrapper:after {
    height: 2px;
    top: 50%;
    margin-top: -1px;
    margin-left: 0;
    width: 999px;
  }
}

.start-list__item-count-wrapper:before {
  bottom: 100%;
}

@media (min-width: 960px) {
  .start-list__item-count-wrapper:before {
    bottom: auto;
    left: -999px;
    right: 100%;
  }
}

.start-list__item-count-wrapper:after {
  top: 100%;
}

@media (min-width: 960px) {
  .start-list__item-count-wrapper:after {
    left: 100%;
    right: -999px;
    top: 50%;
  }
}

.start-list__item-count {
  background-color: #2c82c9;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  color: #ffffff;
  display: block;
  height: 37px;
  width: 37px;
  position: relative;
  z-index: 1;
}

.start-list__item-count:before {
  content: counter(items);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: block;
}

@media (min-width: 480px) {
  .start-list__item-count {
    height: 47px;
    line-height: 47px;
    width: 47px;
  }
}

.start-list__item-text-wrapper {
  margin-left: 128px;
  margin-top: 2px;
}

@media (min-width: 480px) {
  .start-list__item-text-wrapper {
    margin-left: 168px;
    margin-top: 8px;
  }
}

@media (min-width: 960px) {
  .start-list__item-text-wrapper {
    margin: 0;
    margin-top: 20px;
  }
}

.start-list__item-title {
  font-size: 125%;
  font-size: 1.25rem;
}

@media (min-width: 480px) {
  .start-list__item-title {
    font-size: 175%;
    font-size: 1.75rem;
  }
}

.start-list__item-text {
  font-size: 87.5%;
  font-size: 0.875rem;
}

@media (min-width: 480px) {
  .start-list__item-text {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.75;
  }
}

/* how to start styles end */
/* how to start styles */
.about-section {
  background-color: #2c82c9;
  color: #ffffff;
}

.about-section .container,
.about-section .default-block-wrapper {
  position: relative;
}

@media (min-width: 1024px) {
  .about-section {
    padding: 80px 0;
  }
}

.map-wrapper {
  bottom: 30px;
  left: 0;
  margin: 0 -999px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 30px;
}

.map-wrapper .map-marker-list-wrapper {
  display: none;
}

@media (min-width: 1024px) {
  .map-wrapper {
    bottom: 80px;
    top: 80px;
  }
}

.map-wrapper .map-marker-list-wrapper,
.map-wrapper .map-list {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  max-width: none;
}

.map-wrapper .map-list__item {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(150, 208, 255, 0.8);
  cursor: pointer;
  height: 6px;
  padding: 0;
  position: absolute;
  -webkit-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
  width: 6px;
  z-index: 1;
  -webkit-animation: marker-animation 4s infinite;
     -moz-animation: marker-animation 4s infinite;
       -o-animation: marker-animation 4s infinite;
          animation: marker-animation 4s infinite;
}

.map-wrapper .map-list__item:before {
  background-color: transparent;
  border: 1px solid rgba(150, 208, 255, 0.8);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  content: "";
  cursor: pointer;
  display: block;
  height: 14px;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: border-color .3s linear;
  -moz-transition: border-color .3s linear;
  -o-transition: border-color .3s linear;
  transition: border-color .3s linear;
  width: 14px;
}

.map-wrapper .map-list__item .map-list__item-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 1px 0px rgba(37, 37, 37, 0.2);
     -moz-box-shadow: 0 0 1px 0px rgba(37, 37, 37, 0.2);
          box-shadow: 0 0 1px 0px rgba(37, 37, 37, 0.2);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  display: block;
  left: 50%;
  margin-left: -140px;
  opacity: 0;
  padding: 25px;
  position: absolute;
  top: 25px;
  -webkit-transition: opacity .3s linear, visibility .3s linear;
  -moz-transition: opacity .3s linear, visibility .3s linear;
  -o-transition: opacity .3s linear, visibility .3s linear;
  transition: opacity .3s linear, visibility .3s linear;
  visibility: hidden;
  width: 280px;
  z-index: 10;
}

.map-wrapper .map-list__item .map-list__item-content:before {
  content: "";
  bottom: 100%;
  border: 9px solid transparent;
  border-bottom: 9px solid #ffffff;
  left: 50%;
  margin-left: -9px;
  position: absolute;
}

.map-wrapper .map-list__item.marker-current {
  background-color: transparent;
  background-image: url("../images/marker-current.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-background-size: 49px 46.5px;
    -o-background-size: 49px 46.5px;
       background-size: 49px 46.5px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  height: 46.5px;
  width: 49px;
  margin-top: -44px;
  margin-left: -12px;
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
}

.map-wrapper .map-list__item.marker-current:before {
  display: none;
}

.map-wrapper .map-list__item.marker-current .map-list__item-content {
  top: 60px;
  margin-left: -148.5px;
}

.map-wrapper .map-list__item.marker-bottom .map-list__item-content {
  top: 25px;
}

.map-wrapper .map-list__item.marker-top .map-list__item-content {
  bottom: 25px;
  top: auto;
}

.map-wrapper .map-list__item.marker-top .map-list__item-content:before {
  bottom: auto;
  border: 9px solid transparent;
  border-top: 9px solid #ffffff;
  top: 100%;
}

.map-img-wrapper {
  height: 100%;
  display: inline-block;
  position: relative;
}

.map-img {
  height: 100%;
}

.svg-map {
  height: 100%;
}

.svg-map path {
  fill: #51a9e6;
  fill-rule: evenodd;
}

@-webkit-keyframes marker-animation {
  0, 50%, 100% {
    background-color: rgba(150, 208, 255, 0.8);
  }
  25%, 75% {
    background-color: #ffffff;
  }
}

@-moz-keyframes marker-animation {
  0, 50%, 100% {
    background-color: rgba(150, 208, 255, 0.8);
  }
  25%, 75% {
    background-color: #ffffff;
  }
}

@-o-keyframes marker-animation {
  0, 50%, 100% {
    background-color: rgba(150, 208, 255, 0.8);
  }
  25%, 75% {
    background-color: #ffffff;
  }
}

@keyframes marker-animation {
  0, 50%, 100% {
    background-color: rgba(150, 208, 255, 0.8);
  }
  25%, 75% {
    background-color: #ffffff;
  }
}

@-webkit-keyframes marker-animation-border {
  0, 50%, 100% {
    border-color: #ffffff;
  }
  25%, 75% {
    border-color: rgba(150, 208, 255, 0.8);
  }
}

@-moz-keyframes marker-animation-border {
  0, 50%, 100% {
    border-color: #ffffff;
  }
  25%, 75% {
    border-color: rgba(150, 208, 255, 0.8);
  }
}

@-o-keyframes marker-animation-border {
  0, 50%, 100% {
    border-color: #ffffff;
  }
  25%, 75% {
    border-color: rgba(150, 208, 255, 0.8);
  }
}

@keyframes marker-animation-border {
  0, 50%, 100% {
    border-color: #ffffff;
  }
  25%, 75% {
    border-color: rgba(150, 208, 255, 0.8);
  }
}

@media (min-width: 1024px) {
  .desktop .svg-map {
    width: 1240px;
    height: 100%;
  }
}

.map-marker-list-wrapper {
  margin: 0 auto;
  margin-top: 45px;
  max-width: 285px;
}

.map-list__item {
  background-color: #ffffff;
  display: table;
  text-align: center;
  width: 100%;
}

.map-list__item-content {
  display: table-cell;
  padding: 30px 25px;
  vertical-align: middle;
}

@media (min-width: 480px) {
  .map-list__item-content {
    padding: 35px 30px;
  }
}

.map-list__item-title {
  color: #2c82c9;
  font-size: 150%;
  font-size: 1.5rem;
  line-height: 1.08333;
}

@media (min-width: 480px) {
  .map-list__item-title {
    font-size: 175%;
    font-size: 1.75rem;
  }
}

.map-list__item-text {
  color: #201d1d;
  font-size: 100%;
  font-size: 1rem;
  margin-top: 15px;
}

@media (min-width: 480px) {
  .map-list__item-text {
    font-size: 125%;
    font-size: 1.25rem;
  }
}

.about-list-wrapper {
  margin-top: 45px;
}

@media (min-width: 480px) {
  .about-list-wrapper {
    margin-top: 70px;
  }
}

.about-list {
  font-size: 0;
  text-align: center;
}

.about-list__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 20px;
  vertical-align: top;
  width: 50%;
}

@media (min-width: 480px) {
  .about-list__item {
    padding: 0 40px;
    margin-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .about-list__item {
    padding: 0 20px;
    margin-bottom: 20px;
    width: 25%;
  }
}

.about-list__item-icon {
  height: 37px;
  margin: 0 auto;
  width: 37px;
}

.about-list__item-count {
  font-size: 137.5%;
  font-size: 1.375rem;
  font-family: "GothamPro-Bold", sans-serif;
}

@media (min-width: 480px) {
  .about-list__item-count {
    font-size: 225%;
    font-size: 2.25rem;
  }
}

.about-list__item-title {
  font-size: 87.5%;
  font-size: 0.875rem;
  line-height: 1.14286;
}

@media (min-width: 480px) {
  .about-list__item-title {
    font-size: 125%;
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .desktop .map-wrapper .map-marker-list-wrapper {
    display: inline-block;
  }
  .desktop .map-marker-list-wrapper {
    display: none;
  }
  .desktop .map-marker-list-wrapper .map-list__item:hover {
    z-index: 10;
  }
  .desktop .map-marker-list-wrapper .map-list__item:not(.marker-current):hover {
    background-color: #ffffff;
  }
  .desktop .map-marker-list-wrapper .map-list__item:not(.marker-current):hover:before {
    border-color: #ffffff;
  }
  .desktop .map-marker-list-wrapper .map-list__item:not(.marker-current):hover .map-list__item-content {
    opacity: 1;
    visibility: visible;
  }
  .desktop .map-marker-list-wrapper .marker-current:hover .map-list__item-content {
    opacity: 1;
    visibility: visible;
  }
  .desktop .about-list-wrapper {
    margin-top: 285px;
  }
}

.map-marker-list-wrapper {
  position: relative;
}

@media (min-width: 480px) {
  .map-marker-list-wrapper .controls-transparent {
    margin-top: 0;
  }
  .map-marker-list-wrapper .controls-transparent .slider-control {
    position: absolute;
    margin: 0;
    margin-top: -20px;
    top: 50%;
  }
  .map-marker-list-wrapper .controls-transparent .slider-control-left {
    left: -60px;
  }
  .map-marker-list-wrapper .controls-transparent .slider-control-right {
    right: -60px;
  }
}

/* about content */
.desktop .about-list-content {
  margin-top: 30px;
}

@media (min-width: 1024px) {
  .desktop .about-list-content {
    margin-top: 50px;
  }
}

.about-list-content .svg-about path {
  fill: #252525;
}

.about-list-content .about-list__item-count {
  color: #2c82c9;
}

/* about content */
.about-content {
  padding-top: 30px;
  padding-bottom: 70px;
}

@media (min-width: 1024px) {
  .about-content {
    padding-top: 60px;
    padding-bottom: 90px;
  }
}

@media (min-width: 1024px) {
  .desktop .about-content {
    height: 646px;
  }
}

@media (min-width: 1024px) {
  .desktop .about-content .map-img-wrapper {
    height: auto;
  }
}

/* how to start styles end */
/* mission styles */
.mission-section {
  padding: 0;
}

.mission-section > .container {
  padding: 0;
}

.mission-content-title {
  background-color: #1a5e9e;
  color: #ffffff;
  padding: 30px 0;
}

@media (min-width: 768px) {
  .mission-content-title {
    padding: 45px 0;
  }
}

.mission-content-title p {
  font-size: 112.5%;
  font-size: 1.125rem;
}

@media (min-width: 600px) {
  .mission-content-title p {
    font-size: 125%;
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .mission-content-title p {
    font-size: 162.5%;
    font-size: 1.625rem;
  }
}

.mission-content-text {
  padding: 30px 0;
}

@media (min-width: 768px) {
  .mission-content-text {
    padding: 45px 0;
  }
}

@media (min-width: 1024px) {
  .desktop .mission-content-wrapper {
    margin-top: -90px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .desktop .mission-content {
    display: table;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .desktop .mission-content-title {
    display: table-cell;
    padding: 55px;
    width: 50%;
    vertical-align: top;
  }
}

@media (min-width: 1024px) {
  .desktop .mission-content-text {
    background-color: #e8e8e8;
    display: table-cell;
    padding: 55px;
    width: 50%;
    vertical-align: top;
  }
}

/* mission styles end */
/* why sections styles */
.why-section {
  background-color: #e8e8e8;
}

.why-list-wrapper {
  background-color: #ffffff;
  margin-top: 30px;
  padding: 30px 0;
}

@media (min-width: 768px) {
  .why-list-wrapper {
    padding-top: 40px;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .why-list-wrapper {
    padding-top: 70px;
  }
}

.why-list-header {
  font-size: 112.5%;
  font-size: 1.125rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 380px;
  padding: 0 20px;
}

@media (min-width: 480px) {
  .why-list-header {
    font-size: 125%;
    font-size: 1.25rem;
  }
}

@media (min-width: 768px) {
  .why-list-header {
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) {
  .why-list-header {
    font-size: 162.5%;
    font-size: 1.625rem;
    max-width: 650px;
  }
}

.why-list {
  counter-reset: items;
}

@media (min-width: 1024px) {
  .why-list {
    padding: 0 20px;
  }
}

.why-list__item {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  counter-increment: items;
  float: left;
  margin-bottom: 30px;
  text-align: left;
  width: 100%;
}

@media (min-width: 768px) {
  .why-list__item {
    padding: 0 30px;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .why-list__item {
    margin-bottom: 50px;
    padding: 0 20px;
    text-align: center;
    width: 33.333%;
  }
}

.why-list__item-header-wrapper {
  margin-bottom: 20px;
  display: table;
}

@media (min-width: 1024px) {
  .why-list__item-header-wrapper {
    display: block;
  }
}

.why-list__item-icon-wrapper {
  display: table-cell;
  vertical-align: top;
}

@media (min-width: 1024px) {
  .why-list__item-icon-wrapper {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.why-list__item-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAACxCAYAAAB6IgdIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI5OUYwNTY4RDc1MjExRTY4OTVFQTU1QTUwQ0ZCMzM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI5OUYwNTY5RDc1MjExRTY4OTVFQTU1QTUwQ0ZCMzM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mjk5RjA1NjZENzUyMTFFNjg5NUVBNTVBNTBDRkIzMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk5RjA1NjdENzUyMTFFNjg5NUVBNTVBNTBDRkIzMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JsZNdAAALjklEQVR42uydfexVZR3Anx9vGjJpuIISplK8/V6ATK0sIFNAQehlySicTWrYQttqwXoxy2htrlatOd3SDfuDlCk2y0ibETWNNPqJIMpLCSUsWcIUBQnkR9/v7ve6y/3d+7tv55z7POf5fLbvlN/uPffc5/k83/ucc57zPR19B9c6yJSzJK6SmCJxUmKnxKMSr9M02TGEJsiU6yR+LHFO2d8PSnxN4h6aKBsG0QSZoWL/ooL0zv62WuKrNFM2dDDVyYTJEs9IDKvxuhMSUyV20GRk/Dxwax3SK0PttYD4wTNd4poGXq+vnUazIX7ofE+nlI1MP+09gPjB8gGJBU28b6G9FxA/SFa1+EsBiB8csyRmt/D+ORIzaUbEjynbF/k+zYj4ITFXYkYC25lh2wLE956OhLJ96Vy/g2ZFfN/RMzIXJ7i9S1xzZ4YA8TNtzzTOxqyirxDfZ/Sq69QUtjvVNXb1F2rNR1mklhi6xHubKyxISwNduNbtCmv4gYzvDUtSlN7ZtpfQzGR8n9BVlXon1QUpf84eiUmusHwZyPhtZ2kG0jv7jKU0NxnfB86U+IfEuRl93j6JCRLHaHoyfjv5YobSK2MlbqDZyfjtRCsm/FNidMafe0DiPRJH6AIyfju4qQ3SO/vMG2l+Mn47GCnxgsSoNn3+ITvYPUxXkPGz5CttlN7ZZ1OOhIyfuXR6Tv3sNu/HYcv6h+gSMn4WrPRAemf7sJLuIONndWCpc/vhnuyPntnRMzwH6Boyfpp80yPpFT2l+g26hYyfJnrxaLcrXK31Cb2Kq1dz99FFZPw0+LaH0jvbp5vpHjJ+Gox3hTXxQz3dP12xqSs399BVZPwk+Y7H0jvbt+/STWT8JNGbQJ6VGOz5furdWd2OMuNk/IS4NQDpne0jWR/xE0FLdod0ozdlxhE/EUIr6JRWiRPEj4hQizktsH0HxG+KVS7M8n08XALxm0ZLdM8JeP/nOsqMI36T2Z7vgPhRkZeHMoT+q4X4Gc+P85Qpmesjfl3k7YyIPkRuId2K+LWyfR4zJA+XQPwBWeTyedUztKvP6Wc4Fqm9ha5z0YVok3P6/Z6X6HGUGSfjl7Ekx9IrUxxlxsn4Zehadl3KOz7n3/MFG9zRlxkn4xe4PgLpnX3H6+luMr6i96vqDeRjI/m+L0pMdJGXGSfjO7csIumVcfadyfgRM9zmvaMj+94HbNpzlIwfH+e4QkmO0RF+d/3O37I2IOPnkBGuUGhpgs1rJ5b8/ygHihac3WWxu+S/Gq8jvr8Ms5/tSSWSF+U+F69bYn/ZQNDYadPD44ifzZTsvCrZ+3wXRgWEPKFXf/eW/EIUQx+C9y+JPsRvjDGWud9bNi3Rf5+Bb0HwPxsA5VMn/e9LMYv/9pLMPalEcI2z8SbXHC6ZMu2yaVPx36/kQfwzy4SeWBLvoP+hAv8tmzaVDpBjPok/xBUeQzOh5MCyKLteJGH9NyTBKYl/l02fir8UWiD3zTTEV3nHlmXvouQq/VD6BdrICZN/d9m0SQfIPhs0dYnfKfFJieklog+nfSFAjpYMBL3P4gGJ7eXi65z8domlTFEgx1Om1a7wYOw3hpjo6yTm0TaQYzossb9T4uN6Yeg6pIeIuFpiiYr/BdoCImOZik8tdYiNadyIAjHSp+I/TTtAZGxR8X9OO0Bk3KXi/1LiIdoCIuHX6ryKryf2PyOxnjaBnKOOL1bniwe3b7jCUoUHaRvIKQ+a4+r6aTeb661ki2zqA5An1pjbb90uWX46U28p0yu5d9NWkJcDWYnPubJiuZXO4+sLtODQ7bQZBI46fIOrUCG62gUsPeC9SeI22g4C5TZzuOKa/FpXbr8ucQttCIFxi7lblXqWLOiD0Fa6Ae5mAfAEdXSFq+PhffWu1fmhKyzgR37wWfrlEj+q58WNLFK7Q+LzjkfJgH+cNDfvrPcNja7O1Fu3rnU8UQP84YQ5ubqRNzWzLPk+V3iC3nHaHNrMcXPxvkbf2Ox6fF3Upg8NPkrbQ5s4ag42tcCylRtRHpWY73JcShq8RZ2bZw66rMVXNkrMcRnXPYSoecWc+1MrG0ni1sNNEpdLvEyfQMq8bK5tanVDSd1z2yvxUedRGWjIHS+ZY71JbCzJm821PNssV3icJECSvGhubU9qg0lXWdBinTNdoZAnQBLsMad2JbnRNMqL7JWYIbGDPoMW2WEu7U16w2nV1dlv87Gt9B00yVZzaH8aG0+zoJQ+RPgyic30ITTIZnPnQFofkHYlNX2G6hUSj9OXUCdPmDOH0vyQLEoIvipxpcQG+hRqoI7MNWdc6OIrR1yhPDO1e6Aa682RI1l8WJZFY6ndA9U4reZN3sRXirV71tDXYPSreZNH8RW9W0brnNxFn0fP3a5CzZu8il+UX+udULsnXrTvl7k23crazgdDULsnXgaseZN38YtQuycuata8iUV8ReugrHCUL8kzdde8iUl8ReuhLEf+3Ep/o6uz5k1s4itaF2Wpo3ZPnijWvLnDp53y8amH9zhq9+SFpmrexCq+Qu2e8Gm65k3M4ivU7gmXlmrexC6+onVTtH7Ka7gUDFrzZr5roeYN4hfQ+im6VJXaPf5TrHmz0fcdHRRIg1K7x38Sq3mD+Kej9VS+hF/estwlVPMG8fvzbvzylneFtLOhid+JX97Shfjp0Y1fiB+j+F34Rd/EJv5YiZH45S3aN+MQn2kOWR/xObBFfMQn4+eXbsTnwDZGOhE/WTqY6gQjfgfiJ8f5EiPwyntGWF8hPge2THcQv3l68CkYehCfjE/GR/yW4IxOOHQjfjIMlpiCT8Ew2foM8VvkAom34VMwaF+NR/xIfjohrKnpIBoREJ9GBMRnqgP57TPfxR8iMQmPgmOS9R3iN8lEiWF4FBzDrO8Qv0m4YhsunYjPgS0HuIjPgS0HuIjPVIepDuKHdoAEA+L1iQmfxff+lBgMiNenon0Wn/k98/woxeeMTvh0IT7iIz7iIz7iI34lgriZAWoy3nl6E5Gv4gdx+xrUZLD1JeKHfjYgQf5skXe6Eb9+OnMu/MckZllclvMB0In49ZPHAlKPu8LjMFX2P5b8faP97XJ7Td7oQfw4M77KPFtihsSGAV63wV5zRc4GABm/ToIpPFqDJ0qEf6yB9/3B3jPbthE62pdnIX59GaIj4I7WJ3vPlfhIg8KX85htQ7f1l4DbQ/uyC/Fr0xW48JdK/D7B7eq2Pmzb3sR0B/F94UmJq1IQvtIAuNQ+66+BtVE34udHfBV+nsQHJR7J8HP1sz5kA+DJQNqKqU4OxP+bxHwT/ndt3I9HbB/m2z4hfsDi+/yQYJXraolLJNZ7tF/rbZ98HgDjnGcP5x5EZqjJZokFJtdvPc6qxQGwwPaZrB+Q+D4dBP1dYqHJ9HBAB5IP2z4v9GwAIP4A+HDaq9ekuVjiNxKnXHicsn0vDoBexCfjV2OLxCckLgpY+GoD4CL7bk8jPnP8cuEvlHgoJ8JXGgD63d5v33VL5NNYr8QfJTEmw8/bKvGpnAtfbQBcaN/9mQw/e4z1MeK3KSMUhZ8u8atIhK80APS7v8/aYmtsWd8n8dOe5myT+HTkwlcbANOtbbbFMs+PIeNrZ15jnbsO4asOgHUZDADEz6BRnpVYZJ35gEQfftekr2QALLI2ZKqTMkktVdgusVhimsT9CN/0ALjf2nBxggPgPMTvz7EW3/+cddJUibUIn9gAWFsyAJ5rcXvHEb8/TzX5vuclPusKNzUjfLoDoMfautkB0Iv4/fmpxMkGXr/DOkHnjfcifGYD4N6SAbCjwQPonyF+f/Riyoo6XrdT4lo7GEb49g6ALuuLnXW85wfOo1snfVuy8BOJJRL/qTKHLwq/BuG9GQDaF53WN5V+AV6T+LLEzT7teEffwbU+Nqg+QmamxBSJN11hifBTeOY9mkj1xni9IjzSBoLeK/yqbzv6fwEGABIlQbKQcpIwAAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
       background-size: 100% auto;
  height: 50px;
  display: blck;
  position: relative;
  width: 50px;
}

.why-list__item-icon:before {
  content: counter(items);
  color: #201d1d;
  display: block;
  font-size: 100%;
  font-size: 1rem;
  line-height: 3.375;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  text-align: center;
}

@media (min-width: 600px) {
  .why-list__item-icon {
    height: 70px;
    width: 70px;
  }
  .why-list__item-icon:before {
    font-size: 143.75%;
    font-size: 1.4375rem;
    line-height: 3.21739;
  }
}

@media (min-width: 1024px) {
  .why-list__item-icon {
    display: block;
    margin: 0 auto;
    height: 95px;
    width: 95px;
  }
  .why-list__item-icon:before {
    font-size: 175%;
    font-size: 1.75rem;
    line-height: 3.53571;
  }
}

.why-list__item-title {
  font-size: 125%;
  font-size: 1.25rem;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

@media (min-width: 600px) {
  .why-list__item-title {
    font-size: 175%;
    font-size: 1.75rem;
    line-height: 1.14286;
  }
}

@media (min-width: 768px) {
  .why-list__item-title {
    font-size: 137.5%;
    font-size: 1.375rem;
    line-height: 1.18182;
  }
}

@media (min-width: 1024px) {
  .why-list__item-title {
    font-size: 162.5%;
    font-size: 1.625rem;
    line-height: 1.15385;
    display: block;
    padding-left: 0;
  }
}

.why-list__item-text {
  font-size: 100%;
  font-size: 1rem;
}

/* why sections end */
/* history sections styles */
.history-header-list-wrapper {
  text-align: center;
  max-width: 450px;
  margin: 0 auto;
  position: relative;
}

.history-section {
  padding-top: 0;
}

.history-list-wrapper {
  margin-top: 15px;
}

.histoty-list {
  margin: 0 auto;
  margin-top: 20px;
}

.histoty-list .owl-stage-outer {
  overflow: visible;
}

.histoty-list .owl-item:nth-child(1) .histoty-list__item-bullet-table:before {
  display: none;
}

.histoty-list .owl-item.active .histoty-list__item {
  text-align: center;
  width: 100%;
  z-index: 1;
}

.histoty-list .owl-item.active .histoty-list__item-bullet {
  border-width: 4px;
  height: 10px;
  width: 10px;
}

.histoty-list .owl-item.active .histoty-list__item-header {
  -webkit-transition: width .2s linear;
  -moz-transition: width .2s linear;
  -o-transition: width .2s linear;
  transition: width .2s linear;
  width: 100%;
}

.histoty-list .owl-item.active .histoty-list__item-description {
  height: auto;
  opacity: 1;
  visibility: visible;
  width: auto;
  -webkit-transition: opacity .3s linear .3s, visibility .3s linear .3s;
  -moz-transition: opacity .3s linear .3s, visibility .3s linear .3s;
  -o-transition: opacity .3s linear .3s, visibility .3s linear .3s;
  transition: opacity .3s linear .3s, visibility .3s linear .3s;
}

.histoty-list .owl-item.active + .owl-item .histoty-list__item {
  text-align: left;
}

.histoty-list .owl-item.active + .owl-item + .owl-item .histoty-list__item {
  text-align: left;
}

.histoty-list .owl-item:last-child .histoty-list__item-bullet-table:after {
  background-color: #dddddd;
}

.histoty-list .owl-item:last-child.active .histoty-list__item {
  text-align: left;
}

.histoty-list .owl-item:last-child.active .histoty-list__item-content {
  overflow: visible;
}

.histoty-list .owl-item:last-child.active .histoty-list__item-bullet-table:after, .histoty-list .owl-item:last-child.active .histoty-list__item-bullet-table:before {
  width: 100%;
}

.histoty-list .owl-item:last-child.active .histoty-list__item-bullet-table:after {
  background-color: #dddddd;
}

.histoty-list .owl-item:nth-child(1).active .histoty-list__item {
  text-align: right;
}

.histoty-list__item {
  position: relative;
  width: 100%;
  z-index: 2;
  text-align: right;
}

.histoty-list__item-content {
  position: relative;
  overflow: hidden;
}

.histoty-list__item-header {
  display: inline-block;
  -webkit-transition: width .4s linear;
  -moz-transition: width .4s linear;
  -o-transition: width .4s linear;
  transition: width .4s linear;
  position: relative;
  width: 100px;
}

.histoty-list__item-bullet-table {
  display: table;
  height: 40px;
  position: relative;
  width: 100%;
}

.histoty-list__item-bullet-cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
}

.histoty-list__item-bullet {
  border: 2px solid #2c82c9;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #ffffff;
  height: 8px;
  margin: 0 auto;
  position: relative;
  width: 8px;
  z-index: 1;
  -webkit-transition: border-width .3s linear, width .3s linear, height .3s linear;
  -moz-transition: border-width .3s linear, width .3s linear, height .3s linear;
  -o-transition: border-width .3s linear, width .3s linear, height .3s linear;
  transition: border-width .3s linear, width .3s linear, height .3s linear;
}

.histoty-list__item-bullet-cell {
  position: relative;
}

.histoty-list__item-bullet-table:before, .histoty-list__item-bullet-table::before, .histoty-list__item-bullet-table:after, .histoty-list__item-bullet-table::after {
  background-color: #2c82c9;
  content: '';
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 999px;
}

.histoty-list__item-bullet-table:before, .histoty-list__item-bullet-table::before {
  right: 50%;
}

.histoty-list__item-bullet-table:after, .histoty-list__item-bullet-table::after {
  left: 50%;
}

.histoty-list__item-year {
  color: #2c82c9;
  font-size: 112.5%;
  font-size: 1.125rem;
  text-align: center;
}

.histoty-list__item-description {
  font-size: 100%;
  font-size: 1rem;
  max-width: 460px;
  margin: 0 -60px;
  margin-top: 20px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-transition: opacity .1s linear .0s, visibility .3s linear .3s;
  -moz-transition: opacity .1s linear .0s, visibility .3s linear .3s;
  -o-transition: opacity .1s linear .0s, visibility .3s linear .3s;
  transition: opacity .1s linear .0s, visibility .3s linear .3s;
  visibility: hidden;
}

@media (min-width: 480px) {
  .histoty-list__item-description {
    font-size: 112.5%;
    font-size: 1.125rem;
  }
}

@media (min-width: 600px) {
  .histoty-list__item-description {
    margin-left: auto;
    margin-right: auto;
  }
}

.histoty-list__item-description .button-default-wrapper {
  margin-top: 20px;
}

.ie .histoty-list__item-bullet {
  border-width: 2px;
  height: 14px;
  width: 14px;
}

.ie .histoty-list__item-bullet-cell {
  zoom: 1;
}

/* history sections end */
/* infographics sections styles */
@media (min-width: 1024px) {
  .infographics-table {
    display: table;
    width: 100%;
  }
}

.infographics-cell {
  margin-top: 30px;
}

.infographics-cell:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .infographics-cell {
    display: table-cell;
    margin-top: 0;
    width: 50%;
    vertical-align: top;
  }
}

.infographics-img-wrapper img {
  width: 100%;
}

@media (min-width: 1024px) {
  .infographics-img-wrapper {
    padding: 0 30px;
  }
}

.infographics-title,
.experience-infographics-title {
  font-size: 137.5%;
  font-size: 1.375rem;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .infographics-title,
  .experience-infographics-title {
    font-size: 187.5%;
    font-size: 1.875rem;
  }
}

@media (min-width: 1024px) {
  .infographics-title,
  .experience-infographics-title {
    font-size: 225%;
    font-size: 2.25rem;
  }
}

.experience-infographics-section {
  padding: 0;
}

.experience-infographics-desktop-img-wrapper {
  display: none;
}

@media (min-width: 1024px) {
  .experience-infographics-desktop-img-wrapper {
    display: block;
  }
}

@media (min-width: 1024px) {
  .experience-infographics-mobile-img-wrapper {
    display: none;
  }
}

/* infographics sections end */
/* reviews sections styles */
.reviews-section {
  padding-top: 0;
}

@media (min-width: 768px) {
  .reviews-wrapper .news-list-content__item {
    width: 100%;
  }
}

/* reviews sections end */

/*# sourceMappingURL=styles.css.map */