@font-face { 
    font-family: 'SourceSansPro';
    src: url('/fonts/SourceSansPro-Regular.ttf'); 
}

@font-face { 
    font-family: 'SourceSansPro';
    src: url('/fonts/SourceSansPro-Bold.ttf'); 
    font-weight: bold;
}

@font-face { 
    font-family: 'SourceSansPro';
    src: url('/fonts/SourceSansPro-Semibold.ttf'); 
    font-weight: bolder;
}

@font-face { 
    font-family: 'SourceSansPro';
    src: url('/fonts/SourceSansPro-BoldItalic.ttf'); 
    font-style: italic;
    font-weight: bold;
}

body
{
    font-family: SourceSansPro;
    text-align: center;
}

.bg-color-top
{
    background: #7d82b0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: small;
    padding: 4px;
}

.bg-color-banner
{
    background: #7d82b0;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    font-size: large;
    text-align: left;
    padding-top: 90px;
    padding-bottom: 20px;
}

.bg-color-top a,
.bg-color-top span
{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.float-menu
{
    background: #fff;
}

.float-menu a
{
    color: #535993;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px 10px 20px;
}

.float-menu img
{
    vertical-align: middle;
    margin: 5px auto 5px auto;
}

.vcenter
{
    display: inline-block;
    vertical-align: middle;
    float: none;
}

a.link-offer
{
    background: #54a759;
    color: #fff;
}

a.link-offer:hover
{
    color: #54a759;
    background: #fff;
}

.bg-color-banner h1
{
    text-transform: uppercase;
    color: #ffe8aa;
    font-size: large;
    font-style: normal;
    padding-left: 9%;
}

.bg-color-banner .sprite
{
    margin: 3px 15px 3px 0px;
}

.hcenter
{
    text-align: center;
}

.bg-color-top .sprite-user
{
    margin-left: 25px;
}

.bg-advantages
{
    background-image: url('/Img/bg_adv.jpg');
    background-repeat: repeat-x;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

.bg-advantages .sprite
{
    margin: 7px;
}

.descr
{
    font-weight: bold;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.header-yellow
{
    background: #d4b86a;
    color: #fff;
    margin-top: 40px;
}

.header-blue
{
    background: #535993;
    color: #fff;
    margin-top: 40px;
}

h2
{
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: large;
}

h3
{
    color: #000;
    font-size: large;
}

.what-solves
{
    color: #998244;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    line-height: 200%;
}

.what-you-get h2,
.what-solves h2
{
    color: #000;
    text-align: center;
}

.what-you-get
{
    color: #535993;
    background: #eeeee8;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
    line-height: 200%;
}

.what-you-get .container
{
    position: relative;
}

.header-fmt1
{
    background: #39a1e4;
    color: #fff;
    padding-top: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.header-fmt2
{
    background: #89a250;
    color: #fff;
    padding-top: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.header-fmt3
{
    background: #ada955;
    color: #fff;
    padding-top: 14px;
    margin-top: 0px;
}

.header-fmt4
{
    background: #ad5955;
    color: #fff;
    padding-top: 14px;
    margin-top: 0px;
}

.cleaner
{
    display: block;
    clear: both;
}

.formats-info
{
    margin-top: 70px;
}

.format-block-left
{
    width: 49%;
    border-right: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 15px;
}

.format-block-right
{
    width: 49%;
    border-left: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 15px;
}

.format-block-left .format-list
{
    text-align: left;
    color: #998244;
    padding-left:5%;
    line-height: 200%;
}

.format-block-right .format-list
{
    text-align: left;
    color: #535993;
    padding-left:5%;
    line-height: 200%;
}

.transporters .row
{
    margin-top: 35px;
}

.price-block-left
{
    width: 48%;
    border-right: 6px solid #ada955;
    display: inline-block;
    padding: 0px 4% 0px 4%;
    margin-right: -6px;
    margin-top: 40px;
}

.price-block-right
{
    width: 48%;
    border-left: 6px solid #ad5955;
    display: inline-block;
    padding: 0px 4% 0px 4%;
    margin-left: -6px;
}

.align-center
{
    text-align: center;
}

.price-spacer
{
    display: inline-block;
    width: 48%;
}

.header-prc1
{
    background: #89a250;
    margin: 0px;
    height: 39px;
    padding-top: 10px;
    color: #fff;
}

.header-prc2
{
    background: #39a1e4;
    margin: 0px;
    height: 39px;
    padding-top: 10px;
    color: #fff;
}

.price-right,
.price-left 
{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 4% 6% 4% 6%;
    text-align: justify;
    color: #000;
}

.price-left
{
    margin-right: 20px;
    margin-left: 19px;
}

.price-right
{
    margin-right: 18px;
    margin-left: 20px;
}

.implementation-adv
{
    font-weight: bold;
    text-align: center;
    margin: 20px;
}

.implementation
{
    margin-top: 30px;
    text-align: justify;
    color: #000;
}

.impl
{
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: small;
}

.contact a
{
    color: #54a759;
    font-size: x-large;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.contact
{
    margin-top: 30px;
    text-align: center;
}

.prepare h3
{
    text-align: left;
}

.prepare p
{
    text-align: justify;
}

.prepare
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer
{
    background: #333333;
    color: #cccccc;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.contact-address
{
    display: inline-block;
    text-align: left;
    color: #fff;
}

.link-home
{
    padding: 0px !important;
}

.form-inline
{
    margin-top: 25px;
}

.form-inline label
{
    display: inline-block;
    width: 130px;
    text-align: left;
}

.form-inline input
{
    margin-right: 20px;
}

form
{
    text-align: left;
    margin-top: 15px;
    display: inline-block;
}

.form-textarea
{
    margin-top: 25px;
}

.form-textarea textarea
{
    height: 150px;
    display: inline-block;
}

.send-button
{
    display: inline-block;
    padding: 7px 20px 7px 20px;
    background: #54a759;
    border: 1px solid #54a759;
    color: #fff;
    font-weight: bold;
    font-size: large;
    text-transform: uppercase;
}

.send-button:hover
{
    background: #fff;
    color: #54a759;
    text-decoration: none;
}

.send-info
{
    display: none;
}

.container {
    width: 1170px !important;
}

body
{
    min-width: 1200px;
}

/* SPRITES */

.sprite
{
  background-image: url('/img/sprites_web.png');
  background-repeat: no-repeat;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.sprite-tel {
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  margin-right: 4px;
}

.sprite-key {
  width: 18px;
  height: 18px;
  background-position: -18px 0px;
  margin-right: 4px;
}

.sprite-user {
  width: 16px;
  height: 18px;
  background-position: -36px 0px;
  margin-right: 4px;
}

.sprite-adv1 {
  width: 48px;
  height: 49px;
  background-position: 0px -18px;
}

.sprite-adv2 {
  width: 48px;
  height: 48px;
  background-position: 0px -67px;
}

.sprite-adv3 {
  width: 48px;
  height: 48px;
  background-position: 0px -115px;
}

.sprite-adv4 {
  width: 48px;
  height: 49px;
  background-position: 0px -163px;
}

.sprite-bon1 {
  width: 50px;
  height: 50px;
  background-position: -52px 0px;
}

.sprite-bon2 {
  width: 50px;
  height: 50px;
  background-position: -52px -50px;
}

.sprite-bon3 {
  width: 50px;
  height: 50px;
  background-position: -52px -100px;
}

.sprite-bon4 {
  width: 50px;
  height: 50px;
  background-position: -52px -150px;
}

.sprite-arrow1 {
  width: 107px;
  height: 97px;
  background-position: -102px 0px;
  position: absolute;
  top: -75px;
  left: 33%;
}

.sprite-arrow2 {
  width: 107px;
  height: 97px;
  background-position: -102px -97px;
  position: absolute;
  bottom: -90px;
  left: 50%;
}

.sprite-fmt1 {
  width: 48px;
  height: 48px;
  background-position: -209px 0px;
    float: right;
    margin-top:-14px;
}

.sprite-fmt2 {
  width: 48px;
  height: 48px;
  background-position: -209px -48px;
    float: left;
    margin-top:-14px;
}

.sprite-fmt3 {
  width: 48px;
  height: 48px;
  background-position: -209px -96px;
    float: right;
    margin-top:-14px;
}

.sprite-fmt4 {
  width: 48px;
  height: 48px;
  background-position: -209px -144px;
    float: left;
    margin-top:-14px;
}

.sprite-prc1 {
  width: 62px;
  height: 63px;
  background-position: -80px -212px;
    float: left;
    margin-top:-22px;
}

.sprite-prc2 {
  width: 40px;
  height: 39px;
  background-position: -0px -212px;
    float: right;
    margin-top:-10px;
}

.sprite-prc3 {
  width: 63px;
  height: 63px;
  background-position: -142px -212px;
    float: right;
    margin-top:-22px;
}

.sprite-prc4 {
  width: 40px;
  height: 39px;
  background-position: -40px -212px;
    float: left;
    margin-top:-10px;
}

.sprite-impl
{
  width: 72px;
  height: 72px;
  background-position: -0px -251px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.sprite-con-mail
{
  width: 42px;
  height: 42px;
  background-position: -72px -275px;
}

.sprite-con-phone
{
  width: 42px;
  height: 42px;
  background-position: -114px -275px;
}