/*
 ed1c24 / 42575c / dfe8ea / fff
*/

  body{
    color:#2a2a2a;font-family:'Open Sans', sans-serif;
  }
  h1, h2, h3, h4, h5, h6{
    font-family:'Open Sans', sans-serif;color:#2a2a2a;
  }
  a, a:hover{
    color:#2a2a2a;font-weight:600;
  }
  .dn, .grecaptcha-badge{
    display:none !important;
  }
  .container {
    max-width: 1400px;
  }

  /* header */
  #masthead .container{
    background-color:#42575c;
    width: 100%;max-width: 100%;
  }
  #masthead .container .row{
    padding: 5px 0px 0px 10px;
    border-bottom: 10px solid #ed1c24;
    outline: 12px solid #42575c;
    margin-bottom: 20px;
  }
  #benefits{
    background-color:#47575d;
  }
  #benefits img{
    height:40px;
  }
  /* logo */
  #masthead .logo-block .site-logo{
    width:100%;height:auto;display:inline-block;
  }

  /* menu */
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-toggler{
    float:right;
  }
  .navbar-toggler-icon{
    width:2.5em;height:2.5em;
  }
  #masthead .navbar-nav > li > a{
    padding: 0rem 1.2rem !important;
  }
  
  .orderBtn{
    float:right;margin-top:-55px;
  }
  .progressIcon{
    text-align:center;
  }
  .progressIcon img{
    width:100%;max-width:200px;height:auto;margin:5px;
  }
  .iconGreen{
    color:green;
  }
  .asIcon{
    font-size: 46px;display: inline-block;line-height: 0;color: #2a2a2a;font-weight: 800;width: 50px;
  }
  
  /* menu */
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-toggler{
    float:right;
  }
  .navbar-toggler-icon{
    width:2.5em;height:2.5em;
  }
  #masthead .navbar-nav > li > a{
    padding: 0rem 1.2rem !important;
  }

  /* page */
  #primary{
    padding:0px !important;
  }
  #content .container,
  footer .container{
    background-color:#fff;
  }
  .btn-empiria{
    background-color:#ed1c24;border-color:#ed1c24;color:#fff;font-weight:bold;padding-right:25px;padding-left:25px;
  }
  .btn-empiria:hover{
    background-color:#910a02;border-color:#ed1c24;color:#fff;font-weight:bold;
  }
  .btn-empiria-alt{
    background-color:#42575c;border-color:#42575c;color:#fff;font-weight:bold;padding-right:25px;padding-left:25px;
  }
  .btn-empiria-alt:hover{
    background-color:#47575d;border-color:#42575c;color:#fff;font-weight:bold;
  }
  .cp{
    cursor:pointer;
  }
  
  /* footer */
  footer .container{
    /*-webkit-box-shadow:inset 0 20px 20px -10px rgba(0,0,0,0.5);
    box-shadow:inset 0 20px 20px -10px rgba(0,0,0,0.5);*/
    color:#2a2a2a;
  }

  /* window */
  #windowBlock{
    display:none;position:fixed;width:100%;height:100%;left:0px;top:0px;text-align:center;z-index:9990;background:rgba(0,0,0,0.4);
  }
  #windowBlock > div{
    top:15%;width:40%;display:inline-block;position:relative;background-color:#fff;color:#2a2a2a;text-align:center;padding:20px;border:2px solid #2a2a2a;border-radius:5px;
  }
  #windowBlock input{
    max-width:400px;display:inline-block;
  }
  #windowBlock textarea{
    max-width:400px;display:inline-block;text-align:left;
  }
  #windowClose{
    cursor:pointer;float:right;margin:-15px;width:30px;height:30px;border-radius:100%;background-color:#000;color:#fff;border:3px solid #ccc;z-index:9999;position:relative;line-height: 20px;font-size: 20px;
  }

  #partnerSlider .slick-slide{
    display:inline-block;margin:10px;vertical-align:middle;float:none;
  }

  /* social menu */
  .social-menu-block{
    
  }
  .social-menu-block ul{
    text-align:center;padding:0;
  }
  .social-menu-block ul li{
    display:inline-block;margin:5px 20px;height:40px;width:160px;
  }
  .social-menu-block a{
    font-size:0 !important;display:block;width:100%;height:100%;
  }
  .social-menu-block .menu-facebook{
    background:url('/wp-content/themes/empiria/inc/assets/img/menu-facebook.png') no-repeat center center;background-size:contain;
  }
  .social-menu-block .menu-youtube{
    background:url('/wp-content/themes/empiria/inc/assets/img/menu-youtube.png') no-repeat center center;background-size:contain;
  }
  .social-menu-block .menu-twitter{
    background:url('/wp-content/themes/empiria/inc/assets/img/menu-twitter.png') no-repeat center center;background-size:contain;
  }
  .social-menu-block .menu-linkedin{
    background:url('/wp-content/themes/empiria/inc/assets/img/menu-linkedin.png') no-repeat center center;background-size:contain;
  }
  .social-menu-block .menu-pinterest{
    background:url('/wp-content/themes/empiria/inc/assets/img/menu-pinterest.png') no-repeat center center;background-size:contain;
  }
  .social-menu-block .menu-instagram{
    background:url('/wp-content/themes/empiria/inc/assets/img/menu-instagram.png') no-repeat center center;background-size:contain;
  }
  
  /* forms */
  .shadowBlock{
    height:40px;width:100%;
    -webkit-box-shadow:inset 0 20px 20px -10px rgba(0,0,0,0.5);
    box-shadow:inset 0 20px 20px -10px rgba(0,0,0,0.5);
  }
  .form-control{
    color:#8f8f9d;border-color:#8f8f9d;border-radius:5px !important;text-align:center;font-weight:600;border-width: 4px;
  }
  .form-control:focus{
    color:#202020;
  }
  .input-group-text{
    border:0;background-color:transparent;
  }
  .input-group-text i{
    font-size:40px;color:#2a2a2a;line-height:20px;width: 50px;
  }
  select.form-control {
    text-align:left;text-align-last:center;padding: 4px 10px;
  }
  input[type="file"].form-control {
    padding:0;
  }
  
  /* gallery */
  .view360{
    width:100%;height:600px;
  }
  .galleryBreadcrumps span, .galleryBreadcrumps a{
    font-size:18px;
  }
  .galleryBreadcrumps a{
    text-decoration:underline;cursor:pointer;
  }
  
  /* vrVzorkovna */
  #vrVzorkovna .category{cursor:pointer;}
  
  /* configurator */
  .arrowConfig{
    text-align:center;width:100%;margin-top:-70px;
  }
  .arrowConfig span{
    display:inline-block;width:50px;height:50px;background:url(/wp-content/themes/empiria/inc/assets/img/button-down.png) no-repeat;background-size:cover;z-index:999;cursor:pointer;
  }
  #configurator .configBreadcrumps span{
    font-size:18px;
  }
  #configurator .configBreadcrumps span.configuratorEvent{
    text-decoration:underline;cursor:pointer;
  }
  #configurator .configuratorEvent{
    cursor:pointer;
  }
  #configurator .blockSpace, #configurator .blockDesign{
    padding:20px;
  }
  #configurator .blockSpace img, #configurator .blockDesign img{
    border-bottom:7px solid transparent;
  }
  #configurator .blockSpace:hover img, #configurator .blockDesign:hover img{
    border-bottom:7px solid #ed1c24;
  }
  #configurator .desc{
    color:#000;text-align:center;
  }
  #configurator .blockDesign{
   padding:1px !important;
  }
  #configurator .blockStyle{
   padding:2px !important;
  }
  #configurator .blockStyle h3{
    font-size:16px;line-height:20px;
  }
  #configurator .blockStyle img{
    width:100%;
  }
  #configurator .blockStyle .title{
    bottom:57px;height:52px;background-color:rgba(0,0,0,0.6);position:relative;width:100%;padding:1px;
  }
  #configurator .blockStyle .bsmore{
    display:block;position:absolute;bottom:5px;right:5px;width:120px;height:28px;padding:2px;text-align:center;border-radius:5px;background:#42575c;color:#fff;
  }
  #cfeScrollTopBtn{
    position:fixed;right:50px;bottom:75px;width:40px;height:40px;line-height:40px;font-size:32px;padding:0;cursor:pointer;z-index:999;
  }
  
  #configurator .colorFilter input[type="checkbox"]{
    transform: scale(2);margin-right:20px;
  }
  #configurator .colorFilter span{
    font-size:20px;font-weight:400;
  }
  
  /* contacts */
  #contacts .row{
    margin-top:20px;
  }
  #contacts .contactBlock{
    padding:5px;
  }
  #contacts .contactBlock > div{
    border:1px solid #999;border-radius:4px;padding:10px 15px;/*-webkit-box-shadow:inset 0 0 20px 10px rgba(0,0,0,.5);box-shadow:inset 0 0 20px 10px rgba(0,0,0,.5);*/
  }
  #contacts .contactBlock hr{
    margin:5px;border-color:#fff;border-style:dashed;
  }
  #contacts .mapMarker{
    position:absolute;display:block;cursor:pointer;color:#000;text-align:center;
  }
  #contacts .mapMarker i{
    color:#ed1c24;font-size:30px;
  }
  #contacts .mapTooltip{
    display:none;position:absolute;background-color:#fff;border-radius:4px;border:1px solid #999;padding:5px;z-index:9999;color:#000;margin-bottom:10px;text-align:left;
  }
  #contacts .mapTooltip hr{
    margin:3px;border-color:#999;border-style:dotted;
  }
  .contactMap img{width:100%;}
  
  /* servicesSlider */
  #servicesSlider div{
    text-align:center;
  }
  #servicesSlider img{
    display:inline-block;width:50px;height:50px;
  }
  
  /* Thickbox */
  #TB_closeWindow{
    position:absolute;height:25px;width:25px;right:15px;top:15px;background-color:rgba(255,255,255,0.5);padding:0 !important;  
  }
  #TB_caption{
   float:none !important;width:100%;padding:2px 15px 5px 10px !important;
  }
  #TB_prev a, #TB_next a{
    color:#000;text-decoration:none;
  }
  #TB_prev{
    float:left;
  }
  #TB_next{
    float:right;
  }
  
  #nws-block:hover {
    height: auto;
  }
  #nws-block {
    position: fixed;
    bottom: 0px;
    right: 5px;
    height: 78px;
    z-index: 99;
  }

  /* mobile */
  /* XL */
  @media (max-width:1200px){
    #masthead .navbar-nav > li a{
      text-align:center;font-size:2rem !important;padding: 5px 0px !important;
    }
  }
  /* LG */
  @media (max-width:992px){
    .view360{
      height:496px
    }
  }
  /* MD */
  @media (max-width:768px){
    .view360{
      height:384px;
    }
    .orderBtn{
      margin-top:auto;
    }
    .colorFilter td{
      width: 50%;float: left;
    }
    #nws-block {
      display:none;
    }
  }
  /* SM */
  @media (max-width:576px){
    .site-header{
      padding:0px;
    }
    footer#colophon{
      font-size: 1.5rem;
    }
    .view360{
      height:288px;
    }
    .mapMarker span{
      display:none;
    }
  }
  
  /* spinner anim */
  #cfLoading{
    display: none;width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;background: rgba(0,0,0,0.5);z-index: 999;text-align: center;
  }
  .lds-spinner {
    width: 25px;height: 25px;position: relative;top: 50%;display: inline-block;left: auto;margin: auto;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }