/*** BUTTONS start ***/




::-moz-focus-outer, ::-moz-focus-inner {
    border: 0;
    padding: 0;
}

* {
  outline: 0 !important;
}

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

.btn, select {
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

.lang-ru .btn, .lang-ru select {
    font-family: inherit;
}

.lang-zh .btn, .lang-zh select {
    font-family: NotoSansSC,Helvetica,Arial,sans-serif;
}


button:disabled, button:disabled:hover, .frm_container button:disabled, .frm_container button:disabled:hover {
    background-color: #ccc;
    border-color: #ccc;
    cursor: default;
}


.button_orange, #button_orange, #btn_submit_restore_auth, #btn_submit_code_auth, #btn_submit_recover_auth, .close-cb {
    color: #FFFFFF !important;
    background-color: #ffae19;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 4px;
    padding: .375rem .95rem;
    cursor: pointer;
    min-width: 130px;
}

#dv_work button.button_orange, #dv_profile button.button_orange, #dv_mail button.button_orange, #dv_photo button.button_orange {
    padding: 20px 40px;
    font-size: 16px;
}

#btn_submit_recover_auth {
    color: #FFFFFF !important;
    background-color: #ffae19 !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    border: 1px solid transparent !important;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0.125rem;
    padding: .375rem .95rem;
    cursor: pointer;

}

.button_orange:hover, #button_orange:hover, #btn_submit_restore_auth:hover, #btn_submit_code_auth:hover, #btn_submit_recover_auth:hover {
    background-color: #ffa500;
    text-decoration: none;
}

#button_orange, #btn_submit_restore_auth, #btn_submit_code_auth, #btn_submit_recover_auth {
    min-width: 200px;
}

.button-orange_large {
    font-size: 1.5rem;
    height: 4.5rem;
    width: 20rem;
    color: #FFFFFF;
    background-color: #ffae19;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0.125rem;
    padding: .375rem .95rem;
}


.button_frame {
    display: block;
    margin: 1rem;
    text-align: center;
    border: 2px solid #ff771c;
    cursor: pointer;
    font-weight: bold;
    color: #ff771c;
    padding: .375rem .95rem;
    position: absolute;
    border-radius: 2px;
    text-decoration: none;
}

.button_frame:hover {
    text-decoration: none;
    background-color: #ff771c;
    color: #fff;
}

.btn-orange,
button.btn.btn-orange, button.btn.btn-orange:visited,
a.btn.btn-orange, a.btn.btn-orange:visited {
    color: #FFFFFF !important;
    background-color: #E69E19;
}

.btn-orange:hover,
button.btn.btn-orange:hover, button.btn.btn-orange:hover:visited,
a.btn.btn-orange:hover, a.btn.btn-orange:hover:visited {
    color: #FFFFFF !important;
    background-color: #ff771c;
}

.btn-raised, .btn-raised:focus, .btn-raised:focus-within {
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.btn {
    border-radius: 25px;
    padding: .475rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 16px;
    min-width: 10rem;
    width: 100%;
}

.btn-round {
    padding: 0.75rem 1rem;
    border-radius: 50px;
    font-size: .9rem;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.plus {
    position: relative;
    padding: 8px;
    margin-right: 10px;
}

.plus::before,
.plus::after {
    content: '';
    background-color: #fff;
    position: absolute;
    border: none;
}

.plus::before {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 2px;
}

.plus::after {
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 14px;
    width: 2px;
}

.modal-content .modal-footer .btn {
    flex: 0 0 100%;
    flex-basis: 100%;
    justify-content: space-around;
    margin: 10px 0 0 0;
    width: 100%;
    font-size: 20px;
    padding: 12px 14px;
}

.btn-primary {
    color: #fff;
    background-color: #00a193;
    border-color: #00a193;
}

.btn.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.modal-footer .btn.btn-primary:hover,
.modal-dialog .modal-content .modal-footer .btn.btn-primary:active,
.modal-dialog .modal-content .modal-footer .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #008d81;
    border-color: #008d81;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #969696;
        border-color: #969696;
}

.btn-second {
    color: #CCCCCC;
    background-color: transparent;
    border-color: transparent;
}

.btn-second:active,
.btn-second:not(:disabled):not(.disabled):active,
.btn-second:hover {
    color: #676767;
}

.btn-outline-select {
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.5;
    color:  #008d81;
    border: 1px solid  #008d81;
    z-index: 4 !important;
    background-color: #fff;
    min-width: 10rem;
    text-align: left;
    position: relative;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.modal-dialog .modal-content .modal-footer .btn.btn-secondary {
    order: 2;
}

.modal-header .close {
    padding: .2rem .5rem !important;
    margin: 0 !important;
}

.btn-outline-select {
    text-align: center;
}

.btn-outline-select:hover {
    background-color: #008d81;
    border-color: #008d81;
    color: #fff;
}

.btn-outline-select:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-outline-select.focus, .btn-outline-select:focus {
    outline: 0;
}

.btn-select-left {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.btn-select-right {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.btn-outline-select:focus {
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

#dv_chat_messages .btn {
    min-width: unset;
    display: flex;
}

.sidebar .btn {
    min-width: unset;
    line-height: unset;
}

.btn.btn-secondary {
  background: none;
  border-color: unset;
  color: #757575;
  letter-spacing: .5px;
}

.btn.btn-secondary:hover {
  -webkit-animation: none;
}

.deal-details .btn, #btn_chat_send {
    min-width: 130px;
    padding: 6px 16px;
    font-weight: 400;
}

.btn-message, .btn-second-action {
    color: rgb(40,40,40);
    font-size: .875rem;
    padding: .5rem 1.1rem;
    background-color: rgb(235, 236, 237);
    font-weight: 700;
}

.btn-message:hover, .btn-second-action:hover {
    background-color: rgb(225,226,227);
}

.company-action-btn #btn_message {
    width: 100%;
    line-height: 36px;
}

a.btn-second-action {
    font-size: .9375rem;
}

#btn_settings {
    padding: 3px 15px;
    margin: 0 0 10px 0;
    font-size: 1rem;
    min-width: auto;
    position: relative;
    width: -webkit-fill-available;
    text-align: center;
}

#btn_settings:before {
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../icons/settings_32.png");
    background-size: cover;
    left: 5px;
    top: 5px;
}

