#offices {
 position: relative;
 float: left;
 width: 100%;
 font-family: 'Lato', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.2;
 text-align: left;
 color: #444;
 background: transparent url('../img/offices/bg-mask-top.png')top right repeat-x;
}

#offices .offices_top {
 float: left;
 width: 100%;
 /* background: transparent url('../img/offices/bg-mask-top.png')top center repeat-x; */
}

#offices .container {
 width: auto;
 max-width: 1136px;
 margin: 0 auto;
}


/* #offices .offices_top::before */

#offices::before {
 position: absolute;
 top: 0;
 right: 0;
 content: '';
 width: 1136px;
 height: 748px;
 background: url('../img/offices/bg.jpg') top center no-repeat;
 z-index: 0;
}

#offices .badge img {
 width: 100%;
 height: 100%;
}

#offices .container.container_wide {
 width: auto;
 max-width: 1698px;
}

#offices .wrapper {
 float: left;
 width: 100%;
}

#offices .container_wide>.wrapper {
 padding: 0;
}


/* TITLE start */

#offices .main_title {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 position: relative;
 float: left;
 width: 100%;
 padding: 65px 0 30px 0;
 font-weight: 700;
 font-size: 65px;
 letter-spacing: 0.04em;
 color: #2f2f2f;
 text-align: center;
 z-index: 3;
}

#offices .main_title span {
 display: block;
 max-width: 900px;
 font-size: 32px;
 letter-spacing: 0;
}


/* TITLE end */


/* ACCENTS start */

#offices .accents {
 position: relative;
 float: left;
 width: 100%;
 padding: 15px 0 25px 0;
 z-index: 3;
}

#offices .accents .accents_container {
 display: flex;
 justify-content: center;
}

#offices .accent_box {
 display: flex;
 justify-content: center;
 align-content: flex-start;
 flex-wrap: wrap;
 width: 240px;
 margin: 0;
 line-height: 1.35;
 text-align: center;
 text-transform: initial;
}

#offices .accent_box:nth-child(2) {
 width: 280px;
}

#offices .accent_box .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 120px;
 height: 120px;
 padding: 18px;
 /* border: 4px solid #e7e7e7; */
 border-radius: 100%;
 background-color: #fff;
}

#offices .accent_box .icon img {
 width: 75px;
 height: 75px;
 object-fit: cover;
}

#offices .accent_box .title {
 float: left;
 width: 100%;
 margin: 16px 0 0 0;
 font-weight: 900;
 font-size: 25px;
}

#offices .accent_box .text {
 float: left;
 width: 100%;
 margin: 6px 0 0 0;
 font-weight: 500;
 font-size: 14px;
}


/* ACCENTS end */


/* MAIN BTN start */

#offices .main_btn {
 position: relative;
 float: left;
 width: 100%;
 padding: 17px 0;
 margin: 0 0 50px 0;
 z-index: 3;
}

#offices .main_btn .main_btn_container {
 display: flex;
 justify-content: center;
}

#offices .special_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 6px 8px;
 font-size: 24px;
 letter-spacing: 0.02em;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 border: 3px solid #c5c5c5;
 background-color: #fff;
 box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.21);
 border-radius: 54px;
}

#offices .special_btn>span {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 24px 45px 21px 45px;
 background: #ed1c24;
 background: -moz-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: -webkit-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: linear-gradient(to bottom, #ed1c24 0%, #d30b12 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#d30b12', GradientType=0);
 border-radius: 45px;
 z-index: 1;
}

#offices .special_btn>span:after {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #d30b12;
 background: -moz-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: -webkit-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: linear-gradient(to bottom, #d30b12 0%, #c7090f 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d30b12', endColorstr='#c7090f', GradientType=0);
 transition: opacity 0.2s ease-out;
 border-radius: 45px;
 z-index: 2;
 opacity: 0;
}

#offices .special_btn:hover>span:after {
 opacity: 1;
}

