/* ќсновное [ */

body {
    background-color: #f2f3f4;
    padding-top: 113px;
    min-width: 300px;
}

hr { /* Ћини¤ - разделитель*/
    border: 0;
    height: 1px;
    background-image:   -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:   -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:   -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:   -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.block {
    margin-top: 40px;
    margin-bottom: 0px;
}

.block-last {
    margin-top: 100px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 20px;
    color: #494949;
    margin: 3%;
    line-height: 25px;
}

h4 {
    font-size: 18px;
    margin-top: 15px;
}

h5 {
    font-size: 16px;
}

ul{
    font-size: 16px;
}

ul li{
    padding-bottom: 4px;
}


.topic-head{
    text-align: center;
    color: #101010;
    font-weight: bold;
    margin-bottom: 70px;
    text-transform: uppercase;
}

.topic-block {
    margin-top: 42px;
    margin-bottom: 12px;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none !important;
    color: #0374BA;
}

a:hover {
    color: #C04033;
}

a.anchors {
    display: block;
    position: relative;
    visibility: hidden;
    top: -130px;
}

.square-image {
    width: 150px;
}
/* ] ќсновное */


/*
    ћеню [
*/

#auction-buttons {
    margin-top: 20px;
}

#auction-buttons ul {
    display: flex;
    justify-content: center;
}

.auction-snippet {
    margin-top: 10px;
}

.auction-snippet img {
    float: left;
    max-width: 220px;
    min-height: 180px;
    margin-right: 15px;
}

#logo-img {
    /*background: url('../images/logo3.png');
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 220px;
    float: left;
    padding: 0;
}

.phone-numbers-nav {
    float: left;
    font-weight: bold;
    margin-left: 6rem;
    font-size: x-large;
    padding-top: 2% !important;
}

#navbar ul {
    padding-top: 2.5%;
}

.navbar {
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    background-color: rgba(255, 255, 255, 0.8);
}

.navbar-header {
    margin-top: 10px;
    margin-bottom: 10px;
}



#mobile-button {
    vertical-align: middle;
    margin-top: 20px;
    width: 70px;
}

.navbar.navbar-default .navbar-nav > li > a {
    color: #333;
    text-shadow: 2px 1px 1px #fff;
}

.navbar.navbar-default .navbar-nav > li > a:hover{
    color: #C04033;
}

.navbar.scrolled {
    transition: background-color 1s ease 0s;
    border: 0;
    background-color: white;
}

.navbar.scrolled.navbar-default .navbar-nav > li > a {
    color: #0374BA;
    /*font-size: 15px;*/
    text-shadow: none;
}

.navbar.scrolled.navbar-default .navbar-nav > li > a:hover{
    color: #C04033;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

/*
    ] ћеню
*/



/*
    Main блок [  
*/
#main-block {
    margin-top: -155px;
}

#main-block #slider {
    background: url('../images/slider2.jpg');
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


#main-block #slider h1 {
    font-size: 45px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 3px 2px 10px #000;
}

/*
    ] Main block
*/


/*
    Services блок [
*/

#services img {
    height: 350px;
    /*padding-left: 35px;
    margin-top: -7%;*/
}

/*#services #accountant {
    width: 300px;
}

#services #auction {
    height: 250px;
    margin-top: 30px;
    margin-left: 60px;
}*/

/*#services #passport {
    height: 250px;
    padding-left: 100px;
}*/

.shadow-block {
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    background-color:#fff;
}

#services a h3 {
    font-weight: bold;
    color: #0374BA;
}

#services a h3:hover {
    font-weight: bold;
    color: #C04033;
}

#services h4 {
    color: #494949;
}
#services h4.desription {
    color: #C04033;
    /*margin-top: 20px;*/
    font-weight: bold;
}

#services ul li span{
    color: #80B12F;
}


/*
    ] Services блок
*/

/*
    ClientLove блок [
*/

#client-love h3 {
    color: #C04033;
    padding-top: 40px;
}

/*
    ClientLove блок ]
*/


/* WhyUs блок [*/

#why-us p {
    text-align: center;
    padding-top: 5%;
}


#why-us .square-image {
    width: 100px;
    padding-bottom: 5%;
    padding-top: 5%;
}

#why-us .hidden-offset {
    margin-top: 15%;
}
/* WhyUs блок ]*/

/*Contacts блок [*/
#contacts-block .square-image{
    width: 80px;
}
/*Contacts блок ]*/

/*
    Map блок [
*/

#yandexMap {
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

#map-info {
    position: absolute;
    width: 30%;
    /*height: 65%;*/
    z-index: 1;
    top: 0;
    margin-top: 1%;
    left: 10%;
    /*margin-top: 30px;
    margin-bottom: 30px;*/
    -webkit-box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 13px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 13px 0px rgba(50, 50, 50, 0.75);

    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#map-info .inner {
    padding-left: 30px;
    padding-top: 3%;
}

#map-info .contact-inner {
    margin-left: 15px;
}

