@import url(https://fonts.googleapis.com/css?family=Roboto:400,300|Roboto+Condensed:400,700,300);
@import url(fl-line-ui.css);
/*=========================================================
            MAIN STYLES
=========================================================*/

@font-face {
  font-family: Roboto;
  src: url("../fonts/RobotoCondensed-Bold.ttf");
}
html {
  font-size: 70px;
  background: #f3f3f3;
}

.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}

@media screen and (min-width: 768px) {
  html {
    font-size: 80px;
  }
  body .page main hr + h4 {
      margin-top: 2%;
  }
}

@media screen and (min-width: 992px) {
  html {
    font-size: 90px;
  }
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 100px;
  }
}

body {
  font-family: "Roboto Condensed", sans-serif;
  line-height: 22px;
  font-weight: 400;
  color: #777;
  -webkit-text-size-adjust: none;
  font-size: 16px;
  background: #fff;
}
 
@media screen and (min-width: 768px) {
  body {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  body {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: #31383a;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #f14d4d;
}

h1 {
  font-size: 0.5rem;
}

h2 {
  font-size: 0.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

h3 {
  font-size: 0.2rem;
}


.page.page-video {
  min-height: 0;
}


@media (max-width: 767px) {
  h3 {
    font-size: 18px;
  }
  .btn:hover {
    transition: inherit;
  }
}

h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #787e80;
}

p {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}

p a:hover {
  text-decoration: underline;
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
  display: inline-block;
  margin: 0;
  width: 72px;
  height: 2px;
  background: #31383a;
  border: none;
}

strong {
  font-weight: 700;
}

.page {
  overflow: hidden;
  min-height: 500px;
}

/*=========================================================
            HELP CLASSES
=========================================================*/
.center {
  text-align: center;
}

.left {
  text-align: left;
}

/*==================     Colors    ======================*/
.bg-pattern {
  background: #dadada;
}

.bg-pattern .btn {
  color: #fff;
  border-color: #fff;
}

.bg-pattern .btn:hover {
  border-color: #f14d4d;
}

.bg-pattern p, .bg-pattern h4 {
  color: #939698;
}

/*=========================================================
            MAIN LAYOUT
=========================================================*/
h2 + hr {
  margin-top: 0.2rem;
}

hr + h4 {
  margin-top: 0.28rem;
}

h2 + h4 {
  margin-top: 0.46rem;
}

h3 + p {
  margin-top: 0.3rem;
}

img + h3 {
  margin-top: 0.32rem;
}

p + .marked-list {
  margin-top: 0.3rem;
}

* + .btn-group {
  margin-top: 0.1rem;
}

* + .btn {
  margin-top: 40px;
}

* + .offset-1 {
  margin-top: 0.52rem;
}

* + .offset-2 {
  margin-top: 0.4rem;
}

/*=========================================================
            COMPONENTS
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  position: relative;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #fff;
}

.brand a:hover {
  color: inherit;
}

/*==================    Buttons    ======================*/
@media (min-width: 480px) {
  .btn-group a + a {
    margin-left: 11px;
  }
}

.btn {
  display: inline-block;
  padding: 12px;
  font-size: 12px;
  line-height: 20px;
  color: #31383a;
  border: 2px solid #31383a;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}
.btn:hover, .btn.hover {
    color: #fff;
    border-color: #f14d4d !important;
    background: #f14d4d;
}
.btn-lg {
    display: inline-block;
    width: 174px;
    padding: 22px 20px 18px;
    line-height: 20px;
    font-size: 18px;
    white-space: nowrap;
}

/*==================  Feature  ======================*/
.feature {
  padding: 20px;
  display: flex;
}

.feature .marked-list {
  margin: auto;
}

/*==================  Marked List  ======================*/
.marked-list li {
  position: relative;
  padding-left: 17px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  margin-top: 23px;
}

@media (min-width:767px) {
  .marked-list li {
      font-size: 12px;
      margin-top: 10px;
  }
}

@media (min-width:1024px) {
  .marked-list li {
      font-size: 14px;
      margin-top: 23px;
  }
}


.marked-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f14d4d;
}

.list_rot2 li {
  position: relative;
  padding-left: 17px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
} 
.list_rot2 li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f14d4d;
}

.marked-list a:hover {
  color: #f14d4d;
}

/*==================    Gallery    ======================*/
.gallery [class*="col"],
.gallery .container-fluid {
  padding: 0;
  margin: 0;
}
/*==================   Table   ======================*/
.table td {
  border: 1px solid #000;
}

/*==================     Quote     ======================*/

.colorful-quote {
  
  border-radius: 10px;
  padding: 15px 0 15px 15px;
  margin: 10px 0 10px 15px;
}
.colorful-quote p {
  font-size: 20px;
  font-style: italic;
  color: #ffffff;
  text-align: justify;
}

.colorful-quote-text::before {
  content: "“";
  font-family: Georgia;
  font-size: 40px;
  line-height: 0;
  display: inline-block;
}

.colorful-quote .footer-quote {
  margin-top: 10px;
  text-align: right;
  font-weight: bold;
  font-style: normal;
  color: #fff;
}

blockquote {
  text-align: center;
  
}

blockquote cite {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.02em;
  color: #fff;
}

blockquote q {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  color: #939698;
}

blockquote img + p {
  margin-top: 32px;
}

blockquote p + p {
  margin-top: 33px;
}

blockquote p + .btn {
  margin-top: 63px;
}

@media (max-width: 767px) {
  blockquote br {
    display: none;
  }
}

/*========================   Menu   ==========================*/
.sf-menu {
  display: inline-block;
  margin-top: 4px;
}

.sf-menu:before, .sf-menu:after {
  display: table;
  content: "";
  line-height: 0;
}

.sf-menu:after {
  clear: both;
}

.sf-menu > li {
  position: relative;
  float: left;
}

.sf-menu > li + li {
  margin-left: 0.28rem;
}

@media (max-width: 991px) {
  .sf-menu > li + li {
    margin-left: 0.2rem;
  }
}

.sf-menu a {
  display: block;
}

.sf-menu > li > a {
  color: #FFF;
  font-weight: 700;
  font-size: 0.2rem;
  line-height: 20px;
  letter-spacing: 0.02em;
  padding: 0.1rem;
  padding-bottom: 0.21rem;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
}

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
  color: #f14d4d;
}

