@charset "utf-8";
/* CSS Document */





body{
	
padding: 0;
margin: 0;
background: url(../images/bg.svg);
	color: #797979;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}

h1{
	text-transform: uppercase;
	font-size: 30px;
    color: #777;
	margin-top: 0;
}

h2{
	font-size: 18px;
}

.header{
	width: 100%;
	background: #FFFFFF url(../images/header-bg.svg);
	background-position: bottom center;
	background-repeat: repeat-x;
	display: inline-block;
	vertical-align: baseline;

}

.footer{
	width: 100%;
	padding:0;
	margin: 0;
}




ol, ul {
    list-style: none;
	list-style-type: none;
}

li {
    float: left;
	font-family: 'Ubuntu', Arial;
	
	font-weight: 400;
}
li a {
    display: block;
    text-align: center;
    margin: 2px 15px;
    text-decoration: none;
}



li a.hom{
	color: #642c8e;
}


li a.hom:hover:not(.active) {
    color:#642c8e;
	border-bottom: 2px solid #642c8e;
}

li a.hom.active {
    color:#642c8e;
	border-bottom: 2px solid #642c8e;
}


li a.privacy{
	color: #0095cd;
}


li a.privacy:hover:not(.active) {
    color:#0095cd;
	border-bottom: 2px solid #0095cd;
}

li a.privacy.active {
    color:#0095cd;
	border-bottom: 2px solid #0095cd;
}

li a.klientu{
	color:#ec3546;
}


li a.klientu:hover:not(.active) {
    color:#ec3546;
	border-bottom: 2px solid #ec3546;
}

li a.klientu.active {
    color:#ec3546;
	border-bottom: 2px solid #ec3546;
}


li a.kontakti{
	
	color:#ffaa07;
}

li a.kontakti:hover:not(.active) {
    color:#ffaa07;
	border-bottom: 2px solid #ffaa07;
}

li a.kontakti.active {
    color:#ffaa07;
	border-bottom: 2px solid #ffaa07;
}

.contact-wrap{
	width: 100%;
	display: inline-block;
	border-bottom: 1px dotted #DCDCDC;
}







/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
	
	body{
		
		font-size: 14px;
	}
	
	
	li{
		font-size: 22px
	}
	
	.anketa img{
		width: 45%;
		float: left;
		padding: 7px;
	}
	
.footer-wrap{
width: 100%;
margin: 0 auto;
max-width: 1150px;
text-align: right;
padding: 0px 20px;
color: #fff;
font-size: 12px;
margin-bottom: 20px;
}

	
	.menu{
	padding-top: 15px;
	text-align: right;
    float: right;
}

	
	.top{
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
		
	}
  
.logo{
	width: 25%;	
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;	
	height: 120px;
	border: 0px solid;
	float: left;
}
	
	
	
	.content{
		width: 100%;
		max-width: 1100px;
		margin-left: auto;
	    margin-right: auto;
		margin-bottom: 20px;
		
	}
	
	.card{
		width: 100%;
		max-width: 800px;
		padding:10px;
		margin: 0 auto;
	}
	
	.text{
		width: 60%;
		color: #FFFFFF;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 40px;
		float: left;
		margin-top: 90px;
		font-weight: 600;
		
	}
	
	.card2{
		
		width: 40%;
		font-weight: 500;
		background-position: center right;
		background-repeat: no-repeat;
		
		float: right;
	}
	
	.cont{
		width: 100%;
		max-width: 1100px;
		margin-left: auto;
	    margin-right: auto;
		background: #FFFFFF;
		min-height: 200px;
		display: inline-block;
		padding: 20px;
	}
	
	img.logos{
		width: 80%;
	}
	
	table{
		font-size: 18px;
	}
	
	
	.contact{
		width: 30%;
		float: left;
		padding: 20px 0px;
	}
	
	.title-logo{
		text-align: center;
	}
	

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
	
		body{
		
		font-size: 14px;
	}
	
	
	li{
		font-size: 22px
	}
	
	
		.anketa img{
		width: 45%;
		float: left;
		padding: 7px;
	}
	
.footer-wrap{
width: 100%;
margin: 0 auto;
max-width: 1000px;
text-align: right;
padding: 0px 20px;
color: #fff;
font-size: 12px;
margin-bottom: 20px;
}
	
	.menu{
	padding-top: 15px;
		text-align: right;
    float: right;
}

  
	.top{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
		
	}
  
.logo{
	width: 30%;	
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;	
	height: 120px;
	border: 0px solid;
	float: left;
}
	
	
	
	.content{
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
	    margin-right: auto;
		margin-bottom: 20px;
		
	}
	
	.card{
		width: 100%;
		max-width: 800px;
		padding:10px;
		margin: 0 auto;
	}
	
	.text{
		width: 60%;
		color: #FFFFFF;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 40px;
		float: left;
		margin-top: 90px;
		font-weight: 600;
		
	}
	
	.card2{
		
		width: 40%;
		font-weight: 500;
		background-position: center right;
		background-repeat: no-repeat;
		
		float: right;
	}
	
	.cont{
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
	    margin-right: auto;
		background: #FFFFFF;
		min-height: 200px;
		display: inline-block;
		padding: 20px;
	}
	
	img.logos{
		width: 80%;
	}
	
	table{
		font-size: 18px;
	}
	
	
	.contact{
		width: 30%;
		float: left;
		padding: 20px 0px;
	}
	
	.title-logo{
		text-align: center;
	}
	
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	
		li{
		font-size: 22px
	}
	
		.anketa img{
		width: 45%;
		float: left;
		padding: 7px;
	}
	
	.footer-wrap{
width: 100%;
margin: 0 auto;
max-width: 768px;
text-align: right;
padding: 0px 20px;
color: #fff;
font-size: 12px;
margin-bottom: 20px;
}
	
	.menu{
		width: 70%;
        float: right;
	}
  
  .top{
	width: 768px;
	margin-left: auto;
	margin-right: auto;
		
	}
  
.logo{
	width: 30%;	
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;	
	height: 120px;
	border: 0px solid;
	float: left;
}
	
	
	
	.content{
		width: 100%;
		max-width: 768px;
		margin-left: auto;
	    margin-right: auto;
		margin-bottom: 20px;
		
	}
	
	.card{
		width: 100%;
		max-width: 768px;
		padding:10px;
		margin: 0 auto;
	}
	
	.text{
		width: 60%;
		color: #FFFFFF;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 40px;
		float: left;
		margin-top: 90px;
		font-weight: 600;
		
	}
	
	.card2{
		
		width: 40%;
		font-weight: 500;
		background-position: center right;
		background-repeat: no-repeat;
		
		float: right;
	}
	
	.cont{
		width: 100%;
		max-width: 768px;
		margin-left: auto;
	    margin-right: auto;
		background: #FFFFFF;
		min-height: 200px;
		display: inline-block;
		padding: 20px;
	}
	
	img.logos{
		width: 100%;
	}
	
	table{
		font-size: 18px;
	}
	
	
	.contact{
		width: 50%;
		float: left;
		padding: 20px 0px;
	}
	
	.title-logo{
		text-align: center;
	}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  

  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	
	body{
		font-size: 14px;
	}
	
		.anketa img{
		width: 100%;
		
	}
	
	
	.footer-wrap{
width: 100%;
margin: 0 auto;
max-width: 481px;
text-align: right;
padding: 0px 20px;
color: #fff;
font-size: 12px;
margin-bottom: 20px;
}
	
		li{
		font-size: 22px
	}
	
	.menu{
		width: 100%;
		line-height: 2;
        
	}
  
  .top{
	width: 481px;
	margin-left: auto;
	margin-right: auto;
	  min-height: 180px;
		
	}
  
.logo{
	width: 100%;	
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center;	
	height: 100px;
	border: 0px solid;
	text-align: center;
}
	
	
	
	.content{
		width: 100%;
		max-width: 481px;
		margin-left: auto;
	    margin-right: auto;
		margin-bottom: 20px;
		
	}
	
	.card{
		width: 100%;
		max-width: 481px;
		padding:10px;
		margin: 0 auto;
	}
	
	.text{
		width: 60%;
		color: #FFFFFF;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 26px;
		float: left;
		margin-top: 50px;
		font-weight: 600;
		
	}
	
	.card2{
		
		width: 40%;
		font-weight: 500;
		background-position: center right;
		background-repeat: no-repeat;
		
		float: right;
	}
	
	.cont{
		width: 100%;
		max-width: 481px;
		margin-left: auto;
	    margin-right: auto;
		background: #FFFFFF;
		min-height: 200px;
		display: inline-block;
		padding: 20px;
	}
	
	img.logos{
		width: 120%;
	}
	
	table{
		font-size: 18px;
	}
	
	
	.contact{
		width: 100%;
		float: left;
		padding: 10px 0px;
	}
	
	.title-logo{
		text-align: center;
	}
  
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	
	body{
		font-size: 18px !important;
	}
	
	
		.anketa img{
		width: 100%;
		float: left;
		
	}
	
	.footer-wrap{
width: 100%;
margin: 0 auto;
max-width: 320px;
text-align: right;
padding: 0px 20px;
color: #fff;
font-size: 12px;
margin-bottom: 20px;
}
	
	
		li{
		font-size: 22px
	}
	
	.menu{
		width: 100%;
		line-height: 2;
        
	}
  
  .top{
	
	margin-left: auto;
	margin-right: auto;
	  min-height: 180px;
		
	}
  
.logo{
	width: 100%;	
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center;	
	height: 100px;
	border: 0px solid;
	text-align: center;
}
	
	
	
	.content{
		width: 100%;
		
		margin-left: auto;
	    margin-right: auto;
		margin-bottom: 20px;
		
	}
	
	.card{
		width: 100%;
		
		padding:5px;
		margin: 0 auto;
	}
	
	.text{
		width: 60%;
		color: #FFFFFF;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 18px;
		float: left;
		margin-top: 35px;
		font-weight: 600;
		
	}
	
	.card2{
		
		width: 40%;
		font-weight: 500;
		background-position: center right;
		background-repeat: no-repeat;
		
		float: right;
	}
	
	.cont{
		width: 100%;
		max-width: 320px;
		margin-left: auto;
	    margin-right: auto;
		background: #FFFFFF;
		min-height: 200px;
		display: inline-block;
		padding: 20px;
	}
	
	img.logos{
		width: 160%;
	}
	
	table{
		font-size: 18px;
	}
	
	
	.contact{
		width: 100%;
		float: left;
		padding: 10px 0px;
	}
	
	.title-logo{
		text-align: center;
	}
	
	
  
  
}