/*
Theme Name: Component Blox Child Theme
Author: Component Blox
Description: Bootstrap Component Blox Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/

body {
	font-family: 'Roboto Condensed', sans-serif;

}
.display-1 {
	font-size: 54px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
}
.display-2 {
	font-size: 48px;
	font-weight: 700;
	text-transform: uppercase;
}
.display-3 {
	font-size: 36px;
	font-weight: 700;
}
.display-4 {
	font-size: 30px;
}
.display-5 {
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}
.display-6 {
	font-size: 21px;	
	font-weight: 400;
	text-transform: uppercase;
}
p, li {
	font-size: 16px;
	font-weight: 300;
}
.btn {
	width: 200px;
	padding: 11px 15px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 16px;
	border-radius: 0px;
}
.btn-warning {
	color: #fff;
	background-color: #F59D0F;
	border-color: #F59D0F;
}
.btn-warning:hover, .btn-warning:focus {
	color: #3f4751;
	background-color: #fff;
	border-color: #3f4751;
}
.btn-dark {
	color: #fff;
	background-color: #3f4751;
	border-color: #3f4751;
}
.btn-dark:hover, .btn-dark:focus {
	color: #F59D0F;
	background-color: #fff;
	border-color: #F59D0F;
}
.bg-dark {
    background-color: #3f4751 !important;
}
/* nav */
.navbar-brand {
	padding: 15px 0;
}
.navbar-brand img {
    height: 30px;
	padding: 0px 0;
}
.navbar-nav.ms-auto {
    margin-left: 0!important;
}
.nav-link {
    color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
#nav-header .dropdown-menu .nav-link {
	font-size: 14px;
    color: #000;	
}
#nav-header .dropdown-menu .nav-link:hover, #nav-header .dropdown-menu .nav-link:focus {
    color: #F59D0F;	
}
.pll-parent-menu-item .nav-link {
    color: #F59D0F;
}
.nav-link:hover, .nav-link:focus {
	color: #F59D0F;
}
#nav-header .dropdown-menu {
	min-width: 200px;
    padding: 10px;
    border-width: 1px;
    border-radius: 0px;
    background-color: #fff;
}
header .contactblock {
	padding-right: 20px;
}
header .contactblock a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
	text-transform: uppercase;
}
header .contactblock a:hover, header .contactblock a:focus {
	color: #F59D0F;
}
header .contactblock .email {
	line-height: 16px;
}
header .contactblock .email a {
	font-size: 12px;
}
header .contactblock .phone {
	line-height: 24px;
}
header .contactblock .phone a {
	font-size: 20px;
}
header .orderblock .btn {
	width: 100px;
}

/* main-block */
.main-block .card {
	position: relative;
	border-width: 0px;
	border-radius: 0px;
}
.main-block .card:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 50%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.card-img-overlay {
    z-index: +1;
}
.main-block .lead {
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
}


/* products-list */
.orange-bg {
	background-color: #F59D0F;
}
.products-list .card {
	border-width: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 2px rgba(63,71,81,.5);
    box-shadow: 0 0px 2px rgba(63,71,81,.5);
}
.products-list .card.text-bg-dark img {
	opacity: .6;
}
.products-list .card-title {
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}
.products-list .card-title strong {
	color: #F59D0F;
	font-weight: 700;
}
.products-list .card-text {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
}

/* photo-block */
.photo-block {
	position: relative;
	-webkit-box-shadow: 0 0px 2px rgba(63,71,81,.5);
    box-shadow: 0 0px 2px rgba(63,71,81,.5);
}
.process .card.text-bg-dark, .work .card.text-bg-dark {
	background-color: #3f4751 !important;
}
.partners .card.text-bg-dark {
	background-color: #F59D0F !important;
}
.photo-block .card {
	border-width: 0px;
	border-radius: 0px;
}
.photo-block .card:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 250px;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.photo-block .card img {
	width: 100%;
	margin-bottom: 300px;
	border-radius: 0px;
}
.photo-block .card-title {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}
.photo-block .card-text {
	font-weight: 300;
}

/* contact-content */
.contact-content {
	background-color: #F59D0F;
}
.contact-content p, .contact-content .display-2, .contact-content p a {
	color: #fff;
}

/* form-content */
.form-content {
	padding: 100px 0 100px;
	background-color: #3f4751;
}
.form-content .display-2 {
	color: #fff;
}
.col-form-label {
	font-size: 20px;
    padding: 16px 15px;
    line-height: 30px;
	height: 62px;
}
.wpcf7-text {
    font-size: 20px !important;
}
.wpcf7-form-control {
    padding: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #333;
	width: 100%;
    border: 1px solid #fff;
    border-radius: 0px;
}
.wpcf7-checkbox.form-control {
	background-color: transparent;
	border: 1px solid transparent !important;
}
.wpcf7-list-item-label {
	font-size: 20px;
	color: #333;
}
textarea {
	height: 234px;
}
select.wpcf7-form-control {
    background: #fff url(/wp-content/themes/bootstrap-component-blox-child-theme/image/arrow-down-gray-small.svg) no-repeat 95% center !important;
}
.wpcf7-form-control.wpcf7-submit {
	font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
	color: #fff;
	background-color: #F59D0F;
    border-color: #F59D0F;
}
.wpcf7-form-control.wpcf7-submit:hover, .wpcf7-form-control.wpcf7-submit:focus {
    color: #F59D0F;
    background-color: #000;
    border-color: #F59D0F;
}
.separate-group {
	padding: 10px 20px;
	background: rgba(84,108,108,.1);
}
.wpcf7-form .row > p {
	display: none;
}

footer, .footer-widgets {
	background-color: #3f4751;
}
.footer-widgets .logo {
	width: 200px;
}
footer p, .footer-widgets p {
	font-size: 16px;
    font-weight: 300;
	color: #fff;
}
.footer-widgets .phone a, .footer-widgets .email a {
	color: #F59D0F;
	font-weight: 700;
	text-decoration: none;
}
.footer-widgets .phone a:hover, .footer-widgets .email a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.photo-block .card img {
		margin-bottom: 250px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.photo-block.service .card:after, .photo-block.partners .card:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 0;
		bottom: 0;
		right: 0;
		background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
		background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		background: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}
	.photo-block.process .card:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 50%;
		background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
		background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}
	.photo-block .card img {
		width: 50%;
		margin-bottom: 0;
	}
	.photo-block.service .card img, .photo-block.partners .card img, .photo-block.work .card img {
		margin-left: 50%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.products-list .card-title {
		font-size: 30px;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	p, li {
		font-size: 18px;
		font-weight: 400;
	}
	.navbar-brand {
		padding: 25px 0;
	}
	.navbar-brand img {
		height: 50px;
	}
	header .contactblock .email a {
		font-size: 14px;
	}
	header .contactblock .phone a {
		font-size: 24px;
	}
	.products-list .card-title {
    	font-size: 36px;
	}
	.products-list .card-text {
		font-size: 18px;
	}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { ... }

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { ... }

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	header .contactblock {
		position: absolute;
		top: 10px;
		right: 200px;
	}
	header .orderblock {
		position: absolute;
		top: 10px;
		right: 100px;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { ... }

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.display-1 {
		font-size: 40px;
	}
	header .contactblock {
		right: 60px;
		padding-right: 0px;
	}
	.main-block .lead {
    	font-size: 21px;
	}
}