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%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

@font-face {
font-family: Exo;
src: url("Exo-Medium.otf") format("opentype");
}
@font-face {
font-family: Exo;
font-style: italic;
src: url("Exo-Italic.otf") format("opentype");
}
@font-face {
font-family: Exo;
font-weight: 100;
src: url("Exo-Regular.otf") format("opentype");
}
.clear:before, .clear:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clear:after {
  clear: both;
}

a {
  text-decoration: none;
  color: inherit;
}
img {
  border: none;
}
em, strong {
  font-weight: bold;
}

body {
  margin: 0;
  font: normal 13px Open Sans, sans-serif;
}
body img{
max-width:100%;
}
.flagi{
	padding: 10px 0px 10px 0px;
}

.menu{
	float: right;
	margin-top: 10px;
}

.menu a {
    font-size: .85em;
    padding: 12px 25px;
    background: #53c5e4;
    color: #FFF;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 20px;
    text-decoration: none !important;
    transition: all .5s;
}

.menu a:hover{
	background: #333;
	color: #fff;
}

.wrapper {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.header {
  background:#000;
  float: left;
  width: 100%;
z-index: 999;
position: fixed;
top:0;
}
.header .header1,
.header h1 {
  padding: 25px 0px;
  float: left;
margin-top: 3px;
}
.buttons {
  text-align: right;
  list-style: none;
  margin: 0 0 0 650px;
}
.buttons .button {
float: right;
margin: 27px 0 0 12px;
border-radius: 8px;
background: #FFF;
}
.buttons .button:hover {
	background:#f1f1f1;
}

.header .wrapper {

}
.header nav {
  float: left;
  margin-left: 45px;
  font: 500 15px/1 Open Sans, sans-serif;
}
.header nav ul {
  
  margin: 0 auto -4px;

  list-style: none;
  padding: 0;
}
.header nav li {
  float: left;
padding: 37px 15px 37px 15px;
}
.header nav li:last-child {
  border-right: none;
}
.header nav li.selected {
  background: linear-gradient(#59b2e4, #409fd4);
  padding: 20px 33px 20px 34px;
  border: none;
}
.header nav ul a {
transition:all .3s;
  color: #fff;
}
.header nav ul a:hover {
color:#fffd35;
}

.head {
height: 950px;
background: #53c5e4;
background-size: cover;
min-height:100vh;
position: relative;
}


.head p,
.head h1 {
  width: 914px;
  margin: 0 auto;
  padding: 150px 0 0 45px;
  font: 700 55px/1 'Raleway', sans-serif;
  color: #fff;
  text-shadow: 0 0 8px #595959;
}
.head p span,
.head h1 span {
  color: #ffc600;
}
.mainImage, .mainImage2{
text-align:center;
position:relative;

}
.mainImage > img, .mainImage2 > img{
max-width:100%;
margin-top: 161px;
}
.sectionhead > img{
max-width:100%;

}
.banner{
background:#e4e4e4;
margin:80px 0px 0px 0px;
text-align:center;
padding:45px 0px;
}
.banner a{
margin-left:140px;
}
.banner a:hover{
opacity:.7;
}
.mMenu{
	border:1px solid rgba(51, 51, 51, 0.1);
	float: left;
	font-size: 40px;
	padding: 5px 20px;
	position: relative;
	top: 20px;
	cursor: pointer;
	display:none;
}

.mMenu:hover{
	color:#666;
}

.sectionhead{
text-align:center;
position:relative;
margin-bottom:70px;
margin-top:30px;
}

.sectionhead h1{
	margin:40px 0px;
}

h1{
 font-family:Exo;
 font-size:35px;
}
h2{
 font-family:Exo;
 font-size:20px;
}
h3{
 font-family:Exo;
 font-size:13px;
}

.reviews h1{
color:#FFF;
}

.box_rev h2 {
    color: rgb(93, 68, 240);
    margin-bottom: 20px;
    font-size: 17px;
}

.box_rev p {
line-height:23px;
margin-bottom:10px;
}

.rev_author h2{
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
}


.box3 h2, .box2 h2{
color:#6bcce7;
margin-bottom:5px;
}
.box3 h2, .box3 h3, .box2 h2, .box2 h3{
text-align:center;
}
.box2 h3{
font-size:17px;
}

.box3 p{
margin-top:35px;
line-height: 22px;
}
.boxes .box3{
	float:left;
	width: 27%;
	margin: 0 4.7%;
}


.boxes .box3:first-child{
margin-left:0px;
}
.boxes .box3:last-child{
margin-right:0px;
}

.box2{
float:left;
width:43%;
}
.boxes2 .box2:last-child{
float:right;
}

.boxes2 .box2:last-child img{
margin-top:30px;
}

.boxes2 .box2:first-child img{
margin-bottom:30px;
}
.list{
float:left;
width:100%;
margin:50px 0;
}
.list li{
    list-style-position: outside;
list-style:none;
margin-bottom: 10px;
font-weight: 500;
font-family: Exo;
margin-left: 70px;
}
.list li:before{
content: url('../img/check.png');
margin-left: -45px;
margin-right: 30px;
position: absolute;
}

.reviews{
background:#53c5e4;
padding-bottom:10px;
}

.box_rev {    position: relative;float: left;background: rgb(221, 243, 250) none repeat scroll 0% 0%;width: 50%;padding: 30px;border: 3px solid rgb(255, 255, 255);border-radius: 12px;}

.rev_boxes {padding: 0px 80px;width: auto !important;}

.owl-prev{
float:left;
opacity:.7
}
.owl-next{
float:right;
opacity:.7;
}

.owl-next:hover, .owl-prev:hover{
opacity:1;
}

#customNav {	
	z-index: 99;
    position: absolute;
    top: calc(50% + 40px);
    width: 100%;
    transform: translateY(-50%);
}
.box_rev:after{
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 17px solid #FFF;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
}

.reviews .rev_section {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom:80px;
}

.rev_author {
margin-left: 50px;
float: left;
top: 50%;
position: absolute;
transform: translateY(-50%);
left: 57%;
}
.rev_author span{
font-style:italic;
}
.rev_boxes .rev_section:nth-child(2) .box_rev{
    float: right;
}

.rev_boxes .rev_section:nth-child(2) .rev_author{
    right: 62%;
left: unset;
}

.rev_boxes .rev_section:nth-child(2) .box_rev::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 0px solid #FFF;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-right: 17px solid #FFF;
}