#btn_submit_auth_auth {
    display: block;
    margin: 1rem 0;
    text-align: center;
    border: 2px solid #ff771c;
    cursor: pointer;
    font-weight: bold;
    color: #ff771c;
    padding: .375rem .95rem;
    position: relative;
    border-radius: 4px;
    text-decoration: none;
    width: 100%;
    background: unset;
    line-height: 22px;
}

#btn_submit_auth_auth:hover {
    text-decoration: none;
    background-color: #ff771c;
    color: #fff;
}

.navbar .btn {
    min-width: 20px;
}

.navbar-nav .btn {
    padding: 7.6px 14px;
    min-width: 88px;
    line-height: 16px;
}

.btn--text--bgd:hover {
    background-color: rgba(60,64,67,0.06);
}

/*** BUTTONS end ***/

@media screen and (max-width: 450px) {

    .btn, #button_orange, #btn_submit_auth_auth, #btn_submit_restore_auth, #btn_submit_code_auth, #btn_submit_recover_auth, #dv_offers .trade-offers .trade-offer .button {
        min-width: 200px;
        min-width: 15rem;
        padding: 1rem .95rem;
        font-size: 16px;
        width: 100%;
    }

    .navbar .btn {
        padding: .475rem .75rem;
    }

    #btn_submit_auth_auth {
        padding: .844rem .95rem;
    }
}


@media screen and (min-width: 460px) {

    .btn {
        width: unset;
/*        padding: .375rem .75rem;
        font-size: .9375rem;    */
    }

}


@media screen and (min-width: 700px) {
    
    .modal-dialog .modal-content .modal-footer .btn {
        width: unset;
        flex: unset;
        flex-basis: unset;
        margin-top: 0;
        font-size: 16px;
        padding: .375rem .75rem;
    }

    .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
        order: unset;
        border: none;
    }
}

@media screen and (min-width: 1024px) {

    a.btn-second-action, #btn_settings {
        font-size: .8125rem;
        width: 100%;
        text-align: center;
        padding: .5rem 1.1rem;
    }

    .company-action-btn #btn_message {
    	line-height: 26px;
	}

}


/* OLD BUTTONS */

a.but {
    background: #FFB300;
    cursor: pointer;
    display: inline-block;
    color: #000000 !important;
    font-size: 1.2em;
    border-radius: 2px;
    border: 1px solid #FFB300;
    min-width: 155px;
    text-align: center;
    padding: 8px 16px;
}