#map-info .image {
    margin-top: 10px;
}



/*
    ] Services блок
*/

/*
    Why us блок [
*/

#why-us h3 {
    color: #0374BA;
}

/*
    ] Why us блок
*/




/*
    Detail Services блок [
*/

#detail-services p {
    font-size: 18px;
}

.panel-title {
    font-size: 18px;
}

#affix-list.affix-top {
    position: static;
    margin-top: 50px;
    text-align: center;
    width: 200px;
    /*width: 200px;*/
}

#affix-list.affix {
    position: fixed;
    top:150px;
    width: 200px;
    text-align: center;
}

#text-block {
    margin-bottom: 5%;
}

#text-block img{
    display:block;
    float:right;
    padding-left: 10px;
    width: 350px;
}

#text-block h2 {
    margin-top: 8%;
}

#text-block h3 {
    margin-top: 5%;
}

.text-tooltip {
    color: #C04033;
    cursor: pointer;
}

.tooltip-inner {
    max-width: 350px;
    width: 350px;
    text-align: left;
    font-size: 12px;
}

.text-lines {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

#affix-list{
    background: #333333;
    /*border-radius: 5px;*/
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
}


#affix-list a {
    display: block;
}

#affix-list a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.nav li a{ /*÷вет всех ссылок*/
}


.nav .active a{
    color: #333333;
}

.nav .active a:first-of-type{
    
}


.nav .active { /*јктивна¤ родительска¤ ссылка*/
    /*background-color: #101010;*/
    background-color: rgba(255, 255, 255, 0.25);
    padding: 0;
}

.nav .active .nav {
    display: block;
    /*background: #E5E6E7;*/
    background-color: #E5E6E7;
}

.nav .active .nav a{
    color: black;
}

.nav .nav a {
    display: block;
}

.nav .nav {
    display: none;
}



.nav .nav .active a,
.nav .nav .active:hover a,
.nav .nav .active:focus a {
    border-left: 5px solid #333;
    padding-left: 10px;
}

.nav .nav .active  {
    background-color: rgba(255, 255, 255, 0.22);
}

.nav .nav .active span,
.nav .nav .active:hover span,
.nav .nav .active:focus span {
    display: none;
}

/*
    ] Detail Services блок
*/

/*Footer [*/
.footer p {
    font-size: 14px;
    margin-top: 20px;
}

.footer {
    height: 60px;
}
/*Footer ]*/

@media screen and (min-width: 992px) and (max-width: 1200px){ /*MD*/
    /*ќбщее [*/
    .phone-numbers-nav {
        float: left;
        margin-left: 0;
        font-weight: bold;
        font-size: x-large;
        padding-top: 2% !important;
    }


    .auction-snippet img {
        max-width: 100%;
        margin-right: 15px;
    }
    h2 {
        font-size: 23px;
    }

    h3 {
        font-size: 19px;
        line-height: 23px;
    }

    h4 {
        font-size: 16px;

    }

    h5 {
        font-size: 14px;
    }

    ul{
        font-size: 14px;
    }

    ul li{
        padding-bottom: 3px;
    }

    .block {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .block-last {
        margin-top: 90px;
    }

    .topic-head {
        margin-bottom: 60px
    }
    /*ќбщее ]*/
    /*ћеню [*/
    #logo-img {
        width: 190px;
    }

    .navbar.navbar-default .navbar-nav > li > a {
        font-size: 15px;
    }
    /*ћеню ]*/

    /*√ланвый блок [*/
    #main-block #slider h1 {
        font-size: 33px;
    }
    /*√ланвый блок ]*/

    /*ќ нас [*/
    .square-image {
        width: 120px;
    }
    /*ќ нас ]*/

    /*Services блок [*/

    #services img {
        height: 250px;
    }
    /*Services блок ]*/

    /*Why-us блок [*/
    #why-us .square-image {
        width: 90px;
    }

    #why-us p {
        font-size: 12px;
    }

    /*Why-us блок ]*/

    /*Contacts блок [*/
    #contacts-block .square-image{
        width: 70px;
    }
    /*Contacts блок ]*/

    /*Footer [*/
    .footer {
        height: 50px;
    }

    .footer p {
        font-size: 12px;
    }
    /*Footer ]*/

    /*Detail Services [*/
    #detail-services p {
        font-size: 16px;
    }

    #text-block img{
        width: 300px;
    }

    .panel-title {
        font-size: 16px;
    }

    .tooltip-inner {
        max-width: 310px;
        width: 310px;
        font-size: 12px;
    }

    a.anchors {
        top: -120px;
    }
    /*Detail Services ]*/
}

