@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');


:root{
  --cassiopeia-color-primary:#009640;/* main green */ 
  --cassiopeia-color-darker:#007532; /* darker green */
  --font-family-default: 'Montserrat', sans-serif;
  --font-weight-default: 400;
  --font-size-default:16px;

  /*--font-family-default: 'Oswald', sans-serif;
  --font-weight-default: 300;
  --font-size-default:22px !important;*/

  --grey-color-primary: #bebebe; /* main grey */ 
  --grey-color-lighter: #d9d9d9; /* lighter grey */
}

body{
	padding: 0px;
	margin: 0px;
	font-family: var(--font-family-default);
	font-weight: var(--font-weight-default);
	font-size: var(--font-size-default);
	color:#000000;
}

a {
    color: #000000 !important;
}

.container-header {
    background-color: var(--cassiopeia-color-primary) !important;
    background-image: none;
}

.com-content-article .header .logo{
	text-align: left;
	display: flex;
    align-items: center;
}

.com-content-article .header .logo img{
	width: 55%;
}

.com-content-article .header{
	margin-bottom: 40px;
}
.top-bar{
	background-color: var(--cassiopeia-color-primary);
	height: 24px;
	width: 100%;
}

.footer{
	background-color: none !important;
	background-image: none !important;
}
.footer .grid-child{
	padding: 1rem 1em !important;

}

.main-col{
	margin-left: auto;
	margin-right: auto;
}
	
.socialmedia{
	text-align: right;
}
.socialmedia img{
	padding-left: 20px;
}

h1{
	padding: 0px 0px 0px 0px;
	font-size: 36px;
	font-weight: 800;
	font-family: var(--font-family-default);
}
h2{
	font-size: 36px !important;
	font-weight: 800 !important;
	margin:0px auto 40px;
	font-family: var(--font-family-default);
}
h3{
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	color: #009640;
	font-family: var(--font-family-default);
}
h4{
	font-weight: 800;
	font-size: 16px;
	color: var(--cassiopeia-color-primary);
	text-transform: uppercase;
	margin-bottom: 0px;
	font-family: var(--font-family-default);
}

h5{
	font-family: var(--font-family-default);
	color: var(--cassiopeia-color-primary);
}

.findus-pracuj, .findus-olx, .findus-youtube, .findus-fb{
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	height: 25px;
}

.findus-pracuj{
	width: 100px;
	background-image:url("../images/logo-pracuj-blk.png");

}
.findus-pracuj:hover{
	background-image:url("../images/logo-pracuj.png");
}

.findus-olx{
	width: 60px;
	background-image:url("../images/logo-olx-blk.png");

}
.findus-olx:hover{
	background-image:url("../images/logo-olx.png");
}

.findus-youtube{
	width: 55px;
	background-image:url("../images/logo-youtube-blk.svg");
}
.findus-youtube:hover{
	background-image:url("../images/logo-youtube.svg");
}

.findus-fb{
	width: 30px;
	background-image:url("../images/logo-facebook-blk.svg");

}
.findus-fb:hover{
	background-image:url("../images/logo-facebook.svg");
}


.youtube iframe{
	height: 330px;
}

.call-now{
	height: 60px;
	margin-top:25px;
}
.phone{
	font-size: 1.7rem;
	font-weight: 800;
	color: #263680;
	margin-top: 11px;
}
.phone img{
	margin-right: 10px;
	margin-top: 4px;
	float: left;
	height:30px;
	width: auto;
}
.phone .number{
	float: left;
}
.call-now-btn{
	height: 60px;
	background-color: var(--cassiopeia-color-primary);
	color: #fff;
	text-align: center;
	font-weight: 800;
	font-size: 1.7rem;
	padding:10px 2px 10px 2px;
	border-radius: 30px;
	cursor:pointer;
}

.call-now-btn:hover,
.qf3form.default.qf3btninput:hover{
	background-color:(--cassiopeia-color-darker)!important;
}

.line{
	height:1px;
	background-color:#D5D5D5;
	margin-bottom:40px !important;
	margin-top: 40px;
}

.spacer{
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.images img, .footer-landingpage .avatar img{
	height: auto;
	width: 80%;
}

.points{
	margin-top: 3vh;
}

.points img{
	float: left;
	margin-right: 10px;
	height:29px;
}
.points-text{
	margin-top: 40px;
	text-align: center;
}

.example{
	text-align: center;
	padding: 20px;
	display: flex;
    align-content: space-between;
}

.example .row{
	margin-bottom: 0px;
	display: flex;
    align-content: space-between;
}

.example .frame{
	border:1px solid var(--grey-color-primary);
	border-radius: 6px;
	padding: 20px 20px 0px 20px;
	margin-bottom: 0px;
	display: flex;
    align-content: space-between;
}

.example .content{
	margin-bottom: 0px;
	display: flex;
    flex-direction: column;
}

.example .avatar img{
	width: 30%;
	height:auto;
}
.example .reward{
	color: #000;
	text-align: left;
	line-height: 1.7rem;
}

.example .reward .amount{
	background-color: #4a4a4a;
	color: #fff;
	border-radius: 4px;
	text-align: left;
	padding:10px 15px;
}

.example .reward-strong-font{
	font-weight: 600;
	font-size: 30px;
}

.work img{
	width: 100%;
	height:auto;
}

.points.apply img, .points.benefits img{
	float: none;
	height: 60px;
	width: auto;
	margin-left: 14px;
	margin-bottom: 1vw;
}

.footer-landingpage h3{
	margin-bottom: 0px;
	
}
.footer-landingpage .points img{
	float: left;
	height:26px;
}
.footer-landingpage h4{
	color:#000 !important;
	margin-top: 3px;
	margin-bottom: 12px;
}

.footer-landingpage .socialmedia {
text-align: left;
}

.footer-landingpage .socialmedia img{
	float: none;
	margin-top: -10px;
	padding-left: 5px
}

.footer .grid-child{
	display: block;
}

.footer a {
	color: #fff !important;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.calculator{
	width: 100%;
}

.calconic-calculator{
	-webkit-box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 26%);
	-moz-box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 26%);
	box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 26%);
	border-radius: 10px;
}
/*
.calconic-calculator #lumi-calculator-62da7ca527415c002aa39f5f .calconic-element-label label, #lumi-calculator-62da7ca527415c002aa39f5f .calconic-form-item-label label{
	font-family: 'Montserrat';
	font-size: 16px;
}

.calconic-calculator .react-grid-item.cssTransforms{
	height: 96px !important;

}

.calconic-calculator #lumi-calculator-62da7ca527415c002aa39f5f .calconic-element{
	padding: 20px 20px 5px 20px;
}*/