.rev{
float:left;
width:100%;
}

.faq{
border:1px solid #d3d3d3;
padding: 13px 20px;
color:#d3d3d3;
float:left;
width: calc(100% - 100px);
border-radius: 9px;
margin: 7px 30px;
cursor:pointer;
}

.faq_ans{
 max-height: 0;
overflow:hidden;
-webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;

font-weight:400;
color:#000;
}

.faq.active .faq_ans{
 max-height: 500px;
-webkit-transition: max-height 2s ease-out;
    transition: max-height 2s ease-out;
margin-top:20px;
margin-left:35px;
margin-bottom:20px;

}

.faq.active .faq_text{
color:#563cf0;
}
.faq_text, .faq_icon{
font-weight:600;
font-size:16px;
}
.faq_icon{
float:left; margin-right:20px;
font-size:18px;
}
.faq_icon:after{
content: "<i class="fa fa-plus" aria-hidden="true"></i>";
}
.faq:hover{
color:#000;
}

.std-input{
width:30%;
float:left;
}




.main .wrapper {
  margin: 0 auto 20px;
}
.main header {
}
.panel {
  border-top: #409fd4 solid 5px;
  width: 300px;
  float: left;
  background: #fff url('../img/panel_footer.png') center 197px no-repeat;
  margin: 0 29px 50px;
  height: 280px;
  position: relative;
  box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
}
.panel:first-child, .panel:last-child {
  margin: 0;
}
.panel h2 {
  color: #377fa8;
  font: bold 18px/1 'Raleway', sans-serif;
  padding: 27px 10px 20px 60px;
  background: url('../img/ikony.png') 20px 20px no-repeat, linear-gradient(#f1f1f1, #fff);
}
.panel:nth-child(2) h2 {
  background-position: 20px -85px, top center;
}
.panel:nth-child(3) h2 {
  background-position: 20px -190px, top center;
}
.panel p {
  font: normal 13px/19px 'Arial', sans-serif;
  padding: 12px 30px;
  text-align: justify;
  color: #565656;
}
.main article {
  font: normal 13px/19px 'Arial', sans-serif;
  color: #565656;
  text-align: justify;
  width: 630px;
  float: left;
  margin: 0 28px 25px 0;
}
.default .main {
  font: normal 13px/19px 'Arial', sans-serif;
  color: #565656;
}
.default .main article,.main.wrapper article {
  width: 100%;
  margin-right: 0;
}

#contact-page  .main.wrapper article {
	width: 47%;
	float: left;
	margin-left: 20px;
}

