/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* custom CSS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic-ext');
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.7rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
.g-default-slideshow.section-horizontal-paddings.merror {
  background-color: #2276e3 !important;
}
.g-title {
  padding-bottom: 0px;
  padding-top: 30px;
}
.g-bgslideshow-slides .owl-item .g-bgslideshow-slides-item-title {
  font-size: 7vw;
  font-weight: 800;
  color: white !important;
  transform: scale(1, 1.2);
}
.activebar-container {
  top: 90%;
  height: 100%;
  z-index: 10;
  background-color: #cccccc;
  border-bottom: 1px solid #000000;
  color: #000;
}
.activebar-container p {
  margin: 5px;
  text-align: left;
}
.activebar-container button {
  float: right;
  clear: none;
  margin: 5px 10px;
  padding: 5px 10px;
}
.activebar-container button.decline {
  color: #fff;
  background-color: #2276e3 !important;
}
.activebar-container button.accept {
  color: #fff !important;
  background-color: #2276e3 !important;
}
.activebar-container ul.links, .activebar-container ul.links li {
  display: block;
}
.activebar-container ul.links li {
  margin: 0 5px;
  float: left;
  clear: none;
}
.rast {
  line-height: 50%;
}
.activebar-container ul.links {
  display: none !important;
}
.decline {
  border-radius: 7px;
}
.accept {
  border-radius: 7px;
}
body {
  font-family: "Open Sans" !important;
}
.page-header h1 {
  display: none;
}
.page-header h2 {
  font-size: 1.2em;
  font-weight: 500;
}
.item-image {
  padding-bottom: 40px;
}
.fsImage {
  margin-top: 25px;
  margin-bottom: 40px;
}
#g-mobilemenu-container {
  font-family: "Open Sans" !important;
}
/* Logo adjustments */
.log-img {
  margin-left: auto;
  margin-right: auto;
}
.log-img img {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only all and (max-width: 50.99rem) {
  .log-img img {
    max-width: 200px;
  }
}
/* offcanvas toggle and search icon position in mobile view */
@media only all and (max-width: 50.99rem) {
  #g-navigation .g-search, .g-offcanvas-toggle {
    top: 1rem;
  }
}
.fa.fa-fw.fa-bars {
  color: #fff;
}
.outline-27 .fa.fa-fw.fa-bars {
  color: #000;
}
.outline-26 .fa.fa-fw.fa-bars {
  color: #000;
}
.plug {
  font-size: 14px;
}
.plug2 {
  font-size: 14px;
}
.g-content {
  padding-top: 0;
  padding-bottom: 0;
}
.savant {
  color: #ffffff;
  font-weight: 700;
}
.slhov {
  display: block;
  width: 170px;
  height: 120px;
  padding-top: 30px;
  text-align: center;
  margin-top: -20px;
  margin-left: -10px;
}
/* .g-bgslideshow-slides-item-link {
   display: none;
} */
.g-default-slideshow {
  background-color: #00AA00;
}
/* Login and Logout */
.login-greeting {
  font-size: 16px;
  padding: 20px;
}
.logout-button .btn.btn-primary {
  font-family: "Open Sans" !important;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.btn.btn-primary.login-button {
  font-family: "Open Sans" !important;
  font-size: 18px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
}
.logout-button .btn.btn-primary:hover {
  background-color: red;
}
.g-gridcontent-item {
  position: relative;
}
.fa-bug {
  visibility: hidden;
}
.g-gridcontent-accent1 .fa-video-camera {
  visibility: hidden;
}
.g-infolist-item-container .fa-video-camera {
  visibility: hidden;
}
.g-blockcontent-header .fa-bug {
  visibility: hidden;
}
.g-blockcontent-header .fa-video-camera {
  visibility: hidden;
}
.g-blockcontent-header {
  position: relative;
}
.network-grey {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 47%;
  width: 70px;
  height: 70px;
  background: url('../../images/icon/network-grey.png');
}
.video-camera {
  display: block;
  position: absolute;
  z-index: 2;
  top: 52%;
  left: 47%;
  width: 65px;
  height: 63px;
  background: url('../../images/icon/security-grey.png');
}
.network {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 40%;
  width: 70px;
  height: 70px;
  background: url('../../images/icon/network.png');
}
.g-infolist-item-container {
  position: relative;
}
.fa {
  color: #4c4c4c !important;
}
.kvcomponents .g-infolist-item-desc {
  text-align: center;
}
.security {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 40%;
  width: 60px;
  height: 60px;
  background: url('../../images/icon/security.png');
}
.g-gridcontent-item-wrapper.g-gridcontent-accent1 {
  width: 100%;
}
.g-gridcontent-item-wrapper.g-gridcontent-accent1 :hover .network {
  background: url('../../images/icon/network2.png');
}
.g-gridcontent-item-wrapper.g-gridcontent-accent1 :hover .security {
  background: url('../../images/icon/security2.png');
}
.g-content.g-blockcontent-header {
  padding-bottom: 10px;
}
.g-infolist-item-desc {
  text-align: left;
}
.g-simplecontent-item-main-content {
  text-align: left;
}
.g-block.g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-none {
  padding-bottom: 40px;
}
.g-blockcontent-subcontent-title-text {
  font-size: 1.3em !important;
}
/* This media query is invalid and I can  fine no reference to a "plug" class anywhere so commenting out for now
@media (max-width:1350px) {
   .plug {
      font-size: 1px;
   }

}*/
/* This media query is invalid and I see no purpose for it - so commenting out for now
@media (max-width:960px) {

   .activebar-container {
      top: 80% !important;
      height: 100% !important;
   }
}
*/
/* This media query is also invalid and again I cannot see the purpose of it - so commenting out for now
@media (max-width:820px) {
   .network {
      left: 45%;
   }
   .security {
      left: 45%;
   }
   .network-grey {
      left: 38%;
	}
}
*/
#g-footer .g-title {
  padding: 0;
}
/* Added by Mark to reduce line spaceing for titles in blog */
.page-header h2 {
  line-height: normal;
}
/* Ensure pricing table items don't overlap footer description */
.g-pricingtable-footertext {
  margin-top: 8rem;
}
/* To ensure menu wraps and not overflows it's container */
.g-main-nav {
  white-space: normal;
}
/* Reduce menu item padding to keep on one line */
@media only all and (min-width: 51rem) and (max-width: 59.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.4rem 0.1rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.4rem 0.1rem;
  }
}
/* alignment of images to top */
.g-infolist .g-infolist-item-img.center {
  margin-top: 0;
}
#g-above .g-grid {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: flex-start;
}
.g-simplecontent > .g-simplecontent-item > .g-simplecontent-item-main-content {
  margin-top: 0;
  margin-bottom: 2rem;
}
/* Order Button */
.order-button {
  position: fixed;
  top: 50vh;
  right: -2.6rem;
  z-index: 99999;
  transform: rotate(90deg);
}
.order-button .button {
  font-size: 1.35rem;
}
.order-button .button {
  font-size: 1.35rem;
}
.contact .btn-primary {
  font-size: 1.35rem;
  padding: 0.5rem 0.75rem;
}
.contact .btn-primary:hover {
  color: #2276E3 !important;
}
/*# sourceMappingURL=custom_33.css.map */