/*
Theme Name: Facebook szkolenie Child
Template: komart
Author: Agencja Reklamowa Komart
Author URI: https://komart.info
Description: Komart
Version: 1.0.0.1618509834
Updated: 2021-04-15 18:03:54

*/

body {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 300;
	}

strong {
	font-weight: 600;
	}

h5 {
	font-weight: 300;
	}

html .formcraft-css .fc-form.label-floating .form-element .submit-cover .submit-button {
    padding: 12px 40px 12px 40px !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    -moz-transition: 200ms ease-in;
    -ms-transition: 200ms ease-in;
    -o-transition: 200ms ease-in;
    transition: 200ms ease-in;
	}

h1 {
	font-size: 2.8rem;
	}

.social-footer img {
    width: 50px;
    }

a.social-footer:hover {
    text-decoration: none;
    filter: grayscale(100%);
    opacity: 0.3;
    }

.submit-button:hover {
    background: #cacaca !important;
    }

html .formcraft-css .fc-form .final-success .final-success-check {
    border: 2px solid #FAB700 !important;
	}

.navbar-brand img {
    width: 120px;
    }

.header-info img {
    border-radius: 100%;
    }

.header-info a {
	color: #405a94 !important;
    font-weight: 500;
	}

.header-info img {
    width: 40px;
    padding: 10px;
    }

.sticky {
    background: #fff;
    }

.bg-blue {
    background: #405a94 !important;
    }

.text-blue {
    color: #405a94 !important;
    }

.text-light-blue {
    color: #afb8d0 !important;
    }

#main-nav li a {
    color: #000;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 10px 0 !important;
    }

.hero h4 {
    display: inline-block;
    padding: 10px 20px;
    margin-left: -20px;
    border-radius: 50px;
    }

.hero h1 {
    display: inline-block;
    padding: 10px 20px;
    margin-left: -20px;
    border-radius: 50px;
    background: #fff;
	font-weight: 700;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(64,90,148,0.15);
	-moz-box-shadow: 3px 3px 0px 0px rgba(64,90,148,0.15);
	box-shadow: 3px 3px 0px 0px rgba(64,90,148,0.15);
    }

.box-1 {
    border: 2px solid #405a94;
    }

.box-2 {
    background: #e8ebf1;
    }

.box-3 {
    background: #e05e6b;
    }

.border-radius {
    border-radius: 30px;
    }

h3 {
    color: #405a94;
    font-weight: 700;
	font-size: 2rem;
    }

.btn-primary {
    background: #fff;
    border: 0px;
    color: #405a94;
    padding: 10px 30px;
    border-radius: 50px;
    }

.icons .col-6 img {
    width: 60px
    }

.socials-basia img {
    width:30px;
    filter: grayscale(100%);
    opacity: 0.3;
    }

.socials-basia img:hover {
    filter: grayscale(0%);
    opacity: 1;
    }

.testimonial-box {
    background: #f6f7fa;
    border-radius: 40px;
    }

.testimonial-box p {
    font-style: italic;
    }

.testimonial-box img {
    width: 120px;
    }

.contact a {
    color: #737373;
    font-size: 1.6rem;
    font-weight: 500;
    }

footer a {
    color: #aaa;
    }

.hero-bg {
	margin-top: -25px;
	}

.box-1:before {
    content: '';
    background-image: url('/wp-content/uploads/2021/04/like-fb.svg');
    display: block;
    background-size: 16px !important;
    background-position: center !important;
    background-repeat: no-repeat;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #405a94;
    border-radius: 50%;
    border: 5px solid #fff;
    top: -24px;
    }

.box-3:before {
    content: '';
    background-image: url('/wp-content/uploads/2021/04/love-fb.svg');
    display: block;
    background-size: 16px !important;
    background-position: center !important;
    background-repeat: no-repeat;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #e05e6b;
    border-radius: 50%;
    border: 5px solid #fff;
    top: -24px;
    }