#offices .special_btn>span .helpful_span {
 position: relative;
 z-index: 3;
}

#offices .special_btn span img {
 width: 36px;
 height: 19px;
 margin: 0 0 0 20px;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

#offices .special_btn:hover span img {
 margin: 0 -5px 0 25px;
}


/* MAIN BTN end */


/* WHY SUPERMAG start */

#offices .why_supermag {
 position: relative;
 float: left;
 width: 100%;
 letter-spacing: 0.04em;
 text-align: center;
}

#offices .why_supermag .wrapper {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

#offices .why_supermag .side_img {
 position: absolute;
 left: -200px;
 top: -105px;
 width: 433px;
 height: 417px;
}

#offices .why_supermag .title {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 36px;
 color: #000;
}

#offices .why_supermag ul {
 float: left;
 width: 100%;
 max-width: 460px;
 padding: 0;
 margin: 20px 0 30px 0;
 text-align: left;
}

#offices .why_supermag ul li {
 padding: 4px 0 4px 27px;
 margin: 0;
 font-weight: 600; 
 font-size: 18px;
 background: url('../img/offices/bullet.png') no-repeat 0 6px;
 background-size: 15px 14px;
 list-style-type: none;
}

#offices .why_supermag .btn_container {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
}

#offices .why_supermag .special_btn {
 padding: 6px 8px;
 margin: 0 0 15px 0;
 font-size: 17px;
 border-radius: 54px;
}

#offices .why_supermag .special_btn>span {
 padding: 13px 35px 10px 35px;
 padding: 11px 27px 9px 27px;
}

#offices .why_supermag .special_btn span img {
 width: 27px;
 height: 14px;
 margin: 0 0 0 8px
}

#offices .why_supermag .special_btn:hover span img {
 margin: 0 -5px 0 13px;
}

#offices .why_supermag .registration {
 float: left;
 width: 100%;
}

#offices .why_supermag .registration,
#offices .why_supermag .registration a {
 font-weight: 700;
 font-size: 19px;
 color: #383838;
}


/* WHY SUPERMAG end */


/* REVIEWS start */

#offices .reviews {
 float: left;
 width: 100%;
 padding: 40px 0 0 0;
 margin: 40px 0 30px 0;
 border-top: 1px solid #ece8e2;
}

#offices .reviews .title {
 float: left;
 width: 100%;
 margin: 0 0 5px 0;
 font-weight: 700;
 font-size: 30px;
 text-align: center;
 color: #000;
}

#offices .reviews .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 30px 0;
 font-weight: 400;
 font-size: 15px;
 text-align: center;
}

#offices .review_box {
 position: relative;
 float: left;
 width: 30%;
 padding: 22px 25px 19px 25px;
 margin: 0 5% 0 0;
 font-size: 14px;
 color: #040303;
 background-color: #ece8e2;
}

#offices .review_box:nth-child(3n) {
 margin: 0;
}

#offices .review_box .text {
 float: left;
 width: 100%;
 height: 146px;
 height: 218px;
 margin: 7px 0 3px 0;
 line-height: 1.3;
}

#offices .review_box .quote {
 float: left;
 width: 100%;
}

#offices .review_box .quote.quote_end {
 text-align: right;
}

#offices .review_box .quote img {
 width: 30px;
 height: 26px;
}

#offices .review_box .box_bottom {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 margin: 3px 0 0 0;
 font-weight: 700;
 font-size: 16px;
}

#offices .review_box .image {
 width: 40px;
 min-width: 40px;
 height: 40px;
 margin: 0 20px 0 0;
 border-radius: 100%;
 overflow: hidden;
}

#offices .review_box .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

#offices .review_box .arr {
 position: absolute;
 left: 30px;
 bottom: -40px;
}

#offices .reviews .btn_container {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
}