@media screen and (min-width: 768px) and (max-width: 992px) { /*SM*/
    /*ќбщее [*/
    .phone-numbers-nav {
        float: left;
        margin-left: 0;
        font-weight: bold;
        font-size: x-large;
        padding-top: 2% !important;
    }
    .auction-snippet img {
        max-width: 100%;
        margin-right: 15px;
    }
    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 17px;
        line-height: 23px;
    }

    h4 {
        font-size: 15px;
    }

    h5 {
        font-size: 13px;
    }

    ul{
        font-size: 14px;
    }

    ul li{
        padding-bottom: 3px;
    }

    .block {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .block-last {
        margin-top: 80px;
    }

    .topic-head {
        margin-bottom: 50px
    }
    /*ќбщее ]*/

    /*ћеню [*/
    #logo-img {
        width: 160px;
    }

    .navbar.navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }
    /*ћеню ]*/

    /*√ланвый блок [*/
    #main-block #slider h1 {
        font-size: 25px;
    }
    /*√ланвый блок ]*/

    /*ќ нас [*/
    .square-image {
        width: 100px;
    }
    /*ќ нас ]*/
    /*Services блок [*/

    #services img {
        height: 260px;
    }

    /*Services блок ]*/

    /*Client love блок [*/
    #client-love h3 {
        padding-top: 25px;
    }
    /*Client love блок ]*/

    /*Why-us блок [*/
    #why-us .square-image {
        width: 70px;
    }

    #why-us .hidden-offset {
        margin-top:3%;
    }

    #why-us p {
        font-size: 12px;
    }
    /*Why-us блок ]*/
    /*Contacts блок [*/
    #contacts-block .square-image{
        width: 60px;
    }
    /*Contacts блок ]*/

    /*Footer [*/
    .footer {
        height: 45px;
    }

    .footer p {
        font-size: 12px;
        margin-top: 18px;
    }
    /*Footer ]*/

    /*Detail Services [*/
    #detail-services p {
        font-size: 14px;
    }

    #text-block img{
        float: none;
        width: 400px;
        padding-top: 40px;
        margin: 0 auto;
    }

    .panel-title {
        font-size: 15px;
    }

    .tooltip-inner {
        max-width: 260px;
        width: 260px;
        font-size: 11px;
    }
    /*Detail Services ]*/
}

@media screen and (max-width: 768px) { /*XS*/
    /*ќбщее [*/
    .navbar-header {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .phone-numbers-nav {
        float: left;
        margin-left: 0;
        font-weight: bold;
        font-size: medium;
        padding-top: 2% !important;
        padding-left: 30px!important;
    }
    .phone-numbers-nav li {
        display: inline;
        margin-right: 10px;
    }
    .auction-snippet img {
        max-width: 100%;
        margin-right: 15px;
    }
    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 13px;
        line-height: 15px;
    }

    h4 {
        font-size: 10px;
        margin-bottom: 5px;
        margin-top: 4px;
    }


    h5 {
        font-size: 8px;
        margin-bottom: 3px;
        margin-top: 2px;
    }

    ul{
        font-size: 10px;
    }

    ul li{
        padding-bottom: 0px;
    }

    .square-image {
        width: 70px;
    }

    .block {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .block-last {
        margin-top: 60px;
    }

    .topic-head {
        margin-bottom: 30px
    }
    /*ќбщее ]*/

    /*ћеню [*/
    #logo-img {
        width: 160px;
        padding-left: 10px;
    }

    .navbar.navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }
    /*ћеню ]*/

    /*√ланвый блок [*/
    #main-block #slider h1 {
        font-size: 20px;
    }
    /*√ланвый блок ]*/


    /*Services блок [*/
    #services img {
        height: 130px;
    }
    /*Services блок ]*/

    /*Client love блок [*/
    #client-love h3 {
        padding-top: 20px;
    }
    /*Client love блок ]*/

    /*Why-us блок [*/
    #why-us .square-image {
        width: 70px;
    }
    #why-us .hidden-offset {
        margin-top:0%;
    }

    #why-us p {
        font-size: 11px;
    }
    /*Why-us блок ]*/

    /*Contacts блок [*/
    #contacts-block .square-image{
        width: 40px;
    }
    /*Contacts блок ]*/
    /*Reviews block [*/
    #reviews-block .hidden-offset {
        margin-top: 5%;
    }
    /*Reviews block ]*/

    /*Footer [*/
    .footer {
        height: 40px;
    }

    .footer p {
        margin-top: 18px;
        font-size: 9px;
    }
    /*Footer ]*/

    /*Detail Services [*/
    #detail-services p {
        font-size: 10px;
    }


    #text-block img{
        float:none;
        margin: 0 auto;
        width: 230px;
        padding-top: 20px;
    }

    .panel-title {
        font-size: 10px;
    }

    .tooltip-inner {
        max-width: 230px;
        width: 230px;
        font-size: 10px;
    }
    /*Detail Services ]*/
}

@media screen and (max-width: 300px) { /*ƒл¤ непослушного меню*/
    /*ћеню [*/
    .auction-snippet img {
        max-width: 100%;
        margin-right: 15px;
    }
    #logo-img {
        width: 130px;
        padding-left: 5px;
    }

    #mobile-button {
        display: none;
    }
    /*ћеню ]*/
}