.testimonial-box {
    flex-direction: column;
    }

.dots img {
    width: 120px;
    opacity: 0.2;
    position: absolute;
    top: -150px;
    }

.socials-basia a:hover {
    text-decoration: none !important;
    }

.header-info .border-radius {
    -webkit-box-shadow: 3px 3px 0px 0px rgb(64 90 148 / 15%);
    -moz-box-shadow: 3px 3px 0px 0px rgba(64,90,148,0.15);
    box-shadow: 3px 3px 0px 0px rgb(64 90 148 / 15%);
    }

.header-info a:hover {
    text-decoration: none;
    }

.header-info .border-radius:hover {
    background: #405a94 !important;
    color: #fff;
    }

.contact a:hover {
    color: #405a94 !important;
    text-decoration: none;
    }

.testimonial-box {
    justify-content: space-between;
    }

.btn-primary:hover {
    background: #fff !important;
    border: 2px solid #405a94;
    color: #405a94 !important;
    }

.btn-primary {
    border: 2px solid rgba(255,255,255,0);
    font-weight: 500;
    }

.max-1600 {
	max-width: 1600px !important;
	}

.border-radius-100 {
	border-radius: 100px;
	}



/* ---------- MEDIA ---------- */


@media (min-width: 381px) { 
	
	.p-xs-4 {
		padding: 1.5rem !important;
		}
	
	.border-sm-right {
		border-right: 1px solid #e3e3e3;
		}

	.border-sm-bottom {
		border-bottom: 1px solid #e3e3e3;
		}
	
}


@media (min-width: 420px) { 
	
}


@media (min-width: 481px) {
	
	
}


@media (max-width: 480px) {

	
}



@media (min-width: 576px) {
	
	.border-sm-right {
		border-right: 1px solid #e3e3e3;
		}

	.border-sm-bottom {
		border-bottom: 1px solid #e3e3e3;
		}
	
	.icons .col-6 {
		display: flex;
		flex-direction: row;
		align-items: center;
		}

	.icons .col-6 img {
		margin-right: 25px;
		}

}


@media (min-width: 768px) {
	
	
}


@media (max-width: 575px) {
	
	.hero h1, .hero h4 {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		}

}


@media (min-width: 992px) {
	
	.hero-bg {
		background: url('https://fb.komart.info/wp-content/uploads/2021/04/hero-desktop.jpg');
		background-size: auto !important;
		background-position: center top !important;
		height: 722px;
		}

	.fixed-lg-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		}
	
	.header-info .border-radius {
		font-size: 0.875rem;
		-webkit-box-shadow: 3px 3px 0px 0px rgb(64 90 148 / 15%);
		-moz-box-shadow: 3px 3px 0px 0px rgba(64,90,148,0.15);
		box-shadow: 3px 3px 0px 0px rgb(64 90 148 / 15%);
		}

	#main-nav li a {
		color: #fff;
		font-weight: 500;
		font-size: 0.875rem;
		text-transform: none;
		padding: 10px 0 !important;
		}
	
	.header-info .border-radius {
		font-size: 0.875rem;
		border: 2px solid #fff;
		}
	
	.sticky #main-nav li a {
		color: #405a94;
		}

	.sticky .header-info .border-radius {
		font-size: 0.875rem;
		border: 2px solid #405a94;
		box-shadow: 0px 0px 0px !important;
		}
	
	.navbar-brand img {
		width: 160px;
		}
	
}


@media (max-width: 991px) {

}


@media (min-width: 1200px) {
	
	.hero h1 {
		font-size: 3.2rem;
		padding: 15px 40px;
		margin-left: -40px;
		}

	.hero h4 {
		font-size: 1.1rem;
		}

	.hero h3 {
		font-size: 1.6rem;
		}
	
	
}

@media (min-width: 1500px) {
	

}

@media (min-width: 1921px) {

	
}

@media (max-width: 991px) {
	
}