#offices .reviews .special_btn {
 padding: 6px 8px;
 margin: 50px 0 0 0;
 font-size: 17px;
 border-radius: 54px;
}

#offices .reviews .special_btn>span {
 padding: 13px 35px 10px 35px;
 padding: 11px 27px 9px 27px;
}

#offices .reviews .special_btn span img {
 width: 27px;
 height: 14px;
 margin: 0 0 0 8px
}

#offices .reviews .special_btn:hover span img {
 margin: 0 -5px 0 13px;
}

/* REVIEWS end */


/* LOGOS start */

#offices .logos {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 float: left;
 width: 100%;
 padding: 35px 0 115px 0;
 text-align: center;
 background-color: #F6F6F4;
}

#offices .logos .title {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
 font-weight: 700;
 font-size: 32px;
 color: #000;
}

#offices .logos .logos_container {
 float: left;
 width: 100%;
 width: 1133px;
 display: flex;
 flex-wrap: wrap;
}

#offices .logos .logos_container img {
 width: 153px;
 height: 114px;
 margin: 0 43px 15px 0;
}

#offices .logos .logos_container img:nth-child(6n) {
 margin-right: 0;
}

#offices .logos .text {
 float: left;
 width: 100%;
 margin: 0;
	font-weight: 600;
 font-size: 16px;
}


/* LOGOS end */


/* PAGE BOTTOM start */

#offices .page_bottom {
 float: left;
 width: 100%;
}

#offices .offices_footer {
 position: relative;
 float: left;
 width: 100%;
 background-color: #eae7e0;
}

#offices .offices_footer .wrapper {
 display: flex;
}

#offices .page_bottom {
 float: right;
 width: 100%;
}

#offices .page_bottom .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 17px 0;
 font-weight: 700;
 font-size: 21px;
 color: #000;
 text-align: center;
}

#offices .page_bottom .contacts {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 padding: 30px 0;
}

#offices .page_bottom .contacts .contact {
 display: flex;
 align-items: center;
 letter-spacing: 0.04em;
}

#offices .page_bottom .contacts .contact:nth-child(1) {
 width: 328px;
 margin: 0 5px 0 0;
}

#offices .page_bottom .contacts .contact:nth-child(2) {
 width: 305px;
}

#offices .page_bottom .contacts .contact .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 41px;
 min-width: 41px;
 height: 41px;
 margin: 0 13px 0 0;
 border-radius: 100%;
 background-color: #ff0000;
}

#offices .page_bottom .contacts .contact .icon img {
 width: 29px;
 height: 29px;
}

#offices .page_bottom .contacts .contact .side_text {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 14px;
 color: #676767;
}

#offices .page_bottom .contacts .contact .side_text .title {
 float: left;
 width: 100%;
 font-size: 16px;
 color: #000;
}

#offices .page_bottom .contacts .contact .side_text .title a {
 font-weight: inherit;
 font-size: inherit;
 color: #000;
}

#offices .page_bottom .kangaroo {
 position: absolute;
 bottom: 12px;
 right: 0;
}

#offices .page_bottom .kangaroo a {
 display: flex;
}

#offices .page_bottom .kangaroo img {
 width: 164px;
 height: 270px;
}


/* PAGE BOTTOM end */


















@media screen and (max-width:1100px) {

#offices {
 position: relative;
 float: left;
 width: 100%;
 font-family: 'Lato', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.2;
 text-align: left;
 color: #444;
 background: transparent url('../img/offices/bg-mask-top-m.png')top right repeat-x;
 background-size: auto 326px;
}

#offices .offices_top {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 float: left;
 width: 100%;
 /* background: transparent url('../img/offices/bg-mask-top.png')top center repeat-x; */
}

#offices .container {
 width: auto;
 max-width: 1136px;
 margin: 0 auto;
}


/* #offices .offices_top::before */