.sf-menu > li.active > a {
  border-color: #fff;
}

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 2rem;
  margin-top: -4px;
  padding: 0.2rem 0 0.2rem;
  background: #FFF;
  z-index: 2;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3);
}

.sf-menu ul > li > a {
  color: #31383a;
  text-transform: uppercase;
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 20px;
  padding: 0.08rem 0.15rem;
}

.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
  color: #FFF;
  background: #f14d4d;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.3);
}

.sf-menu ul ul {
  position: static;
  top: 100%;
  width: auto;
  margin-top: 0;
  padding: 0;
  z-index: 4;
  background: #31383a;
  overflow: hidden;
}

.sf-menu ul ul > li > a {
  color: #FFF;
}

.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
  color: #FFF;
  background: #f14d4d;
}

/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
}

.rd-mobilemenu.active {
  right: 0;
}

.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #666;
  background: #FFF;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
}

.rd-mobilemenu.active .rd-mobilemenu_ul {
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}

.rd-mobilemenu_ul a.active {
  background: #f5f5f5;
  color: #2d2d2d;
}

.rd-mobilemenu_ul a:hover {
  background: #f14d4d;
  color: #FFF;
}

.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px "FontAwesome";
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  transition: .5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}

.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}

.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #FFF;
  color: #666;
}

.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}

.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-mobilemenu_ul ul a {
  padding-left: 40px;
}

.rd-mobilemenu_ul ul ul a {
  padding-left: 60px;
}

.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: transparent;
  color: #000;
  z-index: 9999999;
}


.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
}

.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: all .3s ease;
}

.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  transition: all .3s ease;
}

.rd-mobilepanel_toggle span:after {
  top: 8px;
}

.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before, 
.rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #f14d4d !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px;
}

.rd-mobilepanel_toggle span {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}

.rd-mobilepanel_toggle.active span {
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
  top: 0;
  width: 15px;
}

.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}


@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px;
  }
}

/*==================  Stuck menu  ======================*/
.stuck_container {
  position: relative;
  padding-top: 57px;
  padding-left: 72px;
  padding-right: 72px;
  padding-bottom: 49px;
  background: url(../images/header-bg.jpg) center no-repeat;
  background-size: cover;
}

.stuck_container:before, .stuck_container:after {
  display: table;
  content: "";
  line-height: 0;
}

.stuck_container:after {
  clear: both;
}

@media (max-width: 1199px) {
  .stuck_container {
    padding: 20px;
  }
}

.hero-section + .stuck_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
  padding-bottom: 0;
}

/* ---- Parallax hero section ---- */
.hero-section {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.82927%;
  min-height: 350px;
}

/* make the parallax content div fill the full hero height */
.hero-section .parallax_cnt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* show camera_caption inside the parallax hero (normally hidden outside .cameraContent) */
.hero-section .camera_caption {
  display: block;
}

.isStuck {
  padding-top: 10px;
  padding-bottom: 0;
  background: #31383a;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3);
  z-index: 999;
  transition: all 0.111s linear;
}

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
}

.parallax_image, .parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}

