* {font-family: 'Karla', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Rubik', sans-serif;font-weight:700; color:#333333;}
h2 {font-size:1.5em; margin-bottom:1.5rem;}
h3 {font-size:1.2em;}
a {color:inherit;}
a:hover {color:#ff6600; text-decoration:none;}
.highlighted {color:#ff6600;font-weight:700;}

.bg-primary {background-color: #6699fd!important;}
.bg-primary:hover {background-color: #407ffd!important;color:white;}
.bg-secondary {background-color: #ff6600!important;}
.bg-secondary:hover {background-color: #c65000!important;}

.bg-primary i {width:50px; height:50px; background-color:#3f80ff; border-radius:50%; color:white; line-height: 50px; font-size:1.5em; margin: 0 auto 1.75rem;}
.bg-secondary i {width:50px; height:50px; background-color:#c65000; border-radius:50%; color:white; line-height: 50px; font-size:1.5em; margin: 0 auto 1.75rem;}

.btn-primary {background-color:#6699fd;border-color:#6699fd;padding: 11px 20px !important;}
.btn-primary:hover {background-color:#407ffd;border-color:#407ffd; color:white;}
.btn-secondary {background-color:#ff6600;border-color:#ff6600;padding: 11px 20px  !important;}
.btn-secondary:hover {background-color:#c65000;border-color:#e85e01;}

.navbar-expand-lg .navbar-nav .nav-item {padding-left:2rem;}
.navbar-expand-lg .navbar-nav .nav-link { font-family: 'Rubik', sans-serif; font-weight:700; color:#333333;}
.navbar-expand-lg .navbar-nav .active .nav-link,.navbar-expand-lg .navbar-nav .nav-link:hover { font-family: 'Rubik', sans-serif; font-weight:700; color:#6699fd;}

.banner {height:200px; background-size:cover; background-position:0 50%;}
.banner h1{bottom:50px; color:white; font-size:28px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);    left: 0;}
.banner i{position:absolute; margin-left:-50px; bottom:-50px; color:white; font-size:40px;background:#407ffd; width: 100px; height: 100px; border-radius: 50%; line-height: 100px; }

.home-blocks .row div h2 { text-align:center; display:block; width: 100%; font-size:1.5em;}
.home-blocks .row div a {color:white}
.home-blocks .row div a i {width:40px; height:40px;  line-height:40px; font-size:1rem; text-align:center;  -ms-transform: rotate(-45deg);  transform: rotate(-45deg); margin-left:1rem; margin-bottom:0;}

.home-images img {position:relative !important; margin-top: 0px;  margin-left: 0px;}

.gradient-diagonal {background: rgb(245,245,245);
background: linear-gradient(170deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(236,236,236,1) 50%, rgba(236,236,236,1) 100%);}

.ffp-logo {background:#6699fd; padding:10px 20px;}

form label {color:#666666; font-weight:700;}

footer {background:#407ffd; color:white;}
footer p a {background-color:unset;}
footer ul li {list-style:none; padding:0.5rem 0;}
footer ul li a{list-style:none; padding:0.5rem 0; background-color:unset;}
footer h3 {color:white; font-weight:500; font-size:1.75rem; margin-bottom:1.5rem;}
footer h4 {color:white; font-weight:500; font-size:1.1rem;margin-bottom:1.2rem;}
footer a {background-color:#6699fd;}

footer .credentials a {line-height:55px;height:55px; text-align:center;  min-width:55px;}
footer .credentials a i{font-size:24px;}


@media (min-width: 576px) { 


}

@media (min-width: 768px) { 
	
	.banner.home {height:300px;}

	.banner h1{font-size:48px;}
	
	
	
	.diagonal{position:relative;}
	.diagonal:before{content:'';  position: absolute;}
	
	img.float-left {width:140px;}
	
	footer .credentials ul li { display:inline-block;line-height:50px;}
}

@media (min-width: 992px) {
	.banner {height:350px; }
	.banner.home {height:550px;}
		.banner.home h1{bottom:150px; color:white;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
	.home-images img:last-child {margin-top:-16px; margin-left:100px;}
	.home-blocks .row {margin-top:-150px;}
	.home-blocks .row a {text-align:right; display:block;}
	img.float-left {width:170px;}
	.ffp-logo {background:#6699fd; padding:20px 75px;}

}

@media (min-width: 1200px) { 


}