.qf3form.default .qf3label{
	font-size: 100% !important;
	font-weight: 600;
}

.qf3form.default .qffile input{
	max-width: 58% !important;
}


.small-label{
	font-size: 12px !important;
	text-align: right;
	width: 38%;
	display: inline-block;
	padding: 0 0.8em 0 0;
}

.form-attachment{

}

.formular{
	border: 5px solid var(--cassiopeia-color-primary);
	border-radius: 10px;
	padding: 20px;
}

.qf3form.default .qf3btn input{
	background: var(--cassiopeia-color-primary) !important;
	height: 60px;
	color: #fff;
	text-align: center;
	font-weight: 800;
	font-size: 1.7rem !important;
	padding:10px 20px 10px 20px !important;
	border-radius: 5px !important;
	border: 0px !important;
}

.qf3form.default{
	padding-bottom: 0px !important;
}

.qfcapt{
	display: none;
}

.newline, .newline2{
	display: none;
}

.row div, .form-group, .mb-3{
	margin-bottom: 1rem;
}

.row.header div, .row.benefits div, .row.apply div{
	margin-bottom: 0px;	
}


.callus, .callus a{
	color: var(--cassiopeia-color-primary) !important;
	text-decoration: none;
}

.callus a:hover{
	text-decoration: underline;
}

.qf3.qf3txt.qfemail.req.form-space{
	margin-bottom: -35px;
	margin-top: 20px;
}



@media (max-width: 1200px){
	.qf3form.default .qffile input{
		max-width: 100% !important;
	}

	.qf3.qfradio.ver .qf3label{
		margin-bottom: 10px !important;
	}

	.qf3.qf3txt.qfemail.req.form-space{
		margin-bottom: -37px;
    	margin-top: 30px;
	}

	.qf3.qfcheckbox{
		margin-bottom: -10px !important;
	}

	.qf3.qf3txt.qfemail.req.form-space.form-attachment .small-label{
		/*float: left;
	    margin-left: 12px;*/
	    margin-top: -14px !important;
	    top: 10px;
	}


}

@media (max-width: 991px) {
  body,p {
	font-size:18px;
  }
  h3{ font-size:28px; }
  h4{ font-size:18px; }
  .qf3form.default .qffile input{
		max-width: 58% !important;
	}

	.qf3.qf3txt.qfemail.req.form-space.form-attachment .small-label{
		float: none;
	    margin-left: auto;
	    margin-top: auto;
	    top: auto;
	}

	.qf3.qf3txt.qfemail.req.form-space{
	    margin-bottom: -40px;
    	margin-top: 30px;
	}

	.qf3.qfcheckbox {
	    margin-bottom: -15px !important;
	}

}

@media (max-width:767px){
	.com-content-article .header .logo, .com-content-article .header .socialmedia{
		text-align: center;
		align-items: center;
  		justify-content: center
	}

	.com-content-article .header .logo{
		margin-bottom: 40px;
	}

	.newline{
		display: inline;
	}
	.footer-landingpage .avatar img{
		width: 60%;
		margin-bottom: 1rem;
	}
	.example .avatar img{
		width: 30%;
		margin-top: 0.2rem;
	}
	.example .content{
		text-align: left;
	} 
	.example .title{
		text-align: left;
	}
	.qf3form.default .qffile input{
		max-width: 100% !important;
	}
	.qf3.qf3txt.qfemail.req.form-space {
	    margin-bottom: -25px;
	    margin-top: 30px;
	}
	.qf3.qfcheckbox {
	    margin-bottom: -25px !important;
	}

}

@media (max-width: 576px){
	h2{
		font-size: 30px !important;
	}

	.newline2{
		display: inline;
	}

	.qf3form.default .qffile input{
		max-width: 100% !important;
	}
	.form-space{
		margin-top: 1rem !important;
	}
	.qfcheckbox{
		padding-left: 1rem !important;
	}

	.main-col .earning-examples,
	.main-col .earning-examples .example{
		padding: 0px;
	}

	.call-now-btn{
		height: auto;
	}

	.youtube iframe{
		height: 290px;
	}

}