@charset "utf-8";
/* CSS Document */

body { font-family: 'Open Sans', sans-serif; background-color: #ffffff; font-size: 16px; cursor: default;}
.prodBody { user-select: none;}
a { color: #337ab7; transition: color 0.2s ease-in;}
a:focus { outline: none;}
a:hover { color: #41a6df; text-decoration: none;}
strong { font-weight: 600;}
.table tr th,
.table tr td { vertical-align: middle;}


/* Header */

.searchForm .searchPre { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; padding: 8px 4px 8px 12px; color: #dedede;}
.searchForm input.search { border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; width: 100%; box-shadow: none;}
.searchForm .locationPre { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; padding: 8px 4px 8px 12px; color: #dedede;}
.searchForm .locationPre.locationGeo { color: #8bdfeb; cursor: pointer;}
.searchForm input.location { border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; width: 150px; box-shadow: none;}
.searchForm button.submit { border-color: #183153 !important; background-color: #183153 !important; color: #ffffff; width: 100%;}
.searchForm .invalid-feedback { display: none !important;}
.navbar-theme.home { position: relative; z-index: 5;}
.bg-navbar { background-color: #183153; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.50);}
.bg-navbar.home { background-color: transparent; box-shadow: none;}
.homeHeader { background: #000000;}
.homeHeader:before { background-size: auto; content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 60px; opacity: 0.60;}
.homeHeader.homeHeaderAvo { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat top center scroll;}
.homeHeader.homeHeaderAvOn { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat top center scroll;}
.navbar-nav .nav-item.dropdown .dropdown-menu { z-index: 6;}
.navbar-menu .navbar-nav .nav-item .nav-link-avatar { padding: 2px 1rem !important;}
.navbar-menu .navbar-nav .nav-item .nav-link .badge { position: relative; top: -8px; padding-top: 2px;}
.navbar-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:active { background-color: #dedede; color: #339af0;}


/* Footer */

.footer { background-color: #45505b; color: #96a0a9;}
.footer.footerCopy { background-color: #3a444e;}
.footer a { color: #acb5bd;}
.footer.footerCopy a { color: #96a0a9;}
.footer a:active,
.footer a:hover { color: #ffffff;}


/* Home */

.homeBox { background-size: auto; position: relative; margin-top: -62px;}
.homeBox.homeBoxAvo { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat center scroll;}
.homeBox.homeBoxAvOn { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat center scroll;}
.homeBoxOver { background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2;}
.homeBoxIntro { position: relative; top: 0; z-index: 3;}
.homeBoxSearch { display: inline-block; background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; padding: 0.75rem;}
.boxSearch .bootstrap-select { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.homeBoxSearch .bootstrap-select { padding: 5px 0;}
.boxSearch .bootstrap-select .dropdown-toggle { border-color: transparent !important; background-color: #ffffff !important; outline: none !important; box-shadow: none !important; color: #3f4c5c;}
.boxSearch .bootstrap-select .dropdown-toggle::after { display: none !important;}
.homeBoxSearch button.submit { border-color: #42a7df !important; background-color: #42a7df !important;}
.homeBoxSearch .invalid-feedback { display: none !important;}
.homeBoxSKey { color: #999999;}
.homeBoxSKey a { color: #aaaaaa;}
.homeBoxSKey a:hover { color: #dedede;}

.homeBoxCats { position: relative; z-index: 2;}
.homeBoxCats a { color: #ffffff; transition: background-color 0.1s ease-in;}
.homeBoxCats a:hover { background-color: #444d57;}

.boxPicOneWrap { background: url(/assets/images/avocat-online-telefon.jpg) no-repeat center scroll; background-size: auto;}

.homeCityBox { position: relative;}
.hcbBox { position: absolute; top: 0; bottom: 0; width: 100%; box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.10);}
.hcbTxtBox { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 0%, #000000 100%);}

.homeRevs .fa-quote-left { transition: transform 1s;}
.homeRevs:hover .fa-quote-left { transform: rotate(180deg);}
.homeRevs span.arrow { display: block; width: 0; height: 0; border: 15px solid transparent; border-top-color: #ffffff;}
.slick-dots li button::before { font-size: 16px;}
.slick-arrow::before { font-size: 30px;}
.slick-slide > div { margin: 0 auto;}

.modal-search { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat center scroll; background-size: auto; border-radius: 5px;}
.modal-search .modal-content { background-color: rgba(0, 0, 0, 0.6); border: none; border-radius: 5px;}
.modal-search .modal-content .modal-header { border: none; border-radius: 0;}
.modal-search .modal-content .modal-header .close { text-shadow: none;}

.accordionWithArrow .collapse .text p:last-child { margin-bottom: 0;}

.pagination { max-width: 100%; overflow-y: auto; padding: 8px;}
.pagination .page-item .page-link { margin: 0 3px; border-radius: 8px; color: #337ab7; border-color: #bdc6cf;}
.pagination .page-item.active .page-link { background-color: #384c69; color: #ffffff; border-color: #384c69;}

.alert p { font-size: 14px;}
.alert p:last-child { margin-bottom: 0 !important;}

.rating span { margin: 0 1px;}
.ratingBlock { display: inline-block; position: relative;}
.ratingPH { white-space: nowrap;}
.ratingRR { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden;}

.profilesFilters .custom-control-label { cursor: pointer;}
.profilesListItem { transition: border-color 0.2s ease-in; border: 1px solid #dedede;}
.profilesListItem:hover { border-color: #c2c7ca !important; box-shadow: 0px 0px 8px 0px rgba(30, 22, 102, 0.10);}
.profilesListItem .liStecs > span { display: inline-block; padding: 1px 6px 3px 6px; margin-bottom: 4px;}

.articleImage { width: 100%; max-height: 500px; object-fit: cover; object-position: center;}
.articlesList .articleImage { max-height: 300px;}

.articleContent h2,
.articleContent h3,
.articleContent h4,
.articleContent h5,
.articleContent h6 { font-family: 'Quicksand', sans-serif; color: #183153; font-weight: 600;}
.articleContent h2 { font-size: 22px;}
.articleContent h3 { font-size: 20px;}
.articleContent h4 { font-size: 18px;}
.articleContent h5,
.articleContent h6 { font-size: 16px;}

.topArticles a .image img { width: 100%; height: 120px; object-fit: cover; object-position: center;}
.topArticles a .image > div { height: 120px;}

.dayScheduleCollapseBtn { position: absolute; left: calc(50% - 60px); bottom: -13px; padding: 2px 8px;}

.profileMap { height: 120px;}
.profileMapBox.open { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; padding: 0 8px; z-index: 1001;}
.profileMapBox.open .close { position: relative; top: -2px;}
.profileMapBox.open .profileMap { height: calc(100% - 94px);}
.pmbCoverBtn { top: 0; bottom: 0; width: 100%; z-index: 1001;}

.ppMobBar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.50);}
.ppMobBar .middle { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}

.bootstrap-select .dropdown-toggle { background-color: #ffffff;}
.bootstrap-select .dropdown-menu.inner li a span.text small.text-muted { display: block; margin: 0; padding: 0; font-size: 11px; margin-bottom: 2px;}

.ocBasic .owl-dots { text-align: center; padding-top: 24px;}
.ocBasic .owl-dots .owl-dot { width: 24px; height: 8px; background-color: #aaaaaa; margin: 0 4px; border-radius: 3px;}
.ocBasic .owl-dots .owl-dot.active { background-color: #6a7c92;}

.regFormLeft { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat left scroll; background-size: auto;}
.regFormLeftBox { background-color: rgba(12, 27, 49, 0.5);}

.profilesFiltersMobile { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; background-color: #ffffff; max-width: 100vw;}
.profilesFiltersMobile form { max-width: 100vw;}

.userMenuBox { z-index: 100;}
.userMenuUpload { position: absolute; top: 10%; opacity: 0.50; transition: opacity 0.3s;}
.userMenuUpload:hover { opacity: 1;}

.avatarPrepBox { top: 0; bottom: 0; width: 100%;}
.boxPASDayTime { min-height: 51px !important;}
.ppCalDaysWeekHours { display: none;}
.ppCalendarTB { position: relative; margin-bottom: -5px;}
.ppCalendarTBArrow span { display: block; width: 0; height: 0; border: 10px solid transparent; border-top-color: #42a7df;}
.ppCalendarTB:hover button { background-color: #42a7df !important; cursor: default !important;}
.ppCalendarPrices .item .price { background-color: #ffffff; border-radius: 3px;}
.ppCalendarPrices .item.active { background-color: #ffffff; border-radius: 4px;}
.ppCalendarPrices .item.active .price { background-color: #ffffff;}

.reqHeadBox { background: no-repeat center scroll; background-size: cover;}
.reqHeadBox h1 { text-shadow: 2px 2px 4px #00000088;}
.reqHeadBox .subheader { text-shadow: 2px 2px 5px #00000088;}
.reqDomainsBox { background: linear-gradient(180deg, #183153 70%, #ffffff 30%);}

.reqDomainsCarousel .slick-track { display: flex !important;}
.reqDomainsCarousel .slick-track .slick-slide { display: flex !important; height: auto !important;}
.reqDomainsCarousel .slick-track .slick-slide > div { display: flex !important; height: auto !important;}
.reqDomainsCarousel .slick-track .slick-slide > div > div { display: flex !important; height: auto !important;}
.reqDomainsCarousel .slick-track .slick-slide .bg-white { display: flex !important; height: auto !important;}

.listTextShowMore { max-height: 100px; overflow: hidden;}

.umPremiumSubmenu a:last-child { border-bottom: none;}

.borderPBMob { border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;}


/* Profile */

.topAvatar { background: url(/assets/images/avocat-online-consultanta.jpg) no-repeat center scroll; background-size: auto;}
.avatarBox { width: 220px; position: relative; top: -150px; margin-bottom: -220px;}
.imgAvatar { display: flex !important; align-items: stretch !important; flex: 1 !important;}
.imgAvatar img { width: 100%; object-fit: cover; object-position: center;}

.pliIcons { position: relative; top: -20px; margin-bottom: -8px;}
.pliPromo { position: relative; top: -8px; line-height: normal;}
.pliPromoAd { position: absolute; top: 0; right: 0;}

.boxVMore { position: relative;}
.boxVMoreTxtBox { max-height: 120px; overflow: hidden; transition: max-height 0.5s; line-height: 1.1em;}
.boxVMoreBtn { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0; background-image: linear-gradient(to bottom, transparent, #ffffff);}
.boxVMoreBtn a { display: block; text-align: center; padding: 20px 0 0 0; color: #384c69; font-size: 16px;}


/* AC */

.autocomplete-suggestions { border: 1px solid #ced4da; background: #ffffff; overflow: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; font-family: 'Quicksand', sans-serif;}
.autocomplete-suggestion { padding: 0.2rem 0.75rem; color: #424e5e; white-space: nowrap; overflow: hidden;}
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: 500; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #ced4da; }

.titleBarCenter,
.titleBarLeft { position: relative;}
.titleBarCenter::after,
.titleBarLeft::after { content: ' '; position: absolute; border: 2px solid #339af0; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}
.titleBarCenter::after { top: calc(100% + 10px); left: 50%; width: 60px; transform: translateX(-50%);}
.titleBarLeft::after { top: calc(100% + 10px); left: 0; width: 60px;}

.profileNavPills .nav .nav-link.active { background-color: #ffffff;}


/* Cookies Popup */

.popupCookies { position: fixed; bottom: 0; width: 100%; background-color: #000000ce; z-index: 9999;}
.popupCookies p { max-height: 65px; overflow-y: auto;}


/* Common */

.ffQuicksand { font-family: 'Quicksand', sans-serif;}

.opac00 { opacity: 0.00;}
.opac15 { opacity: 0.15;}
.opac25 { opacity: 0.25;}
.opac50 { opacity: 0.50;}
.opac75 { opacity: 0.75;}
.opac80 { opacity: 0.80;}
.opac90 { opacity: 0.90;}

.fs9 { font-size: 9px;}
.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs17 { font-size: 17px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs22 { font-size: 22px;}
.fs24 { font-size: 24px;}
.fs26 { font-size: 26px;}
.fs28 { font-size: 28px;}
.fs30 { font-size: 30px;}
.fs32 { font-size: 32px;}
.fs34 { font-size: 34px;}
.fs36 { font-size: 36px;}
.fs38 { font-size: 38px;}
.fs40 { font-size: 40px;}
.fs50 { font-size: 50px;}
.fs60 { font-size: 60px;}
.fs70 { font-size: 70px;}
.fs80 { font-size: 80px;}
.fs90 { font-size: 90px;}
.fs100 { font-size: 100px;}

.lh14 { line-height: 14px;}
.lh16 { line-height: 16px;}
.lh18 { line-height: 18px;}
.lh20 { line-height: 20px;}
.lh24 { line-height: 24px;}
.lh25 { line-height: 25px;}
.lh28 { line-height: 28px;}
.lh30 { line-height: 30px;}
.lh32 { line-height: 32px;}
.lh35 { line-height: 35px;}
.lh40 { line-height: 40px;}
.lh45 { line-height: 45px;}
.lh50 { line-height: 50px;}

.txtOverflow { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txtNoWrap { white-space: nowrap;}
.txtStrike { text-decoration: line-through;}
.txtItalic { font-style: italic;}
.txtUpper { text-transform: uppercase;}
.txtUnderline { text-decoration: underline;}
.txt900 { font-weight: 900;}
.txt800 { font-weight: 800;}
.txt700 { font-weight: 700;}
.txt600 { font-weight: 600;}
.txt500 { font-weight: 500;}
.txt400 { font-weight: 400;}
.txt300 { font-weight: 300;}
.txt200 { font-weight: 200;}
.txt100 { font-weight: 100;}

.color-hh { color: #333333;}
.color-ff { color: #c7b161;}
.color-title { color: #339af0;}
.color-title2 { color: #183153;}
.color-text { color: #6a7c92;}
.color-texti { color: #8090a3;}
.color-grayi { color: #d4d4d4;}
.color-grayii { color: #e9e9e9;}
.color-gray { color: #aaaaaa;}
.color-gray2 { color: #999999;}
.color-gray3 { color: #797979;}
.color-gray4 { color: #595959;}
.color-gray5 { color: #393939;}
.color-red { color: #fa1748;}
.color-yellow { color: #ffd43b;}
.color-yellow3 { color: #aa830d;}
.color-white { color: #ffffff;}
.color-black { color: #000000;}
.color-stepicon { color: #fc6a3f;}
.color-button { color: #42a7df;}
.color-special { color: #b6f1c3;}
.color-iconspec { color: #77b3d3;}

.bg-site { background-color: #fcf3ff;}
.bg-white { background-color: #ffffff;}
.bg-black { background-color: #000000;}
.bg-gray { background-color: #eff3f6;}
.bg-grayi { background-color: #f6f7f8;}
.bg-gray2 { background-color: #f6faff;}
.bg-gray22 { background-color:#e4eefa;}
.bg-gray3 { background-color: #dde3e7;}
.bg-gray4 { background-color: #f7fafd;}
.bg-gray5 { background-color: #444d57;}
.bg-gray6 { background-color: #a0a9b4;}
.bg-gray7 { background-color: #353c40;}
.bg-button { background-color: #42a7df;}
.bg-premium-box { background-color: #8ecaec;}
.bg-1b1b1b { background-color: #1b1b1b;}
.bg-222222 { background-color: #222222;}
.bg-yellow { background-color: #fdfcf5;}
.bg-yellow2 { background-color: #fadf7e;}
.bg-mobbar { background-color: #363f48;}
.bg-nopremium { background-color: #f3bfa5;}
.bg-premium { background-color: #87dfcf;}
.bg-cdopen { background-color: #b4d8f5;}
.bg-cdclosed { background-color: #f5d2de;}
.bg-cdappt { background-color: #c3e6cb;}
.bg-border { background-color: #dee2e6;}
.bg-red { background-color: #f8e1e1;}
.bg-navbari { background-color:#334e74;}
.bg-navbar2 { background-color:#102542;}

.bg-white-20 { background-color: rgba(255, 255, 255, 0.2);}
.bg-black-50 { background-color: rgba(0, 0, 0, 0.5);}
.bg-black-25 { background-color: rgba(0, 0, 0, 0.25);}

.border-premium-box { border-color: #89c5e5 !important;}
.border-warningi { border-color: #ffd760;}

.jqValidation .error { font-size: 13px;}

.mcDefault { cursor: default;}
.mcPointer { cursor: pointer;}
.mcHelp { cursor: help;}
.mcZoom { cursor: zoom-in;}
.mcDanger { cursor: not-allowed !important;}

.posAbs { position: absolute;}
.posAbsCenter { top: 50%; left: 50%; transform: translate(-50%, -50%);}
.posRel { position: relative;}

.squareBox { display: block; width: 100%; padding-top: 100%; position: relative;}
.squareBox > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.mw60 { max-width: 60px;}
.mh110 { max-height: 110px;}

.rotate15 { transform: rotate(15deg); -webkit-transform: rotate(15deg);}

.shadowGray,
.shadowGrayHover { box-shadow: 0px 0px 8px 0px rgba(30, 22, 102, 0.10); transition: box-shadow 0.3s;}

.shadowGray2,
.shadowGrayHover:hover { box-shadow: 0px 0px 12px 0px rgba(30, 22, 102, 0.30); transition: box-shadow 0.3s;}

.inShadow { box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.10);}
.inShadow2 { box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.05);}

.boxOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.w-20 { width: 20% !important;}
.w-30 { width: 30% !important;}
.w-40 { width: 40% !important;}
.w-60 { width: 60% !important;}
.w-80 { width: 80% !important;}

.flexCenter { display: flex; align-items: center; justify-content: center;}
.flexMW { min-width: 0;}
.flexBasis0 { flex-basis: 0;}
.breakWord { word-wrap: break-word;}
.imgCover { object-fit: cover; object-position: center;}

.phoneSpan > span { display: inline-block; padding-right: 5px;}

.w20 { width: 20px;}
.w25 { width: 25px;}
.w30 { width: 30px;}
.w40 { width: 40px;}
.w60 { width: 60px;}
.w80 { width: 80px;}
.w100 { width: 100px;}
.w120 { width: 120px;}
.w160 { width: 160px;}

.validHide .invalid-feedback { display: none !important;}

.overflowHidden { overflow: hidden;}

/*.modal-dialog-fullscreen { max-width: 100%; margin: 0; top: 0; bottom: 0; left: 0; right: 0; height: 100vh; display: flex;}*/
.modal-dialog-fullscreen .modal-content { height: 100vh; margin: 0; padding: 0;}
.modal-header .close { font-size: 2rem;}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

    .topArticles a .title { height: 66px; overflow: hidden;}

    .profilesListItem { border-radius: 0.25rem;}
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    /* Header */

    .searchForm input.search { border-radius: 0; width: 400px;}
    .searchForm .locationPre { border-radius: 0; border-left: 1px solid #ced4da;}
    .searchForm input.location { border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; width: 150px; box-shadow: none;}
    
    .homeBoxCatsBox { padding-bottom: 50px;}
    .homeBoxCats { position: absolute; bottom: -50px; width: 100%; z-index: 2;}

    .stickyUserMenu { position: fixed; top: 8px;}

    .regFormLeft { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
    .regFormLeftBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(12, 27, 49, 0.5); border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}

    .pliIcons { position: static; top: 0; margin-bottom: 0;}
    .pliPromo { position: static; top: 0; line-height: 20px;}
    .pliPromoAd { position: static; top: auto; right: auto;}

    .borderPBMob { border: none; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6;}


    /* Common */

    .fs10-md { font-size: 10px;}
    .fs11-md { font-size: 11px;}
    .fs12-md { font-size: 12px;}
    .fs13-md { font-size: 13px;}
    .fs14-md { font-size: 14px;}
    .fs15-md { font-size: 15px;}
    .fs16-md { font-size: 16px;}
    .fs17-md { font-size: 17px;}
    .fs18-md { font-size: 18px;}
    .fs20-md { font-size: 20px;}
    .fs22-md { font-size: 22px;}
    .fs24-md { font-size: 24px;}
    .fs26-md { font-size: 26px;}
    .fs28-md { font-size: 28px;}
    .fs30-md { font-size: 30px;}
    .fs32-md { font-size: 32px;}
    .fs34-md { font-size: 34px;}
    .fs36-md { font-size: 36px;}
    .fs38-md { font-size: 38px;}
    .fs40-md { font-size: 40px;}
    .fs50-md { font-size: 50px;}
    .fs60-md { font-size: 60px;}
    .fs70-md { font-size: 70px;}
    .fs80-md { font-size: 80px;}
    .fs90-md { font-size: 90px;}
    .fs100-md { font-size: 100px;}

    .w-20-md { width: 20% !important;}
    .w-25-md { width: 25% !important;}
    .w-30-md { width: 30% !important;}
    .w-35-md { width: 35% !important;}
    .w-40-md { width: 40% !important;}
    .w-50-md { width: 50% !important;}
    .w-60-md { width: 60% !important;}
    .w-75-md { width: 75% !important;}

    .w25-md { width: 25px;}
    .w30-md { width: 30px;}
    .w37-md { width: 37px;}
    .w40-md { width: 40px;}
    .w60-md { width: 60px;}
    .w100-md { width: 100px;}
    .w120-md { width: 120px;}
    .w160-md { width: 160px;}
    .w200-md { width: 200px;}

    .rounded-md { border-radius: .25rem !important;}
    .rounded-md-right { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}

    .bg-gray2-md { background-color: #f6faff;}
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

}

/* Just Mobile devices (max 768px) */

@media (max-width: 767.999px) {

    /*.card-mob { border: none !important;}
    .card-mob .card-header { margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem;}
    .card-mob .card-body { padding: 0 !important;}*/

    .navbarToggler { position: relative; top: 0; right: 3px;}
    .navbarToggler .btn { margin: 0; padding: 0; border: none; line-height: normal;}
    .navbarToggler .btn:hover,
    .navbarToggler .btn:focus,
    .navbarToggler .btn:active { color: #6a7c92; outline: none; box-shadow: none; }
    .navbar-menu { position: fixed; background-color: #051120; left: 0; top: 0; bottom: 0; width: calc(100% - 60px); left: calc(-100% + 60px); transition: all 0.2s ease-in-out; z-index: 1010; overflow-y: auto;}
    .navbar-menu.show { transform: translateX(100%); box-shadow: 0 1px 5px #051120;}
    .navbar-menu-logo { background-color: #102542; max-height: 62px;}
    .navbar-menu .navbar-nav { width: 100%;}
    .navbar-menu .navbar-nav .nav-item { border-bottom: 1px solid #0a1d36;}
    .navbar-menu .navbar-nav .nav-item .nav-link { padding: 0.50rem 1rem;}
    .navbar-menu form { display: none;}

    .boxPicOneWrap .btn { width: 100%;}

    .ppCalDayBox { padding-left: 1px; padding-right: 1px;}

    .border-xs-0 { border: none !important;}
    .border-bottom-xs { border-bottom: 1px solid #00000020 !important;}
    .border-top-xs { border-top: 1px solid #00000020 !important;}
    .btn-xs-block { width: 100% !important;}
    .overflow-xs-hidden { overflow: hidden !important;}

    .btnAvOnDown { margin-bottom: -32px; top: -12px;}
}

/* Just XS devices (max 576px) */

@media (max-width: 575.999px) {

    .profilesListItem { border-top-width: 4px; border-left: none; border-right: none; border-color: #dadde2 !important; margin: 0 -15px;}
    .profilesList .profilesListItem:first-child { border-top-width: 4px;}
    .profilesList .profilesListItem:last-child { border-bottom-width: 4px;}
    .profilesListAds .profilesListItem:last-child { border-bottom-width: 0;}

    .reviewsList .reviewsListItem:last-child { border-bottom: 1px solid #00000020; padding-bottom: 1.5rem;}

    .mxConFull { margin-left: -15px; margin-right: -15px;}
}