#offices::before {
 position: absolute;
 top: 0;
 right: 0;
 content: '';
 width: 1136px;
 height: 748px;
 background: url('../img/offices/bg.jpg') top right no-repeat;
 background-size: 500px 326px;
 z-index: 0;
}

#offices .badge img {
 width: 100%;
 height: 100%;
}

#offices .container.container_wide {
 width: auto;
 max-width: 1698px;
}

#offices .wrapper {
 float: left;
 width: 100%;
}

#offices .container_wide>.wrapper {
 padding: 0;
}


/* TITLE start */

#offices .main_title {
 position: relative;
 display: block;
 float: left;
 width: 100%;
 padding: 110px 0 25px 0;
 font-weight: 700;
 font-size: 36px;
 letter-spacing: 0.04em;
 color: #2f2f2f;
 text-align: center;
 z-index: 3;
}

#offices .main_title span {
 display: block;
 max-width: 900px;
 font-size: 20px;
 letter-spacing: 0;
}


/* TITLE end */


/* ACCENTS start */

#offices .accents {
 position: relative;
 float: left;
 width: 100%;
 padding: 15px 0 0 0;
 z-index: 3;
}

#offices .accents .accents_container {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

#offices .accent_box,
#offices .accent_box:nth-child(2) {
 display: flex;
 justify-content: center;
 align-content: flex-start;
 flex-wrap: wrap;
 width: 33.33%;
 padding: 0 10px;
 margin: 0 0 28px 0;
 line-height: 1.35;
 text-align: center;
 text-transform: initial;
}

@media screen and (max-width: 650px) {
 #offices .accent_box,
 #offices .accent_box:nth-child(2) {
  width: 50%;
 }
}

@media screen and (max-width: 450px) {
 #offices .accent_box,
 #offices .accent_box:nth-child(2) {
  width: 100%;
 }
}

#offices .accent_box .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 80px;
 height: 80px;
 padding: 18px;
 border: 3px solid #c5c5c5;
 border-radius: 100%;
 background-color: #fff;
 box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.12);
}

#offices .accent_box .icon img {
 width: 49px;
 height: 49px;
 object-fit: cover;
}

#offices .accent_box .title {
 float: left;
 width: 100%;
 margin: 13px 0 0 0;
 font-weight: 900;
 font-size: 15px;
}

#offices .accent_box .text {
 float: left;
 width: 100%;
 margin: 6px 0 0 0;
 font-weight: 500;
 font-size: 12px;
}


/* ACCENTS end */


/* MAIN BTN start */

#offices .main_btn {
 position: relative;
 float: left;
 width: 100%;
 margin: 0 0 27px 0;
 z-index: 3;
}

#offices .main_btn .main_btn_container {
 display: flex;
 justify-content: center;
}

#offices .special_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 6px 8px;
 font-size: 18px;
 letter-spacing: 0.02em;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 border: 3px solid #c5c5c5;
 background-color: #fff;
 box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.21);
 border-radius: 54px;
}

#offices .special_btn>span {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 16px 30px 15px 30px;
 background: #ed1c24;
 background: -moz-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: -webkit-linear-gradient(top, #ed1c24 0%, #d30b12 100%);
 background: linear-gradient(to bottom, #ed1c24 0%, #d30b12 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#d30b12', GradientType=0);
 border-radius: 45px;
 z-index: 1;
}

#offices .special_btn>span:after {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #d30b12;
 background: -moz-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: -webkit-linear-gradient(top, #d30b12 0%, #c7090f 100%);
 background: linear-gradient(to bottom, #d30b12 0%, #c7090f 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d30b12', endColorstr='#c7090f', GradientType=0);
 transition: opacity 0.2s ease-out;
 border-radius: 45px;
 z-index: 2;
 opacity: 0;
}

#offices .special_btn:hover>span:after {
 opacity: 1;
}

#offices .special_btn>span .helpful_span {
 position: relative;
 z-index: 3;
}

