html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

a {
    outline: none;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #00b9f2;
}

textarea {
    height: auto;
    min-height: 50px;
    -webkit-resize: none;
    -moz-resize: none;
    resize: none;
}

.clearfloat:before, .clearfloat:after {
    content: "";
    display: table;
}

.clearfloat:after {
    clear: both;
}

/* For IE 6/7 (triggers hasLayout) */
.clearfloat {
    *zoom: 1;
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

select {
    width: 100%;
}

/*FONTS--------------------------------------------------------------------*/
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fa-brands-400.eot");
    src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
        url("fonts/fa-brands-400.woff2") format("woff2"), 
        url("fonts/fa-brands-400.woff") format("woff"), 
        url("fonts/fa-brands-400.ttf") format("truetype"), 
        url("fonts/fa-brands-400.svg#fontawesome") format("svg"); 
}
.fab {
    font-family: 'Font Awesome 5 Brands';
}
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    src: url("fonts/fa-light-300.eot");
    src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), 
        url("fonts/fa-light-300.woff2") format("woff2"), 
        url("fonts/fa-light-300.woff") format("woff"), 
        url("fonts/fa-light-300.ttf") format("truetype"), 
        url("fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/fa-regular-400.eot");
    src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
        url("fonts/fa-regular-400.woff2") format("woff2"), 
        url("fonts/fa-regular-400.woff") format("woff"), 
        url("fonts/fa-regular-400.ttf") format("truetype"), 
        url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    src: url("fonts/fa-solid-900.eot");
    src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
        url("fonts/fa-solid-900.woff2") format("woff2"), 
        url("fonts/fa-solid-900.woff") format("woff"), 
        url("fonts/fa-solid-900.ttf") format("truetype"), 
        url("fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}
.fa,
.fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; 
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-ThinItalic.eot');
    src: url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('fonts/Roboto-ThinItalic.woff') format('woff'),
        url('fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.eot');
    src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff'),
        url('fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.eot');
    src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-MediumItalic.eot');
    src: url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('fonts/Roboto-MediumItalic.woff') format('woff'),
        url('fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-LightItalic.eot');
    src: url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('fonts/Roboto-LightItalic.woff') format('woff'),
        url('fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BlackItalic.eot');
    src: url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('fonts/Roboto-BlackItalic.woff') format('woff'),
        url('fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BoldItalic.eot');
    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('fonts/Roboto-BoldItalic.woff') format('woff'),
        url('fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin.eot');
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.eot');
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.text, p{
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6{
    color: #0f253a;
    font-weight: 300;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}

/*
################################################
#                                              #
#   author:  webrix-studio                     #
#   url:  http://webrix-studio.com             #
#                                              #
################################################
*/
/*BODY-------------------------------------------------------------------*/

body {
    background-color: #fff;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    color: #5e6770;
    font-size: 15px;
}
.wrapper{
    max-width: 1370px;
    margin: 0 auto;
    padding: 0 20px;
}
.small-wrapper{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.min-content-height{
    min-height: calc(100vh - 99px);
    position: relative;
}
.bgr-reg{
    background: url('../images/bgr3.png') no-repeat center top;
}

/*-------------- header ---------------*/
header{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    z-index: 30000;
    padding: 0 25px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.header-right{
    float: right;
    position: relative;
    z-index: 100000;
}
header.sticky{
    background: #fff;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.05);
}

/*----------------------- logo -------------------------*/
.logo{
    position: absolute;
    top: 0px;
    left: 50%;
    width: 70px;
    margin-left: -35px;
    z-index: 1;
    text-align: center;
    padding: 8px 0px;
    z-index: 99999;
}
.logo a{
    display: inline-block;
}

/*-------------------------- socials menu popup --------------------------*/
.menu-wrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    background: rgba(255,255,255,1);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transform: perspective(1000px) translate3d(0, 0, -400px);
    transform: perspective(1000px) translate3d(0, 0, -400px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
    transition: transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menu-wrap.cs-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0px);
    transform: perspective(1000px) translate3d(0, 0, 0px);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
.s-close-btn{
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 52px;
    background: #000;
    text-align: center;
    z-index: 3;
    cursor: pointer;
}
.v-menu-content {
    position: absolute;
    top: calc(50% + 30px);
    left: 0px;
    right: 0px;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    box-sizing: border-box;
    -webkit-transform: translate3d(0%, -50%,0);
    transform: translate3d(0%, -50%,0);
}
.cs-active .v-menu-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    top: 50%;
}
.v-menu-content ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.v-menu-content ul li{
    display: block;
    padding: 3px 0px;
}
.v-menu-content ul li a{
    display: inline-block;
    color: #000;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    padding: 9px 15px 7px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.v-menu-content ul li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.v-menu-content ul li a:hover, .v-menu-content ul li a:focus, .v-menu-content ul li a:active {
    color: #FFF;
}
.v-menu-content ul li a:hover:before, .v-menu-content ul li a:focus:before, .v-menu-content ul li a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*------------------------------------ socials ------------------------------------*/
.socials{
    position: fixed;
    top: 50%;
    left: 80px;
    width: 18px;
    z-index: 2;
    padding-bottom: 75px;
    margin-top: -154px;
    /*
    -webkit-transform: translate3d(0%, -50%,0);
    transform: translate3d(0%, -50%,0);*/
}
.socials::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 1px;
    height: 75px;
    background: #0f253a;
}
.socials a{
    display: block;
    text-align: center;
    color: #0f253a;
    font-size: 16px;
    margin-bottom: 36px;
}

/*------------------------------------ content ------------------------------------*/
.index-content{
    position: relative;
    overflow: hidden;
    padding-top: 138px;
}
.content{
    position: relative;
    overflow: hidden;
    padding-top: 70px;
	z-index: 2;
}

/*------------------------------------ welcome ------------------------------------*/
.welcome{
    float: right;
    width: 59%;
    padding: 85px 0px;
    position: relative;
    box-sizing: border-box;
}
.welcome::before{
    content: '';
    position: absolute;
    top: 52px;
    left: -52px;
    background: url('../images/dots.png') no-repeat;
    width: 184px;
    height: 44px;
    z-index: -1;
}
.welcome::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 125px;
    right: -155px;
    bottom: 0px;
    background: url('../images/bgr_index2.jpg') no-repeat center center;
    background-size: cover;
    z-index: -1;
}
.welcome .text{
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: -130px;
    bottom: 20px;
    z-index: 2;
    font-weight: 300;
}
.w-video .videowrapper{
    width: 686px;
    padding:41.89% 0 0 0;
    margin: 0px;
}

/*--------------- video -----------------*/
.video{
    width: 100%;
    margin: 40px auto 0px;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 51%;
    height: 0;
    border: none;
    margin-top: 20px;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*---------------------------------- Forms -------------------------------*/
.form-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    position: relative;
    box-sizing: border-box;
}
.float-flex {
    -webkit-box-flex: none;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
.col-2 .float-flex{
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.col-3 .float-flex{
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}
.col-4 .float-flex{
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
.col-5 .float-flex{
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
}
.float-flex .btn{
    margin-top: 15px;
    padding: 16px 30px;
}
.input{
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 32px;
    padding: 0 25px;
    margin-bottom: 20px;
    width: 100%;
    height: 58px;
    color: #5e6770;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
}
textarea.input{
    height: 140px;
    resize: none;
    padding: 20px 25px;
    box-sizing: border-box;
}
.ok, .error {
    display: block;
    font-size: 13px;
    margin: 10px;
}
.error {
    color: #BF1717;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #5e6770;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #5e6770;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #5e6770;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5e6770;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #5e6770;
}

.label{
    margin-bottom: 7px;
    display: block;
    font-size: 14px;
    color: #8e8e8e;
}
.see-label{
    color: #0f253a !important;
    font-weight: bold !important;
}
.jq-new-prod{
    padding-top: 12px;
}
.styled-select {
    width: 100%;
    height: 58px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 32px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.styled-select:after{
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    color: #888;
    font-size: 19px;
    position: absolute;
    font-weight: lighter;
    top: 50%;
    right: 23px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}
.styled-select select {
    background: transparent;
    width: 100%;
    padding: 0px 50px 0px 25px;
    height: 56px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    color: #5e6770;
    font-size: 15px;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    outline: none;
    position: relative;
    z-index: 1;
}

/*---------- input with icons ----------*/
.input-icon{
    position: relative;
}
.input-icon .input{
    padding-left: 60px;
    margin-bottom: 15px;
}
.input-icon:before{
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    top: 18px;
    left: 28px;
    color: #555555;
    font-size: 18px;
    font-weight: lighter;
}
.icon-01:before{
    content: '\f007';  /* user icon */
}
.icon-02:before{
    content: '\f30d';  /* password icon */
}
.icon-03:before{
    content: '\f095';  /* phone icon */
}
.icon-04:before{
    content: '\f0e0';  /* envelope icon */
}

.captcha input {
    width: 200px;
}
.captcha img {
    border: 1px solid transparent;
}
.captcha img:hover{
    border: 1px solid #999;
    opacity: 0.9;
}

.alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    display: table;
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}
.alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdbdbd;
}
.alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.alert-white.alert-success .icon, .alert-white.alert-success .icon::after {
    border-color: #54a754;
    background: #60c060;
}
.alert-white .icon i {
    font-size: 20px;
    color: #fff;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

/*------------------------- Buttons -------------------------*/
.btn{
    display: inline-block;
    position: relative;
    min-width: 218px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    padding: 18px 30px;
    margin-top: 50px;
    letter-spacing: 1.5px;
    border: 0px;
    border-radius: 32px;
    box-sizing: border-box;
    background: rgba(19,148,212,1);
    background: -moz-linear-gradient(left, rgba(19,148,212,1) 0%, rgba(161,207,104,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,148,212,1)), color-stop(100%, rgba(161,207,104,1)));
    background: -webkit-linear-gradient(left, rgba(19,148,212,1) 0%, rgba(161,207,104,1) 100%);
    background: -o-linear-gradient(left, rgba(19,148,212,1) 0%, rgba(161,207,104,1) 100%);
    background: -ms-linear-gradient(left, rgba(19,148,212,1) 0%, rgba(161,207,104,1) 100%);
    background: linear-gradient(to right, rgba(19,148,212,1) 0%, rgba(161,207,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1394d4', endColorstr='#a1cf68', GradientType=1 );
    z-index: 1;
    overflow: hidden;
	cursor: pointer;
}
.btn::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    border-radius: 5px;
    background: rgba(161,207,104,1);
    background: -moz-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,207,104,1)), color-stop(100%, rgba(19,148,212,1)));
    background: -webkit-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: -o-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: -ms-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: linear-gradient(to right, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1cf68', endColorstr='#1394d4', GradientType=1 );
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.btn:hover::before{
    opacity: 1;
}
.btn i{
    font-size: 22px;
    margin-right: 13px;
    position: relative;
    top: 0px;
}

.btn-dark{
    background: #0f253a !important;
}
.btn-dark:hover{
    background: #0d3358 !important;
}
.btn.btn-dark::before{
    display: none;
}

.btn-white{
    background: #fff;
    color: #0f253a;
}
.btn-white:hover{
    background: #0f253a;
    color: #fff;
}
.btn.btn-white::before{
    display: none;
}

.btn-grey{
    background: #5e6770 !important;
}
.btn-grey:hover{
    background: #0d3358 !important;
    color: #fff;
}
.btn.btn-grey::before{
    display: none;
}

.btn-green{
    background: #86c47e !important;
}
.btn-green:hover{
    background: #0d3358 !important;
    color: #fff;
}
.btn.btn-green::before{
    display: none;
}

.btn-orange{
    background: #f85e35 !important;
}
.btn-orange:hover{
    background: #0d3358 !important;
    color: #fff;
}
.btn.btn-orange::before{
    display: none;
}

.btn-transp{
    background: transparent;
    border: 1px solid #0f253a;
    color: #0f253a;
}
.btn-transp:hover{
    background: #0f253a;
    color: #fff;
}
.btn.btn-transp::before{
    display: none;
}

.btn-transp-white{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.btn-transp-white:hover{
    background: #fff;
    color: #0f253a;
}
.btn.btn-transp-white::before{
    display: none;
}

.btn.big-btn{
    max-width: 495px;
    width: 100%;
}

.btn.small-btn{
    min-width: 160px;
    letter-spacing: normal;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    padding: 11px 17px;
    margin-top: 15px;
}
.btn.small-btn i{
    font-size: 16px;
    margin-right: 10px;
    vertical-align: top;
}

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

/*----------------------- Checkbox and Radio style ----------------------*/
.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-bottom: 20px;
    line-height: 22px;
}
.checkbox-custom label,.radio-custom label{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0;
    padding:0;
    cursor:pointer;
    font-size: 15px;
    color: #5e6770;
    padding-left: 38px;
}
.radio-custom label{
    padding-left: 32px;
}
.checkbox-custom input[type=checkbox]{
    opacity:0;
    position:absolute;
    margin: 0px;
}
.checkbox-custom input[type=checkbox]+label:before{
    content:'';
    background:#fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display:inline-block;
    vertical-align:top;
    width: 26px;
    height: 26px;
    text-align:center;
    font-size: 19px;
    color: #00b9f2;
    line-height: 24px;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 0px;
    top: -2px;
    -webkit-transition:box-shadow .1s ease-in-out;
    -o-transition:box-shadow .1s ease-in-out;
    transition:box-shadow .1s ease-in-out;
    box-sizing: border-box;
}
.checkbox-custom input[type=checkbox]:checked+label:before{
    content: '\f00c';
}
/*
.checkbox-custom input[type=checkbox]:focus+label:before{
  box-shadow:inset 0 0 0 3px #fff;
}*/
.checkbox-custom input[type=checkbox].disabled+label:before,.checkbox-custom input[type=checkbox]:disabled+label:before,fieldset[disabled] .checkbox-custom input[type=checkbox]+label:before{
    cursor:default;
    opacity:.8;
}
.checkbox-custom input[type=checkbox].disabled+label,.checkbox-custom input[type=checkbox]:disabled+label,fieldset[disabled] .checkbox-custom input[type=checkbox]+label{
    color: #bbb;
    cursor: default;
}

.radio-custom input[type=radio]{
    opacity:0;
    position:absolute;
    margin: 0px;
}
.radio-custom input[type=radio]+label:before{
    border-radius:50%;
    content:'';
    background:#fff;
    border: 1px solid #e5e5e5;
    display:inline-block;
    vertical-align:top;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 22px;
    height: 22px;
    padding:2px;
    text-align:center;
    box-shadow:inset 0 0 0 8px #fff;
    -webkit-transition:box-shadow .1s ease-in-out;
    -o-transition:box-shadow .1s ease-in-out;
    transition:box-shadow .1s ease-in-out;
    box-sizing: border-box;
}
.radio-custom input[type=radio]:checked+label:before{
    background: #00b9f2;
    box-shadow:inset 0 0 0 5px #fff;
}
/*
.radio-custom input[type=radio]:focus+label:before{
  box-shadow:inset 0 0 0 3px #fff;
}*/
.radio-custom input[type=radio].disabled+label:before,.radio-custom input[type=radio]:disabled+label:before,fieldset[disabled] .radio-custom input[type=radio]+label:before{
    cursor:default;
    opacity:.8;
}
.radio-custom input[type=radio].disabled+label, .radio-custom input[type=radio]:disabled+label,fieldset[disabled] .radio-custom input[type=radio]+label{
    color: #bbb;
    cursor: default;
}

.radio-inline{
    display: inline-block !important;
    margin-right: 50px;
}

/*------------------------------------ sign in ------------------------------------*/
.sign-in{
    float: left;
    width: 41%;
    padding-top: 85px;
    text-align: center;
    box-sizing: border-box;

}
.title{
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
}
.sign-in-form{
    max-width: 415px;
    margin: 0px 0px 0px 30px;
}
.sign-in-form .input{
    border: none;
    margin-bottom: 15px;
    background: #f0f4f7;
}
.sign-in-form .input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ababab;
}
.sign-in-form .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ababab;
    opacity: 1;
}
.sign-in-form .input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ababab;
    opacity: 1;
}
.sign-in-form .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ababab;
}
.sign-in-form .input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #ababab;
}
.sign-in-form .btn{
    margin-top: 0px;
    float: left;
    max-width: 50%;
}
.sign-in-form .checkbox-custom{
    float: right;
    max-width: 50%;
    margin-top: 17px;
    margin-bottom: 0px;
    margin-right: 0px;
}
.sign-in-form .btn-transp-white{
    float: none !important;
    max-width: inherit !important;
    font-size: 14px;
    padding: 10px 30px;
    margin-top: 25px;
    background: #f85e35;
    border:1px solid #f85e35;
    letter-spacing: 1px;
}
.sign-in-form .btn-transp-white:hover{
    background: #0f253a ;
    border:1px solid #0f253a ;
    color: #fff;
}
.just-text{
    text-align: center;
    margin-top: 13px;
    font-size: 13px;
    color: #b6b6b6;
}
.sign-in-form .just-text{
    color: rgba(15, 37, 58, 0.75);
}
.sign-in-form hr{
    margin: 35px 0 20px;
}
.white-link{
    color: #909090;
    font-size: 14px;
    font-weight: 300;
    border-bottom: 1px solid #909090;
}
.white-link:hover{
    border-bottom: 1px solid transparent;
}
.info-text{
    font-size: 13px;
}

.particular-text{
    font-size: 11px;
    color: #f85e35;
    margin-bottom: 12px;
    font-weight: normal;
}

.add-comment-review .particular-text{
    margin-bottom:0;
    margin-top:20px;
}


.particular-text.sub-input{
    margin-bottom: 20px;
    margin-top: -10px;
}

