/**

 */

*{font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.bold{font-weight:bold;}
.italic{font-style: italic;}
.oblique{font-style: oblique;}


@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

body
{
    color: #404040;
    font-size: 14px;
    line-height:20px;
}

a {
    color: #a88d72;
}

a:hover {
    color: #d5d5d5;
    text-decoration: none;
}

h1
{
    font-size: 32px;
    letter-spacing: 0.02em;
}
/**
    COLOR
 */

.bg-grey
{
    background-color: #e9e9e9;
}


.bg-grey-dark
{
    background-color: #d5d5d5;
}
.bg-grey-dark-two
{
    background-color: #606060;
}
.bg-grey-light
{
    background-color: #f6f6f6;
}

.text-brown
{
    color: #a88d72;
}

.bg-brown
{
    background-color: #a69483;
}

.bg-blue
 {
     background-color: #66889e;
 }


.bg-fiolet
{
    background-color: #78698f;
}

.bg-grey-two
 {
     background-color: #9e9e9e;
 }

/*
    END COLOR
 */

/***
    FON
 */

.fon1
{
    background: url("../img/fon1.jpg");
    background-position: top,center;
    background-repeat: no-repeat;
    background-color: #606060;
}

/***
   END FON
 */

.otziv-client
{
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    min-height: 230px;
}


.news
{
    padding: 0 45px;
    font-family: 'Source Serif Pro', serif;
    height: 364px;
}


.news h2
{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 65px;
    padding-bottom: 35px;
}

.news p
{
    font-size: 18px;
    line-height: 24px;
}

.news.bg-brown
{
    background: url("../img/portfel.png");
    background-position: center,center;
    background-repeat: no-repeat;
    background-color: #a69483;
    height: 464px;
}


.news.bg-fiolet,.news.bg-blue
{
    margin-top: 28px;
}

.news.bg-blue
{
    background: url("../img/books.png");
    background-position: center,center;
    background-repeat: no-repeat;
    background-color: #66889e;

}

.news.bg-fiolet
{
    background: url("../img/money.png");
    background-position: center,center;
    background-repeat: no-repeat;

    background-color: #78698f;

}

.news:hover
{
    background-color: #6c6c6c;
}

.newscomp h3
{
    margin-bottom: 22px;
    font-family: 'Fira Sans';
    font-size: 18px;
    font-weight: 600;
}

.newscomp a h3
{
    color: #404040;
}
.newscomp a h3:hover
{
    color: #a88d72;
}

.newscomp p.date
{
    margin-bottom: 10px;
    color: #a88d72;
}
h1.main, h1.serif
{
    font-family: 'Source Serif Pro', serif;
    text-transform: uppercase;
}

footer
{
    min-height: 605px;
    background: url('../img/footer.jpg');
    background-position: top,center;
    background-repeat: no-repeat;
    background-color: #606060;
}

footer h1
{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 15px;
}

footer  a.nav-link
{
    color:#ffffff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    padding: 8px 0;
}

footer  a.nav-link:hover
{
    color:#a88d72;
}
footer  li.active > a.nav-link
{
    color:#a88d72;
}

footer ul
{
    padding: 20px 0;
}
footer .col-md-12 .bg-grey-two
{
    height: 1px;

}


footer .socsety i
{
    margin-right: 18px;
}
footer .socsety a i
{
    color: white;
}
footer .socsety a i:hover
{
    color:#a88d72;
}

.copyright
{
    padding-top: 20px;
    font-size: 15px;
    line-height: 15px;
    padding-bottom: 60px;
}
/**
    MENU
 */
.dropdown-item
{
    background-color: #646363;
    color: #ffffff;
    padding: 1rem 1.5rem;
}

header .dropdown-item.active, header .dropdown-item:active {
    color: #a88d72;
    text-decoration: none;
    background-color: #646363;
}

header .dropdown-item.active:hover
{

    text-decoration: none;
    background-color: #e9e9e9;
}

/*.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{
    color: #ffffff;
    font-weight:bold;
}*/


header
{
    border-bottom: 1px solid #c9c9c9;
}

header .nav
{
    font-size: 16px;

}

.dropdown-menu
{
    margin:0;
    border: none;
    border-radius: 0px;
    padding: 0;
}

.dropdown-item:hover
{
    color: #404040;
    text-decoration: none;
    background-color: #e9e9e9;
}


.navbar-expand-lg .navbar-nav .nav-link
{
    padding-right: 25px;
    padding-left: 25px;
}
.navbar-light .navbar-nav .active>.nav-link
{
    color:#a88d72;
    font-weight:500;

}

.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus
{
    color: #ffffff;
    font-weight:bold;
    background-color: #646363;
}


.navbar-expand-lg .navbar-nav .active .nav-link:hover, .navbar-expand-lg .navbar-nav .active .nav-link:focus
{
    color: #a88d72;
    font-weight:500;

}

.navbar-expand-lg .container .navbar-collapse
{
    margin-right: -25px;
}

.navbar
{
    padding-bottom: 18px;
    padding-top: 18px;
    letter-spacing: 0.02em;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    margin: 0;
    background: #646363;
}

.dropdown:hover > .nav-link
{
    background: #646363;
    color: white;
}

.menubar
{
    font-size: 15px;
    line-height: 18px;
    margin-top: -5px;
}

.menubar-right
{
    margin-right: 20px;
    text-align: left;
}
.menubar .nav-link
{
    padding-bottom: 10px;
    padding-top: 10px;
}
.menubar a.nav-link
{
    color: #606060;
    margin-left: 28px;
}

.menubar a.nav-link:hover, .menubar a.active
{
    color: #a88d72;
}


.menubar a.active:hover
{
    color: #e9e9e9;
}
.menubar ul > li:before{
    font: normal normal normal 15px/1 FontAwesome;

    content: "\f101";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: 11px;
    margin-left: 16px;
}

.baricon
{
    font-size: 14px;
    line-height: 21px;
}

.baricon a
{
    color: #606060;

}
.baricon a:hover
{
    color: #a69483;
}

.baricon h3
{
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 30px;
}
/**
 END MENU
 */



/**
    HEADER
 */


header .logos
{
      height: 41px;
        width: 190px;
}

header div.search div.bg-grey-dark
{
    height: 32px!important;
    width: 32px!important;
    text-align: center;
}

header div.search a div.bg-grey-dark
{
    color: #404040;
}

header div.search a:hover >  div.bg-grey-dark
{
    background-color: #6c6c6c;
    color: white;
}
header .bg-grey .container i.fa-search
{
    padding-top: 8px;
}


header div.tel, header div.email,  header div.search
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: auto;
    margin-top: auto;

}
header div.search
{
    padding-left: 200px;
}

