html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

@font-face {
    font-family: 'HelveticaNeue-Regular';
    src: url('fonts/helvneue55.eot');
    src: url('fonts/helvneue55.eot?#iefix') format('embedded-opentype'), url('fonts/helvneue55.woff') format('woff'), url('fonts/helvneue55.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('fonts/helvneue75.eot');
    src: url('fonts/helvneue75.eot?#iefix') format('embedded-opentype'), url('fonts/helvneue75.woff') format('woff'), url('fonts/helvneue75.ttf') format('truetype');
    font-weight: normal;
}

.clearfix:before,.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

#lp a {outline: none;}
#lp .mb20 { margin-bottom: 20px; }
#lp .mt5 { margin-top: 5px; }
#lp .mt10 { margin-top: 10px; }
#lp .mt20 { margin-top: 20px; }
#lp .mt40 { margin-top: 40px; }
#lp .mt60 { margin-top: 60px; }
#lp .mt80 { margin-top: 80px; }

body {
	background: #f3f1f2 url(images/bg-main.jpg) no-repeat top center;
	background-size: cover;
}

#lp .row {
    width: 100%;
    float: left;
    position: relative;
}

#lp .row:after {
    content: " ";
    display: block;
    clear: both;
}

#lp .inner {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

#lp h1 {
    margin: 25px 0;
    font: normal 30px/34px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;

}

#lp h2 {
    font: normal 40px/44px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
    padding: 30px 0;    
}

#lp p {
    font: normal 16px/20px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
    padding: 0;  
}

#lp .floatL { float: left; }

#lp .orange { color: #ff7900; }

#lp span.br { display: block; }

#lp .strong { font-weight: bold; }

body > #cp-widget {
	display: none !important;
}	