#offices .special_btn span img {
 width: 27px;
 height: 14px;
 margin: 0 0 0 20px;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

#offices .special_btn:hover span img {
 margin: 0 -5px 0 25px;
}


/* MAIN BTN end */


/* WHY SUPERMAG start */

#offices .why_supermag {
 position: relative;
 float: left;
 width: 100%;
 margin: 20px 0 0 0;
 letter-spacing: 0.04em;
 text-align: center;
}

#offices .why_supermag .wrapper {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

#offices .why_supermag .side_img {
 position: absolute;
 left: 5px;
 top: -26px;
 width: 117px;
 height: 113px;
}

#offices .why_supermag .title {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 22px;
 text-align: center;
 color: #000;
}

@media screen and (max-width: 670px) {
 #offices .why_supermag .title {
  padding: 0 10px 30px 120px;
  text-align: left;
 }
}

@media screen and (max-width: 570px) {
 #offices .why_supermag .title {
  font-size: 20px;
 }
}

#offices .why_supermag ul {
 float: left;
 width: 100%;
 max-width: 340px;
 padding: 0;
 margin: 11px 0 17px 0;
 text-align: left;
}

#offices .why_supermag ul li {
 padding: 4px 0 4px 20px;
 margin: 0;
 font-weight: 700;
 background: url('../img/offices/bullet.png') no-repeat 0 6px;
 background-size: 10px 9px;
 list-style-type: none;
 font-size: 13px;
}

#offices .why_supermag .btn_container {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
}

#offices .why_supermag .special_btn {
 padding: 5px 6px;
 margin: 0 0 10px 0;
 font-size: 14px;
 border-radius: 54px;
}

#offices .why_supermag .special_btn>span {
 padding: 13px 35px 10px 35px;
 padding: 10px 27px 8px 27px;
}

#offices .why_supermag .special_btn span img {
 width: 21px;
 height: 11px;
 margin: 0 0 0 8px
}

#offices .why_supermag .special_btn:hover span img {
 margin: 0 -5px 0 13px;
}

#offices .why_supermag .registration {
 float: left;
 width: 100%;
}

#offices .why_supermag .registration,
#offices .why_supermag .registration a {
 font-weight: 700;
 font-size: 15px;
 color: #383838;
}


/* WHY SUPERMAG end */


/* REVIEWS start */

#offices .reviews {
 float: left;
 width: 100%;
 padding: 20px 0 5px 0;
 margin: 25px 0 10px 0;
 border-top: 1px solid #ece8e2;
}

#offices .reviews .title {
 float: left;
 width: 100%;
 margin: 0 0 6px 0;
 font-weight: 700;
 font-size: 22px;
 color: #000;
 text-align: center;
}

#offices .reviews .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 18px 0;
 font-weight: 400;
 font-size: 13px;
 text-align: center;
}

#offices .review_box,
#offices .review_box:nth-child(3n) {
 float: left;
 width: 100%;
 padding: 17px 15px;
 margin: 0 0 15px 0;
 font-size: 14px;
 color: #040303;
 background-color: #ece8e2;
}

#offices .review_box .text {
 float: left;
 width: 100%;
 height: auto;
 margin: 7px 0 3px 0;
 line-height: 1.3;
}

#offices .review_box .quote {
 float: left;
 width: 100%;
}

#offices .review_box .quote.quote_end {
 text-align: right;
}

#offices .review_box .quote img {
 width: 18px;
 height: 16px;
}

#offices .review_box .box_bottom {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 margin: 3px 0 0 0;
 font-weight: 700;
 font-size: 15px;
}

#offices .review_box .image {
 width: 40px;
 min-width: 40px;
 height: 40px;
 margin: 0 20px 0 0;
 border-radius: 100%;
 overflow: hidden;
}

#offices .review_box .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

#offices .review_box .arr {
 display: none;
}

#offices .reviews .btn_container {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
}

