/*
Version: 1.0
Theme Name: McLaut-Service
Author: Alexander Shulga
Author URI: mailto:ellinoise@mclaut.com
*/

html {
    scroll-behavior: smooth;
	font-family: 'Roboto', Arial, sans-serif; 
}

.topnav-menu {
    background: #3f51b5;
}

.navmenu a {
    color: white;
}

.nav-contact-item {
    font-size: 17px;
    font-weight: 500;
}

button:hover,
button:target {
    text-decoration: none!;
}

.nav-contact,
.adress-item,
.phone-number,
.email-list,
.adress-item:hover,
.icon {
    color: #3f51b5;
}

.phone-number,
.email-add {
    font-weight: 500;
}

.brand-name {
    color: #393086;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
}

.carousel-indicators {
    top: 360px;
}

.nav-link {
    font-weight: 300;
    font-size: 18px;
}

header {
    min-height: 600px;
    background: rgb(101, 127, 233);
    background: linear-gradient(117deg, rgba(101, 127, 233, 1) 58%, rgba(127, 163, 250, 1) 73%, rgba(101, 127, 233, 1) 90%);
}

.header-content-text,
.request-link {
    padding-left: 34px;
    margin-left: 80px;
    color: #ffffff;
}

.header-content-text {
    border-left: 9px solid #ff9800;
}

.header-content-inf {
    color: rgb(211, 211, 211);
}

.text-orange {
    color: #ff9800;
}

.header-content-title {
    font-size: 36px;
    font-weight: 600;
}

.header-content-img img {
    max-width: 100%;
    height: auto;
}

.price-logo-wrapper {
    background-color: #ff9800;
    padding: 9px 26px;
}

.service-logo-wrapper {
    padding: 9px 26px;
}

.price-logo-wrapper img {
    width: 62px;
    height: auto;
}

.section_header h3 {
    font-weight: 400;
}

.service_name,
.service_price {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    font-size: 24px;
    font-weight: 400;
}

.service_price {
    border-left: 1px solid #c7c7c7;
}

.service_price sup {
    top: -4px;
    font-weight: 200;
}

.item-price sup {
    top: -9px;
    font-weight: 200;
    font-size: 20px;
}

.item-price {
    font-size: 36px;
}

.service-item-price {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.service_header {
    background-color: #ffffff;
}

.guarantee-title {
    font-weight: 400;
    font-size: 18px;
}

.card-title {
    font-weight: 500;
    font-size: 21px;
    line-height: 1.2;
}

.card-body {
    background-color: #f5f5f5;
}

.section_header {
    height: 117px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-card .card-header {
    background-color: #b9c2ec !important;
    color: black;
}

.services-card .card-body {
    background-color: #ffffff;
}

.prices .card-header {
    background-color: #ffffff;
}

.services_card .card {
    padding: 0px;
}

.benefits .card-header {
    padding: 0px !important;
}

.benefits-number {
    background-color: #ffd088;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefits-text {
    font-size: 18px;
    font-weight: 500;
}

.benefits-left {
    text-align: right;
}

.benefits-right {
    text-align: left;
}

.benefits-word {
    color: #949fd7;
}

.img-benefits {
	width: 100%;
	display: block;
    margin: 0 auto;
}

.guarantee-card {
    -webkit-box-shadow: 0px 0px 8px 1px rgb(156, 156, 156);
    -moz-box-shadow: 0px 0px 8px 1px rgb(156, 156, 156);
    box-shadow: 0px 0px 8px 1px rgb(156, 156, 156);
}

.guarantee-card span {
    font-weight: 400;
    font-size: 22px;
}

.request {
    background-color: #b9c2ec !important;
}

.request-link {
    display: inline-block;
    background: #f17f19;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    padding: 1rem 1.5rem;
    text-decoration: none;
    border-radius: 3px;
}

.request-link:hover {
    color: #fff;
}

.label-request {
    padding-left: 5px;
    color: #000!important;
    font-weight: 400!important;
}

.request-header-text {
    font-size: 22px;
    font-weight: 400;
}

.custom-input,
.md-textarea,
.mdb-select input {
    border-bottom: 1px solid #000!important;
}

.dropdown-content li>a,
.dropdown-content li>span {
    color: #000!important;
}

.adress-full {
    font-size: 18px;
    line-height: 1;
}

.title-contact,
.phone-list {
    font-size: 17px;
}

.phone-list {
    font-weight: bold;
}

.free-shipping {
    font-size: 21px;
}

.footer-title {
    font-size: 22px;
    font-weight: bold;
}

.collapseGuarantee:checked .fa-angle-down {
    content: '\f107';
}

.map {
    height: 100%;
}

.email-link {
	font-weight: bold;
	color: #000;
}

div.wpcf7 .ajax-loader {
	padding: 0px!important;
	margin: 0px!important;
}

a[title="account"]{
	background-color: #f17f19;
	font-weight: 500;
	border-radius: 2px;
	padding: 8px 16px!important;
}

@media screen and (max-width: 992px) {
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
	
	.header-content-title,
	.request-header{
		font-size: 32px;
	}
	
    .brand-name,
    .services_details,
    .benefits-text,
    .service_name,
    .service_price,
    .service_text {
        font-size: 14px;
    }
    .nav-contact-item {
        font-size: 12px;
    }
    .section_header h3 {
        font-size: 28px;
        font-weight: 400;
    }
    .services-card .card-title,
    .adress-full,
    .free-shipping {
        font-size: 22px!important;
    }
    .services-card {
        width: 100%;
    }
    .header-content-text,
    .request-link {
        margin-left: 0px;
    }
    .contact-card {
        text-align: center;
    }
    .map {
        height: 400px;
    }
    /*------------------------------------------*/
    .benefits-left {
        text-align: left;
    }
    .benefits-text {
        margin-bottom: 10px;
    }
    .service-logo-wrapper img,
    .price-logo-wrapper img {
        width: 40px;
        height: auto;
    }
}

@media screen and (max-width: 576px) {
	.header-content-title,
	.request-header{
		font-size: 24px;
	}
	
	.header-content-text,
	.request-header-text{
		font-size: 16px;
	}
	
	.price-logo-wrapper {
		padding: 9px;
	}
}

.md-form textarea.md-textarea {
	overflow-y: auto !important;
	resize: vertical !important;
}