.map{height:60rem;background-color: #f5f5f5;background-image: url(../img/loader.svg);background-repeat: no-repeat;background-position:center;background-size: 10rem;transition: .3s all ease;}
.map:hover{filter:grayscale(0)}

.ciform{float:left;width:calc(100% - 6rem);padding:3rem;background-color: #fff;box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);margin:5rem 0 -10rem;z-index:9;position:relative;height: 31rem;}

.ciform input, .ciform select{height: 6rem;padding: 0 1.5rem;border-radius: 0;border: none;border-radius: 0;float:left;width:calc(31% - 3rem);color: #6e6e6e;background-color: #f5f5f5;font-size: 1.4rem;outline: none}

.ciform input, .ciform select, .ciform textarea{background-size: 2.2rem;background-position: bottom 1.9rem right 1.5rem;background-repeat: no-repeat;}
.fcip{margin: 0 3.5%;}
.ciform select.fcit{width:31%;appearance: none;float: right;}

.ciform textarea {width: calc(100% - 3rem);border: 0;background-color: #f5f5f5;margin-top: 2rem;padding: 1.5rem;float: left;height: 12rem;resize: none;outline: none;}

.fcin{background-image: url(../img/icon/fa.svg);}
.fcip{background-image: url(../img/icon/fp.svg);}
.fcit{background-image: url(../img/icon/ft.svg);}
.fcim{background-image: url(../img/icon/fm.svg);}

.ciform input:hover, .ciform input:focus, .ciform select:hover, .ciform select:focus, .ciform textarea:hover, .ciform textarea:focus{background: #e6e6e6;}

.ciform input[type="submit"] {float:right;margin-top:2rem;cursor: pointer;text-transform: uppercase;font-size: 1.5rem;border: .1rem solid #000;font-weight: 200;color: #fff;background-color:#000;transition: .3s all ease;}
.ciform input[type="submit"]:hover{color: #000;background-color:#fff;}

.alert {float: left;line-height: 2rem;padding: 2rem 0;margin-top: 2rem;font-size: 1.3rem;color: #a7a7a7;}

.citem{position: relative;width:calc(31% - 8.4rem);float:left;text-align:center;padding:4rem;background-color: #fff;background-position:center;background-size: 0;border: .2rem solid #f5f5f5;margin-bottom:8rem;transition: .3s all ease;}
.citem:hover{box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);border: .2rem solid #fff;}
.citem h2{color: #000;font-weight: 600;margin-bottom: 10px;display: block;text-transform: uppercase;font-size:1.4rem;line-height:2rem;margin:2rem 0 1rem}
.citem h2 img{height:1.3rem;margin: 0 0 -.2rem .4rem;}
.citem h3{font-size:2rem;line-height:3rem;color: #000;}
.ci5, .ci4{margin:0 3.5% 8rem}
.iicon{width: 6rem;}
.ci6, .ci4, .ci1{margin-top: -4rem}

.citem p{font-size: 1.5rem;line-height: 2rem;height: 4rem;margin: 2rem 0;}
.citem p a{color: inherit}
.citem p a:hover{color:#000}


.ci1:hover{background-image: url(../img/icon/email-g.svg);background-repeat: no-repeat;background-position:center;background-size: 12rem;}
.ci2:hover{background-image: url(../img/icon/call-g.svg);background-repeat: no-repeat;background-position:center;background-size: 12rem;}
.ci3:hover{background-image: url(../img/icon/location-g.svg);background-repeat: no-repeat;background-position:center;background-size: 12rem;}
.ci4:hover{background-image: url(../img/icon/social-g.svg);background-repeat: no-repeat;background-position:center;background-size: 12rem;}
.ci5:hover{background-image: url(../img/icon/time-g.svg);background-repeat: no-repeat;background-position:center;background-size: 12rem;}
.ci6:hover{background-image: url(../img/icon/message-g.svg);background-repeat: no-repeat;background-position:center;background-size: 12rem;}

.cif2{width:16rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto}
.cif3{width: 30rem;height:7rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto}
.cif3 h5{font-size: 1.9rem;text-align: center;text-transform: uppercase;font-weight: 900;letter-spacing: -.1rem;color: #000;margin: 0 0 1rem;line-height:2rem}
.cif3 p{text-align: center;font-size: 1.4rem;margin: 0;line-height:2rem}
.cif2, .cif3{display:none}

.cpicon img{width: 1.8rem;filter: invert(1);margin-bottom:-.1rem}

a.mov {position: absolute;bottom: 1.4rem;font-weight: 500;left:calc(50% - 7.4rem);color: #000;border-bottom: 1px dashed #000;font-size: 1.4rem;line-height:2.2rem;}
a.mov:hover{border-bottom: 1px dashed #fff;}

@media (max-width:960px){
.ciform input[type="submit"] {width:24rem}
}
@media (max-width:840px){
.citem {width: calc(100% - 8.4rem);margin:2rem 0}
.citem:last-child{margin-bottom:6rem}
.ciform{height:45rem;}
.ciform input{width: calc(48.5% - 3rem);}
.ciform input.fcip{margin:0 0 0 3%}
.ciform input.fcit{width: calc(100% - 3rem);margin-top: 2rem;}
}
@media (max-width:710px){
.alert {width:100%;text-align:center;padding: 0;}
.ciform input[type="submit"] {width: 26rem;margin: 2rem calc(50% - 13rem) 0}
}

@media (max-width:470px){
.ciform{height:53.5rem;}
.ciform {width: calc(100% - 4rem);padding: 2rem;margin:3rem 0;box-shadow:none}
.ciform input.fcin, .ciform input.fcip, .ciform input.fcit{width: calc(100% - 3rem);margin: 1.5rem 0 0 0;}
.ciform input.fcin {margin:0}
.ciform textarea{margin: 1.5rem 0 0 0;}
}