html {
 overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
 }

/*========================================================
                      Main Styles
=========================================================*/
body {
     height:calc(100% - 106px);
    margin:0;
   background: #121212;

}

 

  h3 {
 color:#555; font-size:19px; font-weight: 600; margin: 0; padding:0; margin-bottom:5px; line-height:1.2
}


  h2 { margin:0; padding:0; font-size:30px; line-height: 1.4; font-weight: 600;  color: #000}


h4, .thumb-hoverizr_caption, .addr p:first-child, .terms dt {
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  color: #a2a2a2;
}
h4 a:hover, .thumb-hoverizr_caption a:hover, .addr p:first-child a:hover, .terms dt a:hover {
  color: #f5f5f5;
}

h5 {
  font-size: 18px;

}

h6 {
  font-size: 15px;
  margin:0;
}
p {margin:0 !important;;padding:0 !important; line-height: 1.4;}
p a:hover, .marked-list a:hover, .terms a:hover {
  text-decoration: underline;
}


hr.style1 { border-top:solid 1px #ff5951}
hr.stylered { border-top:solid 1px #da251c}

a {
  font: inherit;
  color: #bfb170;
  text-decoration: none;
}
a:hover{
  text-decoration: none;
  color: #f5f5f5;
}
a:active {
  background: transparent;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-family: "FontAwesome";
}



  .color-white {color:#fff}
  .h-1 {font-weight: 800; font-size:min(8vw, 75px); line-height:1; font-family: 'Roboto Condensed' }
  .h-4 {font-weight: 600; font-size:20px; }

/*=============    Support Classes    =================*/
.center {
  text-align: center;
}

.mg-add {
  margin-top: 6px;
}

.oh {
  overflow: hidden;
}

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

}

ul {margin-top:0px; }
ul li {margin-top:5px; }


label {margin:0; padding:0;}
/*====================================================
                      Main Layout
======================================================*/
.color-black {color:#000}

.color-dark {color:#3e4756}

.page-content {min-height: calc(100% - 100px)}

.main-menu  {list-style: none; padding:0; margin: 0}
.grid-top-contact  {display: grid;   grid-gap: 20px;  grid-template-columns:  max-content max-content auto; }

 .home-list-1 {  padding-bottom:20px; }
 .home-list-1 h2 a{   font-size: 22px; line-height: 1; color:#474747; }

.head-actions {display: grid;  color:#ebebeb; grid-gap: 20px;  grid-template-columns:  repeat(3, max-content)  ; align-items: start}
.head-actions a {font-size:13px; color:#ebebeb}


.head-menu a {color:#fff; font-size:14px; font-weight:600; letter-spacing:0.3px }

.LabelText { width:125px; color:#000 }
    .vcenter {  display:flex;  justify-content: flex-start; align-items: center;}
    .vcenterc {  display:flex;  justify-content: center; align-items: center;}
    .nowrap {white-space: nowrap; flex-wrap:nowrap }
.ccenter {   justify-content: center; }

.user-nick a {font-size:14px; font-weight:500; color:#2b82c9; line-height:1}
.user-logout a {  font-size:13px;   font-weight:600; letter-spacing:0.3px}
.TopContainer {background:#ff0; padding-top:20px; padding-bottom:20px; display: grid;   grid-gap: 20px;  grid-template-columns:  auto auto; align-items: center}

.page-head { background: #e3f9ff; text-align:left; font-size:27px; font-weight:500; min-height: 270px; color: #000 }

#LoginMsg {color:#fff}

.home-tabs {border-bottom:solid 3px #aa1515; line-height:1; font-weight:400;  display: grid;   grid-gap: 0px;  grid-template-columns:  repeat(3,max-content); align-items: center}

.home-tabs a {color:#000 !important; text-decoration:none}
.home-tabs a:hover {background:#ebebeb; color:#000;}
.home-tabs .active {color:#fff; background:#aa1515;}
.gallery img {  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19);}

.stronicowanie a {color:#000}

.Footer { font-size:15px;   color:#000; font-weight:300 }
.Footer h3 { font-size: 14px; color:#00004a;}
.Footer .logo {margin-right:20px;   padding:8px; padding-top:12px; padding-bottom:12px;}
.Footer a {font-size:14px; color:#FFF; font-weight:500  }
.Footer a:hover {text-decoration:none }
.Footer .open-info {font-size:16px; color:#fff; background:#383431; padding:15px; padding-left:20px; padding-right:20px; width:auto }
.Footer .grid-menu { display: grid;   grid-gap: 20px;  grid-template-columns: repeat(5, auto); }
.Footer .copyright { margin-top:30px; padding-bottom:50px; font-size:13px; }


.BasketInfo {font-size:13px; text-transform : uppercase}

   .ui-autocomplete { z-index:2000; border:solid 4px #e4e4e4 !important; left:1px !important; top:32px !important; margin:0;
                     width:276px;background: #fff !important; border-radius: 8px;
          font-family:  'Roboto Condensed', 'Fira Sans Condensed' !important;  font-weight:300 !important;
          font-size: 16px !important; letter-spacing: 0px; color:#000
   }
   .qautosug {color:#000;   width:200px;}


.giodo {color:#fff; font-weight:300; font-size:14px; }


.FlexC {  display:flex; justify-content: flex-start; align-items: center;  }
.FlexTL {  display:flex; justify-content: flex-start; align-items: flex-start;  }
.FlexCC {  display:flex;  justify-content: center; align-items: center;  }
.FlexTC {  display:flex;  justify-content: center; align-items: flex-start;  }
.FlexCR {  display:flex;  justify-content: flex-end; align-items: flex-start;  }
.FlexRC {  display:flex;  justify-content: flex-end; align-items: center;  }

/*---CUSTOM--*/
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.pr10 {padding-right:10px;}
.trans50 { opacity: 0.5;}
.dispnone {display: none}
.filesBox {padding:10px; background:#fff; border:solid 1px #aaa}
.OverBtn {cursor: pointer}
.tac {text-align:center}
.formalert {padding:4px; color:#cc0000; border:solid 0px #ff0000 }
.formmessage {padding:4px; color:#000; border:solid 0px #14ab03 }
.quoteform_btn {color: #0fbcd7;}
.flLeft {float: left;   padding: 0;}
.flRight {float: right;  margin: 0 0 0 0px;}
.flNone {clear:both; margin: 0; padding:0;  font: 1px  Arial; height:0px; line-height: 0;}
.posa {position: absolute}
.posr {position: relative}
.nowrap {white-space: nowrap;}
.fwrap {flex-wrap: wrap}
.imgr {max-width:100%;  }
.imgminw100 { min-width:100% }
 .letters14 {letter-spacing:1.4px;}
.fw400 { font-weight: 400 }
.fw600 { font-weight: 600 }
.tar {text-align: right}
.tac {text-align: center}
.lh1 {line-height:1;}
.fs46 { font-size:46px }
.textmore { white-space: normal;  overflow: hidden;  text-overflow: ellipsis }

 .form-legend {left:0; top:-22px; border:solid 1px #ccc; border-bottom:0; font-size:12px; color:#000; padding:3px; background: #ddd}

.form-input {outline:0; font-family:'Lato'; background: #fff; color:#3e4756; border:solid 1px #ddd; border-radius:5px; width:100%; height: 46px; font-size:18px; padding-left:5px;}
.form-input-login {outline:0; font-family:'Lato'; background: transparent; color:#fff; line-height: 1; border:solid 2px #bfb170; border-radius:7px; width:100%; height: 46px; font-size:16px; padding-left:45px;}
.form-input-login::-webkit-input-placeholder {  font-family:'Lato'; ; color: #c2c2c2;  height: 38px; font-size:14px; line-height:1; font-weight:300  !important;   }
.form-input-login:focus {    outline: none;
    border-color: #bfb170;
    box-shadow: 0 0 4px #bfb170;}
.input-icon { left:13px; top:10px }
.input-icon img { width:25px; }



.form-input-search {font-family:'Roboto Condensed'; outline:0;  background: #f4f4f4; color:#000; border:solid 1px #ddd;  width:100%; max-width:min(30vw, 200px); height: 28px; font-size:15px; padding-left:5px;}
.form-input-search::-webkit-input-placeholder {  font-family:'Roboto Condensed'; ; color: #777;  font-size:15px; line-height:1; font-weight:300  !important; padding-top:3px; }
.form-input-search:focus { outline: solid 1px #555; }

.txt-upper {text-transform: uppercase;}
.txt-bold { font-weight:600; }

.auth-container {border: solid 2px #bfb170; background:#121212; border-radius:7px; padding:19px;}
.auth-container .header {display: grid;   column-gap: 10px;  grid-template-columns: auto max-content; align-items: end}


.login-box {width:auto; max-width:480px; font-family:'Lato';  margin-top:0; color:#777;}
.login-box h3 {font-size:50px; color:#bfb170; font-weight:900; margin:0; padding:0; font-family:'Roboto Condensed'; }
.login-box h4 {font-size:17px;  font-weight:400; color:#2f2f2f;  margin:0; padding:0; margin-top:3px; font-family:'Lato'; }
.login-box a {color:#bfb170; text-decoration: none }
.login-box .legend {color:#8c969a; font-size:14px; font-weight:400; letter-spacing:-0.1; margin-bottom:2px;}
.login-box .txt-sm {color:#f9fafb; font-size:13px;  letter-spacing: 0.4}
 

.Selector input[type="checkbox"] {    display:none; }
.Selector input[type="checkbox"] + label {    color:#00004a;    font-weight:300;    cursor:pointer; }
.Selector input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:0px 0px 0 0;
    vertical-align:middle;
    background:url(/images/selector.svg) left top no-repeat;
    cursor:pointer;
}
.Selector input[type="checkbox"]:checked + label span {
    background:url(/images/selector_active.svg) left top no-repeat;
}

.authButtonRound {
	background-color:#bfb170;
	border-radius:18px;
	border:0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Lato';
	font-size:14px;
	font-weight:400;
	padding:8px 24px;
	text-decoration:none;
	letter-spacing: 0.6px;
	width:100%;
}

.authButton {
	background-color:#bfb170;
	border-radius:7px;
	border:0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Open Sans';
	font-size:19px;
	font-weight:600;
	padding:8px 24px;
	text-decoration:none;
	letter-spacing: 0.6px;
	width:100%;
}
.authButton:hover {
	 
	background-color:#c5b777;
}
.authButton:active {
	position:relative;
	top:1px;
}


.btn0 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #000;
  background: #e1e1e1;
}

.btn0_active {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #fff;
  background: #2c87c4;
}

.btn1min {
  display: inline-block;
  width:auto;
  border:0;
  border-radius:  3px;
  padding: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #fff;
  text-align:center;
  background: #a1acbd;

}
.btn1 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 15px;
  font-size: 22px;
  font-weight: 500;
  line-height: 17px;
  color: #ffffff;
  background: #d90e16;

}


.btn2 {
  display: flex;
  justify-content: center; align-items: center;
  border:solid 2px #00004a;
  text-align:center;
  border-radius:  3px;
  padding: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  color: #2c83ca;
  background: transparent;
  width:200px;
}

.btn3 {
  display: inline-block;
  border:0;
  outline:0 !important;
  text-align:center;
  border-radius:  5px;

  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #d90e16;
}
.btn3 a { text-decoration:none; border:0; outline:0 !important;}


.btn4 {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  5px;
  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #c3a298;
  opacity:0.3
}
.btn4-active {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  5px;
  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #c3a298;
}
.btn4min {
  display: inline-block;
  width:auto;
  border:0;
  border-radius:  3px;
  padding: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #ffffff;
  text-align:center;
  background: #00828b;
}
.box-price-basket {
  display: inline-block;
  border:solid 1px #d90e16;
  text-align:center;
  border-top-left-radius:  5px;
  border-bottom-left-radius:  5px;

  padding: 5px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;


}
.btn-basket {
  display: inline-block;
  border:solid 1px #d90e16;
  text-align:center;
  border-top-right-radius:  5px;
  border-bottom-right-radius:  5px;

  padding: 7px;
  padding-left: 16px;
  padding-right:16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  background: #d90e16;

}

.opis { font-size:16px;  color:#ccc;  /*overflow: hidden; height:89px;*/  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; text-overflow: ellipsis}
.opis2 { font-size:16px;  color:#ccc;    display: -webkit-box; -webkit-box-orient: vertical;  text-overflow: ellipsis}

.pricesrp {text-decoration: line-through; font-size: 15px}
.TitleList {  font-size:16px;  color:#e3e3e3; font-weight: 400 }
.SubTitleList {font-size:14px;  color:#c7c7c7; font-weight: 400}
.LeadList {  font-size:13px;  color:#a8a8a8; font-weight: 300 }
.PlayBtnBox { z-index:999; top:calc(50% - 25px); left:calc(50% - 25px);  text-shadow: 1px 1px 4px #000000;}
.PlayBtn {font-size:46px;  color:#f5f5f5}
.LockIcoBox { z-index:999; bottom:10px;  right:10px;  text-shadow: 1px 1px 4px #000000;}
.LockIco {font-size:23px;  color:#ddd}
.DurationBox {z-index:999; font-size:13px;  color:#ddd;bottom:10px; left:10px;text-shadow: 1px 1px 4px #000000;}

.MovieSlider { }
.MovieSlider h3 {font-size:20px; line-height: 1.2}

hr.type0 {
    margin:0;
 border:0;
  border-top: 2px solid #2f5496;
}
hr.type1 {
 border:0;
  border-top: 1px dashed #545454;
}




.params ul {margin:0;padding-left:25px;}
.params li {
     margin:0;
    font-size:17px; line-height: 1.2; font-weight: 300;
    margin-top:10px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
}

.params li::before {
    content: '■';
    position: absolute;
    left: -1.5em;
    top:3px;/* Adjust this value so that it appears where you want. */
    font-size: 13px;      /* Adjust this value so that it appears what size you want. */
}













/*mobile*/
/*
@media (min-width: 270px) and  (max-width: 576px) {
    .top-bg {height:400px}
}

@media (min-width: 577px) and  (max-width: 768px) {
    .top-bg {height:500px}
}
*/

 @media (min-width: 100px)  and  (max-width: 575px)  {
        [class*="grid-list"] { grid-template-columns: auto !important; grid-column: auto / auto !important }
  }
 @media (min-width: 576px)  and  (max-width: 900px)  {
        [class*="grid-list"] { grid-template-columns: auto auto !important; grid-column: auto / auto !important }
  }


@media (min-width: 100px)  and  (max-width: 575px)  {



  .top-bg  h2 { font-size:25px; line-height: 1.4; font-weight: 600;   color: #000049}


 .top-bg li {
    font-size:20px; line-height: 1.4; font-weight: 500;
    margin-top:6px;
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
  }
 .top-info h2 {  color:#edf6fc; font-size:20px;}

  .fancybox-content {
        vertical-align: top;
        position:absolute;
        width:100%;
        left:0;
        /*margin: 20px !important;*/
    }

    iframe { width:100%}

    .page-head {    }

    .menu-sub {width:auto}
}


@media (min-width: 576px)  and  (max-width: 787px)  {

 .top-info h2 {  color:#edf6fc; font-size:20px;}
    .top-bg li {text-shadow: 1px 1px 3px #ebebeb;
        font-size:20px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }



    .page-head { background-position: right center !important; }

}

@media   (min-width: 768px) and  (max-width: 991px)  {



 .top-info h2 {  color:#edf6fc; font-size:20px;}
    .top-bg li {
        font-size:20px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

}

@media   (min-width: 992px) and  (max-width: 1199px)  {




    .top-bg li {
        font-size:25px; line-height: 1.4; font-weight: 500;
        margin-top:6px;
        list-style-type: none;
        position: relative;    /* It's needed for setting position to absolute in the next rule. */
    }

}