/*------------------------------------ section accents ------------------------------------*/
.accents{
    position: relative;
    background: #fff url('../images/wave.jpg') no-repeat center top;
    background-size: 100% auto;
    overflow: hidden;
    padding-top: 120px;
    margin-top: 50px;
}
.pattern{
    background: url("../images/parallax1.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 2044px;
    height: 100%;
    z-index: 1;
}
.accents .wrapper{
    position: relative;
    z-index: 2;
}
.accents .title h2{
    font-weight: normal;
}
.accents .title h2 span{
    display: block;
    font-size: 18px;
    color: #5e6770;
    font-weight: 300;
}
.acc-wrap{
    margin: 0 -27px;
}
.acc-one{
    display: inline-table;
    vertical-align: top;
    margin-right: -4px;
    width: 33.333%;
    padding: 27px;
    text-align: center;
    box-sizing: border-box;
}
.acc-one figure{
    margin-bottom: 35px;
}
.acc-one h5{
    font-weight: bold;
    min-height: 50px;
    margin-bottom: 15px;
}
.white-bgr-text-wrap{
    max-width: 1090px;
    margin: 80px auto 50px;
    background: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    padding: 65px 110px;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
}
.white-bgr-text-wrap h3{
    font-weight: bold;
    color: #5ab29e;
    font-size: 26px;
    margin-bottom: 23px;
}

/*----------------------------------------------- footer ---------------------------------------------*/
footer{
    position: relative;
    background: #fff;
    padding: 18px 80px;
    overflow: hidden;
}
.footer-flex{
    max-width: 740px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.footer-flex-item{
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    box-sizing: border-box;
}
.footer-menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.footer-menu ul li{
    display: block;
}
.footer-menu ul li a{
    display: inline-block;
    font-size: 12px;
    color: #5e6770;
}
.footer-menu ul li a:hover{
    color: #0f253a;
}
.rights{
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 1;
    font-size: 13px;
    color: rgba(160,160,160,0.8);
    line-height: 50px;
}
.footer-socials{
    position: absolute;
    top: 25px;
    left: 20px;
    z-index: 1;
    line-height: 50px;
}
.footer-socials a{
    display: inline-block;
    color: #0f253a;
    font-size: 16px;
    margin-right: 20px;
}
.footer-socials a:hover{
    color: #00b9f2;
}
.footer-socials.footer-index{
    display: none;
}

/*----------------------------------------------- header inner with all stuff ---------------------------------------------*/
.header-inner{
    background: #fff;
    height: 70px;
    padding-right: 0px !important;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.05);
}
.header-inner .logo{
    position: relative;
    float: left;
    top: auto;
    left: auto;
    margin-left: 0px;
    width: auto;
    text-align: left;
    padding: 0px;
    line-height: 70px;
}
.header-right{
    float: right;
}
.one-more-message.under-header{
	top: 70px;
	background: #f85e35;
	z-index: 5;
}
.one-more-message.under-header > div{
	max-width: none;
	padding: 0px 10px;
	font-size: 12px;
	text-align: center;
}
.one-more-message.under-header > div a{
	color: #fff;
}
.one-more-message.under-header > div a:hover{
	color: #0f253a;
}

/*---------------------- notification icons -----------------------*/
.notification-icons{
    float: left;
    border-left: 1px solid #efefef;
    margin-left: 50px;
    margin-top: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 3;
}
.notification-icons > div{
    display: inline-block;
    position: relative;
    margin-left: 10px;
    box-sizing: border-box;
}
.notification-icons > div > a{
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    background: #f0f4f7;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.notification-icons > div > a:hover{
    border: 1px solid #d8dee3;
}
.broi{
    display: inline-block;
    position: absolute;
    left: 27px;
    top: 2px;
    font-size: 10px;
    color: #fff;
    background: #00b9f2;
    border-radius: 8px;
    min-width: 15px;
    height: 15px;
    line-height: 16px;
    text-align: center;
    padding: 0 5px;
    box-sizing: border-box;
}
.broi.orange{
    background: #f85e35;
}
.notification-icons > div.legitimacy-icon{
	padding: 0 10px;
}

.notification-submenu{
    position: absolute;
    top: 120%;
    left: 50%;
    width: 226px;
    margin-left: -113px;
    padding-top: 6px;
    z-index: 5;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
}
.notification-icons > div:hover .notification-submenu, .notification-icons > div.active .notification-submenu {
    visibility: visible;
    top: 100%;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.notification-submenu > div{
    background: #fff;
    position: relative;
    border-radius: 5px;
    padding: 15px 0px;
    box-sizing: border-box;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
}
.notification-submenu > div::before {
    content: '';
    width: 12px;
    height: 6px;
    background: url('../images/tcyk.png') no-repeat;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -6px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.overflow-wrap{
    overflow-y: auto;
    max-height: 600px;
    padding: 0 15px;
}
.list-title{
    color: #0f253a;
    font-size: 14px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin: 0 15px;
    font-weight: bold;
}
.message-item, .l-item{
    padding: 7px 15px;
    color: #9ca0a2;
    font-size: 10px;
    border-bottom: 1px solid #ededed;
}
.message-item a, .l-item a{
    color: #0f253a;
}
.message-item a:hover, .l-item a:hover{
    color: #00b9f2;
}
.m-name{
    font-size: 12px;
    display: block;
    color: #0f253a !important;
}
.l-name{
    font-size: 14px;
    display: block;
    color: #9ca0a2 !important;
}
.very-small-btn{
    font-size: 10px;
    color: #fff !important;
    display: inline-block;
    background: #f85e35;
    text-align: center;
    border-radius: 12px;
    padding: 4px 13px;
    margin-top: 7px;
}
.very-small-btn:hover{
    background: #0d3358;
}
.very-small-btn.new{
    display: block;
    font-size: 12px;
}

/*---------------------------- search ------------------------------*/
.search-form{
    float: left;
    margin-top: 14px;
    margin-left: 60px;
    position: relative;
    z-index: 3;
}
.search-wrap{
    width: 250px;
    background: #f0f4f7;
    box-sizing: border-box;
    border-radius: 25px;
    padding: 0 18px;
}
.search-input{
    float: left;
    background: none;
    width: calc(100% - 30px);
    border: 0px;
    color: #000;
    font-size: 12px;
    padding: 0px;
    height: 42px;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    outline: none;
    box-sizing: border-box;
}
.search-submit{
    display: block;
    float: right;
    line-height: 42px;
    font-size: 19px;
    color: #333333;
    width: 30px;
    text-align: right;
    box-sizing: border-box;
}

/*--------- responsive search ----------*/
.search-link{
    display: none;
    line-height: 38px;
    height: 42px;
    width: 42px;
    background: #f0f4f7;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
    text-indent: -9999em;
    font-size: 0;
    position: relative;
    box-sizing: border-box;
}
.s-search:before{
    content: "\f002";
    font-family: 'Font Awesome 5 Pro';
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 50%;
    color: #1f4e79;
    line-height: 34px;
    font-weight: normal;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.s-close:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 50%;
    color: #1f4e79;
    line-height: 34px;
    font-weight: normal;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*---------- icons in center ----------*/
.icons-center{
    position: absolute;
    top: 12px;
    left: 0px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
}
.icons-center a{
    display: inline-block;
    font-size: 22px;
    color: #000;
    line-height: 42px;
    margin: 0 25px;
}
.icons-center a span{
    font-size: 18px;
}
.icons-center a:hover{
    color: #1395d4;
}

/*---------- user name and image ----------*/
.user-name-img{
    float: left;
    margin-top: 11px;
    margin-right: 20px;
    position: relative;
}
.user-name-img figure{
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}
.user-name-img figure a{
    display: block;
}
.user-name-img figure a img{
    max-width: none;
    width: 100%;
}
.admin-name{
	display: inline-block;
	vertical-align: middle;
    font-size: 14px;
    color: #0f253a;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
	white-space: nowrap;
}

/*---------- icons in right ----------*/
.icons-right{
    float: left;
    margin-top: 14px;
}
.icons-right a{
    display: inline-block;
    font-size: 22px;
    color: #000;
    line-height: 42px;
    margin-right: 20px;
}
.icons-right a:hover{
    color: #1395d4;
}
.icons-right a img{
	position: relative;
	top: -6px;
	z-index: 1;
}
.facture-icon .broi{
	left: 15px;
	z-index: 2;
}

/*--------------------------------- responsive user login menu -------------------------------*/
.user-login-menu{
    position: absolute;
    top: 59px;
    right: 0px;
    display: none;
    z-index: 10;
    background: #fff;
    width: 300px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.15);
    box-sizing: border-box;
}
.close-list{
    position: absolute;
    top: 0px;
    right: 18px;
    font-size: 14px;
    line-height: 43px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.close-list:hover{
    color: #9ca0a2;
}
.user-login-menu-title {
    color: #fff;
    background: #0f253a;
    padding: 12px 40px 12px 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}
.login-wrap{
    position: relative;
}

/*------------ login menu ------------*/
.login-menu{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.login-menu li{
    display: block;
    position: relative;
}
.login-menu li a{
    display: block;
    position: relative;
    color: #5e6770;
    font-size: 14px;
    border-bottom: 1px solid #ededed;
    padding: 11px 40px 11px 20px;
}
.login-menu li a:hover{
    color: #00b9f2;
}
.login-menu li a i{
    width: 20px;
    margin-right: 6px;
    color: #0f253a;
    font-size: 15px;
}
.login-menu li .broi{
    top: 50%;
    left: auto;
    right: 20px;
    margin-top: -8px;
}

.list-btm{
    text-align: center;
    padding: 12px 20px;
    border-top: 2px solid #ededed;
    background: #f0f4f7;
}
.list-btm .btn{
    margin-top: 0px;
    display: block;
}

/*---------- responsive user menu ----------*/
.user-menu-wrap{
    display: none;
    position: absolute;
    top: 100%;
    right: 60px;
    min-width: 190px;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.1);
}
.user-menu-wrap ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.user-menu-wrap ul li{
    display: block;
}
.user-menu-wrap ul li a{
    display: block;
    font-size: 13px;
    color: #5e6770;
    padding: 5px 0px;
}
.user-menu-wrap ul li:hover a{
    color: #00b9f2;
}
.user-menu-wrap ul li a i{
    font-size: 15px;
    color: #000;
    font-weight: bold;
    min-width: 20px;
    text-align: center;
    margin-right: 7px;
}
ul.user-menu-main{
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;
}
.user-name-img.user-menu-btn:before, .user-name-img.user-menu-btn:after{
    display: none;
}

/*----------------------------------------------- registration page ---------------------------------------------*/
.registration-form{
    background: #fff;
    max-width: 615px;
    padding: 45px 60px 30px;
    margin: 50px auto 30px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
}
.t-strong{
    font-weight: bold;
    padding: 18px 0px;
}
.registration-form .form-flex{
    margin: 0 -10px;
}
.registration-form .float-flex{
    padding: 0 10px;
}
.registration-form .float-flex .btn{
    display: block;
    margin-top: 25px;
}
.extra-text-wrap{
    position: relative;
}
.extra-text{
    position: absolute;
    top: 0px;
    left: 26px;
    width: 94px;
    padding-top: 19px;
}
.extra-text-wrap .input{
    padding-left: 120px;
}

/*-----------------------------other pop up ----------------------------*/
.popup{
    display: none;
    max-width: 800px;
    max-height: calc(100vh - 150px);
    overflow: auto;
}
.popup .title{
    margin-bottom: 30px;
}
.popup .title h2{
    text-transform: none;
    margin-top: 10px;
}
.popup .second-title{
    font-weight: normal;
}
.second-title{
    margin-bottom: 20px;
}
.fancybox-slide--iframe .fancybox-content {
    max-width: 880px !important;
    max-height: 600px !important;
    margin: 0;
    padding: 24px !important;
}
.popup .fancybox-close-small:after{
    background: transparent !important;
}

/*----------------------------------------------- user profile page ---------------------------------------------*/
.white-bgr{
    position: relative;
    background: #fff;
    padding: 45px 0px 30px;
    margin: 50px auto 30px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
}
.white-bgr.with-avatar-image{
    margin-top: 120px;
}
.avatar{
    position: relative;
    z-index: 30;
    border-radius: 50%;
    overflow: hidden;
    width: 197px;
    height: 197px;
    text-align: center;
    background: #fff;
    margin: -145px auto 35px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-sizing: border-box;
}
.change-image{
    display: block;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    background: #f0f4f7;
    color: #0f253a;
    font-size: 18px;
    box-sizing: border-box;
    z-index: 3;
}
.change-image:hover{
    background: #1395d4;
    color: #fff;
}
.photo-bgr .change-image:hover span {
    background: #1395d4;
    color: #fff;
}
.f-wrap{
    padding: 0 30px 25px;
    border-bottom: 2px solid #ededed;
}
.f-wrap:last-child{
    border-bottom: none;
    padding-bottom: 0px;
}
.small-title{
    text-align: center;
}
.row-border{
    position: relative;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 32px;
    padding: 0 5px;
    margin-bottom: 20px;
    width: 100%;
    height: 58px;
    line-height: 56px;
    box-sizing: border-box;
}
.row-border a{
    color: #5e6770;
}
.row-border a:hover{
    color: #00b9f2;
}
.fl-divs{
    float: left;
    padding: 0 25px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
}
.fl-divs::after{
    content: '';
    position: absolute;
    top: 9px;
    right: -1px;
    width: 2px;
    height: 38px;
    background: #ededed;
}
.fl-divs:last-child::after{
    display: none;
}
.some-actions{
    display: block;
    background: #ededed;
    position: absolute !important;
    top: 0px;
    right: 0px;
    padding: 0 17px;
    height: 100%;
    text-align: center;
    color: #5e6770;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    box-sizing: border-box;
}
.some-actions a, a.edit, a.del, a.searching, a.mailing, a.move, a.eye{
    display: inline-block;
    color: #5e6770;
    font-size: 22px;
    margin: 0 2px;
    cursor: pointer;
}
a.mailing{
    font-size: 24px;
    position: relative;
    top: 1px;
}
.some-actions a:hover, a.edit:hover, a.del:hover, a.searching:hover, a.mailing:hover, a.move:hover, a.eye:hover{
    color: #f85e35;
}
.some-actions a span, a.edit span, a.duplicate span{
    display: inline-block;
    font-size: 12px;
    background: #5e6770;
    min-width: 95px;
    color: #fff;
    line-height: normal;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 20px;
    position: relative;
    text-align: center;
    top: -3px;
    left: -2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.some-actions a span:hover, a.edit span:hover{
    background: #f85e35;
}
a.duplicate span{
    background: #fff;
    border: 1px solid #5e6770;
    color: #5e6770;
    padding: 4px 10px;
}
a.duplicate span:hover{
    color: #f85e35;
    border: 1px solid #f85e35;
}
.date-pad{
    padding-left: 5px;
}
.delete-profile-btn{
    float: right !important;
    margin-top: 30px !important;
}

.blue-text{
    color: #00b9f2;
}
.dark-blue-text{
    color: #0f253a;
}
.orange-text{
    color: #f85e35;
}
.green-text{
    color: #91ccb9;
}
.red-text{
    color: red;
}

.w1{
    width: 38%;
}
.w2{
    width: 24%;
}
.w3{
    width: 20%;
}

/** * Tooltip Styles */
[data-tooltip]{
    position: relative;
    cursor: pointer;
}
[data-tooltip]:before {
    z-index: 1001;
    border: 5px solid transparent;
    margin-left: -5px;
    border-top-color: #5e6770;
    background: transparent;
    content: "";
    position: absolute;
    bottom: calc(100% - 8px);
    left: 50%;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    pointer-events: none;
}
[data-tooltip]:after{
    z-index: 1000;
    min-width: 72px;
    padding: 5px;
    text-align: center;
    background-color: #5e6770;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    line-height: normal;
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    pointer-events: none;
    box-sizing: border-box;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after{
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/*---- info tooltip ----*/
.info-tooltip{
    display: inline-block;
    font-size: 9px;
    color: #fff;
    background: #0f253a;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    margin-left: 7px;
    position: relative;
    top: -2px;
    cursor: pointer;
}
.info-tooltip > b[data-tooltip]{
    display: block;
    position: absolute;
    z-index: 1000;
    bottom: calc(100% + 6px);
    left: 50%;
    width: 175px;
    height: auto;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    pointer-events: none;
    box-sizing: border-box;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.info-tooltip > b[data-tooltip]:before {
    z-index: 1001;
    border: 5px solid transparent;
    margin-left: -5px;
    border-top-color: #5e6770;
    background: transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    pointer-events: none;
}
.info-tooltip > b[data-tooltip]:after{
    z-index: 1000;
    max-width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: center;
    background-color: #5e6770;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    position: relative;
    bottom: auto;
    left: auto;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    pointer-events: none;
    box-sizing: border-box;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}
.info-tooltip:hover > b[data-tooltip]:before,
.info-tooltip:hover > b[data-tooltip]:after,
.info-tooltip:focus > b[data-tooltip]:before,
.info-tooltip:focus > b[data-tooltip]:after{
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

header [data-tooltip]:after{
    bottom: auto;
    top: calc(100% - 6px);
    padding: 0px;
	min-width: 50px;
	visibility: visible;
	opacity: 1;
	background: none;
	color: #5e6770;
	line-height: 9px;
}
header [data-tooltip]:before{
	display: none;
    bottom: auto;
    top: calc(100% - 8px);
    border-bottom-color: #5e6770;
    border-top-color: transparent;
}
header .notification-icons [data-tooltip]:after{
    top: calc(100% + 2px);
	white-space: nowrap;
}

/*----------------------------------------------- user profile notifications page ---------------------------------------------*/
.subtitle{
    font-size: 14px;
    color: #b6b6b6;
}
.subtitle strong{
    font-weight: normal;
    color: #0f253a;
}
hr{
    width: 100%;
    height: 2px;
    background: #ededed;
    border: none;
    padding: 0px;
    margin: 0px;
}
.envelope-place{
    padding: 0 30px 15px;
    text-align: right;
}
.envelope-place a{
    font-size: 28px;
    color: #5e6770;
}
.envelope-place a:hover{
    color: #0f253a;
}
.switch-wrap{
    padding: 19px 30px;
}
.switch-text{
    display: inline-block;
    float: left;
    width: calc(100% - 55px);
}
.switch {
    position: relative;
    display: block;
    float: right;
    width: 40px;
    height: 19px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.s-slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 10px;
}
.s-slide:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .s-slide {
    background-color: #1797d1;
}

input:focus + .s-slide {
    box-shadow: 0 0 1px #1797d1;
}

input:checked + .s-slide:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}

.add-link{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #1395d4;
    padding-left: 30px;
}
.add-link::before{
    content: '+';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 19px;
    height: 19px;
    color: #fff;
    background: #1395d4;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    text-indent: 1px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.add-link:hover{
    color: #5ab29e;
}
.add-link:hover::before{
    background: #5ab29e;
}

/*----------------------------------------------- profile messages page ---------------------------------------------*/
.messages-wrap{
    height: 720px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    margin: 50px auto 30px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
}
.column-list-all{
    background: #f0f4f7;
    position: relative;
    box-sizing: border-box;
    -webkit-flex: 0 0 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    overflow-y: auto;
}
.column-list-participants{
    -webkit-flex: 0 0 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    border-right: 1px solid #f0f4f7;
    position: relative;
    padding-top: 10px;
    box-sizing: border-box;
    overflow-y: auto;
}
.column-messages{
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding-top: 10px;
    position: relative;
    box-sizing: border-box;
}

.participant-one{
    position: relative;
    padding: 7px 6px;
    margin: 10px 20px 10px 10px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.participant-one::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.participant-one:hover, .participant-one.current{
    background: #fff;
}
.participant-one:hover::after, .participant-one.current::after{
    opacity: 1;
    visibility: visible;
}
.participant-one figure{
    float: left;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    -moz-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
}
.participant-one figure img{
    border-radius: 50%;
    max-width: none;
    width: 100%;
}
.participant-one-info{
    float: left;
    width: calc(100% - 60px);
    line-height: 17px;
    font-size: 13px;
    color: #b6b6b6;
}
.participant-one-info h6{
    color: #0f253a;
    font-size: 14px;
    font-weight: normal;
}
.participant-one-info .per-firm{
    color: #879098;
}
.noinfo{
    position: relative;
    padding: 7px 6px;
    margin: 10px 20px 10px 10px;
    border-radius: 5px;
    background: #f0f4f7;
}
.view{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    font-size: 0px;
    opacity: 0;
}

.column-list-participants .participant-one:hover, .column-list-participants .participant-one.current{
    background: #f0f4f7;
}
.column-list-participants .participant-one::after{
    border-left: 12px solid #f0f4f7;
}

.msg-textarea{
    display: block;
    width: 100%;
    height: 215px;
    border: 0px;
    border-top: 1px solid #ededed;
    background: #fff;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    color: #5e6770;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
}
.msg-textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #b6b6b6;
}
.msg-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b6b6b6;
    opacity: 1;
}
.msg-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b6b6b6;
    opacity: 1;
}
.msg-textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b6b6b6;
}
.msg-textarea:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #b6b6b6;
}

.column-messages-btm{
    background: #f0f4f7;
    padding: 9px 10px;
}
.column-messages-btm .btn{
    float: right;
    margin-top: 0px;
    min-width: initial;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
.column-messages-btm .btn-grey{
    float: left;
    text-transform: none;
    font-weight: normal;
}

.msg-window{
    position: relative;
    height: calc(100% - 277px);
    overflow: hidden;
    overflow-y: auto;
}
.msg-one{
    position: relative;
    padding: 14px 25px;
    box-sizing: border-box;
}
.msg-one figure{
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 2px rgb(145 145 145 / 35%);
    -moz-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    box-shadow: 0px 0px 3px 2px rgb(145 145 145 / 35%);
}
.msg-one figure img{
    max-width: none;
    width: 100%;
    border-radius: 50%;
}
.msg-title{
    padding-left: 20px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #5e6770;
}
.msg-title-right{
    float: right;
}
.legacy-icon{
    font-size: 12px;
    position: relative;
    z-index: 15;
}
.msg-date{
    color: #5e6770;
    font-size: 14px;
}
.msg-text{
    background: #f0f4f7;
    padding: 18px 15px 18px 30px;
    font-size: 14px;
    border-radius: 5px;
}
.msg-one.msg-answer{
    margin-left: 45px;
}
.msg-one.msg-answer .msg-title{
    color: #0f253a;
}
.msg-one.msg-answer .msg-text{
    background: #e2f1ed;
}

/*----------------------------------------------- profile company edit page ---------------------------------------------*/
.white-bgr.with-photo-image{
    padding-top: 0px;
}
.white-bgr.with-photo-image .avatar{
    margin-top: -99px;
}
.photo-bgr{
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.photo-bgr .change-image{
    left: 15px;
    bottom: 15px;
    margin-left: 0px;
}
.photo-bgr .change-image span {
    position: absolute;
    top: 6px;
    left: 28px;
    font-size: 12px;
    display: block;
    width: 120px;
    background: #f0f4f7;
    line-height: 25px;
    color:  #0f253a;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.uploadifive-button{
    position: absolute !important;
    bottom: 15px;
    background: transparent !important;
    z-index: 0;
}
.spec-flex-w1{
    -webkit-flex: 0 0 66.666% !important;
    -ms-flex: 0 0 66.666% !important;
    flex: 0 0 66.666% !important;
}
.spec-flex-w1 .label{
    min-height: 38px;
}

.profile-complete-wrap{
    position: relative;
    padding: 25px 30px 40px;
    margin-top: -123px;
    z-index: 20;
    box-sizing: border-box;
}
.profile-complete{
    float: left;
    color: #b6b6b6;
    font-size: 14px;
}
.complete-field-wrap{
    margin-top: 7px;
    position: relative;
}
.complete-field{
    float: left;
    width: 150px;
    border: 1px solid #ededed;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
}
.blue-fill{
    height: 4px;
    background: #00b9f2;
    width: 0%;
}
.complete-percents{
    float: left;
    color: #00b9f2;
    font-size: 24px;
    margin-left: 10px;
    position: relative;
    top: -15px;
}
.right-part-head{
    float: right;
    max-width: 300px;
    text-align: right;
}
.right-part-head .small-text{
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.profile-complete-wrap .small-btn{
    margin-top: 0px;
    float: right;
}
.profile-complete-wrap .small-btn i.fa-eye{
    display: none;
}
.profile-complete-wrap .small-btn span[data-tooltip]:after{
    bottom: calc(100% + 17px);
    width: 137px;
}
.profile-complete-wrap .small-btn span[data-tooltip]:before{
    bottom: calc(100% + 7px);
}

/* ---- tab menu -----*/
.tabs-container{
    width: 100%;
}
.tabs-menu{
    margin: 0px;
    padding: 0px 2px;
    list-style-type: none;
    position: relative;
}
.tabs-menu li{
    float: left;
    display: block;
    color: #0f253a;
    border-right: 2px solid #fff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.tabs-menu li a{
    color: #0f253a;
    display: block;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 12px 26px 10px;
    line-height: 16px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    background: #ededed;
    box-sizing: border-box;
    position: relative;
}
.tabs-menu li a::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.tabs-menu li a span{
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #5e6770;
}
.tabs-menu li:hover a{
    color: #02b0ea;
}
.tabs-menu li.current-tab a{
    background: #fff;
    color: #0f253a;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(237,237,237,1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(237,237,237,1);
    box-shadow: 0px 0px 0px 2px rgba(237,237,237,1);
}
.tabs-menu li.current-tab a::after{
    opacity: 1;
    visibility: visible;
}
.tabs-menu .current-tab a {
    cursor: default;
}
.tab {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}
.tab-content {
    display: none;
    padding-top: 30px;
    border-top: 2px solid #ededed;
}
.tab-content h3{
    text-transform: uppercase;
    color: #222;
}
.tab-content .write-comment{
    margin-bottom: 0px;
}
#tab-1 {
    display: block;   
}

.tabs-center{
    text-align: center;
}
.tabs-center li{
    float: none;
    display: inline-block;
    margin-right: -4px;
}
/*---- end tab menu -----*/

.no-tab-content {
    padding-top: 30px;
    border-top: 2px solid #ededed;
}
.no-tab-content h6.t-strong:first-child{
    padding-top: 0px;
}

.legitimacy-wrap{
    color: #b6b6b6;
    padding: 17px 0px;
}
.l-ic{
    display: inline-block;
    position: relative;
    top: -2px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
}
.legitimacy-wrap .btn.small-btn{
    margin-top: -4px;
    margin-left: 30px;
    vertical-align: middle;
}
.page-visibility{
    float: left;
    padding-top: 30px;
}

/*----------------------------------------------- profile company addresses page ---------------------------------------------*/
.some-text{
    color: #b6b6b6;
    font-size: 14px;
    margin-bottom: 20px;
}
.add-more{
    display: block;
    float: right;
    color: #b6b6b6;
    font-size: 14px;
    padding-right: 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.add-more:hover{
    color: #1395d4;
}
.add-plus{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #5e6770;
    text-align: center;
    line-height: 19px;
    margin-left: 18px;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.add-more:hover .add-plus{
    background: #1395d4;
}
.t-section{
    font-weight: normal;
    padding: 18px 0px;
}

.input-day-wrap{
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 32px;
    margin-bottom: 25px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.day{
    float: left;
    display: block;
    background: #5e6770;
    width: 68px;
    height: 56px;
    line-height: 56px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}
.input-day-wrap input{
    display: block;
    float: left;
    background: transparent;
    border: none;
    border-right: 1px solid #ededed;
    padding: 0 10px;
    width: calc(50% - 34px);
    height: 56px;
    color: #5e6770;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
}
.input-day-wrap input:last-child{
    border-right: none;
}
.input-day-wrap input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c1c1c1;
}
.input-day-wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c1c1c1;
    opacity: 1;
}
.input-day-wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c1c1c1;
    opacity: 1;
}
.input-day-wrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c1c1c1;
}
.input-day-wrap input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #c1c1c1;
}

.direct-agent .float-flex {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}
.direct-agent .float-flex.agent-photo {
    -webkit-flex: 0 0 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px;
    text-align: center;
}
.agent-photo .label{
    padding-left: 0px;
}
.choose-agent-photo{
    border: 1px solid #ededed;
    border-radius: 32px;
    height: 58px;
    width: 100%;
    position: relative;
    text-align: center;
    line-height: 58px;
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.choose-agent-photo .change-image{
    bottom: 3px;
}
.c-staff-del{
    position: absolute;
    top: 41px;
    right: 0px;
}
.c-staff-del a{
    font-size: 19px !important;
    margin: 0px !important;
}

/*----------------------------------------------- profile company other page ---------------------------------------------*/
.select-choices{
    position: relative;
}
.select-choices > div{
    display: inline-block;
    position: relative;
    background: #5e6770;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    padding: 10px 20px;
    border-radius: 32px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.select-choices > div:hover{
    background: #1395d4;
}
.select-choices > div i{
    margin-left: 45px;
    font-size: 16px;
}

/*----------------------------------------------- profile company photos page ---------------------------------------------*/
.upload-image-wrap{
    margin: 0px -9px;
    padding: 0px;
    list-style-type: none;
}
.upload-image-wrap li {
    display: inline-table;
    vertical-align: top;
    width: 25%;
    padding: 9px;
    margin-right: -4px;
    box-sizing: border-box;
}
.upload-image-wrap li figure{
    position: relative;
    border: 1px solid #ededed;
    padding: 2px;
    text-align: center;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
.upload-image-wrap li figure:hover,
.upload-image-wrap li figure:focus{
    -webkit-box-shadow: 0px 0px 0px 4px rgba(229,229,229,1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(229,229,229,1);
    box-shadow: 0px 0px 0px 4px rgba(229,229,229,1);
}
.upload-image-wrap li figure img{
    max-width: none;
    width: 100%;
}
.add-something,
.delete-something{
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 4;
    cursor: pointer;
    font-size: 14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f85e35;
    color: #fff;
    text-align: center;
    line-height: 30px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}

.add-something{
    background: #00b9f2;
    color: #fff;
}

.upload-image-wrap li figure:hover .add-something,
.upload-image-wrap li figure:focus .add-something,
.upload-image-wrap li figure:hover .delete-something,
.upload-image-wrap li figure:focus .delete-something{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.upload-image-wrap.att li{
    width: 16.666%;
}
.upload-image-wrap.att li figure{
    font-size: 13px;
    padding: 10px;
}
.upload-image-wrap figure > span{
    display: block;
    margin-bottom: 10px;
}
.upload-image-wrap figure > span i{
    font-size: 54px;
}

/*------------ simple Files download --------------*/
.simple-files{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.simple-files li{
    display: block;
    box-sizing: border-box;
}
.simple-files li a{
    display: block;
    color: #5e6770;
    font-size: 14px;
    padding: 5px 10px 7px;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px;
    box-sizing: border-box;
}
.simple-files li a span{
    color: #00b9f2;
    font-size: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    text-align: center;
    margin-right: 5px;
}
.simple-files li a:hover{
    background: #f1f1f1;
}

/*------------ File upload --------------*/
.fileUpload {
    position: relative;
    overflow: hidden;
    background: #5e6770;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border: none;
    text-align: center;
    padding: 11px 25px 11px 55px;
    margin: 20px 0px 40px;
    border-radius: 32px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    transition:all .3s ease-in;
}
.fileUpload:before{
    content: '\f302';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 9px;
    left: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    line-height: 22px;
}

.fileUpload.fileUploadDocs:before{
    content: '\f574'; 
}
.fileUpload span{
    display: inline-block;
    position: relative;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileUpload:hover,
.fileUpload:focus{
    background: #0d3358 ;
}
.u-file.fileUpload{
    padding-left: 45px;
    margin: 0 0 20px;
}
.u-file.fileUpload:before{
    content: '\f574';
}

/*----------------------------------------------- edit products page ---------------------------------------------*/
.submenu-links{
    margin-bottom: 20px;
}
.submenu-links ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.submenu-links ul li{
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 7px;
}
.submenu-links ul li a{
    display: block;
    background: #ededed;
    color: #0f253a;
    font-size: 12px;
    font-weight: bold;
    border-radius: 14px;
    padding: 4px 12px;
}
.submenu-links ul li a:hover, .submenu-links ul li.current a{
    color: #fff;
    background: #0f253a;
}

.col-3 .float-flex.letter-filter-float{
    -webkit-flex: 0 0 66.666%;
    -ms-flex: 0 0 66.666%;
    flex: 0 0 66.666%;
}
.letter-filter a{
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #5e6770;
    text-align: center;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ededed;
    border-radius: 50%;
    margin-bottom: 5px;
    margin-left: 3px;
    box-sizing: border-box;
}
.letter-filter a:hover, .letter-filter a.current{
    color: #fff;
    background: #0f253a;
    border: 1px solid #0f253a;
}

.pr-group{
    margin: 15px -5px;
    box-sizing: border-box;
}
.pr-item{
    display: inline-table;
    vertical-align: top;
    width: 11.111%;
    padding: 10px 5px;
    margin-right: -4px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
.pr-item > a{
    display: block;
    position: relative;
    width: 91px;
    height: 91px;
    margin: 0 auto;
    border: 1px solid #ededed;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}
.pr-item > a:hover{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.pr-item figcaption{
    font-size: 14px;
    padding-top: 5px;
}
.group-7 .pr-item{
    width: 14.28%;
}
.pr-group-btn{
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 12px;
    padding: 6px 10px;
    background: #5e6770;
    margin-top: 6px;
    box-sizing: border-box;
}
.pr-group-btn:hover{
    background: #0d3358 !important;
}
.pr-group-btn strong{
    display: block;
    font-size: 14px;
}
.pr-group-btn.group-edit{
    background: #f85e35;
    font-size: 11px;
}

.suggested{
    color: #b6b6b6;
    font-size: 14px;
    padding-top: 15px;
}
.suggested.marginB {
    padding: 0px 0 10px 0;
}
.suggested i{
    font-size: 22px;
    color: #00b9f2;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.suggested .small-btn{
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -1px;
}
.jq-new-prod .btn{
    margin-top: 28px;
    letter-spacing: normal;
    font-weight: normal;
}

/*----------------------------------------------- edit products list page ---------------------------------------------*/
.title-with-btn{
    margin-bottom: 18px;
    padding: 0 30px;
}
.title-with-btn h6{
    float: left;
    margin-top: 10px;
    font-weight: bold;
}
.title-with-btn .btn{
    margin-top: 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
}
.title-with-btn .btn.btn-grey{
    margin-right: 10px;
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
    float: right;
}

/*------------------------ Tables for whole site ------------------------*/
table {
    width: 100%; 
    border-collapse: collapse; 
    border: none;
    margin-bottom: 20px;
    overflow-x: auto;
    box-sizing: border-box;
}
table th{
    display: table-cell;
    padding: 9px 10px;
    color: #b6b6b6;
    background: #fff;
    font-size: 14px;
    border: none;
    border-top: 2px solid #ededed;
    text-align: left;
    font-weight: normal;
}
table th:last-child{
    border-right: none;
    padding-right: 30px;
}
table th:first-child{
    padding-left: 30px;
}
table td{
    background: #fff;
    display: table-cell;
    padding: 5px 10px;
    font-size: 14px;
    text-align: left;
    border: none;
    position: relative;
}
table td::before{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 2px;
    background: #ededed;
}
table td:last-child{
    padding-right: 30px;
}
table td:last-child::before{
    display: none;
}
table td:first-child{
    padding-left: 30px;
}
table tr:nth-child(even) td{
    background: #f9f9f9;
}
table td::after{
    content: '';
    display: block;
    clear: both;
}

.prod-img{
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #ededed;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 17px;
    box-sizing: border-box;
}
.prod-img img{
    max-width: none;
    width: 100%;
}
.prod-info{
    overflow: hidden;
    padding-top: 6px;
    font-size: 15px;
}
.prod-info a{
    color: #5e6770;
}
.prod-info a:hover{
    color: #00b9f2;
}
.razdel{
    display: block;
    color: #b6b6b6;
    font-size: 14px;
}

.td-w1{
    width: 48px;
}
.td-w2{
    width: 58px;
}
.td-w3{
    width: 34%;
}
.td-w4{
    width: 127px;
}
.td-w5{
    width: 68px;
}
.td-w6{
    width: 40%;
}

table .switch{
    float: none;
    margin: 0 auto;
}

/*----------------------------------------------- edit products rasteniq page ---------------------------------------------*/
.white-bgr.with-left-column{
    padding-bottom: 0px;
}
.goods-wrap-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.goods-item-flex{
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    box-sizing: border-box;
    position: relative;
}
.column-left{
    width: 125px;
    background: #ededed;
    text-align: center;
    padding: 0 10px;
}
.column-left::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 22px solid #ededed;
    position: absolute;
    right: -22px;
    top: 19px;
}
.pr-item.choosen{
    display: block;
    width: auto;
    margin-right: 0px;
}
.pr-item.choosen > a {
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.3);
}
.column-left .btn.small-btn{
    min-width: initial;
    display: block;
}
.column-right{
    width: calc(100% - 125px);
    padding-bottom: 30px;
}
.column-right .t-strong{
    padding-top: 25px;
}
.check-in-row-border{
    float: left;
    background: #ededed;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    margin-bottom: 0px;
    line-height: 56px;
    margin-left: -5px;
    width: 65px;
}
.checkbox-custom.check-in-row-border input[type=checkbox]+label:before{
    top: 13px;
}
.checkbox-custom.check-in-row-border label{
    padding-left: 26px;
    margin-left: 20px;
}
.column-right .pr-item{
    width: 14.28%;
}
.pr-group-choosen{
    margin-top: 0px;
}
.pr-group-choosen .pr-item .add-something,
.pr-group-choosen .pr-item .delete-something{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    top: 10px;
    right: calc(50% - 44px);
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-size: 11px;
}


.col-3-spec .float-flex{
    -webkit-flex: 0 0 36%;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
}
.col-3-spec .float-flex:nth-child(3n){
    -webkit-flex: 0 0 28%;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
}

/*--------------- multi select button transformation with checkboxes -----------------*/
.filter-select{
    width: 100%;
    position: relative;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 32px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.select-btn{
    cursor: pointer;
    padding: 0px 25px;
    height: 56px;
    line-height: 56px;
    color: #5e6770;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    border-radius: 32px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.select-btn::before{
    content: '';
    position: absolute;
    bottom: 1px;
    left: 20px;
    right: 20px;
    height: 25px;
    background: #fff;
    z-index: -1;
}
.select-btn:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    color: #888;
    font-size: 19px;
    position: absolute;
    font-weight: lighter;
    top: 50%;
    right: 23px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}
.btn-s{
    z-index: 5;
}
.select-content {
    position: absolute;
    top: 32px;
    left: -1px;
    right: -1px;
    height: 0px;
    max-height: 309px;
    overflow:hidden;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ededed;
    border-top: none;
    opacity: 0;
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
    z-index: 2;
}
.select-content-inner{
    padding: 23px 20px 15px;
}
.select-content .checkbox-custom{
    margin-bottom: 8px;
}
.select-content .checkbox-custom label{
    font-size: 14px;
}
.select-open {
    height: auto;
}

/*----------------------------------------------- search products page ---------------------------------------------*/
.col-3-other .float-flex{
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}
.col-3-other .float-flex:nth-child(2){
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}
.col-3-other .float-flex:nth-child(3){
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
.direct-agent .float-flex.lupa-btn {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -104px;
}
.lupa-btn .btn{
    min-width: initial;
    padding: 0px;
    width: 58px;
    height: 58px;
    line-height: 62px;
    margin-top: 26px !important;
}
.lupa-btn .btn i{
    margin-right: 0px;
    top: auto;
}
.radio-inline.inline-other-margin{
    margin-right: 20px;
}
.direct-agent .float-flex.right-btn {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: absolute;
    right: 0px;
}
.right-btn .btn{
    min-width: initial;
    margin-top: 26px !important;
}

/*---------------- firm table list -----------------*/
.firm-table table td{
    padding: 12px 10px;
}
.firm-table table td:first-child{
    min-width: 210px
}
.firm-table table td::before{
    top: 12px;
    bottom: 12px;
}
table td.no-border::before{
    display: none;
}
.from-your-location, .prof-comp{
    color: #b6b6b6;
    font-size: 14px;
}
.from-your-location > div{
    display: block;
    color: #5e6770;
    font-size: 16px;
}
.prof-comp > div{
    font-size: 16px;
}
.firm-img{
    float: left;
    width: 70px;
    height: 70px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.25);
    -moz-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.25);
    box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.25);
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 17px;
    box-sizing: border-box;
}
.firm-img img{
    max-width: none;
    width: 100%;
}
.leg{
    font-size: 14px;
    margin-top: 5px;
}
.offices{
    color: #b6b6b6;
}
.offices ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
}
.offices ul li{
    color: #5e6770;
    font-size: 14px;
}
/*---------------- vote -----------------*/
.vote{
    color: #b6b6b6;
}
.vote a{
    display: inline-block;
    font-size: 22px;
    margin-right: 10px;
    text-decoration:none !important;
    line-height: 30px;
}
.like{
    color: #91ccb9;
}
.like:hover i{
    font-weight: bold;
}
.dislike{
    color: #f85e35;
}
.dislike:hover i{
    font-weight: bold;
}

/*------------------ sorting with pagination --------------*/
.sort-wrap{
    padding: 0px 30px;
    margin-top: 25px;
    position: relative;
}
.sort-wrap .form-flex{
    justify-content: space-between;
}
.sort-wrap .styled-select{
    height: 52px;
}
.sort-wrap .styled-select select{
    height: 50px;
}

/*pagination-----------------------------------------------------------------*/
.pagination{
    margin-bottom: 20px;
}
.pagination ul {
    font-size: 16px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.pagination li {
    list-style-type: none;
    display: inline-block;
    margin: 0px 5px 10px;
}
.pagination a,
.pagination a:visited {
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background: #ededed;
    color: #0f253a;
    text-decoration: none;
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
}
.pagination a:hover,
.pagination a:visited:hover {
    color: #fff;
    background: #0f253a;
}
.pagination a.currentpage {
    background: #0f253a;
    cursor: default;
    color: #fff;
}
.pagination a.disablelink,
.pagination a.prevnext {
    color: #9f9f9f;
    cursor: default;
}
.pagination a.disablelink:hover,
.pagination a.prevnext:hover {
    color: #9f9f9f;
    background: #ededed;
}

/*--------------------- pr-item in search products page -------------------*/
.pr-item.pr-item-search{
    padding: 0px;
    margin-bottom: 40px;
}
.pr-item.pr-item-search > a{
    float: left;
}
.pr-item.pr-item-search figcaption{
    overflow: hidden;
    text-align: left;
    padding-left: 15px;
}
.pr-item.pr-item-search figcaption h6{
    font-weight: normal;
    font-size: 14px;
    height: 38px;
}
.pr-item.pr-item-search figcaption .btn.small-btn{
    min-width: initial;
    margin-top: 0px;
}

.with-unexpected-label{
    margin-top: 20px;
}
.unexpected-label{
    position: absolute;
    top: -5px;
    right: 0px;
    width: 66.666%;
    padding: 0 15px;
    box-sizing: border-box;
}

/*------------------------------------ user profile favourite page ---------------------------------*/
.organizer-wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.org-left, .org-right{
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    box-sizing: border-box;
    position: relative;
}
.org-left{
    width: 225px;
    border-right: 2px solid #f9f9f9;
    padding: 0 15px 0px 30px;
}
.org-right{
    width: calc(100% - 225px);
    padding-bottom: 30px;
}

/*-------------------- sidebar menu ----------------------*/
.sidebar-menu .cd-accordion-menu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.sidebar-menu .cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.sidebar-menu .cd-accordion-menu li {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sidebar-menu .cd-accordion-menu li:last-child{
    border-bottom: none;
}
.sidebar-menu .cd-accordion-menu a {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 10px 0px 10px 42px;
    font-weight: normal;
    color: #5e6770;
    cursor: pointer;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.sidebar-menu .cd-accordion-menu a:before {
    content: '\f07c';
    font-family: 'Font Awesome 5 Pro';
    color: #5e6770;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0px;
}
.sidebar-menu .cd-accordion-menu a:hover{
    color: #00b9f2 !important;
}
.sidebar-menu .cd-accordion-menu li.sidebar-current > a, .sidebar-menu .cd-accordion-menu li.sidebar-current > a:before{
    color: #00b9f2;
}
.sidebar-menu .cd-accordion-menu input[type=checkbox] {
    position: absolute;
    opacity: 0;
    top: 0px;
    right: 0px;
}
.sidebar-menu .cd-accordion-menu label {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    display: block;
    font-size: 0px;
    color: #000;
    text-transform: uppercase;
    height: 39px;
    width: 32px;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.sidebar-menu .cd-accordion-menu input[type=checkbox]:checked + label + ul,
.sidebar-menu .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
}
.sidebar-menu .cd-accordion-menu ul a {
    padding-left: 62px;
}
.sidebar-menu .cd-accordion-menu ul a:before{
    left: 20px;
}
.sidebar-menu .cd-accordion-menu ul label{
    height: 39px;
}
.sidebar-menu .cd-accordion-menu ul ul li{
    background: #111;
}
.sidebar-menu .cd-accordion-menu ul ul a {
    padding-left: 30px;
}
.sidebar-menu .cd-accordion-menu ul ul ul a {
    padding-left: 40px;
}
.sidebar-menu .cd-accordion-menu.animated label:before {
    /* this class is used if you're using jquery to animate the accordion */
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

/*------------------------- category options in sidebar left -------------------*/
.category-options{
    border-top: 2px solid #f9f9f9;
    padding-top: 10px;
    margin-top: 20px;
}
.category-options a{
    position: relative;
    display: block;
    font-size: 14px;
    color: #b6b6b6;
    padding: 3px 0px 3px 27px;
}
.category-options a:hover{
    color: #5e6770;
}
.category-options a i {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0px;
    color: #5e6770;
    font-size: 17px;
}

.actions-dis-block > a{
    display: block !important;
    text-align: center;
    font-size: 16px !important;
}
.org-table.firm-table table td:first-child{
    min-width: initial;
}
.org-table.firm-table table td:nth-of-type(2){
    min-width: 210px;
}

/*------------------------------------ user profile payment page ---------------------------------*/
.menu-payment.sidebar-menu .cd-accordion-menu a{
    padding-left: 37px;
}
.menu-payment.sidebar-menu .cd-accordion-menu a:before{
    content: '\f5f3';
    font-weight: normal;
}


table td .label{
    margin-bottom: 5px;
}
.table-btn .btn{
    margin: 0px !important;
    display: block;
    min-width: inherit;
}


.additional-info{
    padding-top: 40px;
}
.additional-info .small-btn{
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.fl-text{
    float: left;
    width: 50%;
    padding-right: 50px;
    box-sizing: border-box;
}
div.fl-text:nth-of-type(2n){
    padding-right: 0px;
}
.additional-float{
    margin-bottom: 40px;
}

.download a{
    position: relative;
    color: #5e6770;
    display: block;
    padding-left: 25px;
    margin-bottom: 7px;
}
.download a:last-child{
    margin-bottom: 0px;
}
.download a:hover{
    color: #00b9f2;
}
.download a i{
    position: absolute;
    top: -1px;
    left: 0px;
    font-size: 20px;
}

/*------------------------------------ profile view company page ---------------------------------*/
.vote.rating{
    float: left;
    margin-left: 21%;
    font-size: 14px;
    line-height: 42px;
}
.vote.rating a{
    margin-left: 12px;
    position: relative;
    top: 1px;
}

.legitimacy-wrap.in-head{
    padding: 0px;
    float: left;
    width: calc(25% - 50px);
    font-size: 14px;
    margin-left: -8px;
    box-sizing: border-box;
}
.legitimacy-wrap.in-head .l-ic{
    width: 37px;
}
.legitimacy-wrap.in-head .broi {
    left: 25px;
}

.profile-complete.com-view{
    line-height: 39px;
    width: calc(25% - 50px);
    box-sizing: border-box;
}
.profile-complete.com-view .green-text, .profile-complete.com-view .orange-text{
    font-size: 17px;
}

.heading{
    font-weight: normal;
    margin-bottom: 15px;
}

/*----------------------- Image gallery ------------------ */
.image-gallery{
    float: right;
    width: 50%;
    position: relative;
    margin: 0px 0px 0px 40px;
    text-align: center;
    box-sizing: border-box;
}
.slider-for {
    background: #fff;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.slider-for .slick-slide img{
    display: inline-block;
    max-width: none;
    width: 100%;
}
.slider-nav{
    margin: 0 -5px;
}
.slider-nav figure{
    margin: 10px 5px 0px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.company-info-list{
    margin-top: 20px;
    font-size: 15px;
}
.company-info-list ul{
    margin: 0px -15px;
    padding: 0px;
    list-style-type: none;
    box-sizing: border-box;
}
.company-info-list ul li{
    display: inline-table;
    vertical-align: top;
    margin-right: -4px;
    width: 23%;
    padding: 15px;
    box-sizing: border-box;
}
.company-info-list ul li .label{
    margin-bottom: 2px;
}
.pr-table .prod-img{
    width: 70px;
    height: 70px;
}
.label-no-margin{
    display: block;
    font-size: 14px;
    color: #b6b6b6;
    margin: 0px;
}

.tit-wrap{
    padding: 0 30px;
}

.addresses-wrap{
    margin: 0 -15px;
    box-sizing: border-box;
}
.one-address{
    width: 50%;
    display: inline-table;
    vertical-align: top;
    padding: 0 15px;
    margin-right: -4px;
    box-sizing: border-box;
}
.one-address > div{
    border: 1px solid #f2f2f2;
    border-radius: 14px;
    padding: 15px 15px 0px;
    font-size: 14px;
    box-sizing: border-box;
}
.float-address-list{
    margin: 0px -10px;
    padding: 0px;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}
.float-address-list li{
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0px 10px;
    margin-bottom: 14px;
    box-sizing: border-box;
}
.float-address-list li span{
    color: #b6b6b6;
}
.float-address-list li:nth-of-type(1), .float-address-list li:nth-of-type(2), .float-address-list li:nth-of-type(3), .float-address-list li:nth-of-type(4){
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.work-time{
    padding: 10px 0px;
}
.work-time ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.work-time ul li{
    margin-bottom: 8px;
}
.work-time ul li span{
    display: inline-block;
    color: #b6b6b6;
    width: 42px;
    box-sizing: border-box;
}

.person-contacts{
    margin: 5px -10px;
    box-sizing: border-box;
}
.one-person-contact{
    display: inline-table;
    vertical-align: top;
    width: 50%;
    padding: 10px 10px;
    margin-right: -4px;
    box-sizing: border-box;
}
.one-person-contact figure{
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    -moz-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
}
.one-person-contact figure img{
    max-width: none;
    width: 100%;
}
.per-position, .per-tel span{
    color: #b6b6b6;
}

/*------------------------------------ profile view company contacts page ---------------------------------*/
.another-float-styles{
    float: left;
    width: calc(50% - 100px);
    margin-top: -7px;
}
.another-float-styles .heading{
    margin-bottom: 0px;
}
.another-float-styles .legitimacy-wrap.in-head{
    float: none;
    width: auto;
    background: #f0f4f7;
    border: 2px solid #e5e5e5;
    padding: 0 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.another-float-styles .actual-info[data-tooltip]:after{
    white-space: pre;
}
.actual-info{
    display: block;
    font-size: 14px;
    color: #b6b6b6;
    margin-top: -4px;
}
.actual-info i{
    width: 28px;
    font-size: 18px;
    color: #000;
    position: relative;
    top: 2px;
}
.ellipsis{
    display: block;
    float: right;
    height: 41px;
    line-height: 40px;
    border: 1px solid #5e6770;
    border-radius: 32px;
    text-align: center;
    color: #5e6770;
    padding: 0px 12px;
    font-size: 16px;
    margin-left: 13px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.ell-menu{
    display: none;
    position: absolute;
    top: 45px;
    right: 0px;
    min-width: 180px;
    box-sizing: border-box;
    background: #fff;
    padding: 15px;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.1);
}
.ell-menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.ell-menu ul li{
    display: block;
}
.ell-menu ul li a{
    display: block;
    font-size: 13px;
    color: #5e6770;
    padding: 5px 0px;
    text-align: left;
    line-height: normal;
}
.ell-menu ul li:hover a{
    color: #00b9f2;
}
.ell-menu ul li a i {
    font-size: 15px;
    color: #5e6770;
    font-weight: bold;
    min-width: 20px;
    text-align: center;
    margin-right: 7px;
}
.comp-det-wrap{
    position: relative;
}
.comp-det-left{
    float: left;
    width: 33%;
    padding-right: 43px;
    margin-top: -15px;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
}
.comp-det-left .f-wrap{
    padding-right: 0px;
}
.comp-det-right{
    float: right;
    width: 67%;
    margin-top: -15px;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
}
.about-us-text{
    padding-left: 30px;
    position: relative;
    font-size: 14px;
}
.about-us-text .profile-complete{
    position: absolute;
    top: 17px;
    right: 0px;
    float: none;
}
.about-us-text .profile-complete span{
    font-size: 17px;
}
.about-us-text .company-info-list ul li:nth-of-type(2), 
.about-us-text .company-info-list ul li:nth-of-type(3), 
.about-us-text .company-info-list ul li:nth-of-type(4), 
.about-us-text .company-info-list ul li:nth-of-type(5){
    width: 50%;
}
.about-us-text .company-info-list ul li{
    width: 100%;
    padding: 10px;
}
.about-us-text .company-info-list ul{
    margin: 0 -10px 20px;
}
.detent {
    height: 145px;
    overflow: hidden;
    position: relative;
}
.a-link {
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    text-align: right;
    color: #b6b6b6;
}
.a-link a{
    color: #b6b6b6;
}

.more-about-us{
    padding-left: 30px;
    position: relative;
    font-size: 14px;
}
.more-about-us .company-info-list{
    margin-top: 0px;
}
.more-about-us .company-info-list ul li{
    width: 100%;
    padding: 10px;
}
.more-about-us .company-info-list ul{
    margin: -10px -10px 0px;
}

.create-page{
    border: 2px solid #ededed;
    padding: 15px;
    margin: 30px 0px 0px 30px;
    font-size: 14px;
}
.create-page .small-btn{
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.company-small-menu{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.company-small-menu li{
    display: inline-block;
    margin-right: 35px;
}
.company-small-menu li:last-child{
    margin-right: 0px;
}
.company-small-menu li a{
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #b6b6b6;
    position: relative;
    padding: 12px 0px;
}
.company-small-menu li a:hover, .company-small-menu li.current a{
    color: #0f253a;
}
.company-small-menu li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #0f253a;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.company-small-menu li:hover > a:before, .company-small-menu li:focus > a:before, .company-small-menu li:active > a:before, .company-small-menu li.current a:before {
    right: 0;
}
.company-small-menu span{
    display: none;
}

.c-details-info{
    padding-right: 30px;
}
.c-details-info .one-address{
    display: block;
    width: auto;
    margin-right: 0px;
    margin-bottom: 20px;
}
.c-details-info .work-time ul{
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}
.kind{
    color: #b6b6b6;
    font-size: 14px;
}
.kind i{
    color: #91ccb9;
    font-size: 12px;
}
.actual-info.actual-in-table{
    text-align: center;
    margin-top: 0px;
}
.actual-info.actual-in-table i{
    display: block;
    width: auto;
    top: auto;
    margin-bottom: 5px;
}
.actual-info.actual-in-table[data-tooltip]:after{
    white-space: pre;
}

/*------------------ filter ------------------*/
.filter-information{
    text-align: right;
    padding-top: 10px;
}
.filter-information .label{
    display: inline-block;
    vertical-align: middle;
    margin-top: -11px;
    margin-right: 10px;
}
.filter-information .styled-select, .filter-information .input{
    height: 52px;
    display: inline-block;
    max-width: 320px;
    vertical-align: middle;
}
.filter-information .styled-select select{
    height: 50px;
}

/*------------- Simple gallery in details ------------ */
.simple-gallery{
    margin: 10px -9px 0;
    padding: 0px;
    list-style-type: none;
}
.simple-gallery li{
    display: inline-table;
    vertical-align: top;
    width: 33.3333%;
    padding: 9px;
    margin-right: -4px;
    box-sizing: border-box;
}
.simple-gallery li a{
    display: block;
    position: relative;
    border: 1px solid #ededed;
    padding: 2px;
    text-align: center;
}
.simple-gallery li a span i{
    font-size:80px; 
}
.simple-gallery li img{
    max-width: none;
    width: 100%;
}
.simple-gallery li a:hover{
    -webkit-box-shadow: 0px 0px 0px 4px rgb(229 229 229);
    -moz-box-shadow: 0px 0px 0px 4px rgba(229,229,229,1);
    box-shadow: 0px 0px 0px 4px rgb(229 229 229);
}

.c-details-info .pr-group{
    margin: 0px -5px 20px;
}
.c-details-info .pr-group .pr-item{
    width: 16.666%;
}

.back-link{
    min-width: initial !important;
    margin: 10px 0px !important;
}

.product-info-list{
    padding-top: 10px;
}
.product-info-list .form-flex{
    margin: 0 -10px;
}
.product-info-list .float-flex{
    padding: 10px;
}
.product-info-list .pr-item{
    width: auto;
    display: block;
    margin-right: 0px;
    margin-top: -4px;
    padding: 0px;
    text-align: left;
}
.product-info-list .pr-item > a{
    display: inline-block;
}
.product-info-list .label{
    margin-bottom: 0px;
}
.product-info-list .kind{
    color: #0f253a;
}

/*---------------------------------------- User reviews Comments -------------------------------------- */
.vote strong{
    color: #5e6770;
}
.vote.number-of-reviews{
    border: 1px solid #f2f2f2;
    border-radius: 14px;
    padding: 10px 15px 15px;
    margin-bottom: 35px;
}
.vote.number-of-reviews > div{
    float: left;
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
}
.vote.number-of-reviews a{
    font-size: 28px;
    position: relative;
    top: 4px;
}
.comments-review{
    margin-bottom: 20px;
}
.comments-review ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.comments-review ul li{
    display: block;
    padding: 10px 15px;
    border: 1px solid #f2f2f2;
    border-radius: 14px;
    margin-bottom: 15px;
}
.comments-review ul li:after{
    content: '';
    display: block;
    clear: both;
}
.comment-box{
    float: left;
    width: 210px;
    margin-bottom: 5px;
    padding-right: 20px;
    box-sizing: border-box;
}
.tipster-image{
    float: left;
    width: 48px;
    height: 48px;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    -webkit-box-shadow: 0px 0px 3px 2px rgb(145,145,145,0.35);
    -moz-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    box-shadow: 0px 0px 3px 2px rgb(145,145,145,0.35);
}
.tipster-image img{
    max-width: none;
    width: 100%;
    vertical-align: top;
}
.row-border .tipster-image{
    margin-top: 4px;
    margin-left: -23px;
}
.comment-box .per-name{
    padding-top: 4px;
}
.comment-box .per-name, .comment-box .per-firm{
    font-size: 14px;
}
.date{
    color: #b6b6b6;
    font-size: 14px;
}
.date .like, .date .dislike {
    display: inline-block;
    font-size: 28px;
    text-align: center;
    width: 52px;
    text-decoration: none !important;
    position: relative;
    top: 4px;
}
.comment-text{
    float: left;
    width: calc(100% - 210px);
    font-size: 14px;
    line-height: 22px;
}
.show-add-comments-wrap{
    position: relative;
    float: right;
    width: calc(100% - 210px);
    font-size: 14px;
    padding-top: 10px;
}
.show-add-comments-wrap::before{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: calc(100% + 56px);
    height: 2px;
    background: #ededed;
}
.show-com{
    display: inline-block;
    float: left;
    color: #5e6770;
}
.add-com{
    display: inline-block;
    float: right;
    color: #5e6770;
    position: relative;
}
.add-com i{
    font-size: 20px;
    position: absolute;
    left: -28px;
}

.show-com:hover, .add-com:hover{
    color: #00b9f2;
}
.sub-comment-box{
    margin: 30px 0px 5px -56px;
}
.sub-comment-box .per-name, .sub-comment-box .date{
    display: inline-block;
    margin-right: 5px;
}
.per-firm{
    color: #5e6770;
}
.sub-comment-box .per-firm{
    float: right;
}
.tipster-info{
    float: left;
    width: calc(100% - 56px);
}
.tipster-info .text{
    line-height: 22px;
    margin-top: 10px;
}

/*--------------- add comments -------------------*/
.add-comment-review-wrap{
    margin-bottom: 17px;
}
.add-comment-review{
    padding: 10px 15px;
    border: 1px solid #f2f2f2;
    border-radius: 14px;
}
.add-com-left-part{
    float: left;
    width: 210px;
    padding-right: 20px;
    border-right: 2px solid #ededed;
    min-height: 146px;
    box-sizing: border-box;
}
.add-com-right-part{
    float: right;
    width: calc(100% - 210px);
    padding-left: 10px;
    box-sizing: border-box;
}
.add-comment-review textarea{
    width: 100%;
    margin: 0px;
    padding: 0px;
    outline: none;
    height: 146px;
    border: none;
    background: none;
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
}
.add-comment-review textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #b6b6b6;
}
.add-comment-review textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b6b6b6;
    opacity: 1;
}
.add-comment-review textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b6b6b6;
    opacity: 1;
}
.add-comment-review textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b6b6b6;
}
.add-comment-review textarea:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #b6b6b6;
}
.add-comment-review .small-btn{
    float: right;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-top: 10px;
}
.add-comment-review .vote a{
    font-size: 28px;
    margin-right: 35px;
}
.write-as{
    margin-top: 25px;
}
.write-as .fa-user-edit{
    color: #5e6770;
    margin-left: 5px;
}
.writer{
    margin-bottom: 8px;
}
.fancybox-inner .writer{
    display: block !important;
}
.choose-writer{
    display: block;
    position: relative;
}
.choose-writer .tipster-image{
    float: none;
    vertical-align: middle;
    display: table-cell;
    margin: 0px;
    height: auto;
    box-shadow: none;
    overflow: visible;
}
.choose-writer .tipster-image > div{
    width: 48px;
    height: 48px;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 2px rgb(145 145 145 / 35%);
    -moz-box-shadow: 0px 0px 3px 2px rgba(145,145,145,0.35);
    box-shadow: 0px 0px 3px 2px rgb(145 145 145 / 35%);
}
.choose-writer .per-name{
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    padding-left: 8px;
}
.share-cont {
    margin-top: 20px;
}

.hideElement{
    display:none;
}
hr.hr-list {
    height: 0px;
    background: transparent;
}
/*Specific filters with */
.col-3-spec .float-flex.jq-filter-327  {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.col-3-spec .float-flex.jq-filter-333,
.col-3-spec .float-flex.jq-filter-334{
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.text-module {
    padding: 0px 30px 30px;
}


/*----------------------------- list categories in popup --------------------------*/
.list-categories-wrap{
    padding: 20px;
}
.title-popup{
    margin-bottom: 30px;
    text-align: center;
}
.add-more-cats{
    padding: 0px 15px;
    margin-bottom: 15px;
}
.list-categories{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.list-categories li{
    display: block;
    position: relative;
    background: #f9f9f9;
    padding: 10px 15px;
    border-bottom: 5px solid #fff;
}
.list-categories li .checkbox-custom{
    margin: 0px !important;
}
.list-categories li .checkbox-custom label{
    font-size: 14px;
    font-weight: bold;
}
.some-actions.in-c-list{
    border-radius: 0px !important;
    background: #f9f9f9;
}
.some-actions.in-c-list a{
    font-size: 15px;
    margin-top: 12px;
}
.checkbox-custom input[type=checkbox].disabled+label, .checkbox-custom input[type=checkbox]:disabled+label, fieldset[disabled] .checkbox-custom input[type=checkbox]+label{
    color: #a4b1be;
}
.list-categories li .checkbox-custom.sub-c{
    padding-left: 30px;
}
.btns-oprions{
    border-top: 2px solid #ededed;
    margin-top: 20px;
}
.btns-oprions .btn{
    margin-top: 25px;
    cursor: pointer;
}

.only-list-categories{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.only-list-categories li{
    position: relative;
    display: block;
    background: #f9f9f9;
    padding: 10px 15px;
    border-bottom: 5px solid #fff;
}
.only-list-categories div.li-name.sub-c{
    margin-left: 30px;
}
.li-name{
    position: relative;
    display: block;
    font-size: 14px;
    padding: 2px 0px 2px 35px;
    font-weight: normal;
    color: #5e6770;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.li-name:before {
    content: '\f07c';
    font-family: 'Font Awesome 5 Pro';
    color: #5e6770;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.type-name .input{
    float: left;
    width: calc(100% - 170px);
    box-sizing: border-box;
}
.type-name .btn.small-btn{
    width: 160px;
    float: right;
    margin-top: 0px;
    padding: 15px 20px;
    cursor: pointer;
    box-sizing: border-box;
}



/*------------------------------ accordion text -------------------------------*/
.accordion {
    overflow: hidden;
    box-sizing: border-box;
    margin: 40px 0px;
}
.acc-btn { 
    width:100%;
    margin:0 auto 15px;
    cursor:pointer;
    box-sizing: border-box;
}
.acc-btn h3{
    font-weight: normal;
    padding: 12px 35px 12px 0px;
    border-bottom: 2px solid #0f253a;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.acc-btn h3:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 2px;
    background: #bbb;
    margin-top: -1px;
}
.acc-btn h3:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 26px;
    width: 2px;
    height: 14px;
    background: #bbb;
    margin-top: -7px;
}
.acc-btn h3.selected:after{
    opacity: 0;
    visibility: hidden;
}
.acc-content {
    height:0px;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    background:#fff;
    position: relative;
}
.acc-content-inner {
    padding: 3px 0px 35px 15px;
}
.acc-content .text ol{
    margin: 0px;
    padding-left: 18px;
}
.open {
    height: auto;
}

.bgr-grey-wrap{
    padding: 10px 25px 20px;
    background: #f0f4f7;
    margin-bottom: 15px;
}

/*------------------------------ offers accents -------------------------------*/
.offers-accents{
    margin-bottom: 40px;
}
.of-acc-one{
    display: inline-table;
    vertical-align: top;
    width: 50%;
    margin-right: -4px;
    padding: 25px 75px;
    text-align: center;
    box-sizing: border-box;
}
.of-acc-one figure{
    margin-bottom: 25px;
}
.of-acc-one h6{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.three-items .of-acc-one{
    width: 33.333%;
    padding: 0px 25px;
}

.left-icon-wrap{
    margin-bottom: 30px;
}
.left-icon-wrap.with-border{
    border-bottom: 2px solid #ededed;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.left-icon-wrap figure{
    float: left;
    margin-right: 20px;
}


.left-icon{
    float: left;
    margin-right: 20px;
}

/*------------------ important messages -------------------*/
.important-message{
    display: block;
    background: #eaf8f3;
    padding: 20px 25px;;
    margin: 0 30px 30px;;
    border-radius: 10px;
    color: #60ae8f;
    position: relative;
}
.important-message b{
    font-size: 20px;
    color: #f85e35;
}
.f-wrap .important-message{
    margin-left: 0px;
    margin-right: 0px;
}

/*------------------ regular messages -------------------*/
.regular-message{
    background: #f6dfdf;
    padding: 20px;
    margin: 0 30px 30px;;
    border-radius: 10px;
    color: #956c6c;
}
.f-wrap .regular-message{
    padding-left: 0px;
    padding-right: 0px;
}


/*--------------------- loading spinner ---------------------*/
.spinner{
    display:none;
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.8);
    z-index: 900000;
}
body.loading .spinner{
    display: block;
}
.mesh-loader {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.mesh-loader .circle {
    width: 18px;
    height: 18px;
    position: absolute;
    background: rgba(0,0,0,0.8);
    border-radius: 50%;
    margin: -9px;
    -webkit-animation: mesh 3s ease-in-out infinite;
    animation: mesh 3s ease-in-out infinite -1.5s;
}
.mesh-loader > div .circle:last-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
}
.mesh-loader > div:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.input-place.jq-validate-error,
.checkbox-custom.jq-validate-error input[type="checkbox"] + label::before
{
    border:1px solid red;
}



@-webkit-keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    50.00001% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    50.00001% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 50% 200%;

        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*--------------------- next steps -------------------------*/
.f-wrap.next-steps-wrap{
    background: #5AB29E;
    padding-top: 30px;
}
.next-steps-wrap .title h3{
    color: #fff;
    margin-bottom: 5px;
}
.next-steps-wrap .subtitle{
    color: #fff;
}
.next-steps-wrap .btn.small-btn{
    margin: 5px 2px;
}
.next-steps-wrap .text{
    color: #fff;
    text-align: center;
    max-width: 800px;
    margin: 20px auto;
    font-size: 14px;
}


.small-text{
    display: block;
    font-size: 11px;
    color: #5e6770;
    padding-left: 42px;
    margin-top: -10px;
    margin-bottom: 15px;
}
.small-text a{
    display: inline-block;
    margin-top: 3px;
    color: #000;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

/*--------------- tags -----------------*/
.tagsContainer{
    margin-top: 20px;
    position: relative;
}
.tagsContainer::before{
    content: '\f02c';
    font-family: 'Font Awesome 5 Pro';
    font-size: 13px;
    color: #2FA1BF;
    position: relative;
    left: 0px;
    top: 0px;
    font-weight: bold;
    margin-right: 6px;
}
.tagsContainer .tag-filter {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #e9e9e9;
    background: #fff;
    color: #2FA1BF;
    margin: 5px 2px 0 0;
    border-radius:3px;
    font-size: 13px;
}

.some-text-center{
    text-align: center;
    background: #f0f4f7;
    border: 1px solid #d8dee3;
    padding: 0 15px;
    border-radius: 32px;
}
table th .info-tooltip{
    margin-left: 2px;
}

.pop-message-relative{
    position: relative;
    max-width: 810px;
    margin: 20px auto -30px;
    background: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 7px 20px 5px;
    text-align: center;
    color: #f85e35;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1);
}
.pop-message-relative i{
    display: block;
    position: relative;
    margin: 0 auto;
    width: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    height: 50px;
    font-size: 36px;
}



/*-------------------------------------- Business pages list ------------------------------*/
.one-b-page{
    box-sizing: border-box;
    background: #ededed;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.one-b-page-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 15px 0px;
    border-radius: 5px;
    background: #fff;
}
.one-b-page-flex > div{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 15px;
    border-right: 1px solid #ededed;
    box-sizing: border-box;
}
.one-b-page-flex .label{
    font-size: 13px;
    margin-bottom: 5px;
}
.b-page-name{
    width: calc(100% - 615px);
    padding: 5px;
}
.b-page-status{
    width: 220px;
}
.b-page-links{
    width: 225px;
}
.b-page-links a{
    display: inline-block;
    font-size: 11px;
    line-height: normal;
    margin-bottom: 4px;
    border-bottom: 1px solid transparent;
}
.b-page-links a:hover{
    color: #0f253a;
    border-bottom: 1px solid #0f253a;
}
.b-page-last-edit{
    width: 170px;
}
.b-page-options{
    width: 55px;
    padding-right: 0px !important;
    border-right: none !important;
}
.b-page-name .prod-info{
    width: calc(100% - 56px);
    padding-top: 3px;
    color: #0f253a;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
}
.b-page-name .prod-info a{
    font-weight: bold;
    color: #0f253a;
}
.p-compl{
    margin-top: 2px;
    color: #8e8e8e;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.one-b-page .small-text{
    margin-bottom: 0px;
    margin-top: 5px;
    padding-left: 0px;
}
.b-page-status .btn{
    display: block;
    min-width: initial;
}
.p-view{
    white-space: normal;
    text-overflow: initial;
    font-size: 11px;
    color: #5e6770;
    margin-top: 10px;
}
.p-view .btn{
    color: #fff !important;
    font-weight: normal !important;
}
.one-b-page-footer{
    padding: 15px;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
    margin-top: 5px;
    background: rgba(161,207,104,1);
    background: -moz-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,207,104,1)), color-stop(100%, rgba(19,148,212,1)));
    background: -webkit-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: -o-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: -ms-linear-gradient(left, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    background: linear-gradient(to right, rgba(161,207,104,1) 0%, rgba(19,148,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1cf68', endColorstr='#1394d4', GradientType=1 );
}
.one-b-page-footer .btn{

    margin-top: 0px;
    float: right;
}
.one-b-page-footer .text{
    float: left;
    max-width: calc(100% - 170px);
    line-height: 22px;
}
.one-b-page-footer-2, .one-b-page-footer-3, .one-b-page-footer-4{
    border-radius: 5px;
    border: 1px solid #0f253a;
    background: #fff;
    font-size: 14px;
    padding: 15px;
    margin-top: 5px;
    box-sizing: border-box;
}
.one-b-page-footer-3{
    border: 1px solid #f85e35;
}
.one-b-page-footer-2 .text, .one-b-page-footer-3 .text{
    float: left;
    max-width: calc(100% - 170px);
    line-height: 22px;
    padding-top: 8px;
}
.one-b-page-footer-3 .text{
    padding-top: 0px;
}
.one-b-page-footer-2 .btn, .one-b-page-footer-3 .btn{
    margin-top: 0px;
    float: right;
}

/* footer-4 */

.one-b-page-footer-4{
    border: 1px solid #a1cf68;
}
.one-b-page-footer-4 .text{
    float: left;
    max-width: calc(100% - 170px);
    line-height: 22px;
    padding-top: 8px;
}

.one-b-page-footer-4 .text{
    padding-top: 0px;
}
.one-b-page-footer-4 .btn{
    margin-top: 0px;
    float: right;
}




.stupid-info{
    font-size: 11px;
    margin-bottom: 10px;
}
.jq-filter-options-filter .jq-categories.styled-select {
    border: 1px solid #f85e35;
}
.jq-filter-options-filter .jq-categories.styled-select select {
    color: #f85e35;
}

.checkbox-inline{
    display: inline-block !important;
    margin-right: 50px;
}

/*--------------------------------------------------- Wizard ------------------------------------------------*/
.one-more-message{
    position: absolute;
    left: 0;
    top: 14px;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}
.one-more-message > div{
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: #f85e35;
    box-sizing: border-box;
}
.prof-center.profile-complete{
    float: right;
}
.left-text{
    float: left;
    margin-top: 40px;
    max-width: calc(100% - 300px);
}
.btn-steps{
    position: relative;
    padding: 17px 30px 19px;
    background: #ededed;
}
.btn-steps .btn{
    float: left;
    margin-top: 0px;
}
.btn-steps .btn.btn-orange{
    float: right;
}
.in-center{
    display: none;
    text-align: center !important;
    max-width: 625px;
}
.in-center .btn{
    margin-top: 35px;
}
.add-link.add-link-margin{
    margin-left: 4px;
    margin-bottom: 35px;
}
.text-in-border{
    border: 1px solid #0f253a;
    background: #fff;
    padding: 15px 20px;
    margin-top: 25px;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
}
.address-fields{
    display: none;
}
.activity{
    font-size: 12px;
    color: #86c47e;
}

.t-strong.t-note{
    position: relative;
    padding-bottom: 35px;
    padding-left: 72px;
    text-transform: uppercase;
    color: #f85e35;
}
.t-strong.t-note::before{
    content: '';
    position: absolute;
    top: 25px;
    left: 28px;
    background: url('../images/arrow_note.png') no-repeat;
    width: 30px;
    height: 36px;
}
.jq-reqire-one-choose .checkbox-custom.checkbox-inline.jq-filter-option-5738 {
    display: none !important;
}

/*--------------------------------------------------------------------------- Shop ---------------------------------------------------------------------*/
.tabs-menu li a.spec-tab{
    position: relative;
    background: #5ab29e;
    color: #fff;
}
.tabs-menu li a span.tab-number{
    display: block;
    position: absolute;
    top: 4px;
    right: 5px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: #5ab29e;
    font-size: 13px;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}
.tabs-menu li.current-tab a.spec-tab{
    background: #fff;
    color: #0f253a;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(237,237,237,1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(237,237,237,1);
    box-shadow: 0px 0px 0px 2px rgba(237,237,237,1);
}
.tabs-menu li.current-tab a span.tab-number{
    background: #5ab29e;
    color: #fff;
}
.extra-text-wrap-shop .extra-text{
    width: 195px;
    color: #b6b6b6;
}
.extra-text-wrap-shop .input{
    padding-left: 228px;
}
.text-01{
    font-size: 14px;
    margin-top: 20px;
}
.big-btn span{
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.blue-plus{
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 28px;
    text-align: center;
    background: #00b9f2;
    border-radius: 5px;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    margin-left: 15px;
    position: relative;
    top: 2px;
    box-sizing: border-box;
}
.blue-plus:hover{
    background: #0f253a;
}

/*------------ logo add upload --------------*/
.logo-add{
    padding: 20px 0px;
}
.logoUpload {
    float: left;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 32px;
    border: 1px solid #ededed;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    transition:all .3s ease-in;
}
.logoUpload a{
    bottom: 20px;
}
.logoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.logoUpload .label{
    overflow: hidden;
}

.prod-type{
    font-size: 14px;
}
.label-no-margin.l-inline{
    display: inline;
}
.pr-group-others .pr-item > a img{
    opacity: 0.3;
}

.btn.btn-absolute {
    min-width: 190px;
    position: absolute;
    top: 5px;
    right: 30px;
    letter-spacing: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    padding: 7px 17px;
    margin-top: 15px;
}
.btn.btn-absolute span{
    display: block;
    font-size: 11px;
}

.list-information{
    float: left;
    width: 66.666%;
    margin: 0px -10px 10px;
    padding: 0px;
    list-style-type: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    column-gap: 50px;
}
.list-information li{
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    color: #b6b6b6;
    font-size: 14px;
    margin-bottom: 10px;
}
.list-information li strong{
    color: #0f253a;
}
.goods-item-information .small-btn{
    float: right;
    margin-top: 0px;
}
.goods-item-information .orange-text{
    margin-bottom: 10px;
}

.table-orders{
    margin-top: 10px;
}
.table-orders table th{
    border-top: none;
    background: #ededed;
    color: #0f253a;
}
.table-orders table th:first-child{
    padding-left: 10px;
}
.table-orders table td{
    color: #0f253a;
    padding: 10px;
    border-bottom: 1px solid #ededed;
}
.table-orders table td::before{
    width: 1px;
}
.table-orders table tr:nth-child(even) td{
    background: #fff;
}
.table-orders table tr:nth-child(odd) td{
    background: #f9f9f9;
}
.table-orders.shopOrder table tr:nth-child(odd) td{
    background: #fff;
}
.table-orders table td a{
    color: #0f253a;
}
.table-orders table td a:hover{
    color: #00b9f2;
}

.order-info{
    font-size: 14px;
    color: #b6b6b6;
    margin-bottom: 30px;
}
.order-info strong{
    color: #0f253a;
}

/*--------- discount ----------*/
.discount{
    position: relative;
    padding-left: 13px;
}
.discount:before{
    content: '-';
    position: absolute;
    top: 0;
    left: 0px;
    color: #0f253a;
    font-size: 18px;
    line-height: 43px;
}
.discount input{
    margin-bottom: 0px;
    width: 88px;
    height: 43px;
    text-align: center;
}

/*--------- number qty ----------*/
.number-qty span{
    cursor: pointer;
}
.minus, .plus{
    width:20px;
    height:20px;
    border-radius: 50%;
    background:#0f253a;
    border:none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    box-sizing: border-box;
}
.plus{
    line-height: 21px;
}
.number-qty input{
    width: 58px;
    height: 43px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    margin:0px;
    text-align: center;
}

.cart-summary{
    font-size: 16px;
    color: #0f253a;
    font-weight: bold;
    text-align: right;
    margin-bottom: 35px;
}
.cart-summary strong{
    display: inline-block;
    min-width: 125px;
    text-align: right;
}

.order-details{
    margin: 0 -20px 35px;
}
.order-details-box{
    display: inline-table;
    vertical-align: top;
    width: 50%;
    margin-right: -4px;
    font-size: 14px;
    color: #0f253a;
    padding: 0 20px;
    line-height: 24px;
    box-sizing: border-box;
}
.order-details-box span{
    display: block;
    float: left;
    color: #b6b6b6;
    width: 140px;
}
.order-details-box strong{
    display: block;
    font-weight: normal;
    overflow: hidden;
}

.customer-comment{
    margin-bottom: 35px;
}
.order-status-wrap{
    position: relative;
    margin-bottom: 35px;
}
.order-status-wrap .btn.btn-absolute{
    margin-top: 20px;
    right: 0px;
}
.order-status{
    float: left;
    width: calc(100% - 200px);
}
/*----------------------------------------------- fixed btn ------------------------------------------*/
.fixed-button{
    position: fixed;
    top: 115px;
    right: 0px;
    color: #fff;
    background: #f85e35;
    padding: 7px 11px 7px 15px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
    z-index: 20000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.fixed-button:hover{
    padding-right: 20px;
}
.fixed-button a {
	color: #fff;
}
.some-popup{
    display: none;
	padding: 2px !important;
	margin: 0px !important;
    width: 100%;
    height: 100%;
}
.some-popup.fancybox-content{
    display: none;
    padding: 2px;
    width: 100%;
    height: 100%;
}
.some-popup .fancybox-close-small{
    display: none;
}
.popup-logo{
    display: block;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-sizing: border-box;
}
.some-popup-wrap{
    position: relative;
    height: 100%;
}
.left-p, .right-p{
    float: left;
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
    padding: 0px 30px;
    border: 2px solid #fff;
    text-align: center;
    box-sizing: border-box;
}
.left-p{
    background: url('../images/pop2.jpg') no-repeat center center;
    background-size: cover;
}
.right-p{
    background: url('../images/pop1.jpg') no-repeat center center;
    background-size: cover;
}
.btn-choice{
    display: block;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    text-transform: uppercase;
    padding: 20px 40px;
    line-height: normal;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.left-p:hover .btn-choice, .right-p:hover .btn-choice{
    background: rgba(255, 255, 255, .9);
    color: #5ab29e;
}
.msg-title .legacy-icon {
/* display: none; */
}

/* Временно скрити */
.listS .jq-filter-333,
.listS .jq-filter-334,
.fil16{
    display: none !important;
}

.jq-foid-5788 .jq-foid-7570 .jq-filter-417,
.jq-foid-5788 .jq-foid-7575 .jq-filter-417 {
     display: none !important; 
}
.jq-foid-5739 .jq-foid-5764 .jq-filter-334,
.jq-foid-5739 .jq-foid-6650 .jq-filter-334,
.jq-foid-5739 .jq-foid-6930 .jq-filter-334,
.jq-foid-5739 .jq-foid-6651 .jq-filter-334,
.jq-foid-5739 .jq-foid-6652 .jq-filter-334,
.jq-foid-5739 .jq-foid-6887 .jq-filter-334,
.jq-foid-5739 .jq-foid-6843 .jq-filter-334,
.jq-foid-5739 .jq-foid-6867 .jq-filter-334,
.jq-foid-5739 .jq-foid-8216 .jq-filter-334,
.jq-foid-5739 .jq-foid-8232 .jq-filter-334{
    display: none !important;
}

/*/*media queries----------------------------------------------------------*/
@media only screen and (max-width: 1840px) {
    .search-form{margin-left: 50px;}
    .icons-center a{margin: 0 18px;}
}

@media only screen and (max-width: 1740px) {
    footer{padding: 18px 40px;}
    .socials{left: 40px;}
    .notification-icons{margin-left: 35px;}
    .search-form{margin-left: 35px;}
    .search-wrap{width: 230px;}
    .icons-center a{margin: 0 15px;}
}

@media only screen and (max-width: 1640px) {
    header{padding: 0 20px;}
    footer{padding: 18px 20px;}
    .socials{left: 20px;}
    .welcome .text{right: -65px;}
    .icons-center a{margin: 0 12px;}
	.search-form{margin-left: 15px;}
}

@media only screen and (max-width: 1550px) {
	
}

@media only screen and (max-width: 1500px) {
    .welcome .text{left: 150px; right: auto;}
    .index-content{padding-top: 110px;}
    .welcome{padding: 60px 0px; width: 61%;}
    .welcome::before{top: 28px;}
    .welcome .text{bottom: 15px;}
    .sign-in{padding-top: 60px; width: 39%;}
}

@media only screen and (max-width: 1440px) {
    .notification-icons{margin-left: 20px;}
    .search-form{margin-left: 20px;}
    .sign-in-form{margin-left: 50px; padding-right: 50px;}
    .acc-one{padding: 20px;}
    .acc-wrap{margin: 0px;}
}

@media only screen and (max-width: 1366px) {
    .accents{padding-top: 90px;}
	.icons-center{position: relative; width: auto; left: auto; float: right; margin-right: 6px;}
	.icons-center a{min-width: 24px;}

    /* responsive search */
    .search-wrap{display: none; border: 1px solid #818181; position: absolute; top: 48px; right: 0px; background: #fff; width: 230px; padding: 0 10px;}
    .search-link{display: block;}
    .search-form{margin-left: 14px;}
    .s-search:before, .s-close:before{color: #000; line-height: 38px;}
}

@media only screen and (max-width: 1290px) {
    .footer-flex{max-width: none;}
    .footer-socials{position: relative; top: auto; left: auto; float: left;}
    .rights{position: relative; top: auto; right: auto; float: right;}
    .sign-in{padding-top: 28px;}
    .accents{padding-top: 80px; margin-top: 30px;}
    .sign-in-form .btn{min-width: 168px;}
    .white-bgr-text-wrap h3{font-size: 24px;}
}

@media only screen and (max-width: 1180px) {
    .white-bgr, .registration-form{margin-top: 25px;}
    .messages-wrap{margin-top: 25px;}
    .white-bgr-text-wrap{padding: 50px 90px;}
    .welcome .text{font-size: 14px;}
    .sign-in-form hr{margin: 20px 0 15px;}
    .one-more-message{top: 16px;}
    .one-more-message > div{max-width: 745px; font-size: 14px;}
	.fixed-button {top: 85px;}
}

@media only screen and (max-width: 1100px) {
    .pr-item{width: 14.28%;}
    .vote.rating{float: none;position: absolute;right: 0px;top: 69px;margin-left: 0px;margin-right: 30px;}
    .profile-complete-wrap{padding: 25px 30px 46px;}
    .legitimacy-wrap.in-head{width: calc(25% - 25px);}
    .td-w3{width: 25%;}
    .welcome .text{font-size: 13px; left: 85px;}
    h2{font-size: 28px;}
    .welcome::after{left: 60px;}
    .white-bgr-text-wrap{margin-bottom: 30px; padding: 50px; max-width: 920px;}
    .welcome{width: 59%;}
    .sign-in{width: 41%;}
    .sign-in-form .btn{min-width: 160px;}
	.admin-name{display: none;}
    .user-name-img figure{margin-right: 0px;}
	.user-name-img{margin-right: 15px;}
}

@media only screen and (max-width: 1020px) {
    .small-wrapper{padding: 0 10px;}
    .white-bgr, .registration-form, .messages-wrap{margin-top: 20px;}
    .header-inner{padding: 0 10px;}
    footer{padding: 0px 10px 10px;}
    h1{font-size: 34px;}
    .icons-right{display: none;}
    .messages-wrap{height: auto; flex-wrap: wrap;}
    .column-list-all{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; overflow-x: auto; white-space: nowrap; width: 100%;}
    .column-messages{-webkit-flex: 0 0 calc(100% - 240px);-ms-flex: 0 0 calc(100% - 240px);flex: 0 0 calc(100% - 240px);}
    .column-list-all .participant-one{display: inline-block; vertical-align: top; margin: 10px 5px 15px;}
    .column-list-all .participant-one::after{border-top: 12px solid #fff; border-bottom: none; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 100%; right: auto; left: 50%; margin-left: -8px; margin-top: 0px;}
    .notifications-icon, .favourite-icon, .facture-icon{display: none !important;}
    .search-wrap{width: 220px;}
    .of-acc-one{padding: 25px 40px;}
    .wrapper{padding: 0 10px;}
    .socials{display: none;}
    .footer-socials.footer-index{display: block;}
    .bgr-index{margin-bottom: 25px;}
    .sign-in-form{margin-left: 0px;}
    .acc-one{display: block; margin-right: 0px; width: auto; padding-right: 0px; padding-left: 0px; margin-bottom: 10px;}
    .acc-one h5{min-height: inherit;}
    .acc-one figure{margin-bottom: 25px;}
    .white-bgr-text-wrap h3{font-size: 22px;}
    .white-bgr-text-wrap{margin-top: 40px;}
    .tabs-menu li a{padding: 12px 15px 10px;}
    .tabs-menu li a span.tab-number{top: 0px; right: 0px;}
}

@media only screen and (max-width: 980px) {
    .profile-complete-wrap{padding: 20px 20px 46px;}
    .vote.rating{top: 64px; margin-right: 20px;}
    .f-wrap, .text-module{padding: 0 20px 20px;}
    .about-us-text{padding-left: 20px;}
    .c-details-info{padding-right: 20px;}
    .float-flex{padding: 0 10px;}
    .form-flex{margin: 0 -10px;}
    .direct-agent .float-flex.agent-photo{-webkit-flex: 0 0 80px;-ms-flex: 0 0 80px;flex: 0 0 80px;}
    .title-with-btn{padding: 0 20px;}
    table td:first-child, table th:first-child{padding-left: 20px;}
    table td:last-child, table th:last-child{padding-right: 20px;}
    .envelope-place{padding: 0 20px 15px;}
    .switch-wrap{padding: 15px 20px;}
    .one-address{display: block; width: auto; margin-right: 0px; margin-bottom: 20px;}
    .unexpected-label{padding: 0 10px;}
    .sort-wrap{padding: 0 20px;}
    .comp-det-right{width: 100%;}
    .comp-det-left{width: 100%; margin-top: 10px; padding-right: 0px;}
    .about-us-text .company-info-list ul li, .about-us-text .company-info-list ul li:nth-of-type(2), .about-us-text .company-info-list ul li:nth-of-type(3), .about-us-text .company-info-list ul li:nth-of-type(4), .about-us-text .company-info-list ul li:nth-of-type(5){width: 33.333%;}
    .company-small-menu{padding: 0 20px;}
    .comp-det-left .about-us-text, .more-about-us{padding: 0 20px;}
    .comp-det-left .create-page{margin: 20px;}
    .c-details-info{padding: 0 20px;}
    .about-us-text .profile-complete{right: 20px;}
    .org-left{padding-left: 20px; width: 210px;}
    .org-right{width: calc(100% - 210px);}
    .msg-one{padding-right: 20px;}
    .ellipsis{margin-left: 7px;}
    .offices ul{-webkit-column-gap: 20px;-moz-column-gap: 20px; column-gap: 20px;}
    a.mailing{font-size: 20px;}
    .some-actions a, a.edit, a.del, a.searching, a.mailing, a.move{font-size: 18px;}
    .important-message{margin: 0 20px 30px;}
    .welcome::after{left: 40px;}
    .welcome .text{left: 60px;}
    .b-page-links, .b-page-status{width: 190px;}
    .b-page-last-edit{width: 135px;}
    .b-page-name{width: calc(100% - 515px);}
    .btn-steps{padding: 17px 20px 19px;}
    .group-7 .pr-item{width: 16.666%;}
    .table-orders table td:first-child, .table-orders table th:first-child{padding-left: 10px;}
    .td-w6{width: 36%;}
}

@media only screen and (max-width: 900px) {
    .pr-item, .column-right .pr-item{width: 16.666%;}
    .avatar{width: 130px; height: 130px; margin: -90px auto 25px;}
    .white-bgr.with-photo-image .avatar{margin-top: -65px;}
    .white-bgr.with-avatar-image{margin-top: 85px;}
    .profile-complete-wrap{margin-top: -90px; padding: 15px 20px 30px;}
    .legitimacy-wrap.in-head{width: 50%;}
    .profile-complete.com-view{width: 50%; position: absolute; top: 43px; left: 51px; line-height: normal;}
    .legitimacy-wrap.in-head .l-ic{height: 30px; line-height: 30px;}
    .actual-info{margin-top: 0px;}
    .comp-det-right, .comp-det-left{margin-top: 0px;}
    .vote.rating{top: 56px; line-height: normal;}
    .vote.rating a{font-size: 18px; margin-right: 6px;}
    .tabs-menu{margin-top: -15px;}
    .label{font-size: 13px; margin-bottom: 4px;}
    .input{padding: 0 18px; height: 50px; margin-bottom: 15px; font-size: 14px;}
    .styled-select{height: 50px; margin-bottom: 15px;}
    .styled-select select{padding-left: 18px; padding-right: 40px; height: 48px; font-size: 14px;}
    .styled-select:after{font-size: 14px; right: 18px;}
    textarea.input{padding: 15px 18px;}
    .add-more{font-size: 13px;}
    .add-plus{width: 18px; height: 18px; line-height: 18px; margin-left: 10px;}
    .input-day-wrap{margin-bottom: 15px;}
    .day{height: 48px; line-height: 48px;}
    .input-day-wrap input{height: 48px; font-size: 14px;}
    .day{font-size: 14px;}
    .choose-agent-photo{height: 50px; line-height: 50px;}
    .direct-agent .float-flex.agent-photo{-webkit-flex: 0 0 73px;-ms-flex: 0 0 73px;flex: 0 0 73px;}
    .add-link{font-size: 13px; padding-left: 25px;}
    .add-link::before{width: 18px; height: 18px; line-height: 19px;}
    .btn.big-btn{max-width: none; width: auto;}
    .btn{letter-spacing: 1px; font-size: 15px; padding: 15px 30px; margin-top: 35px;}
    .td-w3{width: 20%;}
    .fl-divs{padding: 0 15px;}
    .row-border{height: 50px; line-height: 50px; margin-bottom: 15px;}
    .some-actions a, a.edit, a.del, a.searching, a.mailing, a.move{font-size: 18px;}
    .some-actions{padding: 0 13px;}
    .fl-divs::after{height: 30px;}
    .input-icon:before{top: 14px; left: 20px;}
    .input-icon .input{padding-left: 45px;}
    .white-bgr{padding: 30px 0px;}
    .registration-form{padding: 30px 50px;}
    h1{font-size: 32px;}
    h2{font-size: 26px;}
    .envelope-place a{font-size: 20px;}
    .envelope-place{padding: 0 20px 8px;}
    .td-w2{width: 20px;}
    .image-gallery{margin-left: 25px;}
    .checkbox-custom, .radio-custom{margin-bottom: 15px; margin-right: 30px;}
    .checkbox-custom label, .radio-custom label{font-size: 14px; padding-left: 32px;}
    body{font-size: 14px;}
    .select-choices > div{padding: 7px 15px; font-size: 13px; margin-bottom: 5px; margin-right: 5px;}
    .select-choices > div i{font-size: 14px; margin-left: 25px;}
    .notification-icons > div > a img{-webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1);}
    .notification-icons > div > a{width: 36px; height: 36px; line-height: 32px;}
    .broi{left: 23px; top: 0px; z-index: 10;}
    .search-link{width: 36px; height: 36px; line-height: 34px;}
    .s-search:before, .s-close:before{line-height: 34px; font-size: 16px;}
    .header-inner .logo{line-height: 59px;}
    .header-inner{height: 63px;}
    header .responsive-menu span{height: 63px; padding: 22px 16px 0px;}
    .user-name-img{margin-top: 9px; margin-right: 15px;}
    .user-name-img figure{width: 45px; height: 45px;}
    .search-submit{font-size: 16px;}
    .user-menu-wrap{right: 53px;}
    .s-close-btn{width: 34px; height: 34px; line-height: 36px; font-size: 18px;}
    .one-address{margin-bottom: 15px;}
    .check-in-row-border{line-height: 46px; width: 51px; margin-bottom: 0px; margin-right: 0px;}
    .checkbox-custom.check-in-row-border input[type=checkbox]+label:before{top: 11px;}
    .checkbox-custom.check-in-row-border label{margin-left: 16px;}
    .select-btn{height: 48px; line-height: 48px; padding: 0 18px; font-size: 14px;}
    .filter-select{margin-bottom: 15px;}
    .select-btn:after{font-size: 14px; right: 18px;}
    .select-content{top: 27px;}
    .checkbox-custom input[type=checkbox]+label:before{width: 22px; height: 22px; line-height: 20px; font-size: 16px; top: -1px;}
    .select-content .checkbox-custom{margin-bottom: 4px; margin-right: 0px;}
    .column-left::before{right: -12px;}
    .lupa-btn .btn{height: 50px; width: 50px; line-height: 54px; margin-top: 38px !important;}
    .btn i{font-size: 18px;}
    .right-btn .btn{margin-top: 22px !important;}
    .pagination a, .pagination a:visited{width: 48px; height: 48px; line-height: 50px; font-size: 15px;}
    .pagination li{margin: 0 2px 5px;}
    .filter-information .styled-select, .filter-information .input{height: 50px;}
    .row-border .tipster-image{margin-top: 0px; margin-left: -12px;}
    .icons-center{top: 11px;}
    .icons-center a{font-size: 19px;}
    .icons-center a span{font-size: 16px;}
    .user-login-menu{top: 54px;}
    .three-items .of-acc-one{width: 50%; margin-bottom: 40px;}
    .extra-text{left: 20px; width: 90px; padding-top: 16px; font-size: 14px;}
    .extra-text-wrap .input{padding-left: 110px;}
    .extra-text-wrap-shop .input{padding-left: 202px;}
    .td-w2{width: 25px;}
    .org-left{width: 190px;}
    .org-right{width: calc(100% - 190px);}
    .small-text{margin-top: -5px; margin-bottom: 10px;}
    .index-content{padding-top: 94px;}
    .welcome{float: none; width: auto; padding: 40px 0px;}
    .welcome::after{left: 60px;}
    .welcome .text{left: 80px; bottom: 8px;}
    .sign-in{float: none; width: auto; padding-top: 40px;}
    .sign-in-form{padding-right: 0px; margin: 0 auto;}
    .accents{padding-top: 70px;}
    .one-b-page-footer-2 .text{padding-top: 0px; line-height: 20px;}
    .one-b-page-footer .text{line-height: 20px;}
    .offers-accents{margin-bottom: 0px;}
    .one-more-message > div{font-size: 13px; max-width: 640px;}
    .one-more-message{top: 13px;}
    .upload-image-wrap.att li{width: 20%;}
    .text-01{font-size: 13px;}
	.icons-center{top: 3px;}
	.notification-icons > div.legitimacy-icon{padding: 0px;}
	header .notification-icons [data-tooltip]:after{white-space: normal; display: none;}
	.fixed-button {top: 70px;font-size: 12px;padding: 5px 10px 5px 13px;}
}

@media only screen and (max-width: 860px) {
    .col-3 .float-flex, .col-3-spec .float-flex, .col-3-spec .float-flex:nth-child(3n){-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    .col-3 .float-flex.letter-filter-float{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .col-4 .float-flex{-webkit-flex: 0 0 33.333%;-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;}
    .direct-agent .float-flex{-webkit-flex: 0 0 45.5%;-ms-flex: 0 0 45.5%;flex: 0 0 45.5%;}
    .prod-img{margin-right: 10px;}
    .upload-image-wrap li{width: 33.333%;}
    .col-3-other .float-flex, .col-3-other .float-flex:nth-child(3){-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    .col-3-other .float-flex:nth-child(2){-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; margin-bottom: 10px;}
    .col-3 .float-flex.with-unexpected-label{margin-top: 0px;}
    .unexpected-label{position: relative; top: auto; left: auto; width: 100%; box-sizing: border-box;}
    .pr-item.pr-item-search{margin-bottom: 15px;}
    .pagination li{text-align: center}
    .org-left{width: auto;-webkit-flex: none;-ms-flex: none;flex: none; border-right: none; border-bottom: 2px solid #ededed; padding-bottom: 10px;}
    .org-right{width: auto;-webkit-flex: none;-ms-flex: none;flex: none;}
    .organizer-wrap{display: block; flex-wrap: initial;}
    .of-acc-one{padding: 20px;}
    .profile-complete-wrap .small-btn{min-width: initial; width: 36px; height: 36px; line-height: 40px; padding: 0px !important; overflow: hidden; text-align: center;}
    .profile-complete-wrap .small-btn span{display: none;}
    .profile-complete-wrap .btn.small-btn i{margin-right: 0px; top: auto; vertical-align: initial;}
    .ellipsis{padding: 0px; width: 36px; height: 36px; line-height: 36px;}
    .profile-complete-wrap .small-btn i.fa-eye{display: inline-block;}
    .bgr-index .logo a img{width: 46px;}
    header{height: 70px;}
    .index-content{padding-top: 70px;}
    .acc-one{padding: 0px; margin-bottom: 35px;}
    .acc-one figure{margin-bottom: 20px;}
    .acc-one h5{margin-bottom: 10px;}
    .white-bgr-text-wrap{padding: 30px; font-size: 15px;}
    .white-bgr-text-wrap h3{font-size: 19px; margin-bottom: 15px;}
    .one-b-page-flex > div{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; width: auto !important; border-right: none; border-bottom: 1px solid #ededed; padding: 10px 15px;}
    .one-b-page-flex{padding: 0px;}
    .b-page-status .btn{display: inline-block !important; min-width: 175px !important;}
    .tabs-menu{margin-top: 0px;}
    .tabs-menu li{width: 100%; box-sizing: border-box; border-bottom: 1px solid #ddd; border-right: none; margin-right: 0px;}
    .tabs-menu li:last-child{border-bottom: none;}
    .tabs-menu li a span.tab-number{top: 5px; right: 5px;}
    .list-information{float: none; width: auto;}
    .goods-item-information .small-btn{margin-bottom: 20px;}
}

@media only screen and (max-width: 800px) {
    .prod-info{display: inline-block; vertical-align: top;}
    .prod-img, .firm-img{float: none; display: inline-block; margin-right: 8px; vertical-align: top;}
    .no-tab-content{padding-top: 20px;}
    .some-text{margin-bottom: 10px;}
    .direct-agent .float-flex{-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    .w1{width: 44%;}
    .fl-divs.w1:nth-child(3){width: 32%;}
    .profile-complete-wrap .small-btn{padding: 11px 18px;}
    .btn.small-btn i{font-size: 16px; margin-right: 8px;}
    .ellipsis{margin-left: 5px; margin-bottom: 5px;}
    .w1{width: 40%;}
    table {display: block; overflow-x: auto; white-space: nowrap; width: 100%;}
    .spec-flex-w1{-webkit-flex: 0 0 100% !important;-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;}
    .direct-agent .float-flex.lupa-btn{position: relative; right: auto; top: auto;}
    .lupa-btn .btn{margin-top: 0px !important;}
    .direct-agent .float-flex.right-btn{position: relative; right: auto;}
    .right-btn .btn{margin-top: 0px !important;}
    .column-list-participants .participant-one-info h6{display: none;}
    .column-list-participants .participant-one-info .per-firm{display: none;}
    .column-list-participants .participant-one-info span.blue-text{font-size: 12px; display: inline-block; width: 16px; height: 16px; background: #00b9f2; color: #fff; text-align: center; line-height: 17px; border-radius: 50%;}
    .column-list-participants .participant-one-info{font-size: 0px; margin-left: -11px;}
    .column-list-participants .participant-one figure{margin-right: 0px;}
    .column-list-participants .participant-one{margin: 10px;}
    .column-list-participants{-webkit-flex: 0 0 90px;-ms-flex: 0 0 90px;flex: 0 0 90px;}
    .column-messages{-webkit-flex: 0 0 calc(100% - 90px);-ms-flex: 0 0 calc(100% - 90px);flex: 0 0 calc(100% - 90px);}
    .important-message{padding: 15px 20px;}
    .welcome{padding-top: 0px;}
    .welcome::before{display: none;}
    .welcome::after{top: 40px;}
    .one-b-page{margin-bottom: 20px;}
    .left-text{margin-top: 32px;}
    .group-7 .pr-item{width: 20%;}
    .btn.btn-absolute{position: relative; top: auto; right: auto;}
    .order-details-box span{width: 120px;}
    .order-status{float: none; width: auto;}
    .order-status-wrap .btn.btn-absolute{right: auto; margin-top: 15px;}
}

@media only screen and (max-width: 740px) {
    .td-w3{width: auto;}
    .photo-bgr .change-image{left: auto; right: 10px; bottom: 10px;}
    .uploadifive-button{left: auto; bottom: 10px; right: 10px;}
    .white-bgr.with-photo-image .avatar{margin: -45px 0px 0px 10px; float: left;}
    .photo-bgr{border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
    .profile-complete-wrap{float: left; margin-top: 0px; width: calc(100% - 140px); padding: 15px 10px 30px 20px; min-height: 104px;}
    .another-float-styles{width: calc(100% - 125px); margin-top: 0px;}
    .vote.rating{right: 40px; top: 18px;}
    .image-gallery{margin: 0 0 20px; width: 100%; box-sizing: border-box;}
    .company-info-list ul li{width: 33.333%;}
    .company-info-list{margin-top: 0px;}
    .show-add-comments-wrap{width: calc(100% - 110px);}
    .additional-info{padding-top: 20px;}
    .fl-text{float: none; width: auto; padding-right: 0px;}
    .icons-center a:first-child{display: none;}
    .notification-icons{margin-left: 14px;}
    .search-wrap{right: -25px;}
    .notification-submenu{margin-left: -80px;}
    .notification-submenu > div::before{margin-left: -36px;}
    .of-acc-one h6{font-size: 16px;}
    .three-items .of-acc-one{padding: 0 15px;}
    .popup{max-width: none; width: 90%;}
    .next-steps-wrap .btn.small-btn{width: 47%;}
    .right-part-head .small-text{display: none;}
    .photo-bgr .change-image span {display: none;}
    .stupid-info{margin-bottom: 16px;}
    .one-more-message > div{font-size: 12px; max-width: none; padding: 0 70px;}
    .upload-image-wrap.att li{width: 25%;}
}

@media only screen and (max-width: 700px) {
    .pr-item, .column-right .pr-item, .c-details-info .pr-group .pr-item{width: 20%;}
    .row-border{height: auto; line-height: normal; padding: 10px 5px;}
    .fl-divs{float: none; width: auto !important; padding-right: 60px;}
    .fl-divs::after{display: none;}
    .row-border .some-actions{padding: 13px 13px 0px;}
    .row-border .some-actions a{display: block;}
    .check-in-row-border{margin-top: -10px; line-height: 64px; position: relative;}
    .check-in-row-border:before{content: ''; bottom: -11px; position: absolute; left: 0px;width: 100%; height: 45px; background: #ededed; z-index: 0; border-bottom-left-radius: 32px;}
    .about-us-text .company-info-list ul li, .about-us-text .company-info-list ul li:nth-of-type(2), .about-us-text .company-info-list ul li:nth-of-type(3), .about-us-text .company-info-list ul li:nth-of-type(4), .about-us-text .company-info-list ul li:nth-of-type(5){width: 50%;}
    .row-border .tipster-image{margin-left: 0px; margin-top: 2px; margin-bottom: 10px; float: none; display: inline-block; vertical-align: middle;}
    .one-more-message{top: 8px;}
    .fancybox-slide > div{max-width: 90%;}
}

@media only screen and (max-width: 640px) {
    .submenu-links ul li{margin-right: 0px; margin-bottom: 5px;}
    .legitimacy-wrap.in-head{font-size: 13px; margin-left: 0px;}
    .legitimacy-wrap.in-head .l-ic{width: 25px; height: 24px; line-height: 24px;}
    .legitimacy-wrap.in-head .l-ic img{max-width: 17px;}
    .vote.rating{top: 13px; font-size: 13px;}
    .profile-complete.com-view{left: 42px; top: 30px; font-size: 13px;}
    .profile-complete-wrap{padding: 10px 10px 25px 15px;}
    .actual-info{font-size: 13px;}
    .actual-info i{width: 24px; font-size: 17px; text-align: center}
    h1{font-size: 30px;}
    h3{font-size: 23px;}
    .registration-form{padding: 25px 20px;}
    .white-bgr{padding: 25px 0px;}
    .title{margin-bottom: 20px;}
    .suggested{position: relative; padding-left: 30px;}
    .suggested i{position: absolute; top: 13px; left: 0px; margin-bottom: 0px;}
    .suggested .small-btn{margin-top: 15px; margin-left: 0px;}
    .page-visibility{float: none; padding-top: 15px;}
    .delete-profile-btn{float: none !important; margin-top: 20px !important;}
    .upload-image-wrap li, .simple-gallery li{width: 50%;}
    .col-2 .float-flex{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .column-left{width: auto; -webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; padding: 0 15px 15px;}
    .column-right{width: auto; -webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .column-left::before{right: auto; left: 50%; top: auto; bottom: -12px; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 22px solid #ededed; border-bottom: none; margin-left: -17px;}
    .column-left .btn.small-btn{margin-top: 5px;}
    .btn.small-btn{padding: 11px 20px;}
    .company-small-menu li a{font-size: 14px;}
    .company-small-menu li{margin-right: 20px;}
    .filter-information .styled-select, .filter-information .input{max-width: 200px;}
    .vote.number-of-reviews a{font-size: 22px; top: 2px;}
    .date .like, .date .dislike{font-size: 22px; top: 2px;}
    .comment-box{float: none; width: auto; padding-right: 0px;}
    .comment-text{float: none; width: auto; margin-bottom: 10px;}
    .sub-comment-box .per-firm{float: none;}
    .show-add-comments{font-size: 13px;}
    .vote.number-of-reviews > div{float: none; width: auto; padding-right: 0px;}
    .vote.number-of-reviews{margin-bottom: 25px;}
    .msg-title-right{float: none; font-size: 13px;}
    .date{font-size: 13px;}
    .msg-textarea{height: 150px;}
    .msg-window{height: calc(100% - 211px);}
    .column-list-participants .participant-one{margin: 5px 10px;}
    .user-login-menu{width: 240px;}
    .login-menu li a{padding-left: 13px; font-size: 13px;}
    .user-login-menu-title{font-size: 13px; padding-left: 13px;}
    .list-btm{padding: 10px 13px;}
    .login-menu li a i{margin-right: 4px;}
    .user-name-img{margin-right: 10px;}
    .three-items .of-acc-one{display: block; width: auto; margin-right: 0px; padding: 0px;}
    .of-acc-one figure{margin-bottom: 20px;}
    .of-acc-one{display: block; width: auto; margin-right: 0px; padding: 20px 0px;}
    .msg-one.msg-answer{margin-left: 30px;}
    .small-text{padding-left: 28px;}
    .one-b-page-footer .text{float: none; max-width: none; font-size: 13px; line-height: normal;}
    .one-b-page-footer .btn, .one-b-page-footer-2 .btn, .one-b-page-footer-3 .btn{float: none; margin-top: 15px;}
    .one-b-page-footer-2 .text{font-size: 13px; line-height: normal;}
    .one-b-page-footer-2 .text, .one-b-page-footer-3 .text{float: none; max-width: none;}
    .left-text{float: none; max-width: none; margin-top: 20px;}
    .suggested .particular-text{padding-left: 0px !important;}
    .upload-image-wrap.att li{width: 33.333%;}
    .text-01{margin-top: 0px;}
    .group-7 .pr-item{width: 25%;}
    .order-details-box{display: block; width: auto; margin-right: 0px; padding: 0px; margin-bottom: 30px;}
    .order-details{margin: 0px;}
	.icons-center a{margin: 0 10px;}
	.notification-icons > div{margin-left: 5px;}
	.search-form{margin-left: 7px;}
	.fixed-button {font-size: 10px;letter-spacing: 0.5px;}
}

@media only screen and (max-width: 550px) {
    .legitimacy-wrap.in-head{float: none; width: auto; font-size: 13px; margin-left: -2px;}
    .profile-complete.com-view, .vote.rating{position: relative; top: auto; left: auto; width: auto; float: none; right: auto; margin: 0px; font-size: 13px;}
    .vote.rating a{margin-right: 4px; line-height: 24px; margin-left: 5px;}
    .profile-complete.com-view .green-text, .profile-complete.com-view .orange-text{font-size: 15px;}
    h3{font-size: 21px;}
    .pr-item, .column-right .pr-item, .c-details-info .pr-group .pr-item{width: 25%;}
    .footer-flex-item{-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    .col-3 .float-flex, .col-3-spec .float-flex, .col-3-spec .float-flex:nth-child(3n){-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .col-4 .float-flex{-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    .avatar{margin-bottom: 10px;}
    .btn.big-btn{display: block;}
    .company-info-list ul li{padding: 10px;}
    .company-info-list ul{margin: 0 -10px;}
    .title-with-btn{margin-bottom: 13px;}
    .title-with-btn h6{float: none; margin-top: 0px; margin-bottom: 15px;}
    .title-with-btn .btn{float: none;}
    .notification-icons{margin-left: 20px; padding-left: 5px;}
    .user-name-img{margin-right: 9px;}
    header .responsive-menu span{padding: 22px 12px 0px;}
    .user-menu-wrap{right: 45px;}
    .another-float-styles{width: calc(100% - 85px);}
    h1{font-size: 28px;}
    h2{font-size: 26px;}
    .col-3-other .float-flex, .col-3-other .float-flex:nth-child(3){-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .white-bgr{padding: 15px 0px;}
    .subtitle{font-size: 13px;}
    .pagination ul{text-align: center; margin-bottom: 10px;}
    .company-small-menu li a{font-size: 13px;}
    .company-small-menu li{margin-right: 15px;}
    .c-details-info .work-time ul{-webkit-columns: 2;-moz-columns: 2;columns: 2;}
    .add-com-left-part{float: none; width: auto; padding-right: 0px; border-right: none; border-bottom: 2px solid #ededed; padding-bottom: 10px; margin-bottom: 10px;}
    .add-com-right-part{float: none; width: auto; padding-left: 0px;}
    .add-com{font-size: 0px; height: 20px;}
    .acc-content-inner{padding: 0 0 25px 0px;}
    .accordion{margin: 25px 0px;}
    .category-options a{font-size: 13px;}
    .sidebar-menu .cd-accordion-menu a:before{font-size: 20px;}
    .sidebar-menu .cd-accordion-menu a{padding: 7px 0px 7px 32px;}
    .sidebar-menu .cd-accordion-menu ul a{padding-left: 52px;}
    .welcome::after{left: 20px; top: 20px;}
    .welcome .text{left: 35px;}
    .accents{padding-top: 55px;}
    .one-more-message{top: 9px;}
    .one-more-message > div{font-size: 11px;}
    .text-in-border{font-size: 13px; padding-left: 15px;}
    .group-7 .pr-item{width: 33.333%;}
    .list-information li{float: none; width: auto;}
    .goods-item-information .small-btn{float: none;}
	header [data-tooltip]:after{display: none;}
	.icons-center a{min-width: inherit; margin: 0px 12px 0px 0px;}
	.icons-center{top: 11px;}
}

@media only screen and (max-width: 500px) {
	header .responsive-menu{display: block !important;}
    .company-info-list ul li{width: 50%;}
    .pr-item, .column-right .pr-item, .c-details-info .pr-group .pr-item{width: 33.333%;}
    .btn{display: block; min-width: inherit !important; float: none !important;}
    .legitimacy-wrap .btn.small-btn{margin: 0px;}
    .f-wrap, .text-module{padding: 0 15px 15px;}
    .l-ic{width: 25px;}
    .legitimacy-wrap .broi.orange{left: 14px;}
    .title-with-btn{padding: 0 15px;}
    table td:first-child, table th:first-child{padding-left: 15px;}
    table td:last-child, table th:last-child{padding-right: 15px;}
    .suggested .small-btn{margin-left: -30px;}
    .notification-icons{margin-left: 15px;}
    .avatar{width: 100px; height: 100px; margin-top: -55px;}
    .white-bgr.with-photo-image .avatar{margin: 0px 0px 0px -50px; float: none; position: absolute; top: -40px; left: 50%;}
    .white-bgr.with-photo-image, .white-bgr.with-avatar-image{margin-top: 40px;}
    .profile-complete-wrap{float: none; width: auto; padding: 10px 10px 15px; min-height: inherit;}
    .image-gallery{float: none; width: auto;}
    .complete-percents{font-size: 19px; top: -10px;}
    .switch-wrap{padding: 10px 15px;}
    .float-address-list li:nth-of-type(1), .float-address-list li:nth-of-type(2), .float-address-list li:nth-of-type(3), .float-address-list li:nth-of-type(4){-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
    .float-address-list li{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; margin-bottom: 5px;}
    .one-person-contact{display: block; width: auto; margin-right: 0px;}
    .work-time ul li{margin-bottom: 0px;}
    .float-address-list{padding-bottom: 10px;}
    .direct-agent .float-flex{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .lupa-btn .btn{margin-top: 0px !important;}
    .pr-item.pr-item-search figcaption .btn.small-btn{display: inline-block;}
    .sort-wrap{padding: 0 15px;}
    .company-small-menu li{display: block; width: auto; margin-right: 0px;}
    .company-small-menu li a{padding: 7px 0px; border-bottom: 1px solid #ededed; font-size: 14px;}
    .company-small-menu{padding: 0 15px;}
    .company-small-menu li a:before{top: auto; bottom: 0px;}
    .filter-information .styled-select, .filter-information .input{max-width: 175px;}
    .company-small-menu{padding: 0 15px;}
    .comp-det-left .about-us-text, .more-about-us{padding: 0 15px;}
    .comp-det-left .create-page{margin: 15px;}
    .c-details-info{padding: 0 15px;}
    .about-us-text .profile-complete{right: 15px;}
    .comment-text, .tipster-info .text{font-size: 13px; line-height: normal;}
    .show-add-comments{margin-left: -56px;}
    .show-add-comments-wrap{width: calc(100% - 80px);}
    .org-left{padding-left: 15px;}
    .msg-one{padding-right: 15px;}
    .column-messages-btm .btn{margin-top: 9px;}
    .column-messages-btm{padding: 0px 10px 9px;}
    .msg-window{height: calc(100% - 203px);}
    .participant-one figure{width: 42px; height: 42px;}
    .column-list-participants .participant-one{margin: 5px 10px 5px 5px;}
    .column-list-participants{-webkit-flex: 0 0 72px;-ms-flex: 0 0 72px;flex: 0 0 72px; min-height: 410px; max-height: 620px;}
    .column-messages{-webkit-flex: 0 0 calc(100% - 72px);-ms-flex: 0 0 calc(100% - 72px);flex: 0 0 calc(100% - 72px); max-height: 620px;}
    .msg-text{padding: 10px 10px 10px 20px; font-size: 13px;}
    .profile-complete-wrap .btn.small-btn{float: right !important;}
    .important-message{margin: 0 15px 20px;}
    .important-message b{font-size: 18px;}
    .next-steps-wrap .btn.small-btn{width: auto;}
    .welcome .text{position: relative;bottom: auto;left: auto;margin-top: 10px;padding-left: 35px; line-height: normal;}
    .welcome{padding-bottom: 12px;}
    .one-b-page-footer-2 .text{float: none; max-width: none;}
    .one-b-page-footer-2 .btn{float: none; margin-top: 15px;}
    .one-more-message > div{text-align: right; padding-right: 10px; padding-left: 65px;}
    .btn-steps .btn{margin-bottom: 5px;}
    .btn-steps{padding: 17px 15px 14px;}
    .upload-image-wrap.att li figure{padding: 10px 5px; font-size: 12px;}
    .upload-image-wrap figure > span i{font-size: 40px;}
    .upload-image-wrap figure > span{margin-bottom: 5px;}
    .fileUpload{padding-left: 45px;}
	.fixed-button {top: 70px;font-size: 9px;}
	
	.icons-center{display: none;}
}

@media only screen and (max-width: 430px) {
    .pr-item > a{width: 70px; height: 70px;}
    .pr-item figcaption{font-size: 13px;}
    .user-menu-wrap{right: 41px;}
    .content{padding-top: 60px;}
    .submenu-links ul li a{font-size: 11px;}
    h3{font-size: 19px;}
    h1{font-size: 24px;}
    h2{font-size: 22px;}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    h6{font-size: 15px;}
    .title{margin-bottom: 15px;}
    .column-left .btn.small-btn{padding: 8px 20px;}
    .pr-item.pr-item-search figcaption h6{height: auto; margin-bottom: 5px;}
    .btn.small-btn{padding: 8px 20px;}
    .about-us-text .company-info-list ul li, .about-us-text .company-info-list ul li:nth-of-type(2), .about-us-text .company-info-list ul li:nth-of-type(3), .about-us-text .company-info-list ul li:nth-of-type(4), .about-us-text .company-info-list ul li:nth-of-type(5){width: 100%; padding: 5px 10px;}
    .notification-submenu{margin-left: -60px; width: 205px;}
    .notification-submenu > div::before{margin-left: -56px;}
    .user-login-menu{top: 47px;}
    .acc-btn{margin-bottom: 10px;}
    .important-message{font-size: 13px;}
    .sign-in{padding-top: 30px;}
    .accents .title h2 span{font-size: 16px; font-weight: normal;}
    .accents{padding-top: 40px;}
    .one-more-message{top: 6px;}
    .one-more-message > div{font-size: 10px; padding-left: 50px;}
    .text-in-border{padding: 10px; font-size: 12px;}
    .upload-image-wrap.att li{width: 50%;}
    .fileUpload{display: block; padding: 11px 20px;}
    .fileUpload.fileUploadDocs:before{display: none;}
    .group-7 .pr-item{width: 50%;}
	.fixed-button {top: 60px;}
	
    .logo a img{width: 26px;}
    .header-inner .logo{line-height: 50px;}
    .header-inner{height: 54px;}
    header .responsive-menu span{height: 54px; padding: 17px 10px 0px;}
    .user-name-img figure{width: 40px; height: 40px;}
    .user-name-img{margin-right: 7px; margin-top: 7px;}
    .search-wrap{right: -100px; top: 42px;}
    .search-input{height: 36px;}
    .search-submit{line-height: 36px;}
	.notification-icons{margin-top: 9px;}
	.search-form{margin-top: 9px;}
}

@media only screen and (max-width: 360px) {
    .company-info-list ul li{width: 100%; padding: 5px 10px;}
    .footer-flex-item{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .upload-image-wrap li, .simple-gallery li{width: 100%;}
    header .responsive-menu span{padding: 17px 8px 0px;}
    .float-address-list li:nth-of-type(1), .float-address-list li:nth-of-type(2), .float-address-list li:nth-of-type(3), .float-address-list li:nth-of-type(4){-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .work-time ul, .c-details-info .work-time ul{-webkit-columns: 1;-moz-columns: 1;columns: 1;-webkit-column-gap: 0px;-moz-column-gap: 0px;column-gap: 0px;}
    .float-address-list li{margin-bottom: 0px;}
    .one-person-contact{padding: 5px 10px;}
    .icons-center a span{font-size: 15px;}
    .left-icon-wrap figure{float: none; margin-right: 0px; text-align: center; margin-bottom: 10px;}
    .of-acc-one h6{font-size: 15px;}
    .msg-one.msg-answer{margin-left: 16px;}
    .important-message b{font-size: 15px;}
    .welcome .text{font-size: 12px; font-weight: normal;}
    .white-bgr-text-wrap h3{font-size: 18px;}
    .white-bgr-text-wrap{padding: 20px;}
    .b-page-name .prod-info{white-space: normal;}
    .one-more-message > div{line-height: 11px;}
	.fixed-button {letter-spacing: normal;padding: 5px 8px;}
}

@media only screen and (max-width: 320px) {
    .user-name-img{margin-right: 5px;}
    .notification-icons > div{margin-left: 2px;}
    .search-form{margin-left: 5px;}
}