html {
	    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
	font-family: 'Circle';
}

.no-pad {
	padding: 0px;
}


.row1 {
	background: url(../img/bg1.jpg) center top;
}

.row-predmet {
    background: rgba(0, 0, 0, 0.3);
	/* background: url(../img/bg_predmet.png) top center no-repeat;
	background-position: center 120px; */
	padding-bottom: 40px;
}

.row1-cont1 {
	padding: 5px 0px;
}

.phone {
	 color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}


.phone:hover {
	    color: #fff!important;
}

.phone-btn {
	float: right;
    width: 100%;
    background: #228de7;
    border: 0px;
    color: #fafafa;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 7px 0px;
    border-radius: 10px;
}



h1 {
	font-family: 'Metronic';
	color: #fcfcfc;
   font-size: 43px;
   text-align: center;
}

h2 {
	     font-size: 25px;
    color: #fcfcfc;
    text-align: center;
    font-weight: 100;
    margin-top: 5px;
    text-shadow: 0.3px 0.3px 0.5px #fff;
    letter-spacing: 0.5px;
    line-height: 30px;
    margin-bottom: 20px;
}


h2 span {
	font-weight: 500;
}

.podpis {
	color: #fcfcfc;
    text-align: center;
    max-width: 470px;
    font-weight: 300;
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 0px;
    opacity: 0.8;
    letter-spacing: 0.5px;
}


.width20 {
	width: 20%;
	float: left;
	margin-top: 10px;
}

.width20 p {
	font-size: 20px;
    text-align: center;
    color: #fcfcfc;
    font-weight: 300;
    margin-top: 10px;
}

.width20 img {
	width: 60px;
}





.utp {
display: inline-block;
    opacity: 0.8;
    text-align: center;
}

.utp p {
	display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-left: 10px;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 300;
    text-align: left;
}

.utp img {
    display: inline-block;
}

.row-cont4 {
	margin-top: 30px;
}

.row-cont3 {
	margin-top: 20px;
}

.glav {
	margin-left: 4%;
}

.sert-img {
	margin-top: 10px;
	width: 100%;
	max-width: 470px;
}











.row2 {
	    background: #3898e9 url(../img/simbol1.png) no-repeat center top;
    background-position: 20% 0px;
	padding: 70px 0px 50px;
}


h3 {
	font-family: 'Metronic';
	font-size: 35px;
	text-align: center;
	margin-top: 0px;
}


.h3w {
	color: #fcfcfc;
}

.h3b {
	color: #555;
}


.row2-p {
	color: #fcfcfc;
	font-weight: 300;
	font-size: 21px;
	text-align: center;
	margin-top: 40px;
}

.row2-p span{
font-weight: 700;
}


.row2 iframe {
	margin: 20px auto ; display: block;
}

.row2-btn {
	    margin: 40px auto 0px;
    font-size: 23px;
    color: #fcfcfc;
    background: transparent;
    border: 2px solid #fcfcfc;
    padding: 12px 40px;
    border-radius: 10px;
    display: block;
}

.download {
	color: #fcfcfc;
    display: block;
    margin: 0px auto;
    width: 290px;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    font-weight: 300;
}









.row3 {
	background: #f2f5f7;
	padding: 70px 0px 50px;
}

