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

/*========================================================
                      Main Styles
=========================================================*/
body {
     height:100%;
    margin:0;
   background: #fff;
  color: #000;
  font-weight: 300 ;
  font-family:   'Roboto Condensed', Roboto;
  line-height: 1.3;
  font-size:16px;
  -webkit-text-size-adjust: none;
}


h1 {
  color:#fff; font-size: 26px ;
}

  h3 {
 color:#fff; font-size:22px; font-weight: 400; margin: 0; padding:0; line-height:1.2
}

h2 {
  color: #fff;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  margin:0; padding:0
}

h3 {
  font-size: 35px;
  line-height: 40px;
}

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: #e64a19;
}

h5 {
  font-size: 18px;
  line-height: 26px;
}

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


a {
  font: inherit;
  color: #20b1f5;
  text-decoration: none;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
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";
}

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

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

.oh {
  overflow: hidden;
}

/*====================================================
                      Main Layout
======================================================*/
.BoxContent { max-width:800px;  position:relative; margin: 0 auto; text-align:left}


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

.Top {min-height:60px; padding-top:5px;  }
.Footer {min-height:50px; padding-top:5px; padding-left:10px;}
.FlexC {  display:flex;  align-items: center;  }
.FlexCC {  display:flex;  justify-content: center; align-items: center;  }
.FlexTC {  display:flex;  justify-content: center; align-items: flex-start;  }
.FlexR {  display:flex;  justify-content: flex-end; align-items: flex-end;  }
.FlexL {  display:flex;  justify-content: flex-start; align-items: flex-end;  }

/*---CUSTOM--*/
.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.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}

.formalert {padding:10px; color:#000; border:solid 1px #ff0000 }
.formmessage {padding:10px; color:#000; border:solid 1px #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;}
.imgr {max-width:100%; width:100%}
.img100 {max-width:100%; }
.tar {text-align: right}
.tac {text-align: center}

.fs46 { font-size:46px }

.form-input {width:100%; outline:0;  font-family: 'Roboto Condensed';}
.form-input-login {outline:0; font-family:'Roboto Condensed'; background: #f5f5f5; color:#000; border:solid 1px #7a7a7a; width:100%; height: 40px; font-size:18px; padding-left:5px;}
.form-input-login::-webkit-input-placeholder {  font-family:'Roboto Condensed'; ; color: #777;  font-size:18px; line-height:1; height: 40px; font-weight:300  !important; padding-top:3px; }

.form-input-search {font-family:'Roboto Condensed'; background: #333; color:#999; border:solid 1px #444;  width:100%; 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-legend {left:0; top:-21px; border:solid 1px #7a7a7a; border-bottom:0; font-size:12px; color:#000;
                 padding:3px; background: #ddd}
.login-box {    margin-top:0; color:#777;}

.login-box a {color:#000; text-decoration: underline;}


.Selector input[type="checkbox"] {    display:none; }
.Selector input[type="checkbox"] + label {    color:#000000;    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;
}


.link-black {color:#000; text-decoration: underline;}
.text-black {color:#000; }



.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;
}


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

}


.btn2 {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  3px;
  padding: 10px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  background: #f41b08;

}

.btn3 {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  3px;
  padding: 10px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  background: #2c87c4;

}
.btn4 {
  display: inline-block;
  border:0;
  text-align:center;
  border-radius:  3px;
  padding: 10px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  background: #000049;

}
.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}
.price {font-weight:600}
.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: 1px solid #545454;
}
hr.type1 {
 border:0;
  border-top: 1px dashed #545454;
}

   h2 { font-size:30px; line-height: 1.4; font-weight: 600;  color: #000049}

.top-info { color:#fff; z-index:999;}
.top-info h2 {  color:#edf6fc; font-size:30px;}


.top-bg {background-size: cover;  height:300px; border-top: solid 5px #000049; border-bottom: solid 5px #000049}

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

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



.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)  {
  .top-bg  h2 { font-size:25px; line-height: 1.4; font-weight: 600; text-shadow: 2px 2px 5px #ebebeb; color: #000049}

 .top-bg {  height:250px}
 .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. */
}
 .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%}

}


@media (min-width: 576px)  and  (max-width: 787px)  {
     .top-bg {    height:250px}
      .top-bg h2 {font-size:28px;}

 .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. */
    }

}

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

     .top-bg { background-position: 85% 0% !important;  height:250px}
     .top-bg h2 {margin-left:20px;  font-size:28px;}


 .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. */
    }

}

@media   (min-width: 992px) and  (max-width: 1199px)  {
  .top-bg {height:250px}
  .top-bg h2 {margin-left:20px;  font-size:28px;}


    .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. */
    }

}

@media   (min-width: 1200px)   {
  .top-bg {height:270px}
  .top-bg h2 {  font-size:33px;}

.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;
    }
}

@media   (min-width: 1600px)   {
  .top-bg {height:300px}
  .top-bg h2 {font-size:30px;}

.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;
    }

}