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: Noto Sans, sans-serif;
  line-height: 1.3;
  font-size:16px; 
  -webkit-text-size-adjust: none;
}
 

h1 {
  color:#000; font-size: 32px ;
}

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

h2 {
  color: #fff;
  font-size: 20px;
  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";
}

.logo {max-width:250px;}
.heading2 { font-family: Noto Sans, sans-serif; font-size: min(3vw, 40px); font-weight: 600;letter-spacing: 1px; 
           line-height: 1.3em; }
.heading3 { font-family: Noto Sans, sans-serif; font-size: min(3.3vw, 38px); font-weight: 600;letter-spacing: 1px; 
           line-height: 1.2em; }
/*=============    Support Classes    =================*/
.center {
  text-align: center;
}

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

.oh {
  overflow: hidden;
}

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


.LabelText { width:255px; font-size:13px; color:#000; font-weight: 600  } 
    .vcenter {  display:flex;  justify-content: flex-start; 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;  align-items: center; justify-content: center; }
.img100 {width:100%}

/*---CUSTOM--*/
.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.pr10 {padding-right:10px;}
.trans50 { opacity: 0.5;}
.dispnone {display: none}
.filesBox {padding:10px; background:#fff; border:solid 1px #aaa}
.OverBtn {cursor: pointer}

.alert {padding:0;   color:#fff; border:0} 

.formalert {padding-top:10px; color:#fff; 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;}

.tar {text-align: right}
.tac {text-align: center}

.fs46 { font-size:46px }

.form-input {width:100%; font-family: Noto Sans, sans-serif;}
.form-input-login {font-family: Noto Sans, sans-serif; background: #ebebeb; color:#000; border:solid 1px #7a7a7a; width:100%; height: 38px; font-size:18px; padding-left:5px;}
.form-input-login::-webkit-input-placeholder {  font-family: Noto Sans, sans-serif; color: #777;  font-size:18px; line-height:1; font-weight:300  !important; padding-top:3px; }

.form-input-search {font-family: Noto Sans, sans-serif; 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:Montserrat; ; color: #777;  font-size:15px; line-height:1; font-weight:300  !important; padding-top:3px; }
.form-input-calc { display: block; width: 100%; text-align: center; padding: 0.5rem 0.74rem; font-size: 13px; font-weight: 600;
               line-height: 1.25; color: #495057; background-color: #fff; background-image: none; 
               background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 9px; 
               transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
text-align-last:center;}


.value-type-active {border-radius:8px;  width:50%; height:100%; color:#fff; font-size:13px;
                   background: linear-gradient(270deg, rgba(155,186,87,1) 0%, rgba(8,170,179,1) 50%, rgba(0,106,152,1) 100%)}
.value-type-box {font-size:13px; color:#000; border: 1px solid rgba(0, 0, 0, 0.15); height:34px; border-radius: 8px}
.grid-value-box {
    display: grid; grid-gap: 8px;  align-items: center; grid-template-columns: 1fr 1fr ;
}

.calc-img-bg {-webkit-box-shadow: 5px 5px 34px -11px rgba(0,0,0,0.76); 
box-shadow: 5px 5px 34px -11px rgba(0,0,0,0.76);width:100%; max-width: 550px;}

.login-box {    margin-top:calc(10px); 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; }

.bank-name {color:#fff; font-size: 13px; font-weight: 600}
.o-value-best {color:#fff; font-size: 13px; font-weight: 600}
.o-info-best {  font-size: 12px; font-weight: 600; text-align:center; color:#fff;
    /*color: transparent !important;
       -webkit-background-clip: text; background-clip: text;
       background-image: linear-gradient(90deg, rgb(0, 101, 151) 0%, rgba(154, 187, 87, 0.8) 100%)*/
}
.o-sum-best {color:#fff; font-size: 13px; font-weight: 600}
.o-value {color:#fff; font-size: 13px; font-weight: 600}
.o-sum {color:#fff; font-size: 13px; font-weight: 600}



.btn0 {
  display: inline-block;
  border:0;
  border-radius:  3px;
  padding: 5px;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  color: #ccc;
  background: #555;
 
}

.btn1 {
  display: inline-block;
  border:0;
  border-radius:  25px;
  padding: 15px;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
  color: #ffffff;
   
  background: linear-gradient(270deg, rgba(155,186,87,1) 0%, rgba(8,170,179,1) 50%, rgba(0,106,152,1) 100%)
 
}


.btn2 {
  display: inline-block;
  border-radius:  5px;
  padding: 11px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #ffffff;
  background: #e64a19;
  text-transform: uppercase;
}


.btn3 {
  display: inline-block;
  border:0;
  border-radius:  5px;
  padding: 11px;
  font-size: 17px;
  font-weight: 300;
  line-height: 17px;
  color: #ffffff;
  background: #849ecf;
  text-transform: uppercase;
}

.btnsend {outline: 0;
  display: inline-block; border:0; 
 border-radius:8px;  width:auto; height:38px; color:#000; font-size:13px;
  background: #fff /*linear-gradient(270deg, rgba(155,186,87,1) 0%, rgba(8,170,179,1) 50%, rgba(0,106,152,1) 100%)*/;
      -webkit-box-shadow: 5px 5px 15px -2px #000000; 
box-shadow: 5px 5px 15px -2px #000000;
}
.btncancel { outline: 0;
  display: inline-block; border:0; 
 border-radius:8px;  width:80px; height:38px; color:#000; font-size:13px;
  background: #fff
}

.btngetoffer { outline: 0;
  display: inline-block; border:0;  padding-left:10px; padding-right: 10px;
 border-radius:8px;  width:auto; height:38px; color:#000; font-size:12px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 15px -2px #000000; 
box-shadow: 5px 5px 15px -2px #000000;
}


.btnprocess {outline: 0;
  display: inline-block; border:0; 
 border-radius:8px;  width:auto; height:38px; color:#fff; font-size:13px;
  background: rgba(0,106,152,1)
}



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

 

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

hr.typea {
 border:0;
  /*border-top: 1px dashed #545454;*/
  height:1px;
  background: linear-gradient(270deg, rgba(155,186,87,1) 0%, rgba(8,170,179,1) 50%, rgba(0,106,152,1) 100%)
}





/*mobile*/
@media (min-width: 270px) and  (max-width: 765px) {
    .fancybox-content {
        vertical-align: top;
        position:absolute;
        width:100%;
        left:0;
        /*margin: 20px !important;*/
    }
    
    .bank-name {color:#fff; font-size: 12px}
    .o-value-best {color:#fff; font-size: 12px}
    .o-info-best {  font-size: 1px; opacity:0;     }
    .o-sum-best {color:#fff; font-size: 12px}
    .o-value {color:#fff; font-size: 12px}
    .o-sum {color:#fff; font-size: 12px}
    
    
}