Контакты ZARI

.content { padding-top: 30px; float: left; max-width: 1200px; width: 100%; } .content .map-content .map { object-fit: cover; height: 100% } .contacts_map_overlay{ position: absolute; width: 100%; height: 140px; z-index: 999999999; } .full_map{ height: 138px; overflow: hidden; position: relative; z-index: 99; } .content .map-content { width: 100%; height: 530px; overflow: hidden; position: relative; } .content .map-content.bg-map { background: url('//zari.com.ua/wp-content/uploads/2017/03/map-wpcf_881x480.png') center center; background-size: cover; } .content .col { display: inline-block; } .content .col-left { width: 50%; } .content .col-right { width: 50%; float: right; padding-bottom: 10px; } .content .block { display: flex; } .content .b-col { width: 45%; display: inline-block; padding-left: 15px; padding-bottom: 20px; } .trip{ display: flex; width: 100%; } .content .b-col:first-child { width: 55%; } .trip{ text-align:center; } .trip .title span{ display: block; margin: 0 auto !important; } .content .block .title, .trip .title { text-align: left; text-transform: uppercase; font-size: 16px; line-height: 1.35; font-weight: 600; margin-bottom: 7px; display: flex; } .content .block .title span, .trip .title span { margin: auto 0; padding-left: 5px; } .content .info { text-align: left; display: inline-block; font-size: 15px; line-height: 1.55; font-weight: 300; } .content .soc-info { white-space: nowrap; } .info.phones a:not([href^="mailto"]) { padding: 0 5px !important; margin: 0 0 2px 0; border-radius: 3px; border: 1px solid #868383; box-shadow: 1px 1px 1px #757373; min-width: 110px; display: inline-block; background: rgba(255,255,255,0.4); } .info.phones > img { position: relative; top: 5px; left: 5px; } .info.phones a img { position: relative; top: 4px; } .route_map{ border: 0; position: absolute; top: 0; } .info.phones a:not([href^="mailto"]):hover { background: rgba(80,80,80,0.1); } @media screen and (max-width: 960px) { /* 960 */ .content .b-col, .content .b-col:first-child { width: 50%; } } @media screen and (max-width: 800px) { /* 800 */ .content .col { display: block; float: none; width: 100%; } } @media screen and (max-width: 400px) { /* 400 */ .content .block { display: block; } .content .b-col, .content .b-col:first-child { width: 100%; display: block; padding-left: 20px; } } /* For another block */ .document .page-list-title { font-size: 23px; padding-top: 20px; } .items-content.type-documents { padding-top: 5px; } .hover-block { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .video-warp { position: relative; }