/* Навигация ========================================================= */

.modalbutton {
    float:right;
    height: 14px !important;
	width:auto;
    margin-top:0;
    margin-right:0;
    line-height: 8px; 
}

.modalbutton a {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    font-weight: normal !important;
    color:#285473;
    background: #e5ebf1;
    border: 0.1px solid #dbe3eb;
    border-radius:3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box; 
    box-shadow:0 0.1px  0.3px #d9d8e3;
    margin:5px;
	padding:5px 5px 7px;
	float:left;
}

.modalbutton a:hover {
    color:#285473;
	background-color:#d9d8e3;
    text-decoration: none; /* Убираем подчеркивание у ссылок */
}

.modalbutton2 {
    float:left;
    height: 14px !important;
	width:auto; margin-left:-5px;
    line-height: 8px; 
}

.modalbutton2 a {
   font-family: 'Open Sans', sans-serif;
   font-size:13px;
   font-weight: normal !important;
   color:#285473;
   border-radius: 3px;
   background: #FFF;
   border-bottom:0px solid #888;
   border-radius:3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   box-sizing: border-box; 
   box-shadow:0 0.1px  0.3px #d9d8e3;
   margin:5px;
   padding:5px 5px 7px;
   float:left;
}

.modalbutton2 a:hover {
    color:#000;
	background-color:#d9d8e3;
    border-radius:3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box; 
    box-shadow:0 0.1px  0.3px #d9d8e3;
    text-decoration: none; /* Убираем подчеркивание у ссылок */		
}

.modalbutton3 {
    float:right;
    height: 14px !important;
	width:auto;
    margin-top:5px;
    margin-right:0;
    line-height: 8px;
}

.modalbutton3 a {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    font-weight: normal !important;
    color:#fff;
    background: #4a76a8;
    border: 1px solid #4a76a8;
    border-radius:3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box; 
    box-shadow:0 0.1px  0.3px #d9d8e3;
    margin:5px;
	padding:5px 5px 7px;
	float:left;
}

.modalbutton3 a:hover {
    color:#fff;
	background-color:#3d6898;
    text-decoration: none; /* Убираем подчеркивание у ссылок */ 		
}

/* Подсказка при наведении ========================================================= */

.infom {
    display: inline;
    position: relative;
}
.infom:hover:after{
    background: #edeef0;
    border: 1px solid #d9e0e7;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box; 
    box-shadow:0 0.1px  0.3px #d9d8e3;
    bottom: 6px;
    color: #000;
    content: attr(title);   
    right: 20% !important;
    padding: 0 0;
    margin-bottom: 7px !important;
    position: absolute;
    z-index: 98;
    width: 160px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
.infom:hover:before{ /* Добавляем стрелочку внизу блока всплывающей подсказки */
    border: solid;
    border-color: #c3c9d7 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 7px;
    content: "";
    right: 33px !important;
    position: absolute;
    z-index: 99;
}

/* Изменение цвета Font Awesome ============================== */

.fa-info-circle:hover {
color: #183352 !important;
}
.fa-info-circle i:hover{
color: #4a76a8 !important;
}
.fa-info-circle i before:hover{
color: #4a76a8 !important;
}

.fa-envelope:hover {
color: #183352 !important;
}

.fa-envelope i:hover{
color: #4a76a8 !important;
}

.fa-envelope i before:hover{
color: #4a76a8 !important;
}

.fa-users:hover {
color: #183352 !important;
}
.fa-users i:hover{
color: #4a76a8 !important;
}
.fa-users i before:hover{
color: #4a76a8 !important;
}

.fa-life-ring:hover {
color: #183352 !important;
}
.fa-life-ring i:hover{
color: #4a76a8 !important;
}
.fa-life-ring i before:hover{
color: #4a76a8 !important;
}

.fa-globe-asia:hover {
color: #183352 !important;
}
.fa-globe-asia i:hover{
color: #4a76a8 !important;
}
.fa-globe-asia i before:hover{
color: #4a76a8 !important;
}

.fa-home:hover {
color: #000 !important;
}
.fa-home i:hover{
color: #4a76a8 !important;
}
.fa-home i before:hover{
color: #4a76a8 !important;
}