.default .main h1,.main.wrapper h1 {
  font: bold 30px/1 'Raleway', sans-serif;
  color: #6a6a6a;
  padding: 30px 0 35px;
  border-bottom: 1px solid #dfdfdf;
  letter-spacing: -0.03em;
}

.main.wrapper h1 {
	padding: 20px 0 33px;margin: 11px 0 28px;
}

.default .main article h2,.main.wrapper h2 {
  font: bold 14px/18px 'Arial', sans-serif;
  padding: 8px 0;
}
.default .main article p,.main.wrapper p {
  padding: 8px 0;
}
.default .main article img,.main.wrapper img {
  float: right;
  margin: 14px 0 10px 30px;
}

#contact-page .main.wrapper img {
	margin-top:0;
	margin-left:0;
}
#contact-page .main.wrapper h2 {
  font: bold 29px/1 'Raleway', sans-serif;
  color: #3b99d0;
  padding: 15px 0 35px;letter-spacing: -0.03em;
 
}

.main article h1 {
  font: bold 30px/1 'Raleway', sans-serif;
  color: #6a6a6a;
  padding: 20px 0 40px;
  border-bottom: #dfdfdf 1px solid;
  margin: 0 0 25px;
}
.main article p {
  padding: 10px 0;
}
.main article p:first-of-type {
  padding: 0 0 10px;
}