.parallax_image {
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax_pattern {
  background-repeat: repeat;
}

.parallax_cnt {
  position: relative;
}

.parallax h2,
.parallax h4,
.parallax p {
  color: #fff;
}

/*==================   Thumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden;
}

.thumb img {
  width: 100%;
  height: auto;
  transition: .5s all ease;
}

.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: .3s all ease;
  color: #fff;
  background: transparent;
}

.thumb_overlay .thumb_cnt {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -ms-transform: translateY(-28%);
  -webkit-transform: translateY(-28%);
  transform: translateY(-28%);
}

.thumb_overlay .thumb_cnt span {
  display: block;
}

.thumb_overlay .thumb_cnt span:last-child {
  font-size: 15px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.thumb_overlay .thumb_cnt .thumb-icon + * {
  margin-top: 30px;
}

.thumb_overlay .thumb-icon {
  font-size: 40px;
}

.thumb:hover .thumb_overlay {
  opacity: 1;
  background: #f14d4d;
}

/*========================================================
           HEADER  Section
=========================================================*/
header {
  color: #fff;
  background: #fff;
}

header .brand {
  float: left;
}

header .nav {
  float: right;
}

/*========================================================
           CONTENT  Section
=========================================================*/
main {
  position: relative;
  background: #f3f3f3;
  display: block;
}

.remodal-close{
  right: 5px;
  left: auto;
}

.bg-aside {
  position: relative;
  background: #fff;
}

.bg-aside:before, .bg-aside:after {
  display: table;
  content: "";
  line-height: 0;
}

.bg-aside:after {
  clear: both;
}

.bg-aside .img {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.bg-aside .img img {
  width: 100%;
  min-height: 664px;
  height: 100%;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 2050px) {
  .bg-aside .img img {
    width: 100%;
    height: auto;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}

.bg-aside .cnt-block {
  position: relative;
  width: 50%;
}

.bg-aside .cnt-block:before {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  position: absolute;
  top: 50%;
}

.bg-aside-left .img {
  right: 50%;
  left: 0;
}

.bg-aside-left .cnt-block {
  margin-left: 50%;
}

.bg-aside-left .cnt-block:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11.5px 12px 11.5px 0;
  border-color: transparent #fff transparent transparent;
  right: 100%;
}

.bg-aside-right .img {
  left: 50%;
  right: 0;
}

.bg-aside-right .cnt-block {
  margin-right: 50%;
}

.bg-aside-right .cnt-block a.btn:not(.tehnic_read) {
  display: none;
}

.bg-aside-right .cnt-block:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11.5px 0 11.5px 12px;
  border-color: transparent transparent transparent #fff;
  left: 100%;
}

.camera_caption .btn {
  color: #fff;
  border-color: #fff;
}

.camera_caption h1, .camera_caption h2, .camera_caption h3,
.camera_caption h4, .camera_caption h5, .camera_caption h6 {
  color: #fff;
}

.camera_caption h2 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

@media (max-width: 1199px) {
  .camera_caption h2 {
    font-size: 0.6rem;
  }
}

.camera_caption h4 {
  font-size: 20px;
}

.camera_caption hr {
  width: 112px;
  height: 5px;
  background: #fff;
}

@media (max-width: 767px) {
  .camera_caption .btn-lg {
    margin-top: 20px;
  }
}

/*==================      Well     ======================*/
.well-1 {
  padding-top: 2.49rem;
  padding-bottom: 2.21rem;
}

.well-2 {
  padding-top: 5.37rem;
  padding-bottom: 4.4rem;
}

.well-3 {
  padding-top: 2.62rem;
  padding-bottom: 2.7rem;
}

.well-4 {
  padding-bottom: 2.39rem;
}

.well-5 {
  /* padding-top: 1.45rem; */
  padding-bottom: 0.6rem;
}

.well-inset-1 {
  padding-bottom: 2%;
}

.well-inset-2 {
  padding-top: 4.37rem;
}

.well-inset-3 {
  padding-bottom: 0.6rem;
}

/*--------block KEYS---------------*/
.opros{
  width: 100%;
  min-height: 1050px;
  margin: 0 auto 100px;
  float: left;
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../images/fonPoll.jpg) 50% 50% no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.opr-img{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 160px 0 60px 0 ;
}
.opr h5{
  color:#fdfdfd;
  font-size: 22px;
  margin-bottom: 12px;
}
.opr-text{
  margin-top: 30px;
}
.opr-text img {
  float: left;
  margin: -2px 10px 0 -38px;
}
.opr p{
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  color:#fdfdfd;
}
.opr-img img{
  margin: 0 35px;
  width: 20%;
}
.opr-img img:nth-child(2){
  margin: 0 35px;
  width: 30%;
}
.oph2{
  width: 100%;
  height: 40px;
  text-align: center;
  z-index: 2;
}

.oph2 h2 {
  padding-top: 100px;
  text-align: center;
  color: #fff;
  font-size: 0.4rem;
  letter-spacing: 5px;
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
  padding-bottom: 1%;
}
.oph2 hr {
  display: inline-block;
  margin: 0;
  width: 72px;
  height: 2px;
  margin-left: -10px;
  background: #fff;
  border: none;
}

.opr{
  width: 800px;
  height: auto;
  margin: 0 auto;
}
/*END -------- block KEYS ---------------*/

/*========================================================
           FOOTER  Styles
=========================================================*/
footer {
  color: #31383a;
  padding-bottom:0;
}

footer address,
footer dl {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}

footer dt, footer dd {
  display: inline-block;
}

footer a[href^="mailto:"]:hover,
footer a[href^="callto:"]:hover {
  color: #f14d4d;
}

footer .copyright {
  padding-top: 30px;
  text-align: center;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: 0.02em;
}

footer .copyright a:hover {
  color: #f14d4d;
}

footer h4 + form {
  margin-top: 91px;
}

footer * + address {
  margin-top: 64px;
}

footer address + dl {
  margin-top: 23px;
}
.sf-menu > li + li.technic_menu a.technic_main:hover {
   cursor: default;
}

.sf-menu li.technic_menu a:hover ul.technic_list {
  display: inline-block !important;
}

body p {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
  }

.bg-aside .cnt-block.well-1 .h2_technic {
    position: relative;
    z-index: 2;
 }

/****************************           index-5.html   *********************/

body main section.well-4.well-inset-3 .container {
    width: 100%;
    padding: 0;
}

body main section.well-4.well-inset-3 div.container,
body main section.well-4.well-inset-3 .container table,
body main section.well-4.well-inset-3 .container tbody ,
body main section.well-4.well-inset-3 .container tr,
body main section.well-4.well-inset-3 .container tr td {
    vertical-align: middle;
}

body main section.well-4.well-inset-3.center {
      text-align: left;
}

body main section.well-4.well-inset-3 .container .table td {
    border: none;
    padding: 12px 0;
}

/* dot column: no padding, just the dot */
body main section.well-4.well-inset-3 .container .table td.dot {
    width: 3%;
    padding: 0;
    text-align: center
}

body main section.well-4.well-inset-3 .container .table td:first-child {
    width: 46%;
    padding: 12px 20px 12px 0;
    text-align: right;
}

body main section.well-4.well-inset-3 .container .table td.second,
body main section.well-4.well-inset-3 .container .table td.third {
    width: 46%;
    padding: 12px 0 12px 20px;
    text-align: left;
}

body main section.well-4.well-inset-3 .container tr {
    line-height: 1.5;
}

.index-5 main {
    background: url(../images/tech/inside_backgr_tech.png);
    background-size: cover;
}
    
.index-5 section.well-4 {
    background-color: rgba(2, 2, 2, 0.5);
    color: #fff;
}
/****************************           index-5.html   end *********************/


/************                            gallery        **************/

/* Square crop for gallery images */
section.gallery .photo span.thumb {
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
section.gallery .photo span.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Simple darkening on hover */
section.gallery .photo .thumb img {
    transition: filter 0.3s ease;
}
section.gallery .photo .thumb:hover img {
    filter: brightness(0.72);
}

.gallery .ph.photo {
    box-sizing: border-box;
    padding: 0px 0px 5px 5px;
}

section.gallery {
    padding-right: 5px;
}

/* gallery- inside page  start */
.photo_inside h2,
.video_inside h2 {
      margin: 40px 0 5% 0;
}
.video_inside  iframe{
    height: 305px;
}
/* gallery- inside page  end */


/****************************           rot2.html  *********************/
.rot_2 h4 {
    text-transform: initial;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.rot_2 .unique_features h4.first {
  text-transform: uppercase;
}

.rot_2 h2.title {
    margin: 40px 0 0 0;
}

.rot_1 .well-inset-1 {
  padding-top: 0;
}
.rot_1 .container,
.scheme1 .container,
.scheme2 .container,
.scheme3 .container  {
    padding-bottom: 30px;
}

.rot_1 h2 {
  margin-top: 40px;
}

body.rot_1,
body.rot_2 {
  background: #f3f3f3;
}

main.unique_features .first_block_rot2 {
    margin-top: 0;
}

.stuck_container.container_unique_features,
.stuck_container.container_technik_character,
.stuck_container.container_help_judge {
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.stuck_container.container_unique_features .brand a {
    font-size: 33px;
    letter-spacing: 1px;
    line-height: 30px;
}


@media (max-width: 600px) {
  body main section.well-4.well-inset-3 .container tr {
      line-height: 16px;
      font-size: 14px;
  }
}

@media (max-width: 500px) {
  .slider_1 .cameraContents h2.h2_2,
  .slider_1 .cameraContents h2.h2_2_2 {
    font-size: 24px;
  }
}

.row_rot2 {
      display: inline-flex;
      align-items: center;
      margin-bottom: 45px;
}

.row_rot2:last-child {
      margin-bottom: 0;
}

.row_rot2 .center .col-sm-12:nth-child(2)
{
   margin-top: 0;
}

.list_rot2 {
    padding-bottom: 30px;
}
.rot_2 .well-inset-1 {
    padding-bottom: 0;
}
.rot_2 .content  {
    margin-top: -10px;
}

/* rot2 headings */
.rot_2 h2.title {
    letter-spacing: 4px;
    font-size: 30px;
}

hr.hr_rot2_title {
    width: 60px;
    border-color: #31383a;
    margin: 10px auto 8px;
}

.rot_2 h4.first {
    color: #f14d4d;
    font-size: 13px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.rot2-heading {
    margin: 16px 0 8px;
}

.rot2-heading h3 {
    font-size: 18px;
    letter-spacing: 3px;
    color: #31383a;
    margin-bottom: 10px;
}

.rot2-heading hr {
    width: 40px;
    border-color: #31383a;
    margin: 0 auto 14px;
}


/****************************           rot2.html  end   *********************/

/****************************           rot1.html    *********************/
.stuck_container.container_help_judge .brand a {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 30px;
}

/****************************           rot1.html  end   *********************/

 
/*           5px padding for every    in   homepage    */
main,
main .bg-aside-right,
main .well-3.bg-pattern.center,
main section.gallery,
footer {
    margin-top: 5px;
}
main .well-3.bg-pattern.center {
    margin-bottom: 5px;
}
main .bg-aside-left .img:first-child {
    margin-right: 5px;
}

.cnt-block.well-1 {
  background: #ffffff;
}

/*           5px padding for every    in   homepage         end  */

main .bg-aside-left:first-child .img {
    background: url(../images/test/4.png);
    background-size: 100% 100%;
}
main .bg-aside-right .img {
    background: url(../images/gallery_new/functions.jpg);
    background-size: 100% 100%;
}
/* Dark + blur overlay — does not affect text inside */
main .bg-aside-right .img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    z-index: 1;
}
main .bg-aside-right .img ul,
main .bg-aside-right .img a {
    position: relative;
    z-index: 2;
}


/*       ICON in technic characteristic         */
.img_1.img_0,
.img_2.img_0,
.img_3.img_0 {
    height: 33%;
    padding-top: 10%;
}
main .bg-aside-left.technic_character .img .img_1 div:first-child {
    background: url(../images/tech/tech_icon_1.png);
    background-size: 100% 100%;
    width: 148px;
    height: 110px;
    display: inline-block;
    margin-right: 20%;
}

main .bg-aside-left.technic_character .img .img_1 div:nth-child(2) {
    background: url(../images/tech/tech_icon_2.png);
    background-size: 100% 100%;
    width: 138px;
    height: 111px;
    display: inline-block;
}

main .bg-aside-left.technic_character .img .img_2 div:first-child {
    background: url(../images/tech/tech_icon_3.png);
    background-size: 100% 100%;
    width: 103px;
    height: 103px;
    display: inline-block;
    margin-right:5%;
}

main .bg-aside-left.technic_character .img .img_2 div:nth-child(2) {
    background: url(../images/tech/tech_icon_4.png);
    background-size: 100% 100%;
    width: 140px;
    height: 141px;
    display: inline-block;
    margin-right: 5%;
    margin-top: -3%;
}

main .bg-aside-left.technic_character .img .img_2 div:nth-child(3) {
    background: url(../images/tech/tech_icon_5.png);
    background-size: 100% 100%;
    width: 107px;
    height: 107px;
    display: inline-block;
}

main .bg-aside-left.technic_character .img .img_3 div:first-child {
    background: url(../images/tech/tech_icon_6.png);
    background-size: 100% 100%;
    width: 144px;
    height: 69px;
    display: inline-block;
     margin-right: 20%;
}

main .bg-aside-left.technic_character .img .img_3 div:nth-child(2) {
    background: url(../images/tech/tech_icon_7.png);
    background-size: 100% 100%;
    width: 135px;
    height: 47px;
    display: inline-block;
    margin-top: 2%;
}
main .bg-aside-left.technic_character .img {
    background: url(../images/tech/backgr_tech.png);
    background-size: 100% 100%;
}
main .bg-aside-left.technic_character .img img{
    width: auto;
    min-height: auto;
    height: auto;
    position: initial;
    left: 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

 /*       icon in technic_character          end          */


.scheme_connection .item .read_more {
    color: #31383a;
    border: 2px solid #31383a;
    width: 150px;

}  





.scheme_connection .scheme_connection_1,
.scheme_connection .row {
  margin-top: 0;
}
.scheme_connection .scheme_connection_1 h4 {
  margin:20px 0 7% 0;
}
.scheme_connection hr {
    margin-top: 30px;
}


/*              media for scheme      start   */

@media (max-width:720px) {
  .scheme_connection .scheme_connection_1 .item img {
       width: 70%;
  }
}

@media (max-width:900px) {
  main .bg-aside-left.technic_character .img .img_1 div:first-child {
    width: 90px;
    height: 65px;
  }

  main .bg-aside-left.technic_character .img .img_1 div:nth-child(2) {
    width: 90px;
    height: 65px;
  }

  main .bg-aside-left.technic_character .img .img_2 div:first-child {
    width: 70px;
    height: 70px;
  }

  main .bg-aside-left.technic_character .img .img_2 div:nth-child(2) {
    width: 70px;
    height: 70px;
    margin-top: 0;
  }

  main .bg-aside-left.technic_character .img .img_2 div:nth-child(3) {
    width: 70px;
    height: 70px;
  }

  main .bg-aside-left.technic_character .img .img_3 div:first-child {
    width: 80px;
    height: 40px;
  }

  main .bg-aside-left.technic_character .img .img_3 div:nth-child(2) {
    width: 80px;
    height: 35px;
  }
}

@media (max-width:767px) {
    main .bg-aside-left.technic_character .img .img_1 div:first-child {
        background: url(../images/tech/tech_icon_1.png);
        background-size: 100% 100%;
        width: 148px;
        height: 110px;
        display: inline-block;
        margin-right: 20%;
    }

    main .bg-aside-left.technic_character .img .img_1 div:nth-child(2) {
        background: url(../images/tech/tech_icon_2.png);
        background-size: 100% 100%;
        width: 138px;
        height: 111px;
        display: inline-block;
    }

    main .bg-aside-left.technic_character .img .img_2 div:first-child {
        background: url(../images/tech/tech_icon_3.png);
        background-size: 100% 100%;
        width: 103px;
        height: 103px;
        display: inline-block;
        margin-right:5%;
    }

    main .bg-aside-left.technic_character .img .img_2 div:nth-child(2) {
        background: url(../images/tech/tech_icon_4.png);
        background-size: 100% 100%;
        width: 140px;
        height: 141px;
        display: inline-block;
        margin-right: 5%;
        margin-top: -3%;
    }

    main .bg-aside-left.technic_character .img .img_2 div:nth-child(3) {
        background: url(../images/tech/tech_icon_5.png);
        background-size: 100% 100%;
        width: 107px;
        height: 107px;
        display: inline-block;
    }

    main .bg-aside-left.technic_character .img .img_3 div:first-child {
        background: url(../images/tech/tech_icon_6.png);
        background-size: 100% 100%;
        width: 144px;
        height: 69px;
        display: inline-block;
         margin-right: 20%;
    }

    main .bg-aside-left.technic_character .img .img_3 div:nth-child(2) {
        background: url(../images/tech/tech_icon_7.png);
        background-size: 100% 100%;
        width: 135px;
        height: 47px;
        display: inline-block;
        margin-top: 2%;
    }
    main .bg-aside-left.technic_character .img {
        background: url(../images/tech/backgr_tech.png);
        background-size: 100% 100%;
    }
    main .bg-aside-left.technic_character .img img{
        width: auto;
        min-height: auto;
        height: auto;
        position: initial;
        left: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@media (max-width:400px) {
  main .bg-aside-left.technic_character .img .img_1 div:first-child {
    width: 90px;
    height: 65px;
  }

  main .bg-aside-left.technic_character .img .img_1 div:nth-child(2) {
    width: 90px;
    height: 65px;
  }

  main .bg-aside-left.technic_character .img .img_2 div:first-child {
    width: 70px;
    height: 70px;
  }

  main .bg-aside-left.technic_character .img .img_2 div:nth-child(2) {
    width: 70px;
    height: 70px;
    margin-top: 0;
  }

  main .bg-aside-left.technic_character .img .img_2 div:nth-child(3) {
    width: 70px;
    height: 70px;
  }

  main .bg-aside-left.technic_character .img .img_3 div:first-child {
    width: 80px;
    height: 40px;
  }

  main .bg-aside-left.technic_character .img .img_3 div:nth-child(2) {
    width: 80px;
    height: 35px;
  }
}

/*              media for scheme    END        */
.en .pollStyle {
  background-size:cover;
  height: 1070px;
  color: #fff;
  position: relative;
  z-index: 3;
} 

@media (min-width: 1025px) {
    .en .pollStyle {
      background-size: contain;
      background-repeat: no-repeat;
      height: 800px;
    }
}

@media (min-width: 1155px) {
    .en .pollStyle {
      background-size: contain;
      background-repeat: no-repeat;
      height: 900px;
    }
}

@media (min-width: 1300px) {
    .en .pollStyle {
      background-size: contain;
      background-repeat: no-repeat;
      height:1000px;
    }
}


@media (min-width: 1400px) {
    .en .pollStyle {
      background-size: cover;
    }
}

.pollStyle .invisible {
  height: 1px;
  width: 4px;
  top:10px;
  position: relative;
 }

/* INVISIBLE -BLOCK FOR #/ID      START       */

@media (min-width: 1280px) {
    footer .invisible {
        position: relative;
        height: 1px;
        width: 1px;
    }
}

@media (min-width: 1440px) {
    .function .invisible {
      position: relative;
      height: 1px;
      width: 4px;
      top: -130px;
   }
    .scheme_connection div.invisible {
        position: relative;
        height: 1px;
        top: 200px;
        width: 1px;
    }
    .technic_character .invisible {
        position: relative;
        height: 1px;
        width: 4px;
     }
}

@media (max-width: 766px) {
  .technic_character .invisible {
      position: relative;
      height: 1px;
      width: 4px;
      top: -170px;
   }
}

.function .invisible {
    position: relative;
    height: 1px;
    width: 1px;
}

.gallery .invisible {
    position: relative;
    height: 1px;
    width: 1px;
    top: -65px;
}

/* INVISIBLE -BLOCK FOR #/ID               END          */

@media (max-width: 900px) {
  body .cnt-block.well-1.tech_charact {
      padding-bottom: 1.21rem;
  }
  section.well-3.bg-pattern.center.scheme_connection {
    z-index: 2;
    position: relative;
  }
  section.function .cnt-block.well-1,
  section.function_2 .cnt-block.well-1 {
      padding-top: 2rem;
  }
}

.index-5 .well-inset-3 .techchar {
    color: #fff;
    margin-bottom: 2%;
}
.index-5 .page .well-inset-3 {
    padding-bottom: 1rem;
}

.index-5 .container.techcharact {
    top: 30px !important;
    position: relative;
}


.index-5 .well-4 {
    padding-top: 40px;
}
body.scheme1 .stuck_container:first-child,
body.scheme2 .stuck_container:first-child,
body.scheme3 .stuck_container:first-child,
.gallery_page .stuck_container:first-child,
.index-5 .container_technik_character:first-child,
.rot_1 .container_help_judge:first-child,
.rot_2 .container_unique_features:first-child  {
    height: 100%;
}

body.scheme1,
body.scheme2,
body.scheme3 {
   background: #f3f3f3;
}
.list_scheme1_inside li,
.list_scheme2_inside li ,
.list_scheme3_inside li {
  position: relative;
  padding-left: 17px;
}

.list_scheme1_inside li:before ,
.list_scheme2_inside li:before ,
.list_scheme3_inside li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f14d4d;
}

/* Specification table: butterfly layout — name right | dot center | value left */
.index-5 .table {
  width: 80%;
  margin: 0 auto;
  table-layout: fixed;
  word-wrap: break-word;
}

/* dot pseudo-element */
.index-5 .table tbody tr td.dot::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f14d4d;
  vertical-align: middle;
}


.slider_1 h2.h2_2,
.slider_1 h2.h2_2_2 {
  display: none;
}


ul.rd-mobilemenu_submenu li {
    opacity: 1 !important;
}
.first_block_slider {
    margin-top: -68px;
}
@media (max-width:1200px) {
  .first_block_slider {
      margin-top: -20px;
  }
}

.inside_sceme_1,
.inside_sceme_2,
.inside_sceme_3 {
  padding-top: 40px;
}

@media (max-width: 767px) {
  section.function .cnt-block.well-1,
  section.function_2 .cnt-block.well-1 {
    padding-top: 0;
  }
  body .well-1,
  body .well-2,
  body .well-3,
  body .well-4 {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.index-5 .well-4 {
    padding-bottom: 100px;
  }
  .inside_sceme_1 h2.center {
    margin-top: 40px;
  }
}

.cnt-block.well-1.tech_charact {
  padding-top: 1.5rem;
}

.btn.btn-lg.read_more {
    display: inline-block;
    width: auto;
    padding: 22px 50px;
    line-height: 22px;
    font-size: 18px;
    height: auto;

}

.read_more_en {
    display: inline-block;
    width: 134px;
    font-size: 12px;
    line-height: 23px;
    padding: 12px;
    color: #31383a;
    border: 2px solid #31383a;
    margin-top: 40px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 1px;
}

.read_more_en:hover {
  color: #fff;
  border-color: #f14d4d;
  background: #f14d4d;
}

body a:active {
    background-color: transparent;
    color: #f14d4d;
}

@media (max-width:380px) {
  .well-1 {
      padding-top: 0.7rem;
      padding-bottom: 0.7rem;
  }
  ul.marked-list.left {
    height: 370px;
    margin-left: 10px;
  }
  .bg-aside .cnt-block.well-1 .h2_technic {
      padding-top: 60px;
  }
  a.btn.tehnic_read {
      margin-bottom:60px;
  }
  main .bg-aside-left.technic_character .img {
      height: 375px;
  }
  .bg-aside .cnt-block.well-1 h2 {
      margin-top: 70px;
  }
  .bg-aside .cnt-block.well-1 h4 {
      margin-bottom:70px;
  }
  .bg-aside .cnt-block.well-1.tech_charact h4 {
      margin:0;
  }
  section.well-3.bg-pattern.center.scheme_connection {
      height: 550px;
  }
  h2.h2_scheme {
        margin-top: 1rem;
  }
  .scheme_connection .scheme_connection_1 .owl-nav .owl-prev,
  .scheme_connection .scheme_connection_1 .owl-nav .owl-next {
      top: 38%;
  }
}


@media (min-width:1440px) {
  section.bg-aside.center {
      height: 800px;
      display: flex;
      justify-content: space-around;
      flex-direction: column;
  }
    .bg-aside .marked-list li:last-child {
      margin-bottom: 0;
  }
  section.center.function .cnt-block.well-1 {
    padding-top: 1.49rem;
  }
  section.center.function .cnt-block.well-1:before {
      top: 42%;
  }
}

body a.btn.tehnic_read .button {
    width: 134px !important;
}

body a.btn.tehnic_read{
    width: 134px !important;
    margin-top: 0%;
}

.mfControls button {
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  width: 134px;
  min-width: auto;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  word-spacing: normal;
}



body .technic_character a.btn.tehnic_read
 {
   width: 134px;
}

body footer .mfControls .button {
    width: 134px !important;
}
body .technic_character a.btn.tehnic_read.button {
    width: 134px !important;
}

div.invisible#scheme {
    position: relative;
    height: 1px;
    top: -100px;
    width: 1px;
}


@media (max-width:767px) {
  .scheme1 .col-sm-5,
  .scheme2 .col-sm-5,
  .scheme3 .col-sm-5  {
      text-align: center;
  }
  a.btn.tehnic_read {
      margin-bottom: 20px;
      margin-top: 0;
  }
  section.well-3.bg-pattern.center.scheme_connection {
      padding-top: 30px;
  }
  div.invisible#scheme {
      top: -30px;
  }
}

@media (max-width:568px) {
  footer .invisible {
      top: 70px;
  }
  .technic_character .invisible {
    top: -169px;
    position: relative;
  }
  body section.function hr + h4,
  body section.function_2 hr + h4  {
      margin-bottom: 10px;
  }

  div.invisible#scheme {
    top: 0;
    position: relative;
  }
  .slider_1 h2.h2_2,
  .slider_1 h2.h2_2_2 {
      font-size: 30px;
  }
  section.well-3.bg-pattern.center.scheme_connection {
      height: 600px;
  }
  .scheme_connection .row {
    margin-top: 40px;
  }
  h2.h2_scheme {
    margin-top: 50px;
  }
  .bg-aside .cnt-block.well-1 .h2_technic {
      padding-top: 10px;
  }
}


@media (max-width:400px) {
  .technic_character .invisible {
      top: -250px;
  }
  div.slider_img_1,
  div.slider_img_2  {
    width: 105%;
  }
  .bg-aside .cnt-block.well-1 .h2_technic {
    padding-top: 70px;
  }
  body .page a.btn.tehnic_read {
      margin-top: 30px;
  }


}

@media (max-width:320px) {
  body .slider_1 .cameraContents h2.h2_2,
  body .slider_1 .cameraContents h2.h2_2_2 {
    font-size: 19px;
    font-weight: 600;
  }
  body .page main hr + h4 {
      margin-top: 0.2rem;
  }
  hr.border_bottom_technik {
      margin: 0 0 -10px 0 !important;
  }
   body .page .read_more_en {
    margin-top: -20px;
  }
  body .scheme_connection .scheme_connection_1 h4 {
      margin: -5px 0 7% 0;
  }
  body .scheme_connection .row {
      margin-top: 25px;
  }
}

@media (max-height:880px) {
  .index-5 main,
  .index_5_html,
  .index_5_html body ,
  .index_5_html .page,
  .index_5_html section.well-4.well-inset-3.center {
      min-height:100%;
      height:auto;
   } 
}
@media (min-height:880px) {
  .index-5 main,
  .index_5_html,
  .index_5_html body ,
  .index_5_html .page,
  .index_5_html section.well-4.well-inset-3.center {
      height:100%;
   } 
}

.tech_charact .h2_technic a:hover,
.tech_charact .h2_technic a:active {
    color: #31383a;
    cursor: default;
}

@media (max-width:450px) {
  .cameraSlide_1 img.imgLoaded {
      margin-left: 1.4674px !important;
      position: absolute !important;
      width: 557.065px !important;
  }
  .cameraSlide_0 img.imgLoaded {
      margin-left: -145.5326px !important;
      position: absolute !important;
      width: 557.065px !important;
  }
}

section.well-3.bg-pattern.center.scheme_connection {
    position: relative;
}

@media (min-width:767px) {
  section.function .well-1,
  section.function_2 .well-1  {
      padding-bottom: 1.8rem;
  }
  .read_more_en {
    margin-top: -10px;
  }
}

@media (min-width:1600px) {
  div.invisible#scheme {
      top: -150px;
  }
}

@media (min-width:1030px) {
  .read_more_en {
    margin-top: 0;
  }
}

@media (max-width:768px) {
  iframe#player {
      width: 100% !important;
  }
  .remodal.remodal_video {
      padding: 0 !important;
  }
  .function hr + h4,
  .function_2 hr + h4 {
      margin-bottom: 10px;
  }

  .opros {
    width: 100%;
    min-height: 978px;
    background-attachment: initial;
  }
  .opr-text img {
    display: none;
  }
  .opr {
    padding: 20px 15px 15px 5px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .opros {
    background-position: 57% 48%;
  }
  .opr-img img {
    margin: 0 18px;
    width: 17%;
  }
  .opr-img img:nth-child(2) {
    margin: 0 10px;
    width: 30%;
  }
  .opr h5, .opr p {
    margin-left: 0;
  }
}

@media (max-width:430px) {
  .opr-img img {
    margin: 0 5px;
    width: 20%;
  }
  .opr-img img:nth-child(2) {
    margin: 0 10px;
    width: 30%;
  }
}
@media (max-width:350px) { 
  footer .copyright {
      font-size: 12px;
  }
}


@media (max-width:300px) {
  body .slider_1 .cameraContents h2.h2_2 {
    font-size: 17px;
  }
}

.case {
    width: 100%;
    margin: 0 auto;
    float: left;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../images/bgCase.jpg) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
   color: #fdfdfd;
}

.case .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
}

.case div.logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto 0 60px 0;
}

.case div.logos img {
  margin: 0 35px;
  width: 25%;
}

.case p {
  margin-bottom: 30px;
}

.case img.quotes {
  float: left;
  margin: -2px 10px 0 -38px
}

.case h2 {
  color: #fdfdfd;
}

.case h4 {
  color: #fdfdfd;
  font-size: 22px;
  margin-bottom: 12px;
}

.case hr {
  background: #fdfdfd;
}

.hr-aboutus {
  border-top: 3px solid white;
}

/* ====================================================
   All mobile styles are in mobile.css
   ==================================================== */

/* Desktop defaults for elements that toggle on mobile */
.hero-text-mobile { display: none; }
.read-mobile      { display: none; }