header{border-bottom:2px solid #000000}.contacts{overflow:hidden;position:relative;padding:15px 0 150px}.contacts .title{overflow:hidden;text-align:center;position:relative;margin-bottom:20px;padding:15px 0 10px}.contacts .title h2{z-index:1;color:#131315;font-size:40px;line-height:60px;position:relative;font-family:'Proxima Nova Cn Bl'}.contacts .title span{top:0;left:50%;z-index:0;color:#eff1fa;font-size:80px;line-height:80px;position:absolute;font-family:'Proxima Nova Cn Bl';-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.contacts .contacts-content{z-index:0;position:relative}.contacts .contacts-content .maps{width:100%;height:100vh;display:none;position:relative}.contacts .contacts-content .maps div{width:100%;height:100%;position:absolute}.contacts .contacts-content .maps.active{display:block}.contacts .maps-content{left:50%;z-index:1;bottom:2px;width:280px;padding:50px 20px;position:absolute;background-color:#131315;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.contacts .maps-content .maps-item{margin-bottom:40px}.contacts .maps-content .maps-item h5{cursor:pointer;color:#fefefe;font-size:18px;line-height:24px;padding-left:30px;position:relative;margin-bottom:15px;text-transform:uppercase;font-family:'Proxima Nova Cn Rg';-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.contacts .maps-content .maps-item h5 span{left:0;top:50%;width:18px;height:18px;border-radius:50%;position:absolute;background-color:#4a4a49;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.contacts .maps-content .maps-item h5 span::after{content:'';top:50%;left:50%;width:10px;height:10px;opacity:0;border-radius:50%;position:absolute;background-color:#131315;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.contacts .maps-content .maps-item h5.active span{background-color:#f0b535}.contacts .maps-content .maps-item h5.active span::after{opacity:1}.contacts .maps-content .maps-item ul li{color:#fefefe;font-size:16px;line-height:20px;position:relative;padding-left:30px;margin-bottom:10px}.contacts .maps-content .maps-item ul li:last-child{margin-bottom:0}.contacts .maps-content .maps-item ul li a{color:#fefefe;font-size:16px;line-height:20px;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.contacts .maps-content .maps-item ul li a:hover{color:#f0b535}.contacts .maps-content .maps-item ul li i{left:0;top:50%;font-size:16px;color:#ffffff;position:absolute;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.contacts .maps-content .solial{padding-top:40px;text-align:center;border-top:1px solid rgba(255,255,255,0.2)}.contacts .maps-content .solial li{margin:0 7px;display:inline-block}.contacts .maps-content .solial li a{width:48px;height:48px;cursor:pointer;border-radius:50%;position:relative;display:inline-block;border:1px solid #ffffff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.contacts .maps-content .solial li a:hover i{color:#f0b535}.contacts .maps-content .solial li a i{top:50%;left:50%;font-size:22px;color:#ffffff;position:absolute;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}@media screen and (min-width: 768px){.contacts .title{margin-bottom:25px;padding:18px 0 12px}.contacts .title h2{font-size:50px;line-height:70px}.contacts .title span{font-size:110px;line-height:94px}.contacts .contacts-content .maps{height:65vh}.contacts .maps-content{left:0;width:380px;padding:50px 60px;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@media screen and (min-width: 1280px){.contacts .title{margin-bottom:55px;padding:40px 0 15px}.contacts .title h2{font-size:60px;line-height:74px;letter-spacing:3px}.contacts .title span{font-size:160px;line-height:138px;letter-spacing:7px}.contacts .contacts-content{padding:0 60px}}@media screen and (min-width: 1400px){.contacts .contacts-content{padding:0 100px}.contacts .contacts-content .maps{height:85vh}.contacts .maps-content{padding:70px 60px}.contacts .maps-content .maps-item{margin-bottom:60px}.contacts .maps-content .maps-item h5{font-size:22px;line-height:26px}.contacts .maps-content .maps-item ul li{font-size:18px;line-height:22px}.contacts .maps-content .maps-item ul li a{font-size:18px;line-height:22px}}@media screen and (min-width: 1650px){.contacts{padding:48px 0 80px}.contacts .title{margin-bottom:107px}.contacts .contacts-content{padding:0}.contacts .contacts-content .maps{height:54vh}.contacts .maps-content{width:495px;padding:98px 50px 98px 88px}.contacts .maps-content .maps-item{margin-bottom:92px}.contacts .maps-content .maps-item h5{font-size:26px;line-height:34px;padding-left:60px}.contacts .maps-content .maps-item ul li{font-size:22px;line-height:26px;padding-left:60px;margin-bottom:13px}.contacts .maps-content .maps-item ul li a{font-size:22px;line-height:26px}.contacts .maps-content .maps-item ul li i{font-size:24px}.contacts .maps-content .solial{-webkit-transform:translate(-17px, 0);-moz-transform:translate(-17px, 0);-ms-transform:translate(-17px, 0);-o-transform:translate(-17px, 0);transform:translate(-17px, 0)}.contacts .maps-content .solial li{margin:0 20px}.contacts .maps-content .solial li a{width:55px;height:55px}}