#contact-page .main.wrapper p {
	line-height: 26px;
}
#contact-page table td {
	line-height: 26px;
}
.main article img {
  float: left;
  border: 1px solid #e8e8e8;
  margin: 0 15px 15px 0;
}
.main article + .panel {
  background: linear-gradient(#f0f0f0, #fff 130px);
  text-align: center;
  border: #e2e2e2 3px solid;
  width: 294px;
  margin: 25px 0;
  padding: 25px 0;
  height: auto;
}
.main article + .panel p {
  text-align: center;
  font: bold 17px/1 'Arial', sans-serif;
  color: #505050;
}
.s2col .main {
    background: url('../img/phone.jpg') left top no-repeat;
    padding: 130px 0 65px;
}
.s2col .main article {
  width: 431px;
  float: left;
  padding: 0 0 0 20px;
}
.s2col .main article h2 {
  font: bold 27px/1 'Raleway', sans-serif;
  color: #3b99d0;
  padding: 30px 0 12px;
}
.s2col .main article p {
    padding: 20px 0;
    font-size: 14px;
    line-height: 1.8;
}
.s2col .main article div {
    text-align: left;
    margin: 10px 0;
}
.s2col .main article input[type="text"],
.s2col .main article textarea {
    width: 290px;
    border: 1px solid #bbd7e8;
    background: #e6f4fc;
    padding: 5px;
    font: normal 14px/1.1 'Arial', sans-serif;
    color: #505050;
    float: right;
    margin: -4px 0 0;
}
.s2col .main article input[type="submit"] {
    border: none;
    float: right;
    color: #fff;
}
.default .main .regulamin {
  padding: 0 50px;
  width: 828px;
}
.default .main .regulamin h3 {
    font-weight: bold;
    padding: 15px 0 5px;
    font-size: 15px;
}
.default .main .regulamin ul,
.default .main .regulamin ol {
    padding: 0 20px;
}
.default .main .regulamin > ul {
    list-style: none;
}
dt.pyt {
    font-weight: bold;
    padding: 15px 0 0;
}
dd.odp {
    
    padding-left: 15px;
	padding-bottom:20px;
}
.default .main .pytania dl {
    padding: 0 60px;
}
.s2col .main article label {
    font-weight: bold;
}
.arrowLink {
  background: #fff url('../img/panel_footer.png') center top no-repeat;
  text-align: center;
  color: #0b6bbc !important;
  padding: 20px 0 !important;
}
.button {
  width: 100px;
  text-align: center !important;
  padding: 10px 3px !important;
  margin-top:3px;
  font: 14px/14px 'Open Sans', sans-serif;
  border-radius: 2px;
}
.panel .button {
  position: absolute;
  bottom: 22px;
  left: 50%;
  margin: 0 0 0 -60px;
}
.blue {
  background: linear-gradient(#5cb1dd, #2c86c5);
}
.orange {
  background: linear-gradient(#ffc76b, #ec970a);
}
.button a {
  color: #000;
}
.footer {
text-align:center;
  color: #000;
}

.footer a{
    font-size: 16px;
    margin: 30px 0px;
    display: block;
}
.footer i{
    color: rgb(83, 197, 228);
    font-size: 47px;
    margin-top: -20px;
margin-bottom: -5px;
cursor:pointer;
}
.footer i:hover{
opacity:.8;
}
.footer div {
  float: left;
}
.footer .company {
  text-align: center;
}
.footer .company p {
  border-top: 1px #b7d3e3 solid;
  padding: 15px 25px;
  margin: 12px 0 0;
}
.footer .address {
  margin: 0 0 0 70px;
}
.footer .address p {
  float: left;
  padding: 0 70px 0 0;
}
.footer .address p:first-child {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #3e7da1;
  float: none;
  padding: 0 0 5px;
}
.std-form table td {
	vertical-align: top;
	line-height: 35px;
	
}
.std-input {
height: 25px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 25px;
width: 27.4%;
margin: 0 2.4%;
float: left;
background: none;
border: none;
border-bottom: 1px solid #FFF;
color: #FFF;
font-weight: bold;
font-size: 14px;
font-family: Open Sans;
}
input:focus { 

}
textarea:focus, input:focus{
    outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1;
color:#FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1;color:#FFF;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1;color:#FFF;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:1;color:#FFF;
}


textarea.std-input {
height: 25px;
width: 94%;
margin-top: 100px;
}
.std-input:focus {
	background: none;
	
}
.std-button {
background: #FFF;
height: 51px;
padding-left: 37px;
padding-right: 37px;
padding-top: 3px;
padding-bottom: 3px;
line-height: 25px;
cursor: pointer;
color: #fff;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 8px;
border: none;
color: #53c5e4;
font-weight: bold;
padding: 13px 30px !important;
width: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 55px;
transition: all .5s;
}

.std-button:hover, .std-button:active {
	background: #333;
	
}

.con{
padding: 30px;
color: #FFF;
font-size: 15px;
line-height: 26px;
float: left;
margin-top: 35px;
margin-bottom: -25px;
}
.con strong{
float:left;
width:100%;
margin-bottom:30px;
}
.con_1{
float:left;
width:30%;
margin-right:50px;
}
.con_2{
float:left;
width:60%;

}
.scrolld {
    font-size: 12px;
    color: #FFF;
position: absolute;
bottom: 25px;
width: 100%;
text-align: center;
}

#regulamin .main.wrapper ul,#regulamin .main ul {
	float: left;
	width: 98%;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#regulamin .main.wrapper ul li {
	padding-left: 10px;
	list-style: none;
}
#regulamin .main.wrapper ul h3 {
	margin-bottom: 20px;
}
#regulamin .main.wrapper ul li ol {
	margin-left: 35px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.main.wrapper ul li h3 {
	font-weight: 700;
}
.main.wrapper ul li ol li {
	
	list-style: decimal;
}

.lob, .bezp, .online, .free{
-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
    position: absolute;

}
.lob:hover, .bezp:hover, .online:hover, .free:hover 
{-webkit-filter: contrast(260%); filter: contrast(260%);}


.mainImage2{
	display:none;
}


.butmobile{
display:none;
}

.mobilemenu{
display:none;

}
@media only screen and (max-width:1200px) {
.mobilemenu.active{
display:none;

}
.std-input {

margin: 0 2.2%;
}
.butmobile{
display:block;
}
.butfull{
display:none;
}
.buttons .button {
    float: right;
    margin: 27px 0 0 12px;
    border-radius: 8px;
    background: #000;
    border: 1px solid #333 !important;
    border-radius: 0 !important;
    margin: 25px 0 20px 50px;
}
.buttons:hover a{
color:#000 !important;
}
.rev_author h2 {
    font-size: 13px;
}

.rev_author {
    left: 60%;
}
.rev_boxes .rev_section:nth-child(2) .rev_author {
left: unset;
right: 68%;
}



.buttons {
    text-align: right;
    list-style: none;
    margin: 0;
    float: left;
    margin-bottom: 20px;
}

.mainNav.active {
    display: block;
    position: absolute;
    top: 91px;
    z-index: 999;
    background: #000;
  width: 106%;
margin: 0px -3%;
padding-bottom: 20px;
max-height: calc(100vh - 111px);
overflow: auto;
}
.header nav li {
    float: none;
    padding: 30px 0px 20px 0px;
    text-align: left;
    border-bottom: 1px solid #333;
    margin: 0px 50px;
}
.mMenu {
    border: 1px solid rgba(51, 51, 51, 0.1);
    float: right;
    font-size: 40px;
    padding: 5px 20px;
    position: relative;
    top: 10px;
    cursor: pointer;
    display: block;
    color: #FFF;
    display: block;
}
.header nav {
    display: none;
}
.lob {
    right: -13px;
    top: 360px;
    transform: scale(.79);
}
.free {
bottom: -24px;
right: 24px;
    transform: scale(.79);

}
.online {
left: -22px;
top: 359px;
    transform: scale(.79);

}
.bezp {
left: 5px;
bottom: -27px;
    transform: scale(.79);

}
.banner a{
margin-left:80px;

}

}

@media only screen and (max-width:768px) {
.con_1, .con_2 {
 
    width: auto;
}
.con_2 {
margin-top:30px;
}
#customNav {
    z-index: 99;
    position: absolute;
    top: 115px;
    width: calc(100% - 60px);
    transform: translateY(0%);
    margin: 0 30px;
}
.rev_boxes {
    padding: 0px 10px;
    width: auto !important;
    margin-top: 70px;
}

.owl-prev::after {
    content: 'Poprzednie';
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -20px;
}
.owl-next::before {
  content: 'Następne';  
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -20px;
}

#customNav i {
    color: rgb(255, 255, 255);
    font-size: 81px;
}