.podzagolovok {
	    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.treb {
margin-top: 30px;
float: left;
}

.treb blockquote {
	font-weight: 300;
}

.treb-p1 {
	font-size: 24px;
	color: #555;
	font-weight: 700;
}

.treb-p2 {
	font-weight: 300;
}

.treb a {
	font-size: 18px;
    color: #3898e9;
}

.treb img {
	margin: 4px auto;
    display: block;
}

.row3-cont2 {
	margin-top: 70px;
}


.card {
	    box-shadow: 0px 12px 35px rgba(51, 51, 51, 0.17);
	    margin-top: 40px;
}


.card-title {
    font-family: 'Metronic';
    color: #fcfcfc;
    font-size: 29px;
    padding: 20px 35px;
}

.card-title1 {
	    background: url(../img/card1.jpg) center top no-repeat;
    background-size: cover;
}

.card-title2 {
	    background: url(../img/card2.jpg) center top no-repeat;
    background-size: cover;
}


.card-title3 {
	    background: url(../img/card3.jpg) center top no-repeat;
    background-size: cover;
}


.card-title4 {
	    background: url(../img/card4.jpg) center top no-repeat;
    background-size: cover;
}


.card-body {
	background: #fff;
    padding: 20px 35px;
}

.card-p1 {
	font-size: 14px;
    font-weight: 300;
}

.card-p2 {
	color: #228de7;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
}

.row4 {
	background: url(../img/bg2.jpg);
	padding: 65px 0px;
}


.row4-p1 {
font-size: 32px;
    color: #555;
    font-family: 'Metronic';
}


.row4-p2 {
    font-size: 25px;
    font-weight: 300;
    margin-top: 35px;
}


.row4-p3 {
font-size: 32px;
    color: #228de7;
    font-family: 'Metronic';
    margin-top: 35px;
}

.lead-form {
background: #f0f2f5;
    padding: 20px 20px 35px;
    border-radius: 5px;
    border-bottom: 6px solid #228de7;
    margin-top: 10px;
    box-shadow: 0px 8px 30px rgba(51, 51, 51, 0.2);
}

.form-p1 {
	font-size: 25px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-p2 {
	    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

.lead-input {
	    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #c5c4ff;
    font-size: 16px;
    padding: 12px 13px;
    font-weight: 300;
    border-radius: 5px;
}

.form-btn {
	    width: 100%;
    background: #228de7;
    color: #fcfcfc;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    padding: 13px 0px;
}




.row5 {
	background: #f2f5f7;
	padding: 70px 0px 50px;
}




.kak-img {
	width: 140px;
	margin: 20px auto 0px;
	display: block;
	position: relative;
}

.k-img {
	width: 140px;
}

.kak-p {
	font-size: 21px;
    text-align: center;
}

.kak-p span, .kak-p a {
	color: #238ee7;
}

.dashed {
position: absolute;
    right: -191px;
    top: 66px;
}

.row6 {
	background: url('../img/bg3.jpg') center top;
	background-size: cover;
	padding: 70px 0px 50px;
}

.check {
	margin-top: 30px
}

.check-p {
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    line-height: 27px;
    color: #555;
}

.row6-cont2 {
	margin-top: 40px;
}

.row6-p1 {
	font-size: 26px;
	color: #555;
}

.row6-p2 {
	font-size: 22px;
	font-weight: 300;
}

.com-p1 {
font-size: 23px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.com {
	display: inline-block;
	width: 100%;
    margin-top: 15px;
    padding: 0px 3px;
}

.com img {
	display: inline-block;
}




.com p {
	display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    margin-left: 7px;
}








.row7 {
	background: #f2f5f7;
    padding: 70px 0px 50px;
}

.sertifikat {
	margin-top: 20px;
}

.sertifikat p {
	text-align: center;
	color: #555;
	font-size: 18px;
	margin-top: 10px;
}

.sertifikat img {
box-shadow: 0px 6px 20px rgba(51, 51, 51, 0.4);
}



.rowQ {
	background: url(../img/bg2.jpg);
	padding: 65px 0px;
}

.rowQ h3 {
margin-bottom: 30px;
}












.row8 {
	    background: #3898e9 url(../img/simbol2.png) no-repeat center top;
    background-position: 27% 0px;
	padding: 70px 0px 50px;
}

.row8 .podzagolovok {
	color: #fcfcfc;
}


.inlineForm {
	width: 90%;
	margin: 20px auto 0px;

}


.inline-input {
	width: 29%;
	margin: 0px 2% 15px 2%;
    border: 1px solid #c5c4ff;
    font-size: 16px;
    padding: 12px 13px;
    font-weight: 300;
    border-radius: 5px;
}

.inline-btn {
    width: 29%;
    margin: 0px 2% 15px 2%;
    background: transparent;
    color: #fcfcfc;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    padding: 11px 0px;
    border: 2px solid #fcfcfc;
}

.row9 {
	background: url(../img/bg2.jpg);
    padding: 65px 0px;
}

.kon {
	margin-top: 40px;
}

.kon p {
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
}


.footer {
	padding: 10px 0px;
}

.footer p {

}

.footer a {
	width: 300px;
   text-align: center;
}



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

.logo {
	display: block;
	margin: 0px auto;
}

.sert-img {
	margin: 0px auto;
    display: block;
}

.utp {
	text-align: left;
}

.podpis {
	text-align: center;
    margin: 10px auto;
}


h1 {
	font-size: 33px;
}


.utp img {
	display: none;
}

.utp p {
    width: 100%;
    text-align: center;
    margin-left: 0px;
    border: 2px solid;
    margin-top: 10px;
    padding: 3px 0px;
}

.width20 {
	width: 50%;
}

.width20:last-child {
	width: 50%;
	margin-left: 25%;
}

.row2-p {
     font-size: 19px;
}


.treb div {
	padding: 0px;
}

.row3-cont2 .col-md-6 {
	padding: 0px;
}

.card-title, .card-body {
	padding: 20px 25px;
}

.card-body {
	font-size: 15px;
}

.dashed {
	display: none;
}

.row6-cont2 {
	padding: 0px;
}


.sertifikat a img {
	max-width: 100%;
}

.inline-input {
	width: 100%;
}


.inline-btn {
	width: 100%;
}






































}