@import url("font/stylesheet.css");

html {height: 100%;}

body {margin: 0 auto;
      padding: 0;
      font-family:  JLR Emeric;
      position: relative;
      height: 100%;
      color: #000;
      scroll-behavior: smooth;}
      
.slide-phone {display: none;}      
      
strong {
	color:#535354;
}
     
a {text-decoration: none;
    cursor: pointer;}  

div {box-sizing: border-box;} 

h1,h2,h3,p,span,li {
    cursor: default;
}

   
ul {margin: 0;
    padding: 0;
    list-style: none;}      

.f-left {float: left;}

.f-right {float: right;}

.clear {clear: both;}

div {box-sizing: border-box;}

p.justify{
	text-align:justify;
}

.center {text-align: center;}


.header {width: 100%;
         background: #fff;
         position: fixed;
         z-index: 1000;
         height: 80px;
         font-weight: 400;
         padding: 0 25px;}
         

.logo { float: left;
        margin: 20px 25px 0 0 ;}         
         

.menu-left {float: left;}
                     
.menu-left ul li  { text-align: center;
                    text-transform: uppercase;        
                     font-size: 13px;
                     float: left;
                      display:table;                     
                     height: 80px;
                     color: #1e1e1e;
                     font-weight: 600;
                     position: relative;}                     

.menu-left ul li a {color: #1e1e1e;
                      display:table-cell;
                      vertical-align: middle;
                      padding-left: 40px;
                      padding-right: 40px;}


.menu-left ul li a:hover,
.menu-left ul li a.active {background: #1e1e1e;
                             color: #fff;}
                             
.slider {position: relative;
         top: 80px;
         height: calc(100vh - 80px);
         z-index: 2;
         width: 100%;
         background: url(img/slide1.jpg) no-repeat;
         background-position: 50% 50%;
         background-size: cover;}                             



.baner-top-container {clear: both;
                      width: 100%;
                      padding-top: 80px;}                    


.baner-top-container img {width: 100%;}

.haslo {width: 96%;
         max-width: 1100px;
         margin: -250px auto 0 auto;
         color: #fff;
         text-transform: uppercase;}
         
.haslo span {display: block;}         

.haslo1 {font-size: 50px;
         font-weight: 300;
         line-height: 58px;
         padding-bottom: 8px;
		 text-shadow: 0px 0px 6px dimgray;
}


.haslo2 {font-size: 25px;
         font-weight: 700;
		 text-shadow: 0px 0px 6px dimgray;}

.sekcja-container  {width: 96%;
                    max-width: 1100px;
                    margin: 0 auto;
                    color: #878787;
                    font-size: 16px;
                    clear: both;
                    padding-top: 100px;
                    font-weight: 300;}

.col1, .col2 {width: 50%;}  

.col1 {float: left;
       padding: 0 25px 0 0;} 
       
.col2 {float: right;
       padding: 0 0 0 25px;}  

.col1 p:first-child {margin-top: 0!important;}
.col2 p:first-child {margin-top: 0!important;}

.sekcja-container .span2 {font-size: 26px;
						  padding:12px 0 12px 0;
                          text-transform: uppercase;
                          font-weight: 300;
                          display: block;}


.sekcja-container .span1 {font-size: 16px;
                          color: #1e1e1e;
                           text-transform: uppercase;
                           font-weight: 700;
                            display: block;}

.sekcja-container .span3 {font-size: 16px;
						  color:white;
						  padding:10px 0 10px 0;
                          text-transform: uppercase;
                          font-weight: 500;
                          display: block;}

.sekcja-container ul li {background: url(img/ul-li.jpg) no-repeat scroll 0 14px;
                           padding: 8px 0 8px 20px;}
                           
.ulotka {color: #878787;
         display: block;
         background: url(img/download.png) no-repeat scroll 0 5px;
         padding: 5px 0 5px 35px;
         margin: 5px 0 0 0;} 
         
         
#sekcja2 .haslo {margin-top: -310px;}  

#sekcja3 .haslo {margin-top: -115px;} 

#grayBoxWhiteText strong{
	color: #fff;
}

#sekcja4 .haslo {margin-top: -170px;} 

#sekcja5 .haslo {margin-top: -115px;}     


.sk1.sekcja-container {padding-top: 85px;} 
#arch_col {margin-bottom: 250px;}
.sk31 .col1 {padding-top: 15px;}
.sk3.sekcja-container {padding-top: 85px;} 
.sk31.sekcja-container{padding-top: 85px;}
.sk4.sekcja-container {padding-top: 85px;
                       padding-bottom:15px;
                       overflow: hidden;}  
                       
.sk5.sekcja-container {padding-top: 85px;
                       padding-bottom: 180px;
                       overflow: hidden;}  
                       
