@import "reset.css";

@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans/OpenSans-Regular.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url("../fonts/OpenSans/OpenSans-Light.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url("../fonts/OpenSans/OpenSans-Italic.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url("../fonts/OpenSans/OpenSans-LightItalic.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../fonts/OpenSans/OpenSans-Bold.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url("../fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url("../fonts/OpenSans/OpenSans-BoldItalic.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url("../fonts/OpenSans/OpenSans-Semibold.woff") format("woff"),
      url("../fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-CondLight';
  src: url("../fonts/OpenSansCondensed/OpenSans-CondLight.woff2") format("woff2"),
      url("../fonts/OpenSansCondensed/OpenSans-CondLight.woff") format("woff"),
      url("../fonts/OpenSansCondensed/OpenSans-CondLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-CondLightItalic';
  src: url("../fonts/OpenSansCondensed/OpenSans-CondLightItalic.woff") format("woff"),
      url("../fonts/OpenSansCondensed/OpenSans-CondLightItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenSans-CondBold';
  src: url("../fonts/OpenSansCondensed/OpenSans-CondBold.woff") format("woff"),
      url("../fonts/OpenSansCondensed/OpenSans-CondBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* -------------------------------
          Layout Specific
------------------------------- */
html {
  background: #6c6c6c;
  background-color: #000;
}

body {
  max-width: 1600px;
  margin: 0 auto;
  color: #535353;
  font-family: "OpenSans-Regular", Arial, sans-serif;
  font-size: 14px;
}

a {
  text-decoration: none;

  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

a:link, a:visited {
  color: #e96b0f;
}

td a:link, td a:visited {
  color: #fff;
}


a:hover, a:active {
  color: #893f09;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 15px 0;
  line-height: 1.4;
  word-wrap: break-word;
}

h1, h2, h3 {
  font-family: 'OpenSans-BoldItalic', Arial, sans-serif;
}

h4, h5, h6 {
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
}

h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
  text-transform: uppercase;
}

.holder-inner {
  position: relative;
  width: 1010px;
  min-height: 83px;
  margin: 0 auto;
  border: 1px solid transparent; /* IE height hack */
}

.holder-outer {
  width: 1175px;
  margin: 0 auto;
  padding: 35px 45px;
}


/* -------------------------------
          HEADER
------------------------------- */
.main-head {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #2d2d40;
  background-image: url(../images/header-background.jpg);
  background-image: url(../images/header-background.svg), none;
}

.main-head .logo {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 23px;
}

.main-head .logo h1 {
  position: absolute;
  top: -13px;
  left: 57px;
  color: #fff;
  font-size: 25px;
  font-family: "OpenSans-Light", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.main-head .logo h1 span {
  font-family: "OpenSans-Semibold", Arial, sans-serif;
}

/* -------------------------------
          Navigation
------------------------------- */
.nav-main {
  position: relative;
  top: 23px;
  width: 550px;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
}

.nav-main a {
  display: inline-block;
  padding: 15px;
  color: #fff;
  font-size: 16px;
}

.nav-main a:hover,
.nav-main .active {
  color: #f7941d;
}


/* -------------------------------
      Social Icons & Language
------------------------------- */
.icons-main {
  position: absolute;
  top: 26px;
  right: 0;
  z-index: 1;
  list-style: none;
  padding: 0;
}

.icons-main > li {
  display: inline-block;
  float: left;
  border: 1px solid #747475;

  -ms-border-radius: 4px;
  border-radius: 4px;
}

.icons-main > li:hover {
  border-color: #fff;

  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.icon.social {
  margin: 0 9px;
  padding: 15px;
  text-indent: -9999px;
  line-height: 0;
  background-repeat: no-repeat;
  background-image: url(../images/sprite-social-home.png);
  background-image: url(../images/sprite-social-home.svg), none;
}

.facebook {
  background-position: -2px -5px;
}

.google-plus {
  background-position: -38px -5px;
}

.icon.lang {
  padding: 0;
  margin: 0 9px;
  background: #2d2d40;
}

.language-menu {
  position: relative; /* IE overflow hack */
  list-style-type: none;
  overflow: hidden;
  width: 99px;
  height: 30px;
  padding: 0;
}

.language-menu:hover {
  overflow: visible;
}

.language-menu li {
  display: block;
  width: 101px;
  height: 30px;
  margin-left: -1px;
  background: #2d2d40;
  border-left: 1px solid #747475;
  border-right: 1px solid #747475;
}

.language-menu li:first-child {
  background: transparent;
  border: none;
}

.language-menu li:first-child a {
  background-position: 70px -44px;
  background-repeat: no-repeat;
  background-image: url(../images/sprite-social-home.png);
  background-image: url(../images/sprite-social-home.svg), none;
  border: none;
}

.language-menu li:first-child a:hover {
  cursor: default;
}

.language-menu li:nth-child(2) {
  border-top: 1px solid #747475;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.language-menu li:last-child {
  border-bottom: 1px solid #747475;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.language-menu a {
  display: inline-block;
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
  color: #747475;
  font-size: 11px;
  line-height: 2.5;
  text-transform: uppercase;
}

.language-menu a:hover {
  color: #fff;
}

.language-menu .lang-selected {
  color: #fff;
}


/* -------------------------------
          Services
------------------------------- */
.main-head .services {
  list-style: none;
  min-height: 350px;
  margin: 100px auto 20px auto;
  padding: 0;
  text-align: center;
}

.services li {
  float: left;
  width: 335px;
}

.service-title {
  height: 80px;
  overflow: hidden;
  margin: 0 auto;
  padding: 10px 20px 30px 20px;
  color: #d0d0d8;
  font-family: 'OpenSans-CondLight', 'Arial Narrow', Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

.service-title a {
  color: #fff;
}

.service-item-1:hover .service-title a {
  color: #ffaa46;
}
.service-item-2:hover .service-title a {
  color: #ff852c;
}
.service-item-3:hover .service-title a {
  color: #ff7123;
}

.service-icon {
  display: block;
  padding: 120px 0 100px 0;
  text-indent: -9999px;
  background-position: center 30px;
  background-repeat: no-repeat;
}

.service-item-1 .service-icon {
  background-image: url(../images/service-translate-legalize.png);
  background-image: url(../images/service-translate-legalize.svg), none;
}

.service-item-1:hover .service-icon {
  background-image: url(../images/service-translate-legalize-a.png);
  background-image: url(../images/service-translate-legalize-a.svg), none;
}

.service-item-2 .service-icon {
  background-image: url(../images/service-insurance.png);
  background-image: url(../images/service-insurance.svg), none;
}

.service-item-2:hover .service-icon {
  background-image: url(../images/service-insurance-a.png);
  background-image: url(../images/service-insurance-a.svg), none;
}

.service-item-3 .service-icon {
  background-image: url(../images/service-accountance.png);
  background-image: url(../images/service-accountance.svg), none;
}

.service-item-3:hover .service-icon {
  background-image: url(../images/service-accountance-a.png);
  background-image: url(../images/service-accountance-a.svg), none;
}

.services .more {
  color: #fff;
}

.more {
  display: inline-block;
  padding: 13px 40px;
  position: relative; /* PIE hack */
  color: #fff;
  font-size: 14px;
  font-family: 'OpenSans-Bold', sans-serif;
  text-transform: uppercase;

  -ms-border-radius: 4px;
  border-radius: 4px;

  -moz-transition: background-color .2s ease-in-out;
  -webkit-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}

.more.type-1 {
  background-color: #f7941d;
}
.more.type-2 {
  background-color: #e96b0f;
}
.more.type-3 {
  background-color: #e75607;
}

.service-item-1:hover .more.type-1 {
  background-color: #ffaa46;
}
.service-item-2:hover .more.type-2 {
  background-color: #ff852c;
}
.service-item-3:hover .more.type-3 {
  background-color: #ff7123;
}

.more.type-1,
.more.type-2 {
  box-shadow: 0 5px 0 #a24e1a;
}

.more.type-3 {
  box-shadow: 0 5px 0 #56270d;
}

/* -------------------------------
          CONTENT Home
------------------------------- */
.about-intro {
  max-width: 1396px;
  margin: 35px auto 20px auto;
  padding: 0 50px;
  background: url(../images/about-background.jpg) no-repeat center center;
  color: #fff;
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  text-align: center;
}

.about-intro h2 {
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
  font-size: 48px;
  font-weight: normal;
}

.about-intro ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

.about-intro .about-icon {
  display: inline-block;
  padding: 80px 100px;
  background-repeat: no-repeat;
  background-image: url(../images/sprite-icons-about.png);
  background-image: url(../images/sprite-icons-about.svg), none;
}

.about-intro .icon-1 {
  background-position: 60px 40px;
}

.about-intro .icon-2 {
  background-position: -120px 40px;
}

.about-intro .icon-3 {
  background-position: -300px 40px;
}

.about-intro .icon-4 {
  background-position: -480px 40px;
}

.holder-outer ul {
  list-style: none;
  font-family: 'OpenSans-BoldItalic', Arial, sans-serif;
}

.holder-outer .offers {
  padding: 0;
  text-align: center;
}

.holder-outer .offers > li {
  float: left;
  width: 490px;
  text-align: left;
}

.holder-outer .offer-list {
  padding: 0;
}

.holder-outer .offer-list li {
  padding: 0;
}

.holder-outer .offer-list h3 {
  margin-bottom: 0;
  padding-bottom: 0;
  color: #eb6919;
  font-size: 20px;
}

.holder-outer .offer-list p {
  margin: 2px 0;
  line-height: 1.8;
}

.holder-outer .offers > li:first-child {
  padding: 0 50px 0 0;
}

.holder-outer .offers > li:nth-child(2) {
  padding: 0 0 0 50px;
}


/* -------------------------------
          PAGE Services
------------------------------- */
.services-page .holder-inner.prices {
  margin: 50px auto;
}

.services-page .services {
  position: relative;
  bottom: -1px;
  min-height: 243px;
  margin: 30px auto 0 auto;
  cursor: pointer;
}

.services-page .services li {
  width: 315px;
  height: 245px;
  margin: 0 15px;
  border-bottom: solid 4px transparent;

  -webkit-transition: background-image 0.5s;
  -moz-transition:    background-image 0.5s;
  -o-transition:      background-image 0.5s;
  -ms-transition:     background-image 0.5s;
  transition:         background-image 0.5s;
}

.services-page .services li:first-of-type {
  margin-left: 0;
}

.services-page .services li:last-of-type {
  margin-right: 0;
}

.icon-service {
  display: block;
  width: 61px;
  height: 61px;
  margin: 60px auto 10px auto;
  background-repeat: no-repeat;
  background-image: url(../images/sprite-icons-services.png);
  background-image: url(../images/sprite-icons-services.svg), none;
}

.services-page .service-item-1 .icon-service {
  background-position: 0 0;
}

.services-page .service-item-1:hover .icon-service,
.services-page .service-item-1.selected .icon-service {
  background-position: -86px 0;
}

.services-page .service-item-1:hover,
.services-page .service-item-1.selected {
  border-color: #f7941d;
}

.services-page .service-item-2 .icon-service {
  background-position: 0 -84px;
}

.services-page .service-item-2:hover .icon-service,
.services-page .service-item-2.selected .icon-service{
  background-position: -86px -84px;
}

.services-page .service-item-2:hover,
.services-page .service-item-2.selected {
  border-color: #e96b0f;
}

.services-page .service-item-3 .icon-service {
  background-position: 0 -173px;
}

.services-page .service-item-3:hover .icon-service,
.services-page .service-item-3.selected .icon-service{
  background-position: -86px -173px;
}

.services-page .service-item-3:hover,
.services-page .service-item-3.selected {
  border-color: #e75607;
}

.services-page .service-title{
  min-height: 100px;
  margin-top: 20px;

  -moz-transition: color .2s ease-in-out;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.services-page .service-item-1:hover .service-title,
.services-page .service-item-1.selected .service-title {
  color: #f7941d;
}

.services-page .service-item-2:hover .service-title,
.services-page .service-item-2.selected .service-title {
  color: #e96b0f;
}

.services-page .service-item-3:hover .service-title,
.services-page .service-item-3.selected .service-title {
  color: #e75607;
}


.service-content {
  display: none;
  min-height: 300px;
}

.service-content.selected {
  display: block;
}

/* TAB 1 */
.pricing {
  margin: 0 0 60px 0;
}

.pricing h3 {
  margin-bottom: 0;
  color: #f7941d;
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.pricing .mark {
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  font-size: 12px;
}

.price-table {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  font-size: 16px;
}

.price-table .item-prices {
  font-weight: bold;
}

.price-table thead {
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  font-size: 12px;
}

.price-table thead td {
  padding: 20px 0 0 0;
}

.price-table tfoot {
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  font-size: 14px;
}

.price-table tfoot td {
  padding: 10px 0;
}

.price-table tbody tr {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.price-table .item-prices td:first-child {
  width: 40%;
  padding-right: 100px;
}

.pricing.dds .item-prices td:first-child {
  width: 60%;
}

.price-table th,
.price-table td {
  padding: 22px 0;
  line-height: 1.8;
  text-align: left;
}

.price-table h3 {
  color: #2d2d40;
  font-size: 14px;
}

.pricing.dds h3 {
  text-transform: none;
}

.price-table .detail {
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}

.price-table .more {
  padding: 15px 20px;
  color: #fff;
  line-height: 1;

  -ms-border-radius: 4px;
  border-radius: 4px;

  -moz-transition: background-color .2s ease-in-out;
  -webkit-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}

.price-table .message {
  padding: 10px 0;
  color: #f7941d;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.price-table .footnote {
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

/* TAB 2 */
.service-content.item-2 h3 {
  color: #eb7831;
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
  line-height: 1.1;
}

.service-list {
  margin-bottom: 20px;
}

.service-list h3 {
  display: inline-block;
  position: relative;
  width: 275px;
  margin-left: 50px;
}

.service-list a {
  color: #757585;
}

.service-list a:hover,
.service-list .selected span,
.service-list .selected a {
  color: #e96b0f;
}

.service-list span {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: -45px;
  width: 40px;
  color: #757585;
  font-family: 'OpenSans-Light', Arial, sans-serif;
  font-size: 61px;
  font-weight: normal;
  line-height: 1;
}

.service-content.item-2 td {
  line-height: 1;
}

.service-content.item-2 .item-prices td:last-child {
  text-align: right;
}

.service-content.item-2 .detail {
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
  font-size: 12px;
}

.service-content.item-2 .price-table {
  margin-bottom: 70px;
}

#insurance-s2 p,
#insurance-s3 p,
#insurance-s3 ul {
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

#insurance-s3 ul {
  list-style: none;
}

#insurance-s2 strong,
#insurance-s3 strong {
  font-family: 'OpenSans-BoldItalic', Arial, sans-serif;
}


/* -------------------------------
          CONTENT Contact
------------------------------- */
.contact-page {
  min-height: 300px;
  background: #2d2d40 url(../images/contact-map.png) no-repeat bottom center;
  font-size: 18px;
}

.contact-page .main-head {
  height: 83px;
}

.offices {
  width: 730px;
  margin: 0 auto;
  padding-top: 30px;
  color: #ffffff;
  line-height: 1.3;
}

.offices h2 {
  color: #fff;
  font-family: 'OpenSans-Light', Arial, sans-serif;
  font-size: 48px;
  font-weight: normal;
  text-align: center;
}

.message{
  padding: 0 0 26px 0;
  color: #fff;
  font-family: 'OpenSans-Italic', Arial, sans-serif;
  text-align: center;
}

.address-data {
  float: left;
  list-style-type: none;
  width: 304px;
  margin: 0 10px 20px 10px;
  padding: 19px 14px 19px 25px;
  background: #2d2d40;
  color: #fff;
}

.address-data li {
  position: relative;
  margin: 3px 0;
  padding: 5px 0 5px 40px;
}

.address-data li:before {
  position: absolute;
  left: 0;
  content: "";
  width: 21px;
  background-repeat: no-repeat;
  background-image: url(../images/sprite-address-contact.png);
  background-image: url(../images/sprite-address-contact.svg), none;
}

.address-data .location:before {
  top: 12px;
  height: 28px;
  background-position: 0 0px;
}

.address-data .phone:before {
  height: 25px;
  background-position: 0 -30px;
}

.address-data .mail:before {
  height: 20px;
  background-position: 0 -55px;
}

.address-data .telegram:before {
  height: 22px;
  background-position: 0 -79px;
}

.address-data a {
  color: #fff;
}

.address-data a:hover {
  color: #f7941d;
}

.social-media {
  clear: both;
  padding: 50px 0 0 0;
  text-align: center;
}

.media-list {
  list-style: none;
  padding: 0;
}

.media-list li {
  display: inline-block;
  margin: 0 15px;
}

.media-list a {
  display: inline-block;
  width: 56px;
  height: 56px;
  text-indent: -9999px;
  line-height: 0;
  background-repeat: no-repeat;
  background-image: url(../images/sprite-social-contact.png);
  background-image: url(../images/sprite-social-contact.svg), none;
}

.media-list .facebook {
  background-position: 0 0;
}

.media-list .google {
  margin-left: 5px;
  background-position: -62px 0;
}

.facebook-like-box {
  width: 920px;
  margin: 100px auto 20px auto;
}


/* -------------------------------
          Footer
------------------------------- */
.footer-main {
  padding: 100px 10px 40px 10px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url(../images/footer.png);
  color: #fff;
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
  font-size: 16px;
}

.footer-main h2 {
  font-family: 'OpenSans-LightItalic', Arial, sans-serif;
  font-size: 48px;
  font-weight: normal;
  text-align: center;
}

.footer-main .office {
  list-style: none;
  width: 660px;
  margin: 25px auto 100px auto;
  padding: 0;
  line-height: 1.5;
}

.footer-main .office li {
  float: left;
  width: 270px;
  margin: 0 30px;
}

.footer-main .office td {
  padding: 5px;
  vertical-align: top;
}

.footer-main .telegram-call {
  margin: 0 auto;
  text-align: center;
}

.footer-main .telegram-call a {
  padding: 0 10px;
  color: #fff;
}

.footer-main .telegram-call a:hover {
  color: #f7941d;
}

.footer-main .telegram {
  display: inline-block;
  padding: 0;
  line-height: 3;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../images/icon-telegram.png);
  background-image: url(../images/icon-telegram.svg), none;
  padding-left: 50px;
}