@import "../components/header.css";
@import "../components/footer.css";
@import "../components/common.css";

@import "../lib/owl.carousel.min.css";
@import "../lib/owl.theme.default.min.css"; 

.form-control {
	border-radius: 19px;
}

.radioForm input[type="radio"] {
	width: auto;
	height: auto;
}

.radioForm .form-check-label{
	padding-left: 15px;
}

div.col h2 {
	font-size:22px;
	font-weight:700;
}

div.col-12 h3 {
	font-size:20px;
	font-weight:700;
}

.technical-service-wrapper > div > div {
  font-size: 24px;
  text-transform: uppercase;
}
.technical-service-wrapper > div > strong {
  font-size: 22px;
}
.technical-service-wrapper > div > p {
  font-size: 18px;
}

.cs-hero > img {
  z-index: -1;
}
.cs-hero > div > div {
  width: 100%;
  background: #f9f9f9;
}
.cs-card .cs-title {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.cs-card .cs-desc {
  font-size: 14px;
}

.cs-card .cs-tel {
  font-size: 18px;
}

.selectExpert #dropdownMenuButton {
	background: white;
	text-transform: none;
  border-color: #cccccc;
  width: 250px;
  text-align: left;
}
.selectExpert #dropdownMenuButton:after {
	float: right;
  position: relative;
  top: 10px;
}
.selectExpert #dropdownMenuButton:focus {
  box-shadow: none;
}

.cs-forms label {
  font-size: 16px;
  font-weight: 600;
}

.cs-success, .cs-errorMsg {
	margin: 36px 0 0 0;
}

.cs-forms div[id*="recaptcha"] {
	width: 300px;
	margin: 0;
	padding: 0;
}

.cs-livechat .dropdown-menu {
	font-size: 14px;
	width: 250px;
	left: 1px !important;
}

.cs-livechat .dropdown-menu li{
	margin: 0 0 0 10px;
}

.cs-chat-card .dropdown-toggle {
  background: #fff;
  box-shadow: none;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 250px;
  text-align: left;
}
.cs-chat-card .dropdown-toggle:after {
  float: right;
  margin-top: 10px;
}

.tooltip > .tooltip-inner, .tooltip.right > .tooltip-arrow {
	background-color: #FFF97F;
	color: #000000;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #FFF97F;
}

.cs_warning_file, .btn-file {
	font-size: small;
}

.btn-file {
	background: white;
    color: #f2695b
}

.recaptcha_div, .upload_file {
	position: relative;
}

#recaptcha_color_advice_hidden_recaptcha,
#recaptcha_product_questions_hidden_recaptcha,
#recaptcha_project_questions_hidden_recaptcha,
#recaptcha_website_questions_hidden_recaptcha {
	position: absolute;
    top: 44px;
    left: 80px;
    z-index: -1;
    width: 0;
}

#color_advice_photo,
#product_questions_photo {
	position: absolute;
	z-index: -1;
	width: 1px;
}

.cs-emailExpert .dropdown-toggle {
  font-size: 11px;
}

@media all and (min-width: 992px) {
  .cs-hero {
    height: 550px;
  }
}

@media all and (max-width: 991px) {
  .cs-hero > div {
    margin-top: 20%;
    margin-bottom: 10%;
  }
  
  .cs-phone-card:before {
    display: block;
    content: "";
    background-image: url(/binaries/content/gallery/behrrefresh/customer-services/cs-1-banner-sm.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    
    background-position: 0 38%;
  }
  
  .cs-chat-card:before {
    display: block;
    content: "";
    background-image: url(/binaries/content/gallery/behrrefresh/customer-services/cs-2-banner-sm.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    
    background-position: 0 38%;
  }
  
  .cs-emailExpert .dropdown-toggle {
    font-size: 10px;
  }
  
  /*.cs-livechat .dropdown-menu {
	  left: -41px !important;
  }*/
}