.sk5.sekcja-container a {color: #878787;}

.sk5.sekcja-container a:hover {text-decoration: underline;}
                                                                              



/***************/

.menu-phone {width: 1400px;
              background: #1E1E1E;
              height: 430px;
              position: absolute;
              top: 80px;
              right:0px;
              padding: 20px;
              color: #fff;
              text-transform: uppercase;
              font-weight: 300;
              text-align: left;
              display: none;}  

.system-ngl {float: left;
             height: 390px;
             width: 470px;
             margin-left: 75px;
             border-right: 2px solid #fff;
             font-size: 25px;
             text-align: left;
             padding-top: 30px;}

.system-logowanie {width: 580px;
                   margin: 100px 0 0 45px;
                   float: left;}
                   
.system-logowanie label {display: block;
                          clear: both;
                          font-size: 22px;
                          float: left;
                          margin: 0 0 29px 0;}  
                          
.system-logowanie .l1 {width: 88px;}                                           

.system-logowanie input[type='text'],
.system-logowanie input[type='password'] {width: 450px;
                                           height: 29px;
                                           border: none;
                                           font-family: JLR Emeric;
                                           box-sizing: border-box;
                                           color:  #1E1E1E;
                                           float: left;
                                           display: block;
                                           font-size: 16px;
                                           padding: 0 12px;
                                           font-weight: 300;}
                                           
.system-logowanie input[type='checkbox']  {float: left;
                                            margin: 5px 0 0 10px;}
                                            
.system-logowanie input[type='submit'] { border: none;
                                           font-family: JLR Emeric;
                                           background: #fff;
                                           color: #1E1E1E;
                                           clear: both;
                                           display: block;
                                           padding: 6px 20px 5px 20px;
                                           text-transform: uppercase;
                                           font-size: 18px;
                                           font-weight: 600;
                                           margin-left: 442px;}


                                                                                      



         
.footer-container {background: #1e1e1e;
                   height: 30px;
                   clear: both;} 

/***/ 
/*.menu-button { position: absolute;
               right: 20px;
               top: 18px;
               cursor: pointer;
               display: none;
               z-index: 2000;}
*/
.menu-button { position: fixed;
               right: 20px;
               margin-top: 18px;
               cursor: pointer;
               display: none;
               z-index: 2000;}
  
 
  
.menu-button:focus, .m-button-1:focus {outline: none;}

.menu-button .menu-ico  {display: block;
                         width: 40px;
                         height: 7px;
                         background: #1E1E1E;}
                         
                         
.menu-button .menu-ico + .menu-ico, .m-button-1 .menu-ico + .menu-ico { margin-top: 7px;}  

#mobile-nav {display: none;}

#mobile-nav ul {margin: 0;
                padding: 0;
                list-style: none;} 
                
#mobile-nav ul li a {display: block;
                     width: 100%;
                     background: #1E1E1E;
                     color: #fff;
                     font-size: 20px;
                     padding: 20px 0 20px 15px;
                     border-bottom: 2px solid #fff;
                     font-weight: 900;
                     box-sizing: border-box;}           


.system-phone {display: none;}

#do-kogo ul li {background: none;}

#do-kogo .col2 {padding-bottom: 30px;}

#do-kogo .col1 {padding-bottom: 350px;}

.sekcja-container .mapa ul li {background: none;}

#addresses h3 {color: #1E1E1E!important;
               padding-bottom: 25px;}

.sekcja-container .mapa strong { color: #1E1E1E!important;}

#addresses p {margin-bottom: 15px;}

.sekcja-container p {margin: 15px 0;}

/*07-03-2023*/

.grey-box {background: #535354;
		  margin-top: 35px;
          padding: 10px 20px;
          color: #fff;
          position: relative;}

.sekcja-container .grey-box ul li { background: none;
	                               padding: 2px 0 2px 20px;
                                   position: relative;}

.sekcja-container .grey-box ul li strong {color: #fff;}

.sekcja-container .grey-box ul li:before {position: absolute;
                                          content: '';
                                          width: 9px;
                                          height: 9px;
                                          top: 8px;
                                          left: 0;
                                          background: #fff;
                                          display: block;}

.grey-box:before {position: absolute;
                  content: '';
                  width: 15px;
                  height: 15px;
                  top: 0;
                  left: 0;
                  background: url(https://www.jlrubezpieczenia.pl/LynX/wp-content/uploads/2023/03/UL.png);
                  display: block;}

.grey-box:after {position: absolute;
                  content: '';
                  width: 15px;
                  height: 15px;
                  bottom: 0;
                  right: 0;
                  background: url(https://www.jlrubezpieczenia.pl/LynX/wp-content/uploads/2023/03/BR.png);
                  display: block;}

#alert {
	margin:5px 0 25px 0;
	background-color: #AB0900;
	padding:15px;
	font-size: 17px;
	text-align: center;
	color:white;
	font-weight: 400;
	
}
.box{
	width:100%
}
/* Dropdown Button */
.dropbtn {	
  display:flex;
  width:100%;
  font-family: JLR Emeric;	
  background-color: #535354;
  color: white;
  font-size: 15px;
  margin: 40px 0 0 0;
/*   padding: 16px 10px 15px 10px; */
  padding: 16px 10px 15px 10px;
/*   line-height: 14px;	 */
  line-height: 10px;
  text-transform: uppercase;	
  font-weight: 100;	
  /*padding: 16px;*/
  /*font-size: 16px;*/
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
/*   display: inline-block; */
  max-width:100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  margin-top:-15px;
  padding: 10px 0; 	
  display: none;
  position: absolute;
  box-sizing: content-box;
  background-color: #f1f1f1;
  min-width: 80%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 0 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.dropdown ul li a:hover{display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #676769;}