#offices .reviews .special_btn {
 padding: 5px 6px;
 margin: 0 0 10px 0;
 font-size: 14px;
 border-radius: 54px;
}

#offices .reviews .special_btn>span {
 padding: 13px 35px 10px 35px;
 padding: 10px 27px 8px 27px;
}

#offices .reviews .special_btn span img {
 width: 21px;
 height: 11px;
 margin: 0 0 0 8px
}

#offices .reviews .special_btn:hover span img {
 margin: 0 -5px 0 13px;
}

/* REVIEWS end */


/* LOGOS start */

#offices .logos {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 float: left;
 width: 100%;
 padding: 23px 0 20px 0;
 text-align: center;
 background-color: #F6F6F4;
}

#offices .logos .title {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
 font-weight: 700;
 font-size: 22px;
 color: #000;
}

#offices .logos .logos_container {
 float: left;
 width: 100%;
 max-width: 600px;
 padding: 0 6%;
 display: flex;
 flex-wrap: wrap;
}

#offices .logos .logos_container img {
 width: 28%;
 height: auto;
 margin: 0 8% 4% 0;
}

#offices .logos .logos_container img:nth-child(3n) {
 margin-right: 0;
}

#offices .logos .text {
 float: left;
 width: 100%;
 margin: 0;
 font-weight: 700;
 font-size: 14px;
}


/* LOGOS end */


/* PAGE BOTTOM start */

#offices .page_bottom {
 float: left;
 width: 100%;
}

#offices .offices_footer {
 position: relative;
 float: left;
 width: 100%;
 background-color: #eae7e0;
}

#offices .offices_footer .wrapper {
 display: flex;
}

#offices .page_bottom {
 float: right;
 width: 100%;
}

#offices .page_bottom .mini_title {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
 font-weight: 700;
 font-size: 16px;
 color: #000;
 text-align: center;
}

#offices .page_bottom .contacts {
 display: flex;
 float: left;
 width: 100%;
 padding: 30px 0;
}

#offices .page_bottom .contacts .contact {
 display: flex;
 align-items: center;
 letter-spacing: 0.04em;
}

#offices .page_bottom .contacts .contact:nth-child(1) {
 width: 280px;
 margin: 0 20px 0 0;
 padding: 0;
}

#offices .page_bottom .contacts .contact:nth-child(2) {
 width: 280px;
 margin: 0;
 padding: 0;
}

@media screen and (max-width: 800px) {
 #offices .page_bottom .contacts {
  flex-wrap: wrap;
 }
 #offices .page_bottom .contacts .contact:nth-child(1),
 #offices .page_bottom .contacts .contact:nth-child(2) {
  width: 100%;
  padding: 0 90px 0 0;
  margin: 0 0 20px 0;
 }
 #offices .page_bottom .contacts .contact:nth-child(2) {
  margin: 0;
 }
}

#offices .page_bottom .contacts .contact .icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 31px;
 min-width: 31px;
 height: 31px;
 margin: 0 10px 0 0;
 border-radius: 100%;
 background-color: #ff0000;
}

#offices .page_bottom .contacts .contact .icon img {
 width: 22px;
 height: 22px;
}

#offices .page_bottom .contacts .contact .side_text {
 float: left;
 width: 100%;
 font-weight: 700;
 font-size: 13px;
 color: #676767;
}

#offices .page_bottom .contacts .contact .side_text .title {
 float: left;
 width: 100%;
 font-size: 15px;
 color: #000;
}

#offices .page_bottom .contacts .contact .side_text .title a {
 font-weight: inherit;
 font-size: inherit;
 color: #000;
}

#offices .page_bottom .kangaroo {
 position: absolute;
 bottom: 12px;
 right: 0;
}

#offices .page_bottom .kangaroo a {
 display: flex;
}

#offices .page_bottom .kangaroo img {
 width: 100px;
 height: 165px;
}


/* PAGE BOTTOM end */

}