body{background:#fff; }





h1, h2, h3, h4{margin-top:60px; margin-bottom:20px; color:#093b8a; font-family: 'Poppins', sans-serif; font-weight:700;}





h2{font-size:32px; margin-top:0; margin-bottom:40px;}

h3{font-size:26px; line-height:1.75rem !important; }

h4{font-size:19px; line-height:1.75rem !important; }



h2:after{content:""; width:15px; height:2px; background:#a6c83e; display:block; margin:20px auto;}



a{transition:all 0.4s ease;}

a:hover{color:#c6a888 !important; text-decoration:none;}



p, li, td, a{font-size:0.97rem; line-height:1.75rem !important; color:#4c6470; font-family: 'Open Sans', sans-serif; font-weight:300; }

p{margin:1.8rem 0;}



.toptop{background:#f9f9f9; }

.toptop p{color:#093b88; margin:0 15px !important; font-weight:600; font-size:13px; font-family: 'Poppins', sans-serif;  line-height:1.2em !important; }

.toptop p span{  font-weight:600; color:#5b90e3 !important}

.phoneno{ padding-left:25px; background:url(../img/tel_icn.png) no-repeat left; margin:0 !important; }

.phoneno a{color:#5b90e3 !important;  text-transform:uppercase;  font-family: 'Poppins', sans-serif; font-weight:700; font-size:13px;  margin-left:10px;}

.toptop svg{color:#9ac067 !important;}



.navbar-brand{margin:10px 0;}



.navbar{background:#fff !important; padding:0;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); }

.navbar-nav, .navbar-collapse {   width: 100%;}



.nav-link{  color:#093b88 !important; font-family: 'Poppins', sans-serif; font-weight:600; font-size:15px; padding:20px 16px 20px 16px !important; border-bottom:2px solid transparent;}



.navbar-light .navbar-toggler{border:none !important; z-index:9999; }







.dropdown-menu{border-radius:0; border:none; margin-top:-5px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); padding:0;}

.dropdown-item{ color:#093b88 !important; font-family: 'Poppins', sans-serif; font-weight:600; font-size:15px; padding:10px 16px 10px 16px !important; border-bottom:1px solid #eee;}

.dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus{color:#c6a888 !important; background:none !important;}



.active .nav-link{color:#5b90e3 !important; border-color:#5b90e3; }

.nav-link:hover, .nav-link:active, .nav-link:focus{color:#98bf64 !important;  background:none !important;}



.arrowdown{position:absolute; margin-top:-140px; text-align:center; width:100%; }

.arrowdown img{transition:all 0.2s ease-out;}

.arrowdown img:hover {margin-top:5px;}



.jumbotron{margin:0; background-image:linear-gradient(to right, rgb(255 255 255 / 60%), rgba(91, 144, 277, .4)), url(../img/kancelaria-komsumencka.webp); background-repeat: no-repeat; display: flex; align-items: center; background-position:  center top; height:610px; background-size:cover !important; padding:0; }

.jumbotron .row{height:540px;}

.jumbotron h1{font-size:60px; margin-top:-30px !important;}

.jumbotron p{font-weight:500; font-size:20px; color:#093b8a; font-family: 'Poppins', sans-serif;}







.jumbo_int, .jumbo_int .row{height:250px;}

.jumbo_int{background:#fff  url(../img/bnr_int2b.jpg) no-repeat center top  fixed; background-size: auto !important; border-bottom:1px solid #eee;}



.int_1{background:#fff  url(../img/bnr_int2b.jpg) no-repeat center top  fixed; background-size: auto !important; border-bottom:1px solid #eee;}



.int_2{background:#fff  url(../img/bnr_int2b.jpg) no-repeat center top  fixed; background-size: auto !important; border-bottom:1px solid #eee;}



.int_3{background:#fff  url(../img/bnr_int2b.jpg) no-repeat center top  fixed; background-size: auto !important; border-bottom:1px solid #eee;}



.jumbo_int h1{margin:0 !important; font-size:45px;}





.breadcrumb li, .breadcrumb li a{font-size:13px;}

.breadcrumb{background:none; margin-top:-15px; padding-left:5px;}

.breadcrumb a{color:#fff;}

.breadcrumb a:hover{color:#c6a888;}



.bottomcontact h3{color:#21345f !important;}

.bottomcontact svg{color:#98bf64 !important}



.bottomcontact h3 a{color:#21345f; font-family: 'Poppins', sans-serif; font-weight:800; font-size:26px;}





.lead a, .lead {font-size: 1.15rem;}





.btn{text-transform:uppercase; font-family: 'Poppins', sans-serif;  font-weight:800; font-size:13px;  padding:11px 45px 11px 45px; margin-top:10px; transition:all 0.6s ease; 

box-shadow:10px 10px 40px -10px rgba(0, 0, 0, 0.4);}

.btn:hover{box-shadow:10px 25px 40px -10px rgba(0, 0, 0, 0.4);}





.btn-default{background:#21345f !important; color:#fff !important; border:none !important;}

.btn-default:hover, .btn-default:active, .btn-default:focus{background:#3a4f7f !important; color:#fff !important;}



.btn-primary{background:#a6c83e; border:none !important; background-position:center left;}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-position:center right !important; color:#fff !important;}









section{padding:70px 0 50px 0; background: #fff url(../img/bg.jpg) no-repeat center top fixed;}







.sec2internal{padding:20px 0 70px 0 !important; background:#fff !important;}



#sec1{}



#sec1a{background:#f1f1f1;}

#sec1a p{color:#093b8a; font-weight:bold; line-height:1.4em !important; font-size:18px; font-family: 'Poppins', sans-serif; }

#sec1a img{margin-top:30px;}



.etapy-wrapper{border:1px solid #eee; padding:20px 60px 20px 30px; margin:10px 0; border-radius:6px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05); min-height:100px;}

.etapy-wrapper h4{margin:0 !important; color:#5b90e3;}

.etapy-wrapper:before{display:block; height:37px; width:20px; background:url(../img/arrow.png); content:""; margin-left:-50px; position:absolute;}



.et1{background:url(../img/icn1.png) no-repeat bottom right;}

.et2{background:url(../img/icn2.png) no-repeat bottom right;}

.et3{background:url(../img/icn3.png) no-repeat bottom right;}

.et4{background:url(../img/icn4.png) no-repeat bottom right;}



.klienci-wrapper{border:1px solid #eee; background:#fff; padding:40px 20px 0px 20px; margin:80px 0 30px 0; border-radius:6px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05); min-height:150px; text-align:center;}

.klienci-wrapper h4{margin:0 !important; color:#5b90e3;}

.klienci-wrapper img{margin-top:-120px; margin-bottom:30px; width: 110px;}


.cases-img { width: 130px; border: 7px solid #eee; border-radius: 100%; }


.etapy-number{background:#093b8a; color:#fff; width:45px; height:45px; display:block; text-align:center; border-radius:50%; font-weight:800; font-size:18px; padding-top:8px; }

.text-justify { text-align: justify; }

#sec3{background:#f1f1f1;}



#sec4{background-image:linear-gradient(to right, rgb(91 144 277 / 60%), rgba(91, 144, 277, .9)), url(../img/kancelaria-komsumencka-kontakt.webp); background-repeat:  no-repeat; background-position: center fixed; background-size:cover !important; padding-bottom:20px;}

#sec4 p, #sec4 h2{color:#fff;}

#sec4 h4{margin:0; color:#fff;}

#sec4 .form-control{border:none; min-height:45px;}

#sec4 h2:after{margin-bottom:-40px;}

#sec4 p{}

#sec4 p strong{font-weight:500;}

#sec4 label{color:#fff;}

#sec4 a{font-family: 'Poppins', sans-serif; font-weight:700; color:#fff; font-size:16px;}



#carouselExampleControls{width:100%;}



.ofertawrapper{    border: 1px solid #eee;

    padding: 40px 30px 40px 30px;

    margin: 30px 0;

    border-radius: 6px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);

    min-height: 150px; background:#fff;}



.ofertawrapper h3{margin:0 0 20px 0; }

.ofertawrapper h4{margin:0; color:#5b90e3 !important; }

.ofertawrapper img{margin-top:-80px; margin-bottom:30px;}



.faqwrapper{border: 1px solid #eee;

    padding: 20px 30px 20px 30px;

    margin: 30px 0;

    border-radius: 6px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);

    background:#fff; display:block; position:relative; cursor:pointer;}

	

.faqarrow{width:35px; height:35px; content:""; display:block; background:url(../img/arrow_faq.png); position:absolute; top:30px; right:10px; transition:all 0.3s ease;}

.faqwrapper h4{margin:20px 0;}

.faqwrapper p{ margin:20px 0 0 0; }



.rotate{transform:rotate(180deg)}



.hiddenquestion{visibility:hidden; opacity:0; transition:all 0.3s ease; max-height:0;}

.visible{visibility:visible; opacity:1 !important; max-height:1000px !important;}





footer{padding:5px 0 5px 0;}

footer{background:#455163;}

footer p{color:#fff; font-size:14px; }

.toparrow{margin-top:-90px; position:absolute; right:0;}

footer a{color:rgba(255,255,255,0.7); font-size:14px;}

.table-responsive{box-shadow:1px 1px 10px rgba(0,0,0,0.1);}



.mapcontainer{width:100%; height:350px; overflow:hidden;}

.mapcontainer iframe{margin-top:-110px;}



.custom-checkbox {text-align:left !important;}

.custom-control-label, .custom-control-label a{font-size:13px; text-align:left !important; cursor:pointer; color:#4c6470 !important;}



.cookieinfo{background:#5b90e1 !important;}

.cookieinfo span{color:#eee; font-size:15px; font-family: 'Open Sans', sans-serif; font-weight:300; }

.cookieinfo a{color:#fff !important;   font-size:15px; font-family: 'Open Sans', sans-serif; font-weight:500; }



.mailmessage{height:30vh; font-size:0.97rem; line-height:1.75rem !important; color:#4c6470; font-family: 'Open Sans', sans-serif; font-weight:300; padding-top:30px!important; }



@media (min-width: 1300px){

.container {

    max-width: 1240px;

}

}



@media(max-width:1200px){



.navbar{display: -webkit-flex; -webkit-justify-content: space-between ; -webkit-flex-wrap: wrap;}

.nav-link{padding:10px !important; border-bottom:1px solid #eee !important;}



.navbar-light .navbar-toggler{margin:15px 0;}



}



@media(max-width:991px){

	

	.toptop p{display:none;}

	.phoneno{display:block !important;}

	

.ofertawrapper{height:auto !important;}

}





@media(max-width:767px){

	

	





.etapy-wrapper:before{display:none;}

.etapy-number{margin:20px  auto 5px auto !important;}



	.pricingtable tr td:first-child{width:10% !important; text-align:center;}

		.pricingtable tr td:first-child img{display:block; margin:0 auto; }

	.pricingtable th{ font-size:16px;  }

	.pricingtable td{ font-size: 0.85rem; line-height:1.4em !important; }

	

	.bottomcontact h3, .bottomcontact h3 a{font-size:21px;}

	

	

	

	.jumbotron h1{font-size:38px;}

	



	

.jumbhome, .jumbhome .row{background-size:cover !important; height:500px !important;}



	.btn{ font-size:12px;  padding:11px 15px 11px 15px; margin-top:10px;}

	
.h3-offer { font-size: 20px; }


	

	#sec3{text-align:center;}

	

	 .container{padding-left:30px; padding-right:30px;}

.jumbotron .container{padding-left:15px; padding-right:15px;}



.jumbo_int, .jumbo_int .row{height:150px; background-position:  -1150px  -200px !important;}





.toptop .justify-content-end {

    -webkit-box-pack: start !important;

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

	padding-bottom:10px;

}

.toptop p.phoneno{margin-left:-10px !important;}



.img-fluid{margin:0 auto !important; display:block;}

footer a{display:block;}



}

	

@media(max-width:480px){

	

	footer p, footer a{text-align:center; font-size:12px;}

	

	.toparrow{margin-top:-200px;}

		

.navbar-brand img{}

section h2{font-size:32px !important;}





			

}



	

















	

/*** anims***/







	@media(min-width:767px){

.img_anim1 {visibility:hidden; }











.carouselfadein{

	

	

	

	

	animation-name: carouselfadein;

	-webkit-animation-name: carouselfadein;	



	animation-duration: 1s;	

	-webkit-animation-duration: 1s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;		



	

}







.fadeIn{

	

	

	

	visibility:visible !important;

	

	animation-name: fadeIn;

	-webkit-animation-name: fadeIn;	



	animation-duration: 0.6s;	

	-webkit-animation-duration: 0.6s;



	animation-timing-function: ease-out;	

	-webkit-animation-timing-function: ease-out;		



	

}





.Pulse{

	

	

	animation-name: Pulse;

	-webkit-animation-name: Pulse;	



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	

	 animation-iteration-count: infinite;	

	 -webkit-animation-iteration-count: infinite;	



	

}





	}



@keyframes fadeIn {

	0% {

			transform:translateY(140px);

		opacity: 0;		

	}

	

		10% {

		transform:translateY(140px);

		opacity: 0;		

	}

	

	100% {

		transform:translateY(0px);

		opacity: 1;	

	}		

}



@-webkit-keyframes fadeIn {

	0% {

			-webkit-transform:translateY(140px);

		opacity: 0;		

	}

	

	

		10% {

		-webkit-transform:translateY(140px);

		opacity: 0;		

	}

	100% {

		-webkit-transform:translateY(0px);

		opacity: 1;	

	}	

	

}









@keyframes carouselfadein {

	0% {

		

		opacity: 0;		

	}

	



	

	100% {

		transform:translateY(0px);

		opacity: 1;	

	}		

}



@-webkit-keyframes carouselfadein {

	0% {

		

		opacity: 0;		

	}

	

		

	

	100% {

	

		opacity: 1;	

	}	

	

}





@keyframes Pulse {

	0% {

			

		opacity: 0.2;		

	}

	

		50% {

	

		opacity: 1;		

	}

	

	100% {

	

		opacity: 0.2;	

	}		

}



@-webkit-keyframes Pulse {

	0% {

		

		opacity: 0.2;		

	}

	

	

	10% {

		

		opacity: 1;		

	}

	100% {

		

		opacity: 0.2;	

	}	

	

}