a.but:hover {text-decoration: none;background: #FFA000;}

a.but-gray {
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
  cursor: pointer;
  display:inline-block;
  color:#000000;
  padding: 4px 15px;
  font-size: 13px;
  border-radius: 3px;
  margin-right: 5px;
  border: 1px solid #cccccc;
  text-align: left;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
a.but-gray:hover {text-decoration: none;background-color: #FFA000;}

a.but-org {
    background-color: #FFB300;
    cursor: pointer;
    display:inline-block;
    color:#000000;
    padding: 8px 16px;
    font-size: 16px;
    border-radius: 2px;
    margin-right: 5px;
    font-weight: 400;
     letter-spacing: 0.5px;
     text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

a.but-org:hover {text-decoration: none;background-color: #FFA000;}


a.but-small {
    padding: 8px 16px;
    font-size: 1rem !important;
    margin-top: 0px;
    background: #FFB300;
    height: 20px;
    border: 1px solid #FFB300;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    color:#000000;
    min-width: 88pt;
    text-align: center;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

.but-org-frame {
    color: #FFA000;
    font-size: 1rem;
    font-weight: 400;
    background-color: transparent;
    border: 2px solid #FFA000;
    padding: 17px 30px;
}

.but-org-frame:hover {
    text-decoration: none;
    background: #FFA000;
    color: #FFFFFF;
    -webkit-transition: background,color .1s ease-in-out;
}

a.but-cancel {background: #808080;border: 1px solid #606060;}
a.but-cancel:hover {background: #909090;}


/*** NEW BUTTONS 2021 ***/


.btn {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     cursor: pointer;
     line-height: 1;
     box-shadow: none;
     outline: none;
     border-radius: 50px;
}
 .btn:disabled:focus, .btn:disabled:active, .btn:disabled:hover, .btn:disabled {
     background-color: #ccc;
     border: 1px solid #ccc;
     cursor: default;
     color: #fff;
}
 @media screen and (min-width: 460px) {
     .btn {
         width: auto;
    }
}
 .btn:focus, .btn:active, .btn:hover {
     box-shadow: none;
}
 .navbar-nav .btn {
     padding: 0.475rem 0.875rem;
}
 .btn--small {
     padding: 8px 12px;
}
 .btn--middle {
     padding: 12px 16px;
}
 .btn--round {
     border-radius: 50px;
}
 .btn--green-empty {
     background: #fff;
     border: 1px solid #00c1ae !important;
     color: #00c1ae;
}
 .btn--green-empty:hover {
     border: 1px solid #00c1ae;
     background-color: #00c1ae;
     color: #fff;
     text-decoration: none;
}
 .btn--green {
     background-color: #00c1ae;
     border: 1px solid #00c1ae;
     color: #fff;
}
 .btn--green:hover {
     background-color: #008d81;
     border: 1px solid #008d81;
     color: #fff;
     text-decoration: none;
}
 .btn--second {
     background-color: #fff;
     border: 1px solid #c0c0c0;
     color: #c0c0c0;
}
 .btn--second:hover {
     border: 1px solid #c0c0c0;
     background-color: #c0c0c0;
     color: #fff;
     text-decoration: none;
}
 .btn--orange {
     background-color: #e69e19;
     border: 1px solid #e69e19;
     color: #fff !important;
     min-width: 88px;
}
 .btn--orange:hover {
     border: 1px solid #ff771c;
     background-color: #ff771c;
     color: #fff !important;
     text-decoration: none;
}
 .btn--gray {
     background-color: #e1e4e6;
     border: 1px solid #e1e4e6;
     color: #202124;
     font-weight: 500;
}
 .btn--gray:hover {
     border: 1px solid #dbdbdb;
     background-color: #dbdbdb;
     color: #303030;
     text-decoration: none;
}
 .btn--text {
     background-color: transparent;
     border: 1px solid transparent;
     color: #c0c0c0;
}
 .btn--text:hover {
     color: #676767;
     text-decoration: none;
}
 .btn--text--bgd {
     padding: 0.375rem 0.875rem;
}
 .btn--text--bgd:hover {
     background-color: rgba(60, 64, 67, 0.06);
}
 .btn--link {
     background-color: transparent;
     border: 1px solid transparent;
     color: #216fdb;
     padding: 0;
}
 .btn--link:hover {
     color: #216fdb;
     text-decoration: none;
}
 .btn__add {
     position: relative;
     padding: 8px;
     margin-right: 10px;
}
 .btn__add::after, .btn__add::before {
     content: '';
     background-color: #fff;
     position: absolute;
     border: none;
     top: 50%;
}
 .btn__add::before {
     left: 0;
     transform: translateY(-50%);
     width: 14px;
     height: 2px;
}
 .btn__add::after {
     left: 6px;
     transform: translateY(-50%);
     height: 14px;
     width: 2px;
}
 .plug--btn {
     padding: 12px 24px;
     font-size: 16px;
     font-weight: 600;
}



.contacts-section .btn {
    min-width: 160px !important;
}



/*** END NEW BUTTONS 2021 ***/


/*** ADS ***/

.erid {
    font-size: 10px;
    color: #808080;
    line-height: 14px;
}