.cl-cafe-lg { display:inline-block;}
.cl-cafe-sm { display:none;}
p { font-size:16px;}
.cl-pro-cafe-header { position:relative; }
.cl-pro-cafe-header .cl-pro-cafe-banner { text-align:center;}
.cl-pro-cafe-header .cl-pro-cafe-banner img , .cl-cafe-trust-banner img {width:100%; height:auto;}

.cl-pro-cafe-logo {    
	position: absolute;
    top: 30px;
    left: auto;
    right: auto;
    margin: auto;
    width: 100%;
    text-align: center;}

.cl-pro-cafe-logo img {max-width:180px; height:auto;}
.cl-pro-cafe-banner-content {    
	position: absolute;
    bottom: 12%;
    color: #FFFFFF;
    left: 10%;    
	width: 400px;}	

.cl-pro-cafe-banner-content h4 {margin: 0;padding: 0;font-size: 45px;font-weight: 400;line-height: 55px;color: #FFFFFF;}	
.cl-pro-cafe-footer {    background-color: #02173B;
    text-align: center;
    padding: 40px 50px;
    color: #FFFFFF;}

.cl-pro-cafe-footer h4 {    
	margin: 0;
    padding: 40px 0px;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    color: #FFFFFF;}

.cl-pro-cafe-footer p {margin: 0 0 20px 0;font-size: 14px; display:block;}		

.cl-pro-cafe-footer h5 {
	margin: 0;
    padding: 10px 0 0 0;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;}
.cl-pro-cafe-footer h5 a {color:#FFFFFF;}
h2.cl-cafe-head {    
	font-size: 38px;
    line-height: 45px;
    font-weight: 500;
    color: #373737;}	

.cl-cafe-product h4 {font-weight: 400;
    font-size: 26px;
    color: #373737;
    margin: 0 0 20px 0;}

.cl-cafe-grey { background-color: #F8F8F8;padding: 50px 0px;}	
.cl-cafe-btn {float: none !important;min-width: 300px;}	

.cl-cafe-trust {    background-color: #02173B;
    padding: 50px 0px;
    text-align: center;
    color: #FFFFFF; position:relative;}
.cl-cafe-trust h4 {    
	margin: 0px 0px 50px 0;
    padding: 0;
    font-size: 22px;
    font-weight: 500;}	

.cl-cafe-trust h2 {    
	margin: 0;
    padding: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 26px;}
.cl-cafe-trust h6 {    margin: 10px 0 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;}	

.cl-cafe-trust p {margin: 40px 0 50px;}	
.cafe-trust-logo {    position: absolute;
    left: auto;
    right: auto;
    text-align: center;
    margin: auto;
    width: 100%;
    bottom: -75px;}

.cl-chef-detail { padding:40px 20px;}
.cl-chef-detail h3 {
	    margin: 0;
    padding: 0;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;}

.cl-chef-detail h6 {    
	margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;}		

.cl-chef-quote {    
	font-size: 30px;
    font-weight: 300;
    line-height: 45px;}	

.cl-chef-detail p {font-size: 14px;}	

.cl-cafe-promise { background-color:#8DC05F; padding:50px 0px;}
.cl-cafe-promise h2 {    
	margin: 0 0 40px 0;
    padding: 0;
    font-size: 38px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 48px;}

.cl-cafe-promise p { color:#FFFFFF; font-size:14px;}
.cl-line-height { line-height:1;}	
.p0 { padding:0px !important;}

.cl-cafe-revise { padding:100px 0px;}
.cl-cafe-revise h2 {
	margin: 0 0 30px 0;
    padding: 0;
    font-size: 38px;
	color:#373737;
    font-weight: 500;
    line-height: 48px;}

.cl-cafe-revise p {color:#373737;}	
.form-check-input { margin:0px; position:relative;}
.cl-cafe-form { width:600px; margin:0 auto;}

.cl-cafe-form input[type="text"] , .cl-cafe-form input[type="email"] , .cl-cafe-form input[type="tel"]  , .cl-cafe-form  textarea {    
	font-size: 14px;
    border-radius: 5px;
    padding: 12px 20px;
    border-color: #A8A8A8;
	color: #868686;
    font-weight: 400;}

.cl-cafe-form input[type="text"] , .cl-cafe-form input[type="email"] , .cl-cafe-form input[type="tel"] { width:50%;}	

.cl-cafe-form input[type="text"]::placeholder , .cl-cafe-form input[type="email"]::placeholder , .cl-cafe-form input[type="tel"]::placeholder , .cl-cafe-textarea::placeholder { color: #868686;font-size: 14px;font-weight: 400;} 

.cl-cafe-form label {    
	color: #373737;
    font-weight: 600;
    font-size: 16px; padding-left:10px;}
.cl-cafe-form .form-check {    
	display: flex; 
    justify-content: flex-start;
    align-items: center;}

.cl-cafe-form .form-check  input[type="checkbox"] {    
    width: 18px;
    height: 18px;
    border: 2px solid #333;
    border-radius: 4px;
    cursor: pointer;flex-shrink: 0;}		

.cl-cafe-submit { float:none !important; background-color:#002766 !important; min-width:320px; position:relative;}	
.cl-form-sm-text p { color:#525252; font-size:13px;}

@media (max-width: 992px) and (min-width: 310px) {
.cl-chef-detail { text-align:center;}	
}

@media (max-width: 767px) and (min-width: 310px) {
.cl-cafe-form { width:100%; }
.cl-cafe-form input[type="text"], .cl-cafe-form input[type="email"], .cl-cafe-form input[type="tel"] { width:100%;}	
.cl-cafe-form .form-check input[type="checkbox"] {margin-top:3px;}
.cl-cafe-form .form-check {align-items: flex-start;margin-bottom: 20px;}
.cl-cafe-form label { line-height:18px;}
.cl-pro-cafe-banner-content h4 {    
	margin: 60px 0px 0px;
    font-size: 35px;
    line-height: 45px;
    color: #373737;
    text-align: center;}
.cl-pro-cafe-banner-content {    
	position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
	}
.cl-cafe-head {margin-top:0px;}	


}

.row-flex-sm {display: flex;flex-wrap: wrap;}
@media (max-width: 567px) and (min-width: 310px) {
.cl-cafe-lg { display:none;}
.cl-cafe-sm { display:inline-block; width:100%;} 
.sm-mt-0 {margin-top:0px !important;}
.cl-sm-grey-product {background-color: #F8F8F8;padding-top: 50px;padding-bottom: 50px;}
.cl-sm-white-product {background-color: #FFFFFF;padding-top: 50px;padding-bottom: 50px;}
.cl-cafe-grey {background-color: transparent;padding: 0;}
.cl-cafe-btn { min-width:auto;}
.cl-cafe-submit { min-width:100%;}
}

input.error, select.error, textarea.error {
    border: 1px solid #ff0000 !important;
    background-color: #ff000014;
}
.sucess-review  { text-align:center;}
.sucess-review p.rsuccess { color:#008000;}
.sucess-review p.rerror { color:#ff0000;}
.mt--3 {margin-top:-3px !important;}