.owl-prev, .owl-next  {

    transform: scale(.9);
}

.head {
    height: auto;

    min-height: unset;
    padding-bottom: 70px;
}

.std-input {

width: calc(100% - 30px);
}
.box_rev {
    width: calc(100% - 67px);
}

.rev_author {
    margin-left: 50px;
    float: left;
    top: 0%;
    position: relative;
    transform: translateY(0%);
    left: 0 !important;
    width: auto !important;
    margin-top: 20px;
}

.box_rev::after {
display:none;
}


.box2 img{
	width:100%;
}

.box2{
float:left;
width:100%;
}

.banner a{
margin-left:0px;
margin-top:40px;
}
.boxes .box3{
	float:left;
	width: 100%;
	margin: 30px 0;
}
.mainImage{
	display:none;
}
.mainImage2{
	display:block;
}
.mMenu{

	display:block;
}

}

@media only screen and (min-width:768px) {

.wrapper{
    width: 750px;
}





}

@media only screen and (min-width:992px) {

.wrapper{
}


}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1200px) {

.wrapper{
    width: 1170px;
}
.lob {
    right: 120px;
    top: 427px;
}

.free {
    bottom: -15px;
    right: 170px;
}

.online {
top: 426px;
left: 111px;
}
.bezp {
bottom: -18px;
left: 150px;
}
}