/* style contact css ------ */
.container {
            width: min(var(--container), calc(100% - 30px));
            margin: 0 auto;
        }
		.label {
            color: var(--color-orange);
            font: 600 14px/1.2 'Saira', sans-serif;
            text-transform: uppercase;
			margin: 0;padding:0
        }
	        .map-panel {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 380px;
            gap: 26px;
            align-items: stretch;
            background:
                linear-gradient(120deg, rgba(23, 33, 29, .92), rgba(2, 97, 75, .82)),
                url('assets/images/template-v5/bg-footer-2.jpg') center/cover no-repeat;
            border-radius: var(--radius-med);
            overflow: hidden;
            box-shadow: var(--shadow);
        }
		        .map-copy {
            padding: 42px;
            color: #d7e5dc;
        }

        .map-copy h2 {
            color: var(--white);
            font-size: clamp(30px, 4vw, 44px);
            margin: 0 0 14px 0; line-height: 48px
        }

        .map-copy p {
            max-width: 660px;
            margin: 0 0 20px 0;
        }

        .service-areas {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 24px;
        }

        .service-areas span {
            color: var(--white);
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 999px;
            padding: 8px 12px;
            font-size: 14px;
        }

        .map-box {
            min-height: 360px;
            display: grid;
            place-items: center;
            padding: 28px;
            background: rgba(255, 255, 255, .92);
        }

        .map-placeholder {
            width: 100%;
            height: 100%;
            min-height: 280px;
            display: grid;
            place-items: center;
            text-align: center;
            color: var(--forest);
            background:
                linear-gradient(90deg, rgba(2, 97, 75, .07) 1px, transparent 1px),
                linear-gradient(rgba(2, 97, 75, .07) 1px, transparent 1px),
                #f8fbf6;
            background-size: 28px 28px;
            border: 1px dashed #b8cbbf;
            border-radius: var(--radius-med);
            padding: 24px;
        }

        .map-placeholder strong {
            display: block;
            color: var(--ink);
            font: 600 22px/1.2 'Saira', sans-serif;
            margin-bottom: 8px;
        }
		
		.btn3 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 20px 22px;
            border: 0;
            border-radius: var(--radius-med);
            font: 600 14px/1.2 'Saira', sans-serif;
            text-transform: uppercase;
            letter-spacing: .02em;
            cursor: pointer;
            transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
        }

        .btn3:hover {
            transform: translateY(-2px);
        }
		
		.btn-orange2 {
            color: var(--white);
            background: var(--color-orange);
            box-shadow: 0 16px 35px rgba(255, 122, 0, .25);
        }

        .btn-orange2:hover {
            background: var(--color-orange);
        }
		
		.contact-list {
            display: grid;
            gap: 16px;
            margin: 28px 0;
        }

        .contact-item {
            display: grid;
            grid-template-columns: 48px 1fr;
            gap: 14px;
            align-items: center;
			border-bottom: 1px solid #e8efe4;
			padding-bottom: 15px;
            /*padding: 16px;
            background: var(--soft);
            border-bottom: 1px solid #e8efe4;
            border-radius: var(--radius);*/
        }

        .contact-icon {
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;
            color: var(--color-white);
            background: var(--color-forest);
            border-radius: 50%;
            font: 600 16px/1 'Saira', sans-serif;
        }

        .contact-item span {
            display: block;
            color: var(--muted);
            font-size: 13px;
            margin-bottom: 3px;
        }

        .contact-item strong {
            display: block;
            color: var(--ink);
            font-weight: 600;
        }
		.contact-flex-big {flex-grow: 2;padding: 0;text-align: left;flex-shrink: 1;flex-basis: 0%;order:1}
		.contact-flex-sml {flex-grow:1;padding: 0;text-align: left;flex-shrink: 1;flex-basis: 0%;order:2}
.clabel {display: inline-block;width: 110px;font-weight: bold;}
.g-recaptcha {margin-left: 110px;}
.cmargin {margin-left: 110px;}
#contactform input[type="text"] {padding: 7px 5px 7px 5px;width: calc(100% - 140px);margin-bottom:10px;}
#contactform textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 125px);
  padding: 5px;
}
#boxbooking .label {font-family:'Golos', sans-serif;display: inline-block;width: 170px;font-weight: normal;color: #333333; text-transform:capitalize;}
#boxbooking .po {width:calc(100% - 172px); }
#boxbooking select {padding: 11px 5px 11px 5px;background: #F5F5F5;border: 1px solid #e9e9e9;width: calc(100% - 200px);}
#boxbooking input {
    padding: 12px 5px 12px 5px;
    background: #F5F5F5;
    border: 1px solid #e9e9e9;
    width: calc(100% - 185px);
}
#boxbooking td {padding-bottom:10px;}

#boxbooking .gname{width: calc(100% - 252px);}
#boxbooking .tdate{width: calc(100% - 223px);}
#boxbooking textarea{ width: calc(100% - 182px);border: 1px solid #e9e9e9;background: #F8F8F8;padding:5px;}
#boxbooking .sclabel {float: left;width: 170px;}
#securcheck {display: block;width: 40px;height: 40px;background: url(assets/template2019/checkbox.jpg) top;float: left;margin-top: -7px;}

#securcheck:hover {background-position:0 40px;}
#boxbooking .nospm {width: 20px;background: #fff;}
#boxbooking input[type="submit"] {
    background: #FF6600;
    color: #ffffff;
    border: 0;
    padding: 15px 35px 15px 35px;
    width: calc(100% - 170px);
}

#boxbooking input[type="submit"]:hover {cursor: pointer;}

@media (max-width:1000px){
	.map-panel {grid-template-columns: 1fr;}		
}
		
@media (max-width: 740px) {
	.contact-flex-big {flex-basis: auto;width: 100%;order:1}
	.contact-flex-sml {flex-basis: auto;width: 100%;order:2}
	.g-recaptcha {margin-left: 0;}
	.hidemobile {display:none;}
    #contactform textarea {width: calc(100% - 15px);}
    #boxbooking .label {display:none;}
    #boxbooking .sclabel {display:none;}
    #boxbooking .po {width:calc(100% - 2px); }
    #boxbooking input {width: calc(100% - 12px);}
    
    #boxbooking .gname{width: calc(100% - 82px);}
    #boxbooking .tdate{width: calc(100% - 53px);}
    #boxbooking textarea{ width: calc(100% - 12px);border: 1px solid #e9e9e9;background: #F8F8F8;padding:5px;}
    #boxbooking input[type="submit"] {width:100%;}
    .map-copy {padding: 30px;}
    .map-copy h2 {font-size: clamp(30px, 4vw, 36px);line-height: 36px}
    .map-copy p{line-height:22px;}
    .boxcart {order:1}
}