header .slader
{
    z-index: 999999;
    width: 100%;
}

header h1
{
    margin: 0;
    color: #ffffff;
    font-weight: 400;
    font-size: 26px;
    line-height:36px;
}

header nav.bg-light
{
    background-color: #ffffff!important;
}
.soi,.cli
{
    padding: 20px;

}

.soi
{
    background: #a88d72;
    background: rgba(168,141,114,0.8);

    background: linear-gradient(to top, rgba(116,97,78,0.8), rgba(168,141,114,0.8));
}

.cli
{
    background: #54809c;
    background: rgba(84,128,156,0.8);
    background: linear-gradient(to top, rgba(58,88,107,0.8), rgba(84,128,156,0.8));
}

.slader a .soi:hover, .slader a .soi:hover > h1
{
    background: #a88d72;
    color: #000000;
}
.slader a .cli:hover, .slader a .cli:hover > h1
{
    background: #54809c;
    color: #000000;
}

.slader   i
{
    font-size: 18px;
    display: block;
    color: white;
    margin-top: 3px;
}

.slader   span
{
    border: 1px solid #ffffff;
    margin-right: 20px;
    margin-top: 4px;
    height: 26px;
    width: 26px;
    display: block;
    float: left;
    text-align: center;

}

header .slader
{
    position: relative;
    margin-top: 0;
}


.ramka_outer
{
    border: solid 2px #c1ac97;
    margin-right: -7px;
    margin-left: -7px;
}
.ramka
{
    border: solid 10px #c1ac97;
    margin: 6px;
    background-color: #f6f6f6;

}

.form-group {
    padding-bottom: 20px;
}

.form-control
{
    border-radius:0;
    border-color: #b7b7b7;
    font-size: 18px;
    color: #000000;
}

input.form-control
{
    border:none;
    border-bottom: 1px solid #b7b7b7;
    padding-left: 0;
    background-color: #f6f6f6;
}

label.control-label
{
    font-size: 18px;
}

.custom-checkbox .custom-control-label::before
{
    border-radius:0;
    border: solid 1px #b7b7b7;
}
.custom-control-label::before,.custom-control-label::after
{
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-size: 75% 75%;
}

.custom-control-input:checked~.custom-control-label::before,.custom-checkbox .custom-control-input:checked~.custom-control-label::before
{
    background-color: transparent;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('../img/galka.svg');
}
.custom-control-label {
    margin-left: 20px;
    margin-top: 7px;
    font-size: 14px;
}
.btn
{
    border-radius:0;
    text-transform: uppercase;
    font-size: 18px;
    padding: 18px 80px;
    border: none;
}