#lp .header {
    background: #fff;
    border-bottom: 1px solid #cccccc;
    height: 66px;
    box-sizing: border-box;
    padding-top: 15px;
}

    #lp .header .logo {
        float: left;
    }

        #lp .header .logo img {
            display: block;
        }

    #lp .header ul.nav {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #lp .header ul.nav li {
            display: block;
            float: left;
            margin-left: 80px;
        }

            #lp .header ul.nav li a {
                display: inline-block;
                vertical-align: middle;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transition-duration: 0.5s;
                transition-duration: 0.5s;                
                font: normal 14px/18px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
                color: #000;
                text-decoration: none;
            }

                #lp .header ul.nav li a:hover, #lp .header ul.nav li a:focus, #lp .header ul.nav li a:active {
                    -webkit-transform: scale(1.2);
                    transform: scale(1.2);
                    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
                    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
                }                 

                #lp .header ul.nav li a.selected {
                    color: #ff7900;
                }

    #lp .content {

    }

    #lp .lCol {
        float: left;
        width: 890px;
    }

        #lpCol .lCol img {
            display: block;
            width: 100%;
        }

    #lp .rCol {
        float: left;
        width: 410px;
        box-sizing: border-box;
        padding-left: 90px;
        font: normal 20px/24px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif; 
        color: #000;          
    }

    #lp .infoCol {
        float: left;
        font: normal 20px/24px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;   
        color: #000;     
		width: 250px;
		position: relative;
    }
	
		#lp .infoCol.first {
			width: 240px;
		}
		
		#lp .infoCol.second {
			padding-left: 10px;
		}

    #lp .plusCol {
		padding-top: 20px;
		width: 100px;
		text-align: center;
        float: left;
        color: #ff7900;
        font: normal 40px/40px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;       
    }

    #lp .f40 { 
        font: normal 40px/40px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
    }	
	
    #lp .f90 { 
        font: normal 90px/90px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
    }

    #lp .orangeBtn {
        text-decoration: none;
        color: #fff;
        background: #ff7900;
        font: normal 20px/20px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;        
        display: inline-block;
        padding: 12px 30px 15px;
        margin-top: 30px;
    }

    #lp .slimFont {
        font: normal 16px/20px "HelveticaNeue-Regular","Helvetica 55 Regular",Helvetica,Arial,sans-serif;           
    }
	
    #lp .boldFont {
        font: normal 16px/16px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;        
    }	
	
	#lp .midText, #lp.energia .midText {
			font: normal 16px/18px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;      		
			padding: 0 10px;
	}
	
	
	#lp #hamburger {
		display: none;
		width: 40px;
		height: 35px;
		position: relative;
		float: right;
		margin-right: 20px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#lp #hamburger span {
		display: block;
		position: absolute;
		height: 6px;
		width: 100%;
		background: #000;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}	
	
	#lp #hamburger span:nth-child(1) {
		top: 0px;
	}

	#lp #hamburger span:nth-child(2),#hamburger span:nth-child(3) {
		top: 14px;
	}

	#lp #hamburger span:nth-child(4) {
		top: 28px;
	}

	#lp #hamburger.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#lp #hamburger.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#lp #hamburger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#lp #hamburger.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#lp .mobileKv { display: none; }
	
	#lp .mobileKv img {
		display: block;
		width: 90%;
		margin: 10px auto 20px;
	}
	
	#lp .mobileBadge {
		display: none;
		width: 35%;
		position: absolute;
		bottom: 35px;
		right: 30px;
	}
	
		#lp .mobileBadge img {
			display: block;
			width: 100%;
		}	
		
	#lp .mobileMenu {
		display: none;
		background: #fff;
		border-top: 1px solid #cccccc;
		margin-top: 30px;
		padding-bottom: 25vw;
	}
	
	#lp .mobileMenu ul li {
		padding-left: 20px;
		margin-bottom: 20px;
	}
	
		#lp .mobileMenu ul li a {            
			font: normal 4vw/4.4vw "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
			color: #000;
			text-decoration: underline;			
		}
	
	#lp .menuHdr {
		font-size: 5.5vw;
		line-height: 5.8vw;	
		font-family: "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;      		
		box-sizing: border-box;
		padding: 20px;
	}
	
	#lp .mobileSlider {
		background: #333333;
		position: fixed;
		bottom: 0;
		width: 100%;
		display: none;
	}
	
		#lp .mobileSlider .textCol {
			float: left;
			width: 60%;
			padding: 20px;
			box-sizing: border-box;
			color: #fff;
		}
		
		
		
		#lp .mobileSlider .btnCol {
			float: left;
			box-sizing: border-box;
			width: 40%;
			padding: 20px 20px 20px 0;
			text-align: center;
		}
		
			#lp .mobileSlider .btnCol .orangeBtn  {
				margin-top: 0;
				font: normal 4vw/4vw "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;				
				padding: 12px 20px 15px;
			}



	/* energia */

	#lp.energia .lCol {
		width: 970px;
	}

		#lp.energia .lCol img {
			display: block;
			width: 100%;
		}

	#lp.energia .rCol {
		padding-left: 20px;
		width: 330px;
		margin-top: -50px;
	}

	#lp.energia .plusCol {
		width: 40px;
	}

	#lp.energia .infoCol.third {
		width: 170px;
		padding-left: 5px;
	}

	#lp.energia .infoCol.fourth {
		width: 160px;
		padding-left: 10px;
	}	

	#lp.energia .mobLCol {
		width: 100%;
		float: left;
	}

	#lp.energia .mobRCol {
		display: none;
		width: 30%;
		float: left;	
		font: normal 20px/24px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif; 
		box-sizing: border-box;
		padding-left: 20px;
	}

	#lp.energia .lCol .tabletKv {
		display: none;
	}

	#lp.energia .lCol .mobileKv {
		display: none;
	}	




	/* CALL PAGE */
	
	
    
    #lp input:focus {
        outline: none!important;
    }
    
    #lp .conatctBox {
		margin-top: 20px;
        background: #527ebd;
        box-sizing: border-box;
        padding: 12px 20px 12px;
        width: 285px;
		height: 380px;
    }
    
    #lp .conatctBox h2 {
        font-size: 22px;
        line-height: 24px;
        margin: 0;
        padding: 0 0 10px;
        color: #fff;
    }
    
    #lp .conatctBox .border-row {
        padding-bottom: 10px;
        border-bottom: 1px solid #ffffff;
        margin-bottom: 13px;
    }
    
    #lp .conatctBox .contactText {
        font: normal 14px/18px Arial, sans-serif;
        color: #fff;
        float: left;
        width: 185px;
        box-sizing: border-box;
    }
    
    #lp .conatctBox .contactText .bigger {
        font: bold 18px/20px Arial, sans-serif;
    }
    
    #lp .contactImg {
        float: left;
        padding-top: 4px;
    }
    
    #lp .conatctBox .phone-input {
        border: 2px solid #cbcccd;
        box-sizing: border-box;
        display: block;
        font: bold 15px/16px Arial, sans-serif;
        padding: 7px 10px;
        width: 100%;
        color: #999999;
        margin-top: 8px;
    }
    
    #lp #phone-nr.verify {
        border: 2px solid #ff0000;
    }
    
    #lp #phone-error {
        color: #fff;
        background: #ff0000;
        font: bold 13px/30px Arial, sans-serif;
        padding-left: 10px;
    }
    
    #lp #phone-error:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin: 5px 11px 0 0px;
        float: left;
        background: url(http://www.orange.pl/binaries/o/map/ak/b2c/swiatlowod_kontent/images/error-ico.png) 0 0 no-repeat;
    }
    
    #lp .conatctBox .btn,
    #lp #banner .btn {
        background: transparent;
        border: 2px solid #fff;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: block;
        font: bold 15px/26px Arial, sans-serif;
        text-align: center;
        width: 100%;
        margin-top: 5px;
        text-decoration: none!important;
    }
    /* #oPage .conatctBox #bo_form,
    #oPage .conatctBox #timeRow{
        min-height: 215px;
    } */
    
    #lp .conatctBox .counter {
        font-size: 47px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        padding-top: 5px;
        font-weight: bold;
    }
    
    #lp .conatctBox .legal {
        font: normal 12px/13px Arial, sans-serif;
        padding: 7px 0;
        border-bottom: 1px solid #fff;
        margin-bottom: 13px;
        color: #fff;
    }
    
    #lp .conatctBox .legal .textLeft {
        float: left;
        width: 85px;
    }
    
    #lp .conatctBox .legal .textRight {
        float: right;
    }

    #lp .tooltip{
        width: 12px;
        height: 12px;
        background: url(images/tooltip.png) no-repeat;
        display: inline-block;
        cursor: help;
        position: relative;
    }

    #lp .tooltip-info{
        display: none;
        background: #fff;
        position: absolute;
        bottom: 25px;
        cursor: text;
        z-index: 2;
        min-width: 190px;
        color:#000;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        left: -90px;
		font-weight: normal;
		padding: 5px;
    }

        #lp .tooltip-info p{
            margin: 0;
			font-family: Arial;
			font-size: 12px;
			line-height: 16px;
        }

        #lp .tooltip:hover .tooltip-info{
            display: block;
        }

        #lp .row .tooltip-info:before {
            position: absolute;
            bottom: -8px;
            left: 86px;
            width: 0;
            height: 0;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-top: 8px solid #fff;
            float: left;
            background: transparent;
            content: "";
            display: block;
        }	

		
	
	

	@media only screen and (max-width: 1300px) {	
		#lp .rwdLine { display: block; }
	
		#lp .inner {
			width: 100%;
		}	
		
		#lp .header .logo {
			margin-left: 20px;
		}
		
		#lp .header ul.nav li {
			margin-left: 5%;
		}

		#lp .lCol {
				width: 70%;
		}
		
			#lp .lCol img {
				display: block;
				width: 100%;
			}
		
		#lp .rCol {
			width: 30%;
			padding-left: 20px;
		}
		
		#lp h1 {
			padding-left: 20px;
		}
		
		#lp .plusCol {
			width: 6%;
		}
		
		#lp .orangeBtn {
			margin-top: 15px;
		}
		
		#lp .infoCol.first {
			padding-left: 20px;
		}
		
		#lp .infoCol.third {
			width: 200px;
		}



		/* energia */ 

		#lp.energia .infoCol.first {
			width: 18%;
		}

		#lp.energia .infoCol.second {
			width: 23%;
		}	

		#lp.energia .infoCol.third {
			width: 19%;
		}

		#lp.energia .infoCol.fourth {
			width: 20%;
		}	

		#lp.energia .infoCol {
			font-size: 2.5vw;
			line-height: 2.8vw;
		}

		#lp.energia .plusCol {
			width: 4%;
		}	

		#lp.energia .f40 {
		    font: normal 3.3vw/4vw "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
		}	

		#lp.energia .midText {
		    font: normal 1.4vw/1.8vw "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
		    padding: 5px 10px 0;
		}

		#lp.energia .boldFont {
			font-size: 1.9vw;
			line-height: 2vw;			
		}

		#lp.energia .slimFont {
			font-size: 1.9vw;
			line-height: 2.2vw;
		}

		#lp.energia .slimFont.mt10 {
		    margin-top: 5px;
		}		

		#lp.energia .lCol .desktopKv {
			display: none;
		}

		#lp.energia .lCol .tabletKv {
			display: block;
			margin: 0 auto;
		}

		#lp.energia .lCol {
			width: 100%;
		}

		#lp.energia .rCol {
			display: none;
		}

		#lp.energia .mobLCol {
			width: 70%;
		}

		#lp.energia .mobRCol {
			display: block;
		}

		/* finanse */

		

		/* CALL PAGE */

		#lp #mobileButton{
			display: inline-block;
		}

		#lp #bo_form{
			display: none;
		}

		#lp #popup{
		    background: url(images/black.png) repeat;
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100vh;
		    z-index: 2;
		}

		#lp .closeBtn {
		    width: 12px;
		    height: 12px;
		    background: url(images/closeBtn.png) no-repeat center;
		    padding: 10px;
		    position: absolute;
		    right: 25px;
		    top: 25px;
		    z-index: 3;
		}

		#lp .whiteInner{
			background: #527ebd;
			width: 320px;
			height: 100vh;
			float: right;
			display: table;
		}

		#lp #popup #bo_form11,#lp #popup #bo_form12{
			position: relative;
			z-index: 3;
			display: table-cell;
			vertical-align: middle;
		}

		#lp #popup #bo_form12{
			display: none;
			font:normal 16px/20px "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
		}

		
	}
	
	@media only screen and (max-width: 860px) {
	#lp #hamburger {
		display: block;
	}		
		
		#lp .header ul.nav {
			z-index: 10;
			background: #000;
			width: 100%;
			position: absolute;
			top: 51px;
			left: 0;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;			
		}
		
			#lp .header ul.nav.open {
				visibility: visible;
				opacity: 1;				
			}		
		
			#lp .header ul.nav li {
				box-sizing: border-box;
				text-align: center;
				width: 100%;
				margin: 20px 0 0;
				display: block;
				border-bottom: 1px solid #ccc;
				padding: 0 40px 20px;
			}
		
			#lp .header ul.nav li a {		
				color: #fff;
			}
			
			#lp .header ul.nav li a span.br {		
				display: inline;
			}			
		
		
		#lp #hamburger { display: block; }
		
		#lp .mobileKv {
			display: block;
		}
		
		#lp .desktopKv {
			display: none;
		}
		
		#lp h1 {
			font-size: 6vw;
			line-height: 6.2vw;
		}
		
		#lp .plusCol {
			width: 100%;
			padding: 5px 0 10px 20px;
			text-align: left;
			box-sizing: border-box;
		}
		
		#lp .infoCol, #lp .infoCol.first, #lp .infoCol.second, #lp .infoCol.third {
			width: 100%;
			box-sizing: border-box;
			padding: 0 20px;
			font-size: 5.5vw;
			line-height: 5.8vw;
		}	
		
		#lp .slimFont {
			font-size: 4vw;
			line-height: 4.4vw;					
		}
		
		#lp .boldFont {
			font-size: 4vw;
			line-height: 4.4vw;				
		}

		#lp .f40, #lp .plusCol {
			font-size: 10vw;
			line-height: 11vw;
		}
		
		#lp .midText {
			font-size: 3.8vw;
			line-height: 4.4vw;	
			padding-top: 5px;
		}

		#lp.energia .midText {
		    font: normal 4vw/4.4vw "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;
		}		
		
		#lp .brMob {
			display: block;
		}
		
		#lp .mobileBadge {
			display: block;
		}

		#lp .mobileMenu {
			display: block;		
		}
		
		#lp .largePrice {
			font-size: 9vw;
			line-height: 5vw;	
			color: #ff7900;
			font-family: "HelveticaNeue-Bold","Helvetica 75 Bold",Helvetica,Arial,sans-serif;      					
		}
		
		#lp .mobileSlider {	
			display: block;
		}



		/* energia */

		#lp.energia .lCol .tabletKv {
			display: none;
		}	

		#lp.energia .lCol .mobileKv {
			display: block;
		}

		#lp.energia .mobLCol {
			width: 100%;
		}

		#lp.energia .mobRCol {
			display: none;
		}

		#lp.energia .plusCol {
			width: 100%;
			padding: 5px 0 10px 20px;
			text-align: left;
			box-sizing: border-box;
		}
		
		#lp.energia .infoCol, #lp.energia .infoCol.first, #lp.energia .infoCol.second, #lp.energia .infoCol.third, #lp.energia .infoCol.fourth {
			width: 100%;
			box-sizing: border-box;
			padding: 0 20px;
			font-size: 5.5vw;
			line-height: 5.8vw;
		}	
		
		#lp.energia .slimFont {
			font-size: 4vw;
			line-height: 4.4vw;					
		}
		
		#lp.energia .boldFont {
			font-size: 4vw;
			line-height: 4.4vw;				
		}

		#lp.energia .f40, #lp.energia .plusCol {
			font-size: 10vw;
			line-height: 11vw;
		}

		#lp.energia .mobileBadge {
		    width: 30%;
		    position: absolute;
		    bottom: -15px;
		    right: 15px;
		}		
		
	}