@charset "utf-8";
@import url("awesome/light.min.css");
@import url("awesome/solid.min.css");
@import url("awesome/brands.min.css?2");
@import url("awesome/regular.min.css?2");
@import url("awesome/style_font_awesome5.min.css");
@import url(../_fonts/helveticaneuecyr/helvetica.css);
@import url(../_fonts/russoone/russoone.css);
html {
    font-family: HelveticaNeueCyr, Tahoma
}

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: HelveticaNeueCyr, Tahoma
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-family: 'Russo One';
}

h1 {
    font-size: 32px;
    margin-top: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

h2 {
    margin-bottom: 20px;
    font-size: 24px;
    margin-top: 35px;
    color: #231f20
}

h3 {
    font-size: 21px
}

h4 {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

h5 {font-size: 13px;}

a {
    color: #1b3865;
}

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

header {background: radial-gradient(ellipse, #eeeded, #eeeded 25%, #b9b9b9) #ccc; font-size: 13px; max-width: 1600px; margin:0 auto;}
header .order-sm-3 {font-weight: bold; font-style: italic; color:  #1b3865;}

/* Меню */
.navbar-nav {width: 100%;}
nav li {padding-bottom: 0 !important; }
.navbar {padding: 0; background: #164f9a;}
.navbar-nav > li > a { transition: all 0.3s; color: #fff; }
.navbar-nav > li.active > a {color: #666;}
.nav-link {font-size: 22px; font-family: 'Russo One';}
.nav-link:hover, .nav-link:focus {color: #f0f0f0; background: #184180;}
.nav-item.active > a:before  {opacity: 1; transition: all 0.3s; position: absolute; content: ''; height: 3px; background: #c61d23; top: 0; left: 15px; right: 15px;} {}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #00bff3;}

.dropdown:hover >.dropdown-menu { display: block; }
.dropdown-bg { opacity: 0; transition: opacity 0.3s; pointer-events: none; position: absolute; top: 0; z-index: 2; left: 0; right: 0; height: 100%; background: rgba(0,0,0,0.3);}
.dropdown-bg.shown { opacity: 1; }
.dropdown > .dropdown-toggle:active { pointer-events: none;}
.dropdown-item {font-size: 16px; color: #fff; break-inside: avoid; line-height: 20px;}
.dropdown-item:focus, .dropdown-item:hover {background: none; color: #4898D3; background: #f0f0f0;}

.dropdown:hover > .dropdown-menu { pointer-events: auto; border-radius: 0; border: none; opacity: 1; background: #184180;}
.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:hover > a { color: #f0f0f0; }

.dropdown-menu {pointer-events: none; display: block; border: none; transition: all 0.3s; min-width: 200px; padding: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); opacity:0;}
.dropdown-menu:after {display: none;}
.dropdown-menu li {margin-bottom: 0;}
.dropdown-menu li a:before {display:none;}
nav .dropdown-menu a.menu_sel {font-weight: bold !important}

nav {background: #4898D3;}
.nav-link {padding: 5px 1rem;}
.undermenu {border-bottom: solid 10px #fff;}
.nav-link {position: relative; white-space: nowrap;}
.dropdown-menu {margin-top: 0; padding: 15px 0;}

.form-control {
    color: #444;
    font-size: 13px
}

aside {
    padding-bottom: 30px
}

.top_phones p {
    margin: 0
}

.top-right {
    display: inline-block;
    float: right;
    padding: 3px 20px;
    margin: -3px 0;
    border-right: solid 1px #f0f0f0
}

.langs .dropdown-menu {min-width: 10px; padding: 7px 15px;}
.langs .dropdown-menu li {margin-bottom: 0;}

.langs a {
    color: #fff; font-size: 13px;
}

.langs a.lang.active {
    color: #f9ba48
}

.logo {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dropdown.langs {
    border-bottom: none;
    font-size: 11px;
    padding: 1px 0;
    background: #f0f0f0;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.panel-default {
    border-radius: 0;
    background: #f8f8f8;
    border: none;
    margin-top: 45px
}

.panel-info {
    box-shadow: none;
    border: 1px solid #e3e3e3
}

.panel-info .panel-body {
    padding: 20px
}

.badge {
    font-size: 11px;
    font-weight: 400;
    padding: 3px 6px
}

.search {
    padding-top: 35px
}

.search input {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.block-info {
    background: #fff;
    border: solid 1px #eee;
    margin-top: 30px;
    padding: 30px
}

.block-info span {
    width: 57px;
    height: 57px;
    display: block;
    border: double 4px #ebebeb;
    border-radius: 50%;
    border: solid 1px #ddd
}

.block-info .fa {
    font-size: 20px;
    width: 45px;
    margin-top: 5px;
    margin-left: 5px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background: #ebebeb
}

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

.block-info p {
    margin: 0;
    font-size: 12px
}

.header_blue {
    font-weight: 700;
    position: relative;
    background: #f8f8f8;
    color: #fff;
    margin-top: 30px
}

.header_blue:after {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 1px #eee;
    position: absolute
}

.header_blue h5 {
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    font-weight: 700;
    color: #fff;
    margin: 0;
    background: #373737;
    padding: 15px 0 15px 75px
}

.header_blue h5:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url(../images/bg/bg_header_blue.png) left no-repeat;
    width: 65px;
    height: 45px
}

.header_blue .fa {
    position: absolute;
    margin-left: -55px;
    font-size: 18px;
    color: #fff
}

.header {
    background: #164f9a;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    padding: 5px 0 5px 0;
}

.header h5 {
    font-weight: normal;
    font-size: 28px;
    
    color: #fff;
    margin: 0;
    text-align: center;
}   

.header .fa {
    position: absolute;
    z-index: 2;
    margin-left: -55px;
    font-size: 18px;
    color: #fff
}

.header-after {
    padding: 15px 15px 0;
    background: #f9f9f9;
    border: solid 1px #f0f0f0;
    border-top: none;
    min-height: 280px
}

.header.darken {
    background: #f0f0f0
}

.page-pic {
    margin-bottom: 30px
}

[class^=bg-] {
    padding: 15px;
    margin-top: 15px
}

[class^=bg-] i {
    color: #900
}

.tooltip>.tooltip-inner hr {
    margin: 5px 0;
    border-color: #fff
}

.tooltip>.tooltip-inner {
    background: #e8b11d;
    color: #fff;
    border: solid 1px #e8b11d;
    padding: 5px 10px;
    font-size: 12px
}

.tooltip.top>.tooltip-arrow {
    border-top: 5px solid #e8b11d
}

.tooltip.bottom>.tooltip-arrow {
    border-bottom: 5px solid #e8b11d
}

.tooltip.left>.tooltip-arrow {
    border-left: 5px solid #e8b11d
}

.tooltip.right>.tooltip-arrow {
    border-right: 5px solid #e8b11d
}

.fff {
    color: #fff
}

.green {
    color: #929b3c
}

.amenities {
    margin-top: 20px
}

.col2 {
    columns: 2;
    line-height: 1em
}

.sticky {
    position: fixed;
    right: 10px!important;
    top: 5px;
    z-index: 9999;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.extrabold {
    font-weight: 900
}

p,
ul {
    margin-bottom: 21px
}

li:not(.nav-item) {
    margin-bottom: 5px
}

footer {
    margin-top: 15px;
    color: #fff;
    position: relative;
    padding: 30px 0 10px;
    background: #2d2d2d;
    font-size: 13px
}

footer .h4,footer h4 {
    color: #fff;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
    font-family: 'Russo One';
    font-size: 1rem;
    text-transform: uppercase;
}

footer {
    color: #888
}

footer a {
    color: #bbb;
    text-decoration: underline
}

footer a:hover {
    color: #f9ba48
}

footer hr {
    border-color: #444;
    margin-bottom: 30px
}

footer .visible-xs .fa {
    margin-top: 0
}

footer ul {
    padding: 0;
    color: #f9ba48;
    list-style: none
}

footer ul li {
    margin: 5px 0
}

footer p,
footer ul {
    line-height: 1.5em
}

footer p.small {
    color: #757575;
    line-height: 1.8em
}

footer .fab {
    width: 40px;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    background: #363636
}

footer .fab:hover {
    background: #f9ba48;
    color: #fff
}

.breadcrumbs {
    color: #929497;
    font-size: 14px;
    background: #f0f0f0;
    padding: 10px 30px;
}

.breadcrumbs span:not([itemprop=name]) {
    margin: 0 5px;
    width: 6px;
    height: 9px
}

.breadcrumbs div {
    display: inline-block
}

h2.submenu {
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff
}

.sub-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.sub-menu>li {
    padding: 1px 0;
    margin: 0
}

.sub-menu a {
    color: #fff;
    width: 100%;
    display: block;
    text-decoration: none
}

.sub-menu .menu_sel a {
    color: #929b3c
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    margin: 12px 0
}

.semibold {
    font-weight: 600
}

img[align=left] {
    margin-right: 15px
}

img.img-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 5px
}

img.img-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px
}

article {
    margin-bottom: 30px
}

article h3 {
    text-transform: none;
    font-weight: 400;
    font-size: 21px;
    margin-top: 0
}

article h4 {
    line-height: 1.25em;
    font-size: 24px;
    text-transform: inherit;
}

article a {
    color: #20335f;
}

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

article img {
    margin-bottom: 15px
}

article img:not(:first-child) {
    margin-top: 25px
}

.article_date {
    background: #373737;
    color: #fff;
    font-weight: 700;
    padding-top: 9px;
    line-height: 1em;
    font-size: 16px;
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 50px
}

.article_date span {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px
}

.index-small h4 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 0
}

.article_date_detail {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: #787878;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin: 0 0 30px;
    background: 0 0
}

.article_photos {
    margin-top: 30px
}

.article_photos div[class^=col] {
    background: rgba(0, 0, 0, .1);
    transition: all .2s;
    padding: 0 5px
}

.article_photos div[class^=col]:hover {
    background: rgba(0, 0, 0, .3)
}

.article_photos img {
    margin: 5px 0;
    cursor: pointer
}

.article_photo_info {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    text-align: center;
    color: #fff
}

.article_photo_info a {
    color: #fff
}

.article_photo_info p {
    line-height: 1.1em;
    margin: 5px 5px 10px;
    font-size: 13px
}

.article_photo_info .share-item {
    display: none;
    margin: 10px 0;
    font-size: 12px;
    width: 20px;
    padding-top: 2px;
    height: 20px;
    border: solid 1px
}

.article_photos div[class^=col]:hover .share-item {
    display: inline-block
}

img.article_full {
    padding: 5px;
    border: solid 1px #f0f0f0;
    margin-bottom: 15px
}

.article_nextprev a {
    color: #000
}

.article_nextprev a:hover {
    text-decoration: none
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

article.index {
    border: solid 1px #eee;
    background: #ccc;
    height: 100%;
}

article.index .row {
    padding: 15px 30px
}

.social_buttons {
    text-align: right;
    margin-bottom: 30px;
    margin-top: 30px;
    clear: both
}

.text table p {
    margin: 2px 0
}

div.pages {
    clear: both;
    padding: 20px 0;
    margin-top: 30px;
    border-top: solid 2px #f0f0f0
}

div.pages a {
    margin: 0 2px;
    transition: all .3s;
    background: #ececec;
    color: #878787;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%
}

div.pages a:hover {
    background: #f9ba48;
    text-decoration: none;
    color: #fff
}

div.pages a.active {
    background: #f9ba48;
    color: #fff
}

/* Carousel */
.carousel { margin: 0 auto; box-shadow: none; max-width: 1600px; }
.carousel-inner, .carousel-inner .carousel-item { height: 100%; }
.carousel-indicators { bottom: 50px; text-align: center; left: 0; width: 100%; margin-left: 0; }
.carousel-indicators li { padding: 0; width: 12px; height: 12px; border: none; margin: 0 5px; background: #ccc; border-radius: 50%; border: solid 1px #666}
.carousel-indicators .active {margin: 0 5px; padding: 0; width: 12px; height: 12px; background: #666; }
.carousel-caption {color: #424242; text-shadow: none; left: 105px; width: 39%; top: 10%; text-align: left;}
.carousel-caption .btn {width: 40%; }
.carousel-caption h1 {color: #4898D3; margin-bottom: 0; margin-top: 0; font-size: 50px; text-align: left; font-weight: 900;}
.carousel-caption h2 {color: #4898D3; margin-bottom: 0; font-size: 50px; text-align: left; font-weight: 900;}
.carousel-caption p {font-size: 18px; margin-top: 15px; margin-bottom: 30px;}
.carousel-control-prev {background: #4898D3; opacity: 1; border-radius: 50%; left: 30px; top: 45%; width: 48px; height: 48px; color: #fff; font-size: 1.3em;}
.carousel-control-next {background: #4898D3; opacity: 1; border-radius: 50%; right: 30px; top: 45%; width: 48px; height: 48px; color: #fff; font-size: 1.3em;}
.carousel.carousel-fade .carousel-item { display: block; opacity: 0; transition: opacity ease-out .5s; }
.carousel.carousel-fade .carousel-item.active { opacity: 1 !important;}

* {
    outline: 0
}

button:focus,
input:focus {
    outline: 0!important
}

.hand {
    cursor: pointer
}

.nomargin {
    margin: 0
}

.img-responsive {
    display: inline-block
}

.menu-xs {display: none;}

.socproof {background: rgba(22,79,154,0.7); text-align:center; font-size: 13px; left: 15px; right: 15px; padding: 10px 0; position: absolute; bottom: 0; z-index:10000; color:#fff; line-height: 1.2;}
iframe {max-width: 100%;}

.short_about {padding:30px; columns: 2; font-size: 12px; background: #ccc;}
.short_about_1col {padding:30px; background: #ccc;}
.short_about_1col_smallpadding, .short_about_1col_smallpadding2 {padding:10px; background: #ccc;}
.pa {position: absolute; left: 15px; right: 10px; top: 0; bottom: 0; background: #ccc;}
.col-overflow {  scrollbar-width: thin; scrollbar-color: #ddd; overflow: auto;}

footer h5 {color:#fff;}
.btn:not([class*=-lg]) {
    border-radius: 3px;
    font-size: 13px;
    border: none;
    transition: all .2s
}

.btn-mobile-menu {display: none;}

.row.m25 {margin-left: -2.5px; margin-right: -2.5px;}
.row.m25 > div {padding-left: 2.5px; padding-right: 2.5px;}

@media (max-width:1200px) {
}
@media (max-width:992px) {
    h1 {font-size: 22px; margin-top: 30px; margin-bottom: 30px;}
    .nav-link {font-size: 16px;}
    .header h5 {font-size: 17px;}
    .breadcrumbs {font-size: 11px; padding: 8px 10px;}
    footer .h4, footer h4 {font-size: 12px;}
    .small_cart {font-size: 12px; padding: 7px 10px;}
}


@media (min-width:768px) {
    .modal-dialog { margin: 200px auto; }
    .col-overflow::-webkit-scrollbar { width: 6px; }
    .col-overflow::-webkit-scrollbar-track { background: #fff; }
    .col-overflow::-webkit-scrollbar-thumb {  background-color: #ddd; border-radius: 20px; border: solid 2px #fff;}

}
@media (max-width:768px) {
    
    .short_about, .short_about_1col {columns: 1; padding: 15px;}
    .short_about_1col_smallpadding {height: 100%; padding: 5px; white-space: nowrap;}
    .pa {right: 15px; }
    .col-overflow {overflow-x: auto; height: 100%;}
   
    .menu-xs {display: block; opacity: 0; pointer-events: none; color: #fff; position: fixed; transition: all 0.3s; z-index: 100; background: rgba(0,0,0,0.4); top: 0; bottom:0; right:0; left: 0;}
    .menu-xs .fa-times { font-size: 17px; color: #000; background: #fff; position: absolute; top: 0; right:0; width: 40px; height: 40px; line-height: 40px; text-align:center; position: fixed;}
    .menu-xs .menu-xs-bg { pointer-events: none; background: #fff; position: absolute; top: 0; bottom:0; left: 0; right: 40px; overflow: auto;}
    .menu-xs .left-menu-catalog.node2 { padding: 10px 10px 10px 35px; border-top: solid 1px #666;  font-weight: normal;}
    .menu-xs .left-menu-catalog { padding: 10px 15px; font-weight: bold; font-size: 13px;}
    .xs-menu-visible {overflow: hidden;}
    .xs-menu-visible .menu-xs {opacity: 1; pointer-events: auto;}
    .xs-menu-visible .menu-xs .menu-xs-bg  {pointer-events: auto;}
    .xs-menu-visible .menu-xs .menu-xs-bg a {color: #1c4280;}
    .xs-menu-visible .menu-xs a.menu { color: #fff;}
    
    .menu-xs ul {padding: 0; font-size: 14px; margin-bottom: 0;}
    .menu-xs ul ul {margin: 10px -15px -10px;}
    .menu-xs ul li {margin:0; padding: 10px 15px; border-top: solid 1px #ccc;}
    .menu-xs ul ul li {margin:0; padding: 7px 15px 7px 35px; border-top: solid 1px #ccc;}
    
}

@media (max-width:768px) {
    h1 {
        font-size: 18px;
        margin-top: 10px; margin-bottom: 10px;
    }
    h2 {
        font-size: 28px
    }
    aside {
        padding-bottom: 0
    }
    .bottom_info {
        margin-left: 0!important;
        margin-right: 0!important
    }
    iframe {
        width: 100%!important;
        height: auto
    }
    .logo {
        padding: 10px 0 5px;
        text-align: center
    }
    .search {
        padding-top: 0;
        padding-bottom: 15px;
    }
    .search input {
        height: 34px;
        padding: 5px 8px;
        font-size: 13px;
        line-height: 1.3333333;
        border-radius: 6px!important
    }
    .top-right {
        padding: 0 5px;
        border-right: none
    }
    .menu-select {
        font-size: 12px;
        overflow: hidden
    }
    article h3 {
        font-size: 16px;
        line-height: 1.25em
    }
    .text {
        margin-top: 20px
    }
    img {
        max-width: 100%;
        height: auto!important
    }
    .small_cart {
        padding: 3px 6px 3px 3px;
        width: auto;
        font-size: 11px;
    }
    .small_cart i {
        width: 45px;
        height: 35px;
        line-height: 35px;
        font-size: 20px
    }
    .small_cart .item-top-cart em {
        top: 8px;
        left: 40px
    }
    .slider {
        margin-left: -30px;
        margin-right: -30px
    }
    .carousel {
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
        box-shadow: none
    }
    .carousel-inner,
    .carousel-inner .item {
        height: auto;
        overflow: visible
    }
    .carousel-caption {
        position: absolute;
        bottom: -160px;
        text-align: right;
        padding: 1px 20px;
        left: auto;
        right: auto;
        margin-left: 0;
        width: auto;
        background: #eee
    }
    .carousel-caption p {
        margin-top: 15px
    }
    .carousel-control.right {
        margin-right: 10px
    }
    .carousel-control.left {
        margin-left: 10px
    }
    .carousel-control {
        bottom: 85%
    }
    .header-after {
        min-height: auto
    }
    .left-menu-catalog {
        padding: 5px 15px
    }
    .categories {
        margin-top: -15px;
        overflow: hidden;
        position: absolute;
        display: none;
        z-index: 20
    }
    .catalog-main-selected-category {
        height: 45px;
        line-height: 45px;
        margin-bottom: 15px;
        background: #3069af;
        border-radius: 3px;
        padding-left: 10px;
        margin-top: 15px;
    }
    .catalog-main-selected-category .fa {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
    .btn-compare {
        display: none
    }
    article h4 {font-size: 14px;}
    body {font-size: 12px;}
    .dropdown.langs .btn {font-size: 11px; padding: .3rem; line-height: 1;}
    .dropdown.langs {margin-top: 5px;}
    .small_cart {margin-top: 5px;}
    .xs-phone {text-align: center; font-family: 'Russo One'; margin-top: 5px; margin-bottom: 5px;}
    header {background: #d9d9d9;}
    .btn-mobile-menu {font-size: 11px!important; padding: 3px 6px 3px 6px; margin-top: 5px; margin-right: 10px;}
    .nav-link {font-size: 11px;}
}

@media (max-width: 576px) {
    footer, footer .h4, footer h4,  footer h5 {font-size: 10px; color: #fff;}
    footer h5 {margin-bottom: 0; text-transform: uppercase;}
    .table td, .table th {padding: 0.3rem;}
    article.index {height: auto; padding-bottom: 10px; margin-bottom:0;}
    h2 {font-size: 20px;}
    .socproof {left:0; right: 0; padding: 5px 0; position: relative; z-index:0;}
    .socproof .col {padding-left: 5px; padding-right: 5px; font-size: 10px;}
    .carousel, .carousel-inner, .carousel-inner .item {height: auto;}
    .carousel-control-prev {left: 15px; width: 30px; height: 30px; top: 40vw;}
    .carousel-control-next {right: 15px; width: 30px; height: 30px; top: 40vw;}
    .xs-phone {text-align: center; font-family: 'Russo One'; font-size: 3.5vw; }
    .btn-mobile-menu {display: inline-block;}
    .menu-xs-blue {background: #164f9a;}
    .xs-menu-visible .menu-xs .menu-xs-bg .menu-xs-blue a {color: #fff;}
    .row.m25 > div:not(:last-child) {margin-bottom: 5px;}
}

.tooltip-inner {
    max-width: 350px
}

.btn-primary {font-family: 'Russo One'; background: #164f9a;}
.btn-info {font-family: 'Russo One'; background: #fff;}

.npr {padding-right: 0!important;}
.npl {padding-left: 0!important;}

.input-group .btn {
    border: solid 1px #ccc
}

label {
    font-weight: 400
}

.nopadding {
    padding: 0
}

.fotorama {
    background: #f0f0f0
}

.fotorama__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: solid 1px #ccc;
    background: #fff
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 10px;
    height: 10px;
    background: #99ca3c;
    border: solid 1px #99ca3c
}

.fotorama__nav {
    z-index: 20
}

.fotorama__dot {
    border-color: #eee;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.fotorama__active .fotorama__dot {
    background-color: #eee;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .5)
}

.required {
    color: #9ccb3b
}

.share42init {
    position: absolute;
    transition: all .3s;
    opacity: 0;
    background: #fff;
    box-shadow: 1px 1px 2px #999;
    margin-left: 20px;
    white-space: nowrap;
    margin-top: -7px;
    padding: 10px 3px 3px 10px
}

.share42init:hover {
    opacity: 1
}

.modal-content {
    border-radius: 0
}

.panel-default .form-control {
    background: #fff
}

.show_more_text {
    height: 200px;
    overflow: hidden;
    position: relative
}

.show_more {
    display: none
}

.show_more_text .show_more {
    display: block;
    position: absolute;
    text-align: right;
    padding-top: 180px;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))
}

.show_more_text .show_more span {
    color: #3c74b9;
    cursor: pointer
}

.row-flex {display: flex;}
.hide {display: none;}