.btn-primary
{
    background-color: #aa9887;
    background: linear-gradient(to top, #655a4f, #aa9887,#aa9887,#aa9887);
}

.btn-primary:hover
{
    background-color: #655a4f;
    background: linear-gradient(to top, #655a4f, #aa9887);
}


footer .socsety
{
    padding-top: 50px;
    font-size: 21px;
}

@media (min-width: 500px) {
    header div.search
    {
        padding-left: 15px;
    }

}


@media (min-width: 576px) {


    header h1
    {
        font-size: 36px;
        line-height:36px;
    }

    header .logos
    {
        height: 48px;
        width: 225px;
    }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .soi,.cli
    {
        padding: 29px 47px;

    }
    .navbar
    {
        padding-bottom: 28px;
        padding-top: 28px;
    }

}

@media (min-width: 768px) {


}

@media (min-width: 992px) {
    footer .socsety
    {
        padding-top: 250px;
    }
    header .slader
    {
        margin-top: -94px;
    }
    .news.bg-brown
    {
        height: 464px;
    }
    .news.bg-blue h2,.news.bg-fiolet h2
    {
        padding-top: 45px;
    }

    .news.bg-blue,.news.bg-fiolet
    {
        height: 218px;
    }
    .news.bg-blue
    {
        margin-top: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 25px;
    }
    .navbar-expand-lg .container .navbar-collapse {
        margin-right: -20px;
    }

}


@media (min-width: 1200px) {
    header .slader
    {
        margin-top: -114px;
    }

    .soi,.cli
    {
        padding: 39px 47px;

    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 25px;
        padding-left: 25px;
    }
    .navbar-expand-lg .container .navbar-collapse {
        margin-right: -25px;
    }

}

/**
   END HEADER
 */



/**
BTN
 */
.btn-outline-brown {
    color: #a88d72;
    background-color: transparent;
    background-image: none;
    font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    border-radius:0;
    border: 2px solid #a88d72;

    padding: 9px 38px;
    font-size: 13px;
    font-weight: 600;
}

.btn-outline-brown:hover,.btn-outline-dark:focus, .btn-outline-dark.focus {
    color: #fff;
    background-color: #a88d72;
    border-color: #fff;
}

/**
END BTN
 */

/**
 padding-top and padding-bottom
 */
.pt100
{
 padding-top: 100px;
}
.pt90
{
    padding-top: 90px;
}
.pt95
{
    padding-top: 95px;
}
.pt80
{
    padding-top: 80px;
}
.pt70
{
    padding-top: 70px;
}
.pt60
{
    padding-top: 60px;
}
.pt50
{
    padding-top: 50px;
}
.pt40
{
    padding-top: 40px;
}

.pt30
{
    padding-top: 30px;
}

.pb135
{
    padding-bottom: 135px;
}

.pb100
{
    padding-bottom: 100px;
}

.pb90
{
    padding-bottom: 90px;
}
.pb80
{
    padding-bottom: 80px;
}
.pb70
{
    padding-bottom: 70px;
}
.pb60
{
    padding-bottom: 60px;
}
.pb50
{
    padding-bottom: 50px;
}
.pb40
{
    padding-bottom: 40px;
}

.pb30
{
    padding-bottom: 30px;
}

.pb05
{
    padding-bottom: 5px;
}

.pt05
{
    padding-top: 5px;
}

.mb05
{
    margin-bottom: 5px;
}

.mt05
{
    margin-top: 5px;
}


.form-control::-webkit-input-placeholder {
    color: #000000;

}

.form-control::-moz-placeholder {
    color: #000000;
}

.form-control:-ms-input-placeholder {
    color: #000000;
}


.form-control::placeholder {
    color: #000000;
}

.modal-content
{
    border-radius: 0;
}

.page-link {
    color: #a69483;
    border: 1px solid #a69483;
}

.pagination .prev,.pagination .next,ul.pagination,.page-item:last-child .page-link,.page-item:first-child .page-link
{
    border-radius: 0;
}

.page-item.active .page-link {

     background-color: #a69483;
    border-color: #a69483;
}


.newss
{
    font-size: 18px;
    line-height: 28px;
    border-top: 1px solid #b7b7b7;
    color: #606060;
    padding-top: 28px;
    padding-bottom: 34px;
}

.newss small
{
    font-size: 16px;
}

.newss a h2
{
    font-family: 'Source Serif Pro', serif;
    font-size: 26px;
    line-height: 30px;
    color: #606060;
}

.newss a h2:hover
{
    color: #a69483;
}