/*

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


*/

* {
  --white: #FFF;
  --gray: #f5f5f5;
}

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

fieldset[disabled] .form-control, fieldset[disabled] .form-control:focus, fieldset[disabled] .form-control.focus, .form-control-wrapper .form-control, .form-control-wrapper .form-control:focus, .form-control-wrapper .form-control.focus, .form-control, .form-control:focus, .form-control.focus { padding: 0; float: none; border: 0; box-shadow: none; border-radius: 0; background: transparent; border-bottom: 1px solid #DDDDDD; }

fieldset[disabled] .form-control:not(textarea):not(select), fieldset[disabled] .form-control:focus:not(textarea):not(select), fieldset[disabled] .form-control.focus:not(textarea):not(select), .form-control-wrapper .form-control:not(textarea):not(select), .form-control-wrapper .form-control:focus:not(textarea):not(select), .form-control-wrapper .form-control.focus:not(textarea):not(select), .form-control:not(textarea):not(select), .form-control:focus:not(textarea):not(select), .form-control.focus:not(textarea):not(select) { height: 28px; }

fieldset[disabled] .form-control:disabled, fieldset[disabled] .form-control:focus:disabled, fieldset[disabled] .form-control.focus:disabled, .form-control-wrapper .form-control:disabled, .form-control-wrapper .form-control:focus:disabled, .form-control-wrapper .form-control.focus:disabled, .form-control:disabled, .form-control:focus:disabled, .form-control.focus:disabled { border-style: dashed; }

select.form-control { height: 23px; }

select[multiple].form-control, select[multiple].form-control:focus, select[multiple].form-control.focus { height: 85px; }

.form-control-wrapper { position: relative; /* active state */ }

.form-control-wrapper .form-control:focus, .form-control-wrapper .form-control.focus { outline: none; }

.form-control-wrapper .floating-label { color: #7E7E7E; font-size: 14px; position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all; opacity: 0; }

.form-control-wrapper .form-control:not(.empty) ~ .floating-label { top: -10px; font-size: 10px; opacity: 1; }

.form-control-wrapper .form-control:focus:invalid ~ .floating-label, .form-control-wrapper .form-control.focus:invalid ~ .floating-label { color: #F44336; }

.form-control-wrapper .form-control:focus ~ .material-input:after, .form-control-wrapper .form-control.focus ~ .material-input:after { background-color: #FFC800; }

.form-control-wrapper .form-control:focus:invalid ~ .material-input:before, .form-control-wrapper .form-control:focus:invalid ~ .material-input:after, .form-control-wrapper .form-control.focus:invalid ~ .material-input:before, .form-control-wrapper .form-control.focus:invalid ~ .material-input:after { background-color: #F44336; }

.form-control-wrapper .form-control.empty ~ .floating-label { opacity: 1; }

.form-control-wrapper .material-input:before { position: absolute; content: ""; width: 100%; left: 0; height: 2px; background-color: #FFC800; bottom: -1px; -ms-transform: scaleX(0); transform: scaleX(0); transition: transform 0s; }

.form-control-wrapper .form-control:focus ~ .material-input:before, .form-control-wrapper .form-control.focus ~ .material-input:before { -ms-transform: scaleX(1); transform: scaleX(1); transition: transform 0.2s ease-out; }

.form-control-wrapper .material-input:after { content: ""; position: absolute; height: 18px; width: 100px; margin-top: -1px; top: 7px; left: 0; pointer-events: none; opacity: 0.9; -ms-transform-origin: left; transform-origin: left; }

.form-control-wrapper .input-lg ~ .material-input:after { height: 26px; }

.form-control-wrapper textarea { resize: none; }

.form-control-wrapper textarea ~ .form-control-highlight { margin-top: -11px; }

.form-control-wrapper .form-control:focus ~ .material-input:after, .form-control-wrapper .form-control.focus ~ .material-input:after { animation: input-highlight 0.3s ease; animation-fill-mode: forwards; opacity: 0; }

.form-control-wrapper select ~ .material-input:after { display: none; }

.form-group.has-warning .material-input:before, .form-group.has-warning input.form-control:focus ~ .material-input:after, .form-group.has-warning input.form-control.focus ~ .material-input:after { background: #FF5722; }

.form-group.has-warning .control-label, .form-group.has-warning input.form-control:not(.empty) ~ .floating-label { color: #FF5722; }

.form-group.has-error .material-input:before, .form-group.has-error input.form-control:focus ~ .material-input:after, .form-group.has-error input.form-control.focus ~ .material-input:after { background: #F44336; }

.form-group.has-error .control-label, .form-group.has-error input.form-control:not(.empty) ~ .floating-label { color: #F44336; }

.form-group.has-success .material-input:before, .form-group.has-success input.form-control:focus ~ .material-input:after, .form-group.has-success input.form-control.focus ~ .material-input:after { background: #0F9D58; }

.form-group.has-success .control-label, .form-group.has-success input.form-control:not(.empty) ~ .floating-label { color: #0F9D58; }

.form-group.has-info .material-input:before, .form-group.has-info input.form-control:focus ~ .material-input:after, .form-group.has-info input.form-control.focus ~ .material-input:after { background: #03A9F4; }

.form-group.has-info .control-label, .form-group.has-info input.form-control:not(.empty) ~ .floating-label { color: #03A9F4; }

.input-group .form-control-wrapper { margin-right: 5px; margin-left: 5px; bottom: -10px; }

.input-group .form-control-wrapper .form-control { float: none; }

.input-group .input-group-addon { border: 0; }

.input-group .input-group-btn .btn { border-radius: 4px; }

select.form-control { border: 0; box-shadow: none; border-bottom: 1px solid #757575; border-radius: 0; }

select.form-control:focus, select.form-control.focus { box-shadow: none; border-color: #757575; }

@keyframes input-highlight { 0% { left: 20%;
    transform: scaleX(20%); }
  99% { transform: scaleX(0);
    left: 0;
    opacity: 1; }
  100% { opacity: 0; } }

.form-control-wrapper input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }

.form-horizontal .checkbox { padding-top: 15px; }

.checkbox { -ms-transform: rotate(0deg); transform: rotate(0deg); overflow: hidden; }

.checkbox label { cursor: pointer; padding-left: 45px; position: relative; }

.checkbox label span { display: block; position: absolute; left: 0px; transition-duration: 0.2s; }

.checkbox label .check:after { display: block; position: absolute; content: ""; left: -5px; top: -15px; height: 50px; width: 50px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; }

.checkbox label .check:before { display: block; content: ""; border: 2px solid rgba(0, 0, 0, 0.84); height: 20px; width: 20px; transition-delay: 0.2s; }

.checkbox input[type=checkbox] { opacity: 0; }

.checkbox input[type=checkbox] ~ .check:before { position: absolute; top: 2px; left: 11px; width: 18px; height: 18px; border: solid 2px; border-color: #5a5a5a; border-radius: 2px; 
    /* animation: uncheck 1ms ease-out forwards; */
}

.checkbox input[type=checkbox]:focus ~ .check:after { opacity: 0.2; }

.checkbox input[type=checkbox]:checked ~ .check:before { animation: check 1ms forwards; }

.checkbox input[type=checkbox]:not(:checked) ~ .check:after { /* animation: rippleOff 500ms linear forwards; */ }

.checkbox input[type=checkbox]:checked ~ .check:after { animation: rippleOn 1ms forwards; }

.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { opacity: 0.5; }

.checkbox input[type=checkbox][disabled] ~ .check:after { background-color: rgba(0, 0, 0, 0.84); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@keyframes uncheck { 0% { top: -3px;
    left: 17px;
    width: 10px;
    height: 21px;
    border-color: #818285;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(45deg); }
  50% { top: 14px;
    left: 17px;
    width: 4px;
    height: 4px;
    transform: rotate(45deg);
    border-color: #818285;
    border-left-color: transparent;
    border-top-color: transparent; }
  51% { border-color: #818285;
    border-left-color: #818285;
    border-top-color: #818285; }
  100% { top: 1px;
    left: 12px;
    width: 18px;
    height: 18px;
    transform: rotate(0deg);
    border-color: #818285;
    border-left-color: #818285;
    border-top-color: #818285; } }

@keyframes check { 100% { top: -3px;
    left: 17px;
    width: 10px;
    height: 21px;
    transform: rotate(45deg);
    border-color: #0f9d58;
    border-left-color: transparent;
    border-top-color: transparent; }
  51% { border-left: transparent;
    border-top-color: transparent; }
  50% { top: 14px;
    left: 17px;
    width: 4px;
    height: 4px;
    transform: rotate(45deg);
    border-color: #5a5a5a;
    border-left-color: #5a5a5a;
    border-top-color: #5a5a5a; }
  0% { top: 1px;
    left: 12px;
    width: 18px;
    height: 18px;
    transform: rotate(0deg);
    border-color: #5a5a5a;
    border-left-color: #5a5a5a;
    border-top-color: #5a5a5a; } }

@keyframes rippleOn { 0% { opacity: 0; }
  50% { opacity: 0.2; }
  100% { opacity: 0; } }

@keyframes rippleOff { 0% { opacity: 0; }
  50% { opacity: 0.2; }
  100% { opacity: 0; } }

/* CSS Styles that are needed by jScrollPane for it to operate correctly. Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */
/*
.filtertop__listwr:before { width: 75%; height: 20px; position: absolute; box-shadow: inset 0px -6px 11px rgba(255, 255, 255, 0.9); display: block; content: ''; bottom: 7px; z-index: 1; }
*/

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: transparent; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: transparent; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { position: relative; margin-top: 13px; width: 10px; text-align: center; margin: 14px auto 0; }

.jspDrag { background: #6D93AB; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 50px; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { /*text-indent: -20000px;*/ display: block; cursor: pointer; padding: 0; margin: 0; color: #989898; font-family: FontAwesome; }

.jspArrowUp, .jspArrowDown { position: absolute; }

.jspArrowUp:before { position: absolute; display: block; content: "\f106"; font-size: 25px; top: -13px; color: #474747; }

.jspArrowDown:before { position: absolute; display: block; content: "\f107"; font-size: 25px; top: -8px; color: #474747; }

.jspArrow.jspDisabled { cursor: not-allowed; background: transparent; display: inline-block; }

.jspArrow.jspDisabled:before { color: #DDDDDD; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

body { font-family: Ubuntu, sans-serif; font-size: 16px; height: 100vh; color: #333;}

a { transition: all .5s ease; color: #474747; text-decoration: none; }

a:hover { color: #ffc800; text-decoration: underline; }

.m0 { padding: 0; }

.wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.wr-content { -ms-flex: 1 0 auto; flex: 1 0 auto; }

.footer { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.navbar-right { display: none; }

.navbar.mb { margin-bottom: 30px; }

.navbar { border: none; border-radius: 0; background: #474747; margin-bottom: 0; min-height: 45px; }

.navbar-dafault {
    background: #fff;
}

.navbar #myNavbar { padding: 0; }

.navbar #myNavbar ul.mhd-menu li:last-child {
    background: #deffd4;
}

.navbar .mhd-menu li { position: relative; }

.navbar .mhd-menu .active > a { color: #ffc800; text-decoration: underline; }

.navbar .mhd-menu a { padding: 0 15px; color: #000; display: block; text-decoration: none; font-size: 18px; font-weight: 500; }

.navbar .mhd-menu a:hover { color: #ffc800; text-decoration: underline; }

.count { position: absolute; right: 7px; top: 0; font-size: 10px; background-color: #f26d7d; color: #fff; padding: 4px; border-radius: 50%; height: 20px; width: 20px; line-height: 12px; }

.header { /* background-color: #6D93AB; */ background: #474747; }

.header__wr { position: relative; }

.header__wr .bg-wr { position: relative; }

.header__wr .bg-wr img { width: 100%; }

.header__left, .header__right { position: absolute; }

.header__left { width: 20%; bottom: 0; left: 50px; }

.header__left .logo { margin-left: 15px; }

.header__left img { width: 100%; }

.header__right { right: 40px; bottom: 10px; }

.header__right .login { font-size: 15px; color: #ffc800; }

.header__right .login a { color: #ffc800; text-decoration: none; }

.header__right .login a:hover { color: #fff; text-decoration: underline; }

.leftbar__boxbg { background-color: #E8E8E8; padding: 20px; border-radius: 5px; text-align: center; }

.leftbar__boxbg span { color: #990019; font-family: Ubuntu, sans-serif; font-weight: 700; }

.leftbar__wr { padding-top: 10px; z-index: 10; }

/*.leftbar__title { text-align: center; font-size: 18px; margin-bottom: 10px; color: #3f3f3f; }

.leftbar__title span { display: block; color: #FF9800; }*/

.leftbar__search { 
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #474747;
    border-radius: 5px;
    padding: 5px 5px 20px 5px;
    position: relative; 
}

.leftbar__search.leftbar__search_f {
    padding: 0;
    padding-bottom: 20px;
    border: 0;
}
.page-single-bar #my-region {
    display: none;
}

.page-single-bar .region-title{
    display: none;
}
.leftbar__search div { width: 100%; padding-right: 4px; }

.leftbar__search:hover .leftbar__btn { color: #ffc800; }

.leftbar__search button { position: absolute; right: 0; font-size: 25px; background-color: #fff; bottom: -9px; z-index: 10; color: #E8E8E8; transition: all .5s ease; }

.leftbar__search button:hover { color: #ffc800; }

.leftbar__search .back { margin-top: 25px; }

.leftbar__search .form-control { height: 33px; }

.leftbar__search a { color: #989898; }

.leftbar__search a:hover { color: #94d1e2; }

.leftbar__search a i { padding-right: 5px; }

/*.leftbar__box { text-align: center; margin-bottom: 20px; padding: 10px; border: 1px solid #E8E8E8; border-radius: 5px; }

.leftbar__box:hover { border: 1px solid #ffc800; }

.leftbar__box > span { font-size: 12px; }

.leftbar__box > span span { color: #990019; padding-right: 2px; }*/

.rcontent h1 { /*background-color: #474747;*/ font-size: 25px; text-align: center; color: #fff; padding: 10px 0; margin-top: 0; border-radius: 5px 5px 0 0; }

.rcontent .list__commentshare__box.singlebox { text-align: center; }

.rcontent-category > h1 {
    color: #333333;
}

.title-time { font-size: 18px; text-align: center; margin-bottom: 20px; }

.list-time p span { float: right; color: #FF9800; }

.fotorama__wrap { margin: 0 auto; }

.fotorama__img__img { margin: 0 auto; }

.notebox { 
    font-family: Ubuntu, sans-serif; 
    word-break: break-word;
}
.card-text1 {
    background: url("https://admin.jampa.cool/files/images/icons_new/Telephone.svg") no-repeat left center;
    background-size: 50px 50px; 
    padding-left: 50px;
    margin-bottom: 30px;
}
.notebox table {
    margin-bottom: 10px;
}
.notebox table tr:first-child td {
    background: #474747;
    color: #fff;
    text-transform: uppercase;
}
.notebox table tr td {
    background: #f5f5f5;
    padding: 0 5px;
    border: 1px solid #474747;
    vertical-align: middle;
}
.listrow__desc {word-break: break-word; }

.dinbox { padding-left: 30px; margin-top: 10px; }

.dinbox__title { position: relative; }

.dinbox__title i { position: absolute; left: -25px; top: 3px; font-size: 18px; }

.dinbox__total i { color: #00b427; }

.dinbox__nototal i { color: #db003e; }

.dinbox__local i { color: #990019; left: -21px; }

.dinbox__car i { color: #00aeff; }

.dinbox__time i { color: #ff9900; }

.dinbox__equip i { color: #6c4c1d; }

.dinbox__note { font-family: Ubuntu, sans-serif; }

.calendarbtn__wr { text-align: center; display: block; }

.calendarbtn a { padding: 7px 20px; margin-bottom: 10px; display: inline-block; width: 70%; }

.calendarbtn .byti { border-radius: 5px; color: #fff; background: #474747; }

.calendarbtn .byti:hover { background: #ffc800; color: #474747; }

.calendarbtn .sendz { border: 1px solid #474747; border-radius: 5px; }

.calendarbtn .sendz:hover { border-color: #ffc800; }

.calendarbtn .sendp { border: 1px solid #474747; border-radius: 5px; }

.calendarbtn .sendp:hover { border-color: #ffc800; }

.stcollapse .table td { width: 50%; }

.stcollapse .table img { max-width: 100%; }

.stcollapse .panel-body { padding-left: 30px; font-family: Ubuntu, sans-serif; }

.seo-text-wrapper ul,
.seo-text-wrapper ol,
.blogbody ol,
.blogbody ul,
.stcollapse .panel-body ul,
.stcollapse .panel-body ol {
    list-style-type: initial;
    margin: 0;
    padding-left: 20px;
    border: initial;
}

.blogbody ol,
.seo-text-wrapper ol,
.stcollapse .panel-body ol {
    list-style-type: decimal;
}

.stcollapse__count { padding: 5px; background-color: #f26d7d; border-radius: 50px; font-size: 12px; margin-left: 10px; position: relative; top: -3px; }

.stcollapse__star { position: relative; padding-left: 50px; }

.stcollapse__star i { display: inline-block; color: #ffc800; }

.stcollapse .panel-title { 
    background-color: #F5F5F5; 
    /*
    padding: 10px; 
    padding-left: 30px; 
    */
    font-size: 16px; 
    color: #333333; 
    -webkit-box-shadow: 0px 2px 2px 0px rgba(215,219,222,0.77);
    -moz-box-shadow: 0px 2px 2px 0px rgba(215,219,222,0.77);
    box-shadow: 0px 2px 2px 0px rgba(215,219,222,0.77);
}

.stcollapse .panel-title .collapsed > i { -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: all 0.5s; }

.stcollapse .panel-title .count { position: relative; margin-left: 10px; margin-bottom: 5px; }

.stcollapse .panel-title a { padding: 10px; text-decoration: none; display: block; position: relative; text-align: center; }

.stcollapse .panel-title a > i { 
    position: absolute; 
    left: 0; 
    top: 0; 
    bottom: 0; 
    background: #d8d8d8;
    color: #fff;
    font-size: 20px; 
    font-weight: bold; 
    transition: all 0.5s; 
    line-height: 37px;
    width: 37px;
    border-radius: 4px;
}

.alertt, .question { font-weight: bold; position: relative; margin-bottom: 7px; }

.alertt i, .question i { position: absolute; left: -22px; top: 2px; color: #aa0030; }

.question i { color: #00abbf; }

.route { display: block; text-align: center; }

.route i { color: #2dbf00; margin-right: 5px; font-weight: bold; margin-bottom: 10px; }

.commentbox { margin-left: 30px; }

.commentbox button { float: left; background-color: #474747; color: #fff; transition: all .5s ease; margin-right: 30px; margin-bottom: 30px; }

.commentbox button:hover { background-color: #ffc800; color: #474747; }

.mobsearch__input-mobs { float: left; position: relative; margin-top: 8px; margin-left: 15px; }

.mobsearch__input-mobs-btn { position: absolute; top: 0; right: 2px; }

.mobsearch__input-mobs-btn button { background-color: transparent; }

.mobsearch__input-mobs-btn i { font-size: 23px; color: #fff; transition: all 0.5s ease; }

.mobsearch:hover i { color: #ffc800; }

.favorite { 
    position: absolute; 
    right: 25px; 
    top: 5px;
    z-index: 9;
    font-size: 25px;
}

.favorite i { 
    color: #fff; 
}

.favorite i:hover, 
.favorite a.active i 
{ color: #cd0000; }

.jq-ry-container { position: relative; padding: 0 5px; line-height: 0; display: block; cursor: pointer; box-sizing: content-box; direction: ltr; float: left; }

.jq-ry-container[readonly="readonly"] { cursor: default; }

.jq-ry-container > .jq-ry-group-wrapper { position: relative; width: 100%; }

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group { position: relative; line-height: 0; z-index: 10; white-space: nowrap; }

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg { display: inline-block; }

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group { width: 100%; }

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group { width: 0; z-index: 11; position: absolute; top: 0; left: 0; overflow: hidden; }

.list { font-family: Ubuntu, sans-serif; }

.list__box { padding-bottom: 15px; margin-bottom: 15px; /* border-bottom: 1px solid #474747; */ }

.list__desc { padding: 0; min-height: 112px;word-break: break-word; }

.list__desc2 {
    background-color: #fff;
    width:100%;
    vertical-align: middle;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ddd;
}
.list__desc2:hover {
    border: 1px solid #ffc800;
}
.list__desc2:hover .byti { 
    background: #ffc800; 
    color: #474747;
}
.list__desc2 .rw {
    display: table;
    width: 100%;
    text-align: center;
    height: 80px;
    overflow: hidden;
}
.list__desc2 .rwc {
    display: table-cell;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 30px;
    word-break: break-word;
}
.list__desc2 .rwgrp {
    height: 110px;
}
.list__desc2 .rwgrp .rwc {
    padding: 5px;
}
.list__desc3 {
    margin-top: 5px;
    padding: 5px;
}
.list__desc_new {
    border: 0;
}
.list__desc_new:hover {
    border: 0 !important;
}
.certificates_content_items .list__box {
    padding-bottom: 25px;
}
.rwcm {
    color: #990019;
    margin-right: 10px;
}
.list__comment2 .likebox i {
    color: #474747;
}
.list__desc2 .dur {
    text-align: center;
    text-transform: none;
    margin-top: 5px;
} 
.list__desc2 .dur span {
    text-decoration: underline;
} 

.list__btn { position: relative; }

.list__btn a { position: absolute; right: 20px; top: -10px; font-size: 35px; color: #f26d7d; background-color: #fff; }

.list__location { text-align: center; padding: 10px; }

.list__location i { color: #990019; }

.list__location span { font-size: 14px; padding-left: 6px; }

.list__titlewr .list__location2 {
    padding: 0;
    padding-bottom: 5px;
}

.list__title { text-align: center; font-size: 18px; background-color: #474747; }

.list__title a { color: #fff; text-decoration: none; padding: 10px; display: block; }

.list__title a:hover { text-decoration: underline; }

.list__title2 {
    background-color: #fff;
    min-height: 64px;
    display: table;
    width:100%;
    margin-bottom: 5px;
}

.list__title2 a {
    color: #333333;
    line-height: 21px;
    font-size: 16px;
    display: table-cell;
    border: 1px solid #ddd;
    vertical-align: middle;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.list__title3 {
    min-height: 0;
    font-size: 20px;
    padding-bottom: 10px;
    height: 44px;
}

.list__short_text3 {
    font-size: 16px;
    text-align: justify;
    font-family: Ubuntu, sans-serif;
    height: 50px;
    overflow: hidden;
}
.hblc4_title {
    text-align: center;
    font-family: Ubuntu, sans-serif;
    margin-top: 10px;
}
.list__price3 {
    font-family: Ubuntu, sans-serif;
    font-weight: 500;
    color: #0d7028;
    flex: 2;
    font-size: 20px;
    text-align: center;
}
.list__price4 {
    font-size: 14px;
    color: #cd0000;
    text-decoration: line-through;
    margin-right: 5px;
}
.list__desc3:hover {
    border: 1px solid #21a519;
}
.list__desc3 .calendarbtn .byti3 {
    background: #21a519;
    padding: 10px 25px;
}
.list__desc3:hover .byti3,
.list__desc3 .calendarbtn .byti3:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}
.calendarbtn .byti4 {
    background: #ffc800;
    padding: 10px 25px;
    margin: 20px 0;
    text-align: center;
    font-family: Ubuntu, sans-serif;
    color: #000;
    font-size: 21px;
    display: inline-block;
    border-bottom: 2px solid #D7DBDE;
    -webkit-box-shadow: 0px 5px 6px 0px rgba(215,219,222,0.77);
    -moz-box-shadow: 0px 5px 6px 0px rgba(215,219,222,0.77);
    box-shadow: 0px 5px 6px 0px rgba(215,219,222,0.77);
}
.calendarbtn .byti4:hover {
    text-decoration: none;
    opacity: 0.7;
}
.calendarbtn__wr .byti4 {
    background: #21a519;
    color: #fff;
}
.calendarbtn__wr .byti4:hover {
    background: #21a519;
    color: #fff;
}
.calendarbtn__wr .byti41 {
    background: #cd0000;
    font-size: 18px;
    padding: 10px 20px;
    color: #fff;
}
.calendarbtn__wr .byti41:hover {
    background: #cd0000;
    color: #fff;
}
.calendarbtn .byti5 {
    background: #64B3B3;
    border: 1px solid #fff;
    font-family: Ubuntu, sans-serif;
    color: #fff;
    font-size: 21px;
    display: inline-block;
    margin-top: 20px;
    width: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.calendarbtn .byti5:hover {
    text-decoration: none;
}
.scroller_descr_blc {
    font-family: Ubuntu, sans-serif;
    text-align: justify;
}
.btn__blc3 {
    background: #fff;
    padding: 3px;
    display: flex;
    width: 100%;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
}
.owl-theme .owl-dots .owl-dot span {
    background: #ED4457;
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    transition: all 100ms ease;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ED4457;  
    width: 10px;
    height: 10px; 
    border: 3px solid #ED4457;
}
.list__title a:hover {
    border: 1px solid #ffc800;
    text-decoration: none;
}
.ltcl {
    margin-right: 0;
    padding-right: 0;   
}
.ltcc {
    margin: 0;
    padding: 0;   
}
.ltcr {
    margin-left: 0;
    padding-left: 0;
}
.list__desc2 .calendarbtn .byti2 {
    margin-bottom: 0;
    width: auto;
    flex: 1;
    text-align: center;
}

.list__comment { margin: 5px 0; text-align: center; }

.list__comment i { color: #ffc800; }

.list__comment a { padding-left: 5px; text-decoration: none; color: #474747; text-transform: uppercase; }

.list__comment a:hover { color: #ffc800; }

.list__comment2 p,
.list__comment2 span,
.list__comment2 a {
    font-size: 14px;
    text-transform: none;
    margin: 0;
}
.list__comment2 span {
    font-size: 12px;
}

.list__counter { padding: 5px; background-color: #f26d7d; border-radius: 50px; font-size: 12px; position: relative; color: #fff; top: -1px; }

.list__counter2 {
    color: #f26d7d;
}

.list__commentshare { margin: 5px 0px; }

.list__commentshare p { margin: 0; font-size: 13px; }

.list__commentshare p span { color: #989898; margin-right: 5px; }

.list__commentshare__box { position: relative; }

.list__commentshare__box a { display: inline-block; font-size: 20px; padding: 5px; padding-top: 0px; margin-left: 10px; position: relative; }

.list__commentshare__box a .countall { bottom: -1px; right: -16px; text-align: center; position: absolute; position: absolute; font-size: 10px; padding: 4px; border-radius: 50%; height: 20px; width: 20px; line-height: 12px; color: #fff; }

.list__commentshare__box a .countall.c1 { background: #f26d7d; }

.list__commentshare__box a .countall.c2 { background: #00B427; }

.list__commentshare__box a .countall.c3 { background: #DB003E; }

img.imgs {
    display: none;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}
.list__commentshare__box a:hover > img.imgm {
    display: none;
} 
.list__commentshare__box a:hover > img.imgs {
    display: inline;
} 

.toltipshare { position: absolute; background: #fff; right: 0px; border-radius: 5px; max-height: 0; display: block; overflow: hidden; transition: all 0.35s ease-in; }

.toltipshare a { margin-left: 0px; padding: 5px 10px; z-index: 1; }

.toltipshare.act { border: 1px solid #ffc800; max-height: 50px; transition: all 0.25s ease-in; box-shadow: 2px 3px 5px #ad9f9f; z-index: 999; }

.listfotorama .fotorama { z-index: 9; }

.listfotorama .fotorama__nav { /*position: absolute; bottom: 2px; z-index: 10;*/ }

.twologin { min-height: 340px; }

.registwr.twologin { width: 100%; border: 1px solid #E8E8E8; padding: 20px; border-radius: 5px; }

.registwr.twologin:hover { border-color: #ffc800; }

.registwr.twologin .forget { float: right; }

.registwr.twologin .loginwr__btn { margin-top: 15px; }

.registwr.twologin .subtitle { font-size: 20px; text-align: center; margin: 10px; }

.registwr.twologin .twobtn { background-color: #ffc800; color: #fff; padding: 10px 30px; text-align: center; display: inline-block; border-radius: 5px; font-size: 18px; text-decoration: none; margin: 5px 0; }

.registwr.twologin .twobtn:hover { background-color: #474747; color: #fff; }

.registwr.twologin .social { text-align: center; }

.registwr.twologin .social li { display: inline-block; margin-right: 10px; }

.registwr.twologin .social a i { font-size: 45px; }

.registwr.twologin p { font-family: Ubuntu, sans-serif; }

.registwr.twologin h1, .registwr.twologin h2 { background-color: transparent; color: #474747; font-size: 30px; padding: 10px 0; margin-top: 0; text-align: center; }

.loginwr, .registwr { width: 50%; margin: 20px auto; }

.loginwr__btn, .registwr__btn { text-align: center; }

.loginwr button, .registwr button { background-color: #474747; color: #fff; transition: all .5s ease; padding: 5px 30px; font-size: 18px; }

.loginwr button:hover, .registwr button:hover { background-color: #ffc800; color: #474747; }

.listrow { font-family: Ubuntu, sans-serif; }

.listrow__title { font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 5px; }

.listrow__box { border: 1px solid #E8E8E8; padding: 5px; border-radius: 5px; margin-bottom: 15px; }

.listrow__box:hover { border: 1px solid #ffc800; }

.listrow__box:hover .listrow__btn a { background-color: #ffc800; color: #474747; }

.listrow__category div { font-size: 14px; text-align: right; color: #6D93AB; margin-bottom: 10px; }

.listrow__category div span { text-decoration: underline; }

.listrow__btn { text-align: right; }

.listrow__btn a { background-color: #474747; color: #fff; padding: 5px 30px; text-align: center; display: inline-block; margin-top: 10px; border-radius: 5px; font-size: 16px; text-decoration: none; }

.listrow__btn a:hover { background-color: #ffc800; color: #474747; }

.filtcollaps { border-radius: 5px; border: 1px solid #E8E8E8; margin-bottom: 20px; position: relative; }

.filtcollaps__btnhid { position: absolute; right: 20px; bottom: 24px; }

.filtcollaps > a { display: block; text-align: center; background-color: #474747; border-radius: 5px 5px 0 0; color: #fff; padding: 10px; font-size: 16px; text-transform: uppercase; }

.filtcollaps > a i { position: absolute; right: 20px; top: 13px; }

.filtertop__title { text-align: center; padding: 0 10px; min-height: 44px; }

.filtertop__ul { height: 154px; }

.filtertop__ul li { width: 100%; }

.filtertop__btn { text-align: center; }

.filtertop__btn a { background-color: #474747; color: #fff; padding: 5px 30px; text-align: center; display: inline-block; margin-top: 20px; border-radius: 5px; font-size: 18px; text-decoration: none; }

.filtertop__btn a:hover { background-color: #ffc800; color: #474747; }

.scroll-pane-arrows { width: 100%; height: 200px; overflow: auto; }

.horizontal-only { height: auto; max-height: 200px; }

.leftmenu__list { font-family: Ubuntu, sans-serif; }

.leftmenu__list li { list-style-type: disc; list-style-position: inside; border-bottom: 1px solid #E8E8E8; }

.leftmenu__list li.active a { color: #ffc800; }

.leftmenu__list.l2, .leftmenu__list.l3 { margin-left: 14px; }

.leftmenu__list.l2 li, .leftmenu__list.l3 li { list-style-type: circle; border-bottom: none; }

.leftmenu__title { padding: 10px; padding-right: 15px; display: inline-block; text-align: left; width: 100%; font-family: "Ubuntu"; }

.leftmenu .panel-title { position: relative; }

.leftmenu .panel-title .collapsed i { -ms-transform: rotate(180deg); transform: rotate(180deg); }

.leftmenu .panel-title a:last-child { position: absolute; right: 9px; top: 9px; }

.leftmenu .panel-title i { font-size: 25px; text-align: right; transition: all 0.5s; }

.leftfilter__singlechek { font-size: 14px; font-family: Ubuntu, sans-serif; }

.leftfilter .filtcollaps_icol {
    text-transform: capitalize;
}

.leftfilter .filtcollaps_icol i { right: 11px; }

.leftfilter .filtertop__listwr { position: relative; }

.leftfilter .filtertop__listwr:before { bottom: 0; }

.paginationbox { text-align: center; }

.paginationbox .pagination .active a { background-color: #ffc800; border-color: #ffc800; }

/* states and images */
.ui-icon { width: 16px; height: 16px; }

.ui-icon, .ui-widget-content .ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_444444_256x240.png"); }

#my-region.leftbar__search {
	/*
    background: url('https://admin.jampa.cool/files/images/karta.png') no-repeat center;
    background-size: cover;
    height: 180px;
    */
    border: 0;
    position: relative;
    padding: 5px;
}
#my-region.leftbar__search > img {
	max-width: 100%;
}
#my-region.leftbar__search > .input-group {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 40px;
}
#my-region.leftbar__search .input-group .form-control-wrapper {
	bottom: 0;
    margin: 0;
    padding: 0;
    background: #fff;
}
#my-region.leftbar__search div {
	padding-right: 8px;
}
#my-region.leftbar__search select {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
    border: 0;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-align-last: center;
}
#my-region.leftbar__search #my-region-area i {
    position: absolute;
    right: 0;
    top: -2px;
    right: -10px;
    font-size: 30px;
}
#my-region.leftbar__search #my-region-area:hover i {
	color: #ffc800;
}

.ui-widget-header .ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon { background-image: url("https://admin.jampa.cool/files/images/ui-icons_777777_256x240.png"); }

.ui-widget.ui-widget-content { padding: 15px; z-index: 10 !important; }

a.ui-state-default.ui-state-active { line-height: 28px; }

select.ui-datepicker-month { border: 1px solid #ffc800; }

select.ui-datepicker-month option { padding: 5px !important; }

.contact p { font-family: Ubuntu, sans-serif; }

.contact button { background-color: #474747; color: #fff; transition: all .5s ease; padding: 5px 30px; font-size: 18px; }

.contact button:hover { background-color: #ffc800; color: #474747; }

.statikpage { font-family: Ubuntu, sans-serif; }

.statikpage ul li { list-style-type: disc; list-style-position: inside; padding-left: 10px; }

.footer { 
    margin-top: 20px;
    background-color: #F5F5F5; 
    padding-top: 20px; 
    font-family: Ubuntu, sans-serif; 
    font-weight: 300;
    -webkit-box-shadow: inset 0px 9px 9px -7px rgba(119,119,119,1);
    -moz-box-shadow: inset 0px 9px 9px -7px rgba(119,119,119,1);
    box-shadow: inset 0px 9px 9px -7px rgba(119,119,119,1);
}

.footer__lmenu li { display: inline-block; }

.footer__lmenu a { color: #777777; padding: 5px; font-size: 14px; text-decoration: none; }

.footer__lmenu a:hover { text-decoration: underline; }

.footer__logo img { max-width: 100%; }

.footer__rmenu li a { color: #777777; text-decoration: none; }

.footer__rmenu li a:hover { text-decoration: underline; }

.footer__sponsors { display: block; margin: 0 15px; }

.footer__sponsors li { display: inline-block; margin-right: 5px; }

.footer__sponsors li a { width: 37px; display: block; margin-right: 5px; margin-bottom: 7px; width: 100%; }

.footer__sponsors li a img { /* width: 100%; */ }

.footer__social { float: right; }

.footer__social li { display: inline-block; }

.footer__social a { padding: 0 5px; }

.footer__social a i { color: #777777; font-size: 30px; }

.footer__social a i:hover { color: #ffc800; }

.footer__copyright { float: left; /*margin-left: 5px;*/ color: #777; }

.footer__copyright a { color: #777; }


/* header SVG */


.icoheader__hors { width: 70px; position: absolute; top: 32%; left: 11.4%; }

.icoheader__hors .st0 { fill: none; stroke: #000000; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }

.icoheader__tree { width: 41px; height: 51px; position: absolute; top: 15%; left: 26%; }

.icoheader__tree .cls-1 { fill: #090909; }

.icoheader__tree .cls-2 { fill: #090a0a; }

.icoheader__tree .cls-3 { fill: #424242; }

.icoheader__tree .cls-4 { fill: #939292; }

.icoheader__tree .cls-5 { fill: #9d9b9c; }

.icoheader__tree .cls-6 { fill: #cac9c9; }

.icoheader__serf { position: absolute; width: 45px; height: 47px; top: 42%; left: 34%; transition: all 0.2s; }

.icoheader__serf .cls-1, .icoheader__serf .cls-3, .icoheader__serf .cls-4, .icoheader__serf .cls-5, .icoheader__serf .cls-6 { fill: none; }

.icoheader__serf .cls-1, .icoheader__serf .cls-2, .icoheader__serf .cls-3, .icoheader__serf .cls-5, .icoheader__serf .cls-6 { stroke: #231f20; }

.icoheader__serf .cls-1, .icoheader__serf .cls-4, .icoheader__serf .cls-5, .icoheader__serf .cls-6 { stroke-linecap: round; }

.icoheader__serf .cls-1, .icoheader__serf .cls-2, .icoheader__serf .cls-3, .icoheader__serf .cls-4, .icoheader__serf .cls-5, .icoheader__serf .cls-6 { stroke-miterlimit: 10; }

.icoheader__serf .cls-1 { stroke-width: 2px; }

.icoheader__serf .cls-2 { fill: #e0e1e1; }

.icoheader__serf .cls-4 { stroke: #414042; }

.icoheader__serf .cls-5 { stroke-width: 1.5px; }

.icoheader__serf .cls-7 { fill: #231f20; }

.icoheader__serf a:hover .cls-2, .icoheader__serf a:hover .cls-4, .icoheader__serf a:hover .cls-7, .icoheader__serf a:hover .cls-1, .icoheader__serf a:hover .cls-2, .icoheader__serf a:hover .cls-3, .icoheader__serf a:hover .cls-5, .icoheader__serf a:hover .cls-6 { transition: all 0.2s; path: #ffc800; stroke: #ffc800; fill: #ffc800; }

.icoheader__shar { width: 25px; height: 41px; position: absolute; top: 5%; left: 42%; }

.icoheader__shar .cls-1 { fill: #231f20; }

.icoheader__shar .cls-2 { fill: #fff; stroke: #231f20; stroke-miterlimit: 10; }

.icoheader__shar a:hover .cls-1, .icoheader__shar a:hover .cls-2 { transition: all 0.2s; path: #ffc800; stroke: #ffc800; fill: #ffc800; }

.icoheader__daiver { width: 30px; height: 41px; position: absolute; top: 79%; left: 49%; }

.icoheader__daiver .cls-1, .icoheader__daiver .cls-2, .icoheader__daiver .cls-3, .icoheader__daiver .cls-5 { fill: none; stroke: #231f20; stroke-linecap: round; }

.icoheader__daiver .cls-1, .icoheader__daiver .cls-2 { stroke-linejoin: round; }

.icoheader__daiver .cls-2, .icoheader__daiver .cls-5 { stroke-width: 1.5px; }

.icoheader__daiver .cls-3, .icoheader__daiver .cls-5 { stroke-miterlimit: 10; }

.icoheader__daiver .cls-4 { fill: #231f20; }

.icoheader__daiver:hover .cls-1, .icoheader__daiver:hover .cls-2, .icoheader__daiver:hover .cls-3, .icoheader__daiver:hover .cls-5, .icoheader__daiver:hover .cls-4 { transition: all 0.2s; fill: #ffc800; polyline: #ffc800; stroke: #ffc800; path: #ffc800; }

.icoheader__fish { width: 10px; position: absolute; top: 82%; left: 53%; }

.icoheader__fish .cls-1 { fill: #231f20; }

.icoheader__fish:hover .cls-1 { fill: #ffc800; stroke: transparent; }

.icoheader__fishing { width: 50px; position: absolute; top: 59%; left: 63.6%; }

.icoheader__fishing .cls-1 { fill: #231f20; }

.icoheader__fishing .cls-2, .icoheader__fishing .cls-3, .icoheader__fishing .cls-4, .icoheader__fishing .cls-5, .icoheader__fishing .cls-6 { fill: none; }

.icoheader__fishing .cls-2, .icoheader__fishing .cls-3, .icoheader__fishing .cls-4 { stroke: #231f20; }

.icoheader__fishing .cls-2, .icoheader__fishing .cls-4, .icoheader__fishing .cls-5 { stroke-linecap: round; }

.icoheader__fishing .cls-2, .icoheader__fishing .cls-6 { stroke-miterlimit: 10; }

.icoheader__fishing .cls-3, .icoheader__fishing .cls-4, .icoheader__fishing .cls-5 { stroke-linejoin: round; }

.icoheader__fishing .cls-3 { stroke-width: 2px; }

.icoheader__fishing .cls-5 { stroke: #414042; }

.icoheader__fishing .cls-6 { stroke: #a7a9ac; stroke-width: 0.75px; }

.icoheader__fishing:hover .cls-1, .icoheader__fishing:hover .cls-2, .icoheader__fishing:hover .cls-3, .icoheader__fishing:hover .cls-4, .icoheader__fishing:hover .cls-5 { transition: all 0.2s; fill: #ffc800; polyline: #ffc800; stroke: #ffc800; path: #ffc800; }

.icoheader__fishing:hover .cls-6 { stroke: #ffc800; fill: none; polyline: none; path: none; }

.icoheader__boat { width: 50px; position: absolute; top: 61%; left: 54.6%; }

.icoheader__boat .cls-1, .icoheader__boat .cls-2 { fill: #231f20; }

.icoheader__boat .cls-2, .icoheader__boat .cls-3, .icoheader__boat .cls-4 { stroke: #231f20; }

.icoheader__boat .cls-2 { stroke-miterlimit: 10; }

.icoheader__boat .cls-3, .icoheader__boat .cls-4 { fill: none; stroke-linejoin: round; stroke-width: 1.5px; }

.icoheader__boat .cls-3 { stroke-linecap: round; }

.icoheader__boat:hover .cls-1, .icoheader__boat:hover .cls-2, .icoheader__boat:hover .cls-3, .icoheader__boat:hover .cls-4 { transition: all 0.2s; fill: #ffc800; polyline: #ffc800; stroke: #ffc800; path: #ffc800; }

.icoheader__moto { width: 26px; position: absolute; top: 49%; left: 78%; }

.icoheader__deltoplan { width: 42px; position: absolute; top: 12%; left: 68%; }

.icoheader__deltoplan .cls-1, .icoheader__deltoplan .cls-3, .icoheader__deltoplan .cls-4 { fill: none; stroke-linecap: round; }

.icoheader__deltoplan .cls-1 { stroke: #bcbec0; }

.icoheader__deltoplan .cls-1, .icoheader__deltoplan .cls-4 { stroke-miterlimit: 10; }

.icoheader__deltoplan .cls-2 { fill: #231f20; }

.icoheader__deltoplan .cls-3, .icoheader__deltoplan .cls-4 { stroke: #231f20; stroke-width: 0.75px; }

.icoheader__deltoplan .cls-3 { stroke-linejoin: round; }

.icoheader__deltoplan:hover .cls-1, .icoheader__deltoplan:hover .cls-2, .icoheader__deltoplan:hover .cls-3, .icoheader__deltoplan:hover .cls-4 { transition: all 0.2s; fill: #ffc800; polyline: #ffc800; stroke: #ffc800; path: #ffc800; }

.icoheader__deltoplan:hover .cls-1, .icoheader__deltoplan:hover .cls-3, .icoheader__deltoplan:hover .cls-4 { fill: none; }

.icoheader__camping { width: 80px; position: absolute; top: 29%; right: 7%; }

.icoheader__camping .cls-1, .icoheader__camping .cls-5 { fill: none; stroke: #231f20; }

.icoheader__camping .cls-1, .icoheader__camping .cls-3, .icoheader__camping .cls-5 { stroke-linecap: round; stroke-linejoin: round; }

.icoheader__camping .cls-1 { stroke-width: 2px; }

.icoheader__camping .cls-2 { fill: #231f20; }

.icoheader__camping .cls-3 { fill: #fff; stroke: #3f3f3f; }

.icoheader__camping .cls-4 { fill: #939598; }

.icoheader__camping .cls-6 { fill: #414042; }

.icoheader__camping:hover .cls-1, .icoheader__camping:hover .cls-5 { stroke: #ffc800; }

.icoheader__alpinist { width: 20px; position: absolute; top: 9%; right: .8%; }

.icoheader__alpinist .cls-1 { fill: #231f20; }

.icoheader__alpinist .cls-2, .icoheader__alpinist .cls-3 { fill: none; stroke: #231f20; stroke-linecap: round; }

.icoheader__alpinist .cls-2 { stroke-miterlimit: 10; }

.icoheader__alpinist .cls-3 { stroke-linejoin: round; stroke-width: 2px; }

.icoheader__alpinist:hover .cls-1, .icoheader__alpinist:hover .cls-2, .icoheader__alpinist:hover .cls-3, .icoheader__alpinist:hover .cls-4 { transition: all 0.2s; fill: #ffc800; polyline: #ffc800; stroke: #ffc800; path: #ffc800; }

.icoheader a:hover { transition: all 0.2s; stroke: #ffc800; fill: #ffc800; }

.icoheader a:hover .st0 { transition: all 0.2s; stroke: #ffc800; fill: #ffc800; }

.move-left { animation: movefish 30s infinite; }

@keyframes movefish { 0% { transform: translate(0, 0); }
  49% { transform: translate(-100px, 0); }
  50% { transform: translate(-100px, 0) scaleX(-1); }
  100% { transform: translate(0px, 0) scaleX(-1); } }

.move-right { animation: moveshar 30s infinite; }

@keyframes moveshar { 0% { transform: translate(0px, 0); }
  50% { transform: translate(100px, 0); }
  100% { transform: translate(0px, 0); } }

.move-top { animation: movedelt 4s infinite; }

@keyframes movedelt { 0% { transform: translate(0, 0); }
  50% { transform: translate(0, 5px); }
  100% { transform: translate(0, 0); } }

.m-rotate { animation: rorate 4s infinite; }

@keyframes rorate { 0% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  100% { transform: translate(0, 0); } }

.dnone { display: none; }

.smile { 
    animation: smile 1.5s;
    animation-iteration-count: 1; 
    transition-timing-function: linear
}

.blad { background-image: url(https://admin.jampa.cool/files/images/blad.png); background-size: cover; position: absolute; width: 60px; height: 50px; right: 0; z-index: 10; }

@keyframes smile { 
    0% { transform: translate(0, 0); }
  99% { transform: translate(0, 132px); }
  100% { display: none; } 
}

.popupbox .modal-title { text-align: center; }

.popupbox .close { font-family: arial; }

.popupbox .modal-body { font-family: Ubuntu, sans-serif; }

.popupbox .modal-footer { text-align: center; }

.popupbox .modal-footer .btn { background-color: #474747; color: #fff; padding: 10px 25px; text-align: center; display: inline-block; margin-top: 0px; border-radius: 5px; font-size: 16px; text-decoration: none; }

.popupbox .modal-footer .btn:hover { background-color: #ffc800; color: #474747; }


/* END header SVG */

/*new head */
.wc-100 {
    width: 100%;
}
.costum_desktop_hide {
    display: none;
}
.box-wr {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.slogan {
    font-size: 20px;
    font-weight: 800;
    display: block;
    margin-top: 10px;
}
.top-phone-menu-desktop {
    list-style: none;
    display: flex;
    margin-top: 10px;
}
.top-phone-menu-desktop .dropdown-toggle {
    color: red;
    margin-left: 5px;
}
.top-phone-menu-desktop {
    padding-left: 20px;
}
.top-phone-menu-desktop .dropdown-menu > li > a {
    font-size: 16px;
}
.wishlist-btn-ico {
    margin-top: 8px;
    display: block;
    font-size: 20px;
    margin-right: 10px;
}
.wishlist-btn-ico .top-menu-cnt {
    top: 8px;
}
a.aus_btn {
    margin-left: 27px;
    border: 1px solid #777;
    padding: 2px 2px 4px 2px;
}
.top-menu-bar ul li a {
    font-size: 40px;
    line-height: 18px;
}
.top-menu-bar .top-menu-mobile {
    margin-top: 0;
}
.top-menu-bar .top-menu-mobile img {
    margin-top: 16px;
}

/*end new head */

/*left bar affix*/
.leftbar__wr.affix {
  width: 22.8%;
  top: 15px;
}
.scrol-size {
  max-height: 300px;
  overflow-y: scroll;
}
/*end left bar affix*/

/*banner box*/
.leftbar__title {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.ico-title {
    height: 45px;
    background: url(https://admin.jampa.cool/files/images/icons_new/gift-box.svg) no-repeat center;
    width: 32px;
    margin: 0 10px 0px 5px;
}
.title_box {
    width: 100%;
}
.leftbar__title .title {
  text-align: center;
  font-weight: 800;
  line-height: 18px;
}
.leftbar__box {
  background: #fff;
  padding: 5px;
  /* box-shadow: 0px 3px 7px 0px #caa5a5; */
}
.leftbar__btn a {
    background-color: #ed4457;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    display: inline-block;
    /*margin-top: 20px;*/
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    width: 100%;
}
.leftbar__btn a:hover { opacity: .8; color: #fff; }
.leftbar__box_img {
    margin-top: 10px;
}
p.leftbar__note {
    font-size: 13px;
    text-align: center;
    margin: 5px;
}
/*end banner box*/
/*single page*/
.calendarbtn .box-sha {
  /* box-shadow: 0px 3px 7px 0px #caa5a5; */
  box-shadow: none;
  border-bottom: none;
}
.card_phone_box {
  /* border: 1px solid #21a519; */
  border: 1px solid #9d9d9d;
  border-radius: 5px;
  margin-bottom: 10px;
  /* box-shadow: 0px 3px 7px 0px #caa5a5; */
}
.phone_btn_box {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.phone_btn_box i {
  font-weight: 800;
  font-size: 25px;
  margin-right: 10px;
}
.phone_btn_box .img-tel {
  width: 50px;
}
.look_map_box {
  border: 1px solid #9d9d9d;
  border-radius: 5px;
  margin-bottom: 10px;
  /* box-shadow: 0px 3px 7px 0px #caa5a5; */
}
.look_map_btn {
    display: block;
    padding: 6px 10px;
}
.look_map_btn:hover {
  text-decoration: none;
}
.look_map_btn:hover .imgm {
  display: none;
}
.look_map_btn:hover .imgs {
  display: inline-block;
}
.look_map_ico {
    margin-right: 10px;
}
/*fix box price, contact */
.fix_box.affix {
    width: 373px;
    right: 50px;
    z-index: 10;
    top: 0;
}
.fix_box.affix div {
  display: inline-block;
  margin-right: 10px;
}
.fix_box.affix .card_phone_box {
    background: #fff;
    position: relative;
    top: -2px;
}
.fix_box.affix .card_phone_box:hover {
  cursor: pointer;
}
.fix_box.affix .phone_list {
  display: none;
}
.fix_box.affix .modals_price.box-sha {
    min-width: 170px;
}
.fix_box.affix .phone_btn_box .img-tel {
  width: 35px;
}
.fix_box.affix .phone_btn_box {
  padding: 5px 0;
  margin-left: 6px;
}
.fix_box.affix .calendarbtn .byti4 {
  font-size: 17px;
  padding: 10px 25px;
  margin: 5px 0;
  border: 1px solid #9d9d9d;
  font-size: 18px;
}
.fix_box.affix .calendarbtn .byti4:hover {
  opacity: 1;
}
.fix_box.affix .modals_price i {
  top: 10px;
}
.fix_box.affix a {
  transition: none;
}
.fix_box.affix .phone_btn_box i {
    position: relative;
    top: 4px;
}
.fix_box.affix .phone_list.active {
    display: block;
    position: absolute;
    width: 101.5%;
    left: -1px;
    top: 37px;
    background: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 0 0 5px 5px;
    border-top: none;
    padding: 10px 0 0;
}
/*end fix box price, contact */

/*mobile style single page and fix box*/
.mobile_style {
  display: flex;
  /*flex-direction: column;*/
  flex-wrap: wrap;
}
.mobile_style > div {
  flex: 1 1 50%;
  position: relative;
}
.mobile_style .calendarbtn__wr {
  margin-right: 10px;
}
.mobile_style .phone_list {
  display: none;
}
.mobile_style .phone_list.active {
  display: block;
  position: absolute;
  width: 101%;
  left: -1px;
  top: 44px;
  background: #fff;
  border: 1px solid #21a519;
  border-radius: 0 0 5px 5px;
  border-top: none;
  padding: 10px 0 0;
  z-index: 10;
}
.mobile_style .calendarbtn .byti4 {
  margin: 0;
}
.mobile_style .calendarbtn .calendarbtn__wr .modals_price {
  margin: 0;
}
.mobile_style .phone_btn_box .img-tel {
  width: 47px;
}
.mobile_style .phone_btn_box {
  background: #fff;
  color: #000;
  font-size: 18px;
}

/*end mobile style single page and fix box*/
/*fixed btn mobile*/
.prel {
  visibility: hidden;
  left: -200px;
}

.box_btn_mobile {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.box_btn_mobile .price_b {
  background: url(https://admin.jampa.cool/files/images/icons_new/Grey_money.svg) no-repeat top center;
}
.box_btn_mobile .loc_b {
  background: url(https://admin.jampa.cool/files/images/icons_new/Location.svg) no-repeat top center;
  background-size: 60%;
}
.box_btn_mobile .contact_b {
  background: url(https://admin.jampa.cool/files/images/icons_new/Telephone_w.svg) no-repeat top center;
  background-size: 46%;
}
.box_btn_mobile .sert_b {
  background: url(https://admin.jampa.cool/files/images/icons_new/gift-box.svg) no-repeat top 3px center;
  background-size: 34%;
}
.box_btn_mobile span {
   padding-top: 30px;
   color: #fff;
}
/*end fixed btn mobile*/

/*btn back*/
a.button-back {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  padding: 10px;
}
a.button-back:hover {
  text-decoration: none;
}
/*end btn back*/

/*end single page*/



@media only screen and (min-width: 768px) {
  /*bg blocks all */
  body  {
    background: var(--gray);
  }
  .leftbar a, .card_phone_box, .look_map_box {
    background: var(--white);
  }
  .rcontent-category > h1 {
    background: var(--gray);
  }
  .bgw {
    background: var(--white);
  }
  .stcollapse .panel-title a {
    background: var(--white);
  }
  .leftbar__btn .s_link {
    background-color: #e31837;
  }
  /*end bg blocks all */

  .single_p_mobile_banner {
    display: none;
  }
    .top-menu-bar, .mobile_style { display: none; }
 .navbar .navbar-right { display: none; }

 .navbar .mhd-menu { margin-bottom: 0; min-height: 45px; padding-top: 12px; /* position: relative; */ float:right; }

 .navbar .mhd-menu .menu-l1 { position: absolute; padding-top: 7px; display: none; width: 100%; z-index: 10; }

 .navbar .mhd-menu .menu-l1 li { display: block; width: 100%; background-color: #474747; position: relative; }

 .navbar .mhd-menu .menu-l1 li:hover .menu-l2 { display: block; }

 .navbar .mhd-menu .menu-l1 li:last-child { padding-bottom: 10px; border-radius: 0 0 5px 5px; }

 .navbar .mhd-menu .menu-l1 li a { margin: 0; padding: 5px; white-space: unset; }

 .navbar .mhd-menu .menu-l1 .menu-l2 { position: absolute; width: 100%; left: 100%; top: 0; display: none; }

 .navbar .mhd-menu li { display: table-cell; /* width: 1%; */ vertical-align: middle; text-align: center; position: relative; }

 .navbar .mhd-menu li:hover .menu-l1 { display: block; } }

@media only screen and (min-width: 768px) and (min-width: 1200px) {

 .navbar .mhd-menu li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* margin-top: 12px; */ } }

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

 .count { right: 3px; } }

@media only screen and (max-width: 990px) {
  .leftbar__wr.affix {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  .box_btn_popup_add {
    font-size: 23px;
  }
  .look_map_box {
    min-height: 50px;
    display: inline-table;
  }
  .prel.affix {
    display: block;
    visibility: visible;
    top: 0;
    left: 0;
    width: 100%;
    background: #21a519;
    z-index: 10;
  }
  .modal-content .modal-body {
    overflow: hidden;
    overflow-x: auto;
  }
  .leftbar .banner__box.costum_hide {
    display: none;
  }
  .single_p_mobile_banner .leftbar__box_img, .breadcrumb {
    display: none;
  }
  .single_p_mobile_banner .leftbar__btn a {
    background-color: #e31837;
  }
  .mobile_style_loc {
    display: flex;
    flex-wrap: wrap;
  }
  .look_map_btn {
    display: flex;
    text-align: center;
    align-items: center;
  }
  .mobile_style_loc > div {
    flex: 1 1 50%;
    position: relative;
  }
  .fix_box {
    display: none;
  }
  .container-fluid.top-menu-bar .container-fluid {
      padding: 0;
  }
  .hide-mobile {
      display: none;
  }
  .costum_desktop_hide {
      display: block;
  }

 .navbar .menu-l1 { margin-left: 10px; }

 .navbar .menu-l2 { margin-left: 15px; }

 .navbar .mhd-menu a { padding: 5px 15px; }

 .count { right: 15px; top: 4px; }

 .header__wr .bg-wr { display: none; }

 .header__left, .header__right { position: relative; }

 .header__left { width: 90%; margin: 10px auto 0; left: 0; }

 .header__right { right: 0; bottom: 0; text-align: center; margin-bottom: 10px; }

 .stcollapse__star { padding-left: 5px; }

 .comment-list { padding-left: 0; padding-right: 0; }

 .comment-list .panel-body { padding: 10px; }

 .comment-list img { display: none; }

 .comment-list .media-body > .media { padding-left: 14px; }

 .commentbox { margin-left: 0; }

 .commentbox button { float: none; text-align: center; margin: 0 auto; display: block; }

 .ratcomments { text-align: center; float: none; }

 .ratcomments .rateyo-cm { margin: 10px auto; float: none; }

 .loginwr button, .registwr button { float: none; text-align: center; margin: 0 auto; display: block; }

 .ui-datepicker { width: 270px; }

 .footer__social { float: none; text-align: center; }

 .footer__copyright { float: none; margin-bottom: 10px; } }

/* custom */

.confirml {
    text-decoration: underline;
}
.cerr {
    color: #a94442;
}
.addfcnt {
    color: #f26d7d;
    font-size: 12px;
    vertical-align: super;
}
.panel-title a.active {
    color: #ffc800;
    text-decoration: underline;
}
.breadcrumb {
    padding: 0;
    /* margin: -20px 0 10px 0; */ 
    background: none;
}
.breadcrumb li + li:before {
    content: '>';
}
.breadcrumb a {
    text-decoration: underline;
}
.avatar label {
    cursor: pointer;
    position: relative;
}
.avatar label i {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    font-size: 90px;
    color: #474747;
    opacity: 0.9;
    width: 90px;
    height: 90px;
    display: none;
}
#new-article .avatar label i {
    font-size: 40px;
    width: 40px;
    height: 40px;
}
.avatar label:hover i {
    display: block;
}
.avatar img {
    width: 300px;
    max-width: 100%;
}
.profileprw h4 span {
    color: #ffc800;
}

#scroller {
    position: fixed;
    z-index: 2600;
    right: 40px;
    bottom: 40px;
    width: 20px;
    height: 20px;
    opacity: .8;
    filter: alpha(opacity=80);
    font-size: 40px;
    color: #474747;
    display: none;
}
#scroller:hover {
    text-decoration: none;
    opacity: 0.8;
    color: #ffc800;
}
.breadcrumb a {
    font-size: 14px;
}
.banner__box {
    margin-top:30px;
}
.mobile-s-input {
	color: #fff;
}
.list__desc2 .dur .completed {
    color:#f26d7d;
    font-weight: 700;
    text-decoration: none;
}
.blogbody {
    font-family: Ubuntu, sans-serif;
    overflow: hidden;
}
.register_list {
    list-style-type: inherit;
}
.register_list li {
    margin-left: 40px
}


.navbar.mb.vbgm {
    margin-bottom: 0;
    position: fixed;
    z-index: 100000;
	width: 100%
}
.video_background_wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 10px;
    margin-top: 50px;
}
#video_background {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;    
}
#video_background_mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden; 
    background: url('https://admin.jampa.cool/files/video/bg.jpg') 100% 100% no-repeat;
    background-size: cover;
    background-position: center; 
}
.video_background_o {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
}
.video_background_center {
    position: absolute;
    z-index: 9;
    height: 120px;
    margin: auto;
    top: 0;
    bottom: 130px;
    width: 100%;
    text-align: center;
}
.video_background_center h2 {
    color: #f6ee01;
    /* font-family: 'Pacifico'; */
    font-family: 'Helvetica';
}
.second-cont-hp {
  margin-top: -130px;
  background: #fff;
  z-index: 99999;
  position: relative;
  padding-top: 20px;
}
/*# sourceMappingURL=style.css.map */



@media (max-width: 750px) and (orientation:landscape) {
    .video_background_wrapper {
        display: none !important;
    }
    .second-cont-hp {
        margin-top: 50px !important;
    }
}
.statikpage table tr td {
    border: 1px solid #474747;
}

.panel-group .panel-body table,
.panel-group .panel-body table th,
.panel-group .panel-body table td {
    border: 1px solid #000;
}
.panel-group .panel-body table th,
.panel-group .panel-body table td {
    padding: 3px;
}
.rmenu_rmenu li + li {
    margin-top: 10px;
}
.seo_text_sp {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}

.seo_text_sp:before {
    content: '';
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 100px;
    background: linear-gradient(transparent 0px, white);
}
.form-control optgroup{
 font-size: 1px;
}
.comment-list img.media-object.img-circle.img-thumbnail {
    cursor: initial;
}

.panel .panel-title img {
    height: 30px;
    position: absolute;
    margin-left: -30px;
    margin-top: 7px;
}
.owl-subcat p {
    text-align: center;
    padding: 0 10px;
}
@media screen and (max-width: 991px) {
    /*
    .owl-stage {
        display: none;
    }
    */
}
@media screen and (min-width: 992px) {
    
   
    .owl-subcat .owl-stage-outer .owl-stage {
        display: block!important;
        text-align: center;
        width: 100%!important;
    }
    .owl-subcat.owl-carousel .owl-stage-outer .owl-item {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

}
.owl-carousel .owl-stage-outer .owl-item .item_wr_car {
    text-align: center;    
}

.owl-subcat .owl-prev {
    width: 15px;
    height: 40px;
    position: absolute;
    top: 30%;
    margin-left: 0;
    display: block !important;
    border:0px solid black;
}

.owl-subcat .owl-next {
    width: 15px;
    height: 40px;
    position: absolute;
    top: 30%;
    right: 0;
    display: block !important;
    border:0px solid black;
}
.owl-subcat-many .owl-prev {
    width: 15px;
    height: 40px;
    position: absolute;
    top: 25%;
    left: -25px;
    margin-left: 0;
    display: block !important;
    border:0px solid black;
}

.owl-subcat-many .owl-next {
    width: 15px;
    height: 40px;
    position: absolute;
    top: 25%;
    right: -25px;
    display: block !important;
    border:0px solid black;
}
.owl-next, .owl-prev {
    background: transparent!important;
}
.owl-prev i, 
.owl-next i {
    font-size: 50px; 
    transform : scale(1,2); 
    color: #ccc;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    transition: all 100ms ease;
    opacity: 0.6;
}
.owl-prev i:hover, 
.owl-next i:hover {
    color: #fff;
    opacity: 1;
}
.row.kill_padding {
    margin: 0;
    padding: 15px;
}
.homeblc_title {
    margin: 40px 0 30px 0;
}
.homeblc_title_inside {
    margin: 0 0 20px 0;
}
.hblc3 {
    margin: 75px 0 30px 0;
}
.hblc3 > img {
    margin: 0 50px 20px 0;
    float: left;
}
.hblc2_dur {
    font-family: Ubuntu, sans-serif;
    background: url("https://admin.jampa.cool/files/images/icons_new/Calendar.svg") no-repeat left center;
    height: 50px;
    padding: 10px 0 0 80px;
}
.hblc2_hum {
    font-family: Ubuntu, sans-serif;
    background: url("https://admin.jampa.cool/files/images/icons_new/People.svg") no-repeat left center;
    height: 50px;
    padding: 15px 0 0 80px;
}
.hblc2_pr {
    background: url("https://admin.jampa.cool/files/images/icons_new/Grey_money.svg") no-repeat left center;
    height: 50px;
    padding: 15px 0 0 80px;
}
.btn__blc3.discount {
    background: url("https://admin.jampa.cool/files/images/icons_new/Discount.svg") no-repeat left center;
}

.owl-card .owl-prev,
.owl-card .owl-next,
.owl-related .owl-prev,
.owl-related .owl-next,
.owl-related_certificates .owl-prev,
.owl-related_certificates .owl-next,
.owl-related_certificates_gift_box .owl-prev,
.owl-related_certificates_gift_box .owl-next,
.owl-blc2 .owl-prev,
.owl-blc2 .owl-next {
    position: absolute;
    top: calc(50% - 50px);
}
.owl-card .owl-prev,
.owl-related .owl-prev,
.owl-related_certificates .owl-prev,
.owl-related_certificates_gift_box .owl-prev,
.owl-blc2 .owl-prev {
    left: 10px;
}
.owl-card .owl-next,
.owl-related .owl-next,
.owl-related_certificates .owl-next,
.owl-related_certificates_gift_box .owl-next,
.owl-blc2 .owl-next {
    right: 10px;
}
.owl-main .item {
    background: #89C5C5;
    color: #fff;
    text-align: center;
}
.owl-main .item .row {
    display: flex;
    flex-flow: row;
    align-items: center;
}
.owl-main .item img {
    display: inline-block;
    transform: rotate(-5deg);
    border: 1px dashed #fff;
    margin-right: 50px;
    max-width: 90%;
}
.owl-main h3 {
    margin-bottom: 20px;
}
.owl-main p {
    font-family: Ubuntu, sans-serif;
    font-size: 12px;
}
.main-logo {
    display: inline-block;
    position: relative;
    /*padding-top: 10px;*/
}
.top-menu-bar {
    background: #F5F5F5;
}
.top-menu-bar .top-menu-mobile {
    display: none;
    padding-top: 2px;
}
.top-menu-bar .top-menu-desktop {
    display: inline-block;
}
/*.top-menu-bar ul li a {
    font-family: Ubuntu, sans-serif;
    padding: 5px 10px;
    font-size: 14px;
}*/
.top-menu-bar ul li + li {
    margin-left: 20px;
}
.top-menu-bar ul.dropdown-menu li + li {
    margin-left: 0;
}
.top-cart-cnt,
.top-menu-cnt {
    color: #fff;
    display: inline-block;
    background: #ED4457;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 10px;
    font-family: Ubuntu, sans-serif;
    padding: 0 4px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}
.top-menu-tog2 {
	cursor: pointer;
}
.top-menu-tog {
	position: absolute;
	left: 30px;
	top: 0;
	z-index: 9;
    width: 50px;
    height: 50px;
    background: url("https://admin.jampa.cool/files/images/icons_new/Menu.svg") no-repeat center;
}
.top-geo-tog {
	display: inline-block;
	position: absolute;
	right: 30px;
	bottom: 5px;
	z-index: 9;
    width: 40px;
    height: 45px;
    background: url("https://admin.jampa.cool/files/images/icons_new/Location.svg") no-repeat center;
}
.top-cat-tog {
    height: 45px;
    background: url(https://admin.jampa.cool/files/images/icons_new/menu_cat_red.svg) no-repeat center;
    width: 24px;
    margin-left: 10px;
}
.card-geo-place {
    background: url("https://admin.jampa.cool/files/images/icons_new/Location.svg") no-repeat left center;
    background-size: 30px 30px;
    min-height: 30px;
    padding-left: 30px;
}
.mhd-menu li + li {
	border-left: 1px solid #F5F5F5;
}
.top-menu-bar2 {
    border-bottom: 2px solid #F5F5F5;
    padding: 5px 0;
    background: var(--white);
}
ul.breadcrumb li a {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
}
.panel-default > .panel-heading {
	background-color: #fff;
}
.top-menu-bar2 .navbar-geo > ul ul.dropdown-menu a {
	font-size: 18px;
}
.leftbar-geo-tog {
    margin-bottom: 20px;
}
.leftbar-geo-tog .dropdown-menu {
    right: 0;
}
.leftbar-geo-tog .top-geo-tog {
    position: inherit;
}
.leftbar-geo-tog .top-geo-name {
    display: inline-block;
    margin: 0 5px 5px 0;
    /*border-bottom: 2px solid #cd0000;*/
}
.leftbar-geo-tog .dropdown > a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    /* box-shadow: 0px 3px 7px 0px #caa5a5; */
}
#leftGeoSelect a {
    font-size: 17px;
}
.leftbar-geo-tog a.dropdown-toggle i {
    color: #cd0000;   
    font-size: 18px;
    margin-right: 10px;
}
.leftbar-geo-tog a.dropdown-toggle:hover {
    text-decoration: none;
    color: #ffc800;   
}
.sort-block > p,
.sort-block > ul {
    display: inline-block;
}
.sort-block {
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
}
.sort-block > p {
    margin-right: 10px;
}
.sort-block > ul {
    border: 1px solid #c4c4c4;
    padding: 0 10px;
}
.sort-block a.dropdown-toggle:hover {
    text-decoration: none;
}
.top-share-btn {
    position: absolute;
    top: 45px;
    right: 25px;
    color: #fff;
    z-index: 9;
}
.admin-info {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 25px;
    border-radius: 50px;
    background: #fff;
    color: #cd0000;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
}
.list a.admin-info {
    font-family: Ubuntu, sans-serif;
    font-weight: 300;
}
.comment-list p.alert-info a {
    color: #31708f;
    text-decoration: underline;
}
.calendarbtn .calendarbtn__wr .modals_price {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    background: url("https://admin.jampa.cool/files/images/icons_new/Grey_money.svg") no-repeat left center, #fff;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    color: #000;
	font-size: 18px;
}
.modals_price i {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 800;
}
#modals_price .modal-header {
    border: 0;
}
#modals_price .modal-content {
    background: #F5F5F5;
    border-radius: 0;
}
#modals_price .modal-content table {
    border-spacing: 0 20px;
    border-collapse: inherit;
}
#modals_price .modal-content table tr td {
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ddd;
    padding: 12px 8px;
}
#modals_price .modal-content table tr td + td {
    border-left: 0;
}
#modals_price .modal-content table tr td .list__price3 {
    font-family: Ubuntu, sans-serif;
    font-weight: 500;
}
#modals_price .close {
    font-size: 31px;
    opacity: 1;
}
.card-center-content {
    display: flex;
    align-items: center;
    flex-flow: row;
}
.svg-preloader {
  display: none;
  width: 100px;
  height: 100px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*CERTIFICATES VIEWS CSS STARTS HERE*/

/* ACTIVATE_CERT_STEP1 START*/
#tabcontent1 {
    display: block;
}
.certificates_title h1 {
    text-align: center;
    font-size: 33px;
    margin: 0;
}
.wr_for_activate_cert_breadcrumbs {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    width: 100%;
    padding: 30px 0 30px 0;
}
.wr_for_activate_cert_breadcrumbs span.step_title {
    font-size: 16px;
    display: flex;
    flex-flow: row;
    flex: 1;
}
.wr_for_activate_cert_breadcrumbs span.step_title.current_page a,
.wr_for_activate_cert_breadcrumbs span.step_title.current_page {
    color: #21a519;
    font-family: "Ubuntu";
}
.wr_for_activate_cert_breadcrumbs span.step_title i {
    margin: 19px 5px;
    font-size: 19px;
}
.certificates_dropdowns_row label,
.certificates_inputs_row label {
    font-family: "Ubuntu";
    font-weight: 300;
}
.step {
    display: flex;
    flex-direction: column;
    flex: 1 80%;
    text-align: center;
    border: 1px solid;
    padding: 5px;
}
.wr_cert_activate .wr_certificates_inputs_row {
    border: 1px solid #ccc;
    margin: 30px 0;
    /*padding: 20px 5px 0;*/
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}
.wr_cert_activate .certificates_inputs_row {
    padding: 30px 30px 0;
    display: flex;
    flex: 1 33.3%;
    flex-flow: column;
    align-items: flex-start;
}
.wr_cert_activate .certificates_inputs_row a {
    position: relative;
    background: #21a519;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}   
.wr_cert_activate .certificates_inputs_row .form-control-wrapper {
    width: 100%;
    /*margin-bottom: 30px;*/
}
/*АНИМАЦИЯ СТРЕЛОЧЕК Начало*/
.choose_cart_gift_service_box .cart_gift { 
    position: absolute;
    top: 30px;
    right: 10px;
    transform: translate(-50%,-50%);
}
.certificates_inputs_row .cart_gift { 
    position: absolute;
    top: 30px;
    right: 10px;
    transform: translate(-50%,-50%);
}
.choose_cart_gift_service_box .cart_gift span { 
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    margin: -15px;
    animation: animateit 2s infinite;
}
.certificates_inputs_row .cart_gift span { 
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    margin: -15px;
    animation: animateit 2s infinite;
}
.choose_cart_gift_service_box .cart_gift span:nth-child(2) {
    animation-delay: -0.2s;
}
.certificates_inputs_row .cart_gift span:nth-child(2) {
    animation-delay: -0.2s;
}
.choose_cart_gift_service_box .cart_gift span:nth-child(3) {
    animation-delay: -0.4s;
}
.certificates_inputs_row .cart_gift span:nth-child(3) {
    animation-delay: -0.4s;
}
@keyframes animateit {
    0%{
        opacity: 0;
        transform: rotate(-45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(-45deg) translate(10px,10px);
    }
}
/*АНИМАЦИЯ СТРЕЛОЧЕК КОНЕЦ*/

/* ACTIVATE_CERT_STEP1  END*/

/* ACTIVATE_CERT_STEP2 START*/

.extra_info_about_content {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-around;
    margin: 0 0 30px 0;
}
.extra_info_about_content > div {
    text-align: center;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}
.extra_info_about_content > div .info_circle {
    width: 15px;
    height: 15px;
    background: #ED4457;
    border-radius: 50%;
    margin: 0 10px 0 0;
}
.wr_content_info_act_cert {
    padding: 10px 0;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
}
.wr_content_title_act_cert {
    text-align: center;
    color: #000;
}
.wr_content_act_cert {
    margin: 5px 0;
    padding: 10px 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
    height: 180px;
}
.item_act_cert {
    display: flex;
    flex-flow: column;
    align-content: center;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.item_act_cert:hover .wr_content_act_cert {
    border: 1px solid #21a519;
}
.wr_content_info_act_cert span {
    position: relative;
    font-family: "Ubuntu";
}
.wr_content_info_act_cert .top-geo-tog {
    position: absolute;
    content: "";
    top: -7px;
    height: 29px;
    left: -40px;
}
.img_wr_act_cert {
    text-align: center;
}
.img_wr_act_cert img {
    max-width: 100%;
}
.wr_content_act_cert a {
    padding: 10px 25px;
    font-size: 20px;
    background: #21a519;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
.wr_content_act_cert a:hover {
    opacity: 0.7;
}

/* ACTIVATE_CERT_STEP2 END*/

/* ACTIVATE_CERT_STEP3 */

.wr_cert_activate_step3 {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.wr_cert_activate_step3 .extra_info_about_content > div {
    text-align: center;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: center;
}
.wr_cert_activate_step3 .extra_info_about_content > div .info_circle {
    width: 15px;
    height: 15px;
    background: #ED4457;
    border-radius: 50%;
    margin: 5px 10px 0 0;
}

div.time_picker {
    background-color: white;
    display: inline-flex;
    border: 1px solid #ccc;
    color: #555;
    position: absolute;
    top: 4px;
    right: 19px;
}

div.time_picker > input {
    border: none;
    color: #555;
    text-align: center;
    width: 40px;
}
.wr_for_date_time_picker form {
/*    position: relative;
    height: 300px;*/
}
.datetimepicker-inline {
    width: 400px;
}
.wr_for_date_time_picker form label {
    position: absolute;
}
/*.wr_for_date_time_picker .form-control-wrapper {
    width: 221px;
}*/
.date_picker_title {
    text-align: center;
    width: 100%;
    margin: 30px 0 20px;
    display: block;
    color: #000;
}
#date_picker {
    cursor: pointer;
}

/* ACTIVATE_CERT_STEP3 END*/

/* ACTIVATE_CERT_STEP4 */

.wr_cert_activate_step4 {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.wr_cert_activate_step4 .extra_info_about_content > div {
    text-align: center;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: center;
}
.wr_cert_activate_step4 .extra_info_about_content > div .info_circle {
    width: 15px;
    height: 15px;
    background: #ED4457;
    border-radius: 50%;
    margin: 2px 10px 0 0;
}
.extra_info_about_content > div .info_title {
    flex: 1 90%;
    font-size: 14px;
    font-family: "Ubuntu";
    color: #000;
}
.nice_notice {
    margin: 30px 0;
    width: 100%;
    text-align: center;
}
.nice_notice span {
    color: #f39508;
    font-size: 18px;
}
.wr_for_service_item_content {
    border: 1px solid #ccc;
    display: flex;
    flex-flow: wrap;
    margin: 0 15px;
}
.left_service_item_content_img img {
    max-width: 100%;
}
.left_service_item_content_title {
    padding: 10px;
    text-align: center;
}
.left_service_item_content {
    flex: 1; 
    display: flex;
    flex-flow: column;
    align-items: center;
    border-right: 1px solid #ccc;
}
.right_service_item_content {
    flex: 2; 
    display: flex;
    flex-flow: column;
    padding: 30px 0 50px 30px;
    justify-content: space-around;
    position: relative;
}
.right_service_item_content > div {
    display: flex;
    flex-flow: row;
    padding: 10px 0;
}
.right_service_item_content > div > span {
    flex: 1; 
    font-family: "Ubuntu";
}
.right_service_item_content a {
    padding: 10px 25px;
    font-size: 20px;
    background: #21a519;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
}


/* ACTIVATE_CERT_STEP4 END*/

/* CART_GIFT */

/*.choose_cart_gift_service_box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}*/
.gift_service_box_price {
    color: #ed4456;
    font-weight: 800;
    font-size: 22px;
    padding: 0 0 15px 0;
}   
.due_to_date {
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    padding: 5px;
}
.small_text {
    text-align: justify;
    font-size: 12px;
    padding: 15px;
}
/*.choose_cart_gift_service_box button {
    position: relative;
    background: #ed4456;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    width: 260px;
    border-radius: 4px;
}
.choose_cart_gift_service_box button:hover {
    opacity: 0.7;
}*/
.gift_service_item_img img {
    max-width: 100%;
}
.cart_gift_service_item {
    margin: 0 0 30px 0;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 10px #ccc;
    display: flex;
    flex-flow: wrap;
    position: relative;
}
.gift_service_item_content_title {
    text-align: center;
}
.cart_gift_service_item .gift_service_item_img {
    flex: 1;
}
.cart_gift_service_item .gift_service_item_content {
    flex: 2;
    padding: 20px 40px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}
.gift_service_item_content_price {
    padding: 20px 0;
}
.cart_gift_service_item .close_gift_service_item {
    position: absolute;
    top: -5px;
    right: 5px;
    font-size: 25px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}
.gift_service_item_content_info {
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
}
.gift_service_item_content_info span {
    position: relative;
    font-family: "Ubuntu";
}
.gift_service_item_content_info  .top-geo-tog {
    position: absolute;
    content: "";
    top: -7px;
    height: 29px;
    left: -40px;
}
.cart_gift_service_item.extra_gift_service {
    display: none;
}
.add_cart_gift_service_item {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.add_cart_gift_service_item a {
    background: #21a519;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
    display: flex;
    width: 260px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}
.add_cart_gift_service_item p {
    font-family: "Ubuntu";
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}
.add_cart_gift_service_item a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.plus {
    margin-right: 10px;
    position: relative;
    width: 20px;
    height: 20px;
}
.plus:before, .plus:after { 
    content: "";
    position: absolute;
    background-color: white;
    transition: transform 0.25s ease-out;
}
.plus:before {
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    margin-left: -2px;
}
.plus:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    margin-top: -2px;
}   
.wr_for_cart_gift_breadcrumbs {
    /*display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    padding: 0px 10px 30px 10px;*/
    display: block;
    text-align: center;
    width: 100%;
    padding: 0px 10px 30px 10px;
}

.wr_for_cart_gift_breadcrumbs span.step_title {
    font-size: 16px;
    line-height: 20px;
    font-family: "Ubuntu";
    /*display: flex;
    flex-flow: row;
    align-items: baseline;*/
    display: inline-block;
    position: relative;
    /*margin: 5px 20px;*/
}
.wr_for_cart_gift_breadcrumbs span.step_title i {
    margin: 0 15px;
}
.wr_for_cart_gift_breadcrumbs span.step_title.current_page a,
.wr_for_cart_gift_breadcrumbs span.step_title.current_page {
    color: #21a519;
}

/* CART_GIFT END*/

/* CART_GIFT_BOX */
.wr_cert_cart_box .row {
   /* display: flex;
    flex-flow: wrap;*/
}
.wr_cert_cart_box .row > div {
   /* display: flex;
    flex-direction: column;
    justify-content: flex-end;*/
}
.choose_cart_gift_service_box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    justify-self: center;
    height: 100%;
}
.choose_cart_gift_service_box p {
    font-family: "Ubuntu";
}
.choose_cart_gift_service_box button {
    position: relative;
    background: #ed4456;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    width: 260px;
    border-radius: 4px;
}
.choose_cart_gift_service_box button:hover {
    opacity: 0.7;
}
/* Style the tab */
.wr_tab_cart_gift_box .tab.card_gift_box_page {
    display: flex;
    flex-flow: row-reverse;
    overflow: hidden;
    align-items: flex-end;
    margin: 0;
}
.wr_tab_cart_gift_box .tab.card_gift_box_page button {
    flex: unset;
    font-family: "Ubuntu";
}
/* Style the tab content */
.wr_cert_cart_box .wr_tab_cart_gift_box .tabcontent {
  display: none;
  padding: 30px 0 0 0;
  border-bottom: none;
}   
.tabs_wr_block .tabcontent {
	font-family: "Ubuntu";
}
.gift_service_box_price {
    color: #ed4456;
    font-size: 22px;
    font-weight: 800;
    padding: 0 0 15px 0;
}   
.electronniy_cert_info {
    font-size: 12px;
    margin-bottom: 30px;
}
.cart_gift_box_img {
    text-align: center;
    padding: 20px;
}
.cart_gift_box_img img {
    max-width: 100%;
    transform: rotate(5deg);
    border: 2px solid #213444;
}
#form-descr {
    border: 1px solid #DDDDDD;
    height: 200px;
    padding: 5px;
}
#form-descr-label {
    font-weight: 300;
    text-align: center;
}
.gift_box_info {
    font-size: 16px;
    padding: 0 0 20px 0;
}
.wr_for_gift_box_tab {
    padding: 0;
}
.choose_box_color {
    border: 1px solid #ccc;
    /*margin: 20px;*/
    height: 100%;
    display: flex;
}

.choose_box_color_radio {
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
}
.choose_box_color_price {
    margin-top: 20px;
    color: #000;
}
.choose_box_color_price span span {
    font-size: 20px;
    color: #4ca713;
}
/*ВЫБОР ПОДАРКОВ СТАРТ*/
.cc-selector span {
    font-family: "Ubuntu";
    font-weight: 300;
}
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    margin: 0 15px;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.2) grayscale(.8) opacity(.5);
       -moz-filter: brightness(1.2) grayscale(.8) opacity(.5);
            filter: brightness(1.2) grayscale(.8) opacity(.5);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.choose_box_color_radio_title {
    color: #000;
    padding: 10px 0;
}
/*ВЫБОР ПОДАРКОВ КОНЕЦ*/
  


/* CART_GIFT_BOX END*/

/* CART_GIFT_CONTACTS */


.gift_service_box_price {
    color: #ed4456;
    font-size: 22px;
    font-weight: 800;
    padding: 0 0 15px 0;
}   


.gift_cont_title {
    margin-top: 20px;
    text-align: center;
}
.gift_cont_title span {
    color: #000;
    font-size: 20px;
    font-family: "Ubuntu";
}
.nova_poshta_price {
    margin: 20px 0;
    color: #000;
    text-align: center;
}
.nova_poshta_price span {
    font-size: 14px;
}
.nova_poshta_price span span {
    font-size: 18px;
    color: #4ca713;
}
.gift_cont_content {
    margin: 20px 0 0 0;
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #ccc;
}
.certificates_dropdowns_row .arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.certificates_dropdowns_row .arrow_down {
    margin-top: -25px;
}
.certificates_dropdowns_row .radio_buttons_title {
    flex: 0.4;
}
.gift_cont_content .certificates_dropdowns_row {
    padding: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
.gift_cont_content .certificates_dropdowns_row > div {
    margin: 30px;
}
.gift_cont_content .certificates_dropdowns_row .dropdown.open button {
    color: #474747;
    background: #fff;
    border: 1px solid #e2e2e2;
}
.gift_cont_content .certificates_dropdowns_row .dropdown {
    display: flex;
    flex-flow: wrap;
}
.wr-content .certificates_dropdowns_row .dropdown button {
    font-family: "Ubuntu";
    color: #000;
    font-weight: 400;
}
.gift_cont_content .certificates_dropdowns_row .dropdown button {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    width: 240px;
    padding: 5px 10px 5px 25px; 
    color: #000;
    background: #fff;
    border: 1px solid #e2e2e2;
    font-weight: 300;
    position: relative;
}
.gift_cont_content .certificates_dropdowns_row .dropdown button .caret {
    color: #fff;
    z-index: 1;
}
.gift_cont_content .certificates_dropdowns_row .dropdown button .caret_bg {
    position: absolute;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    content: "";
    background: #ED4457;
    top: -1px;
    right: -1px;
    width: 31px;
    height: 31px;
}
.gift_cont_content .certificates_dropdowns_row .dropdown button .top-geo-tog {
    position: absolute;
    content: "";
    top: 0;
    height: 29px;
    left: -15px;
}
.gift_cont_content .certificates_dropdowns_row .dropdown button .ripple-wrapper {
    display: none;
}
.gift_cont_content .certificates_dropdowns_row .dropdown .dropdown-menu {
    /*min-width: 240px;*/
    min-width: 100%;
}
.gift_cont_content .certificates_dropdowns_row .dropdown button .btn_title {
    width: 90%;
    overflow: hidden;
}
.gift_cont_content form {
    width: 100%;
}   
.wr_certificates_inputs_row {
    padding: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    /*align-items: center;*/
}
.gift_cont_content .certificates_inputs_row {
    padding: 0 30px;
    display: flex;
    flex: 1 50%;
    flex-flow: column;
    align-items: flex-start;
    /*width: 240px;*/
}
.gift_cont_content .certificates_inputs_row.electronic_contacts {
    padding: 30px 30px 0 30px;
}
.gift_cont_content .certificates_inputs_row.text_area {
    padding: 0 30px;
}
.gift_cont_content .certificates_inputs_row .form-control-wrapper {
    width: 100%;
    /* margin-bottom: 30px; */
}
.form-group .help-block-error {
    font-family: Ubuntu, sans-serif;
    font-size: 12px;
    margin-top: 0;
}
.certificates_inputs_row .form-group {
    width: 100%;
}

/* CART_GIFT_CONTACTS END*/

/* CATALOG-SINGLE */

.row.top_part_cat_singl {
   /* display: flex;
    flex-wrap: wrap;*/
    margin: 40px 0 0 0;
}
.choose_certificate_content_block {
    padding: 0 0 0 20px;
}
.wr_for_radio_buttons {
    padding-top: 15px;
    /*
    padding: 15px 0;
    border: 1px solid #ccc;
    */
}
.radio_buttons_contnet {
    padding: 10px 15px;
}
.radio label.cat_single_radio_label {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    padding:  10px 10px 10px 60px;
    border-bottom: 1px solid #ccc;
}
.radio label.cat_single_radio_label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-top: 3px;
    margin-left: 13px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label.cat_single_radio_label:after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-top: 13px;
    margin-left: 13px;
    border-radius: 50%;
    background-color: #4ca713;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio label.cat_single_radio_label.radio_bg {
    background: #00ab643d;
}
.radio label.cat_single_radio_label.radio_bg:before {
    border-color: #4ca713;
} 
.radio label.cat_single_radio_label.radio_bg:after {
    background-color: #4ca713;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio label.cat_single_radio_label span {
    flex: 1;
}
.radio_buttons_contnet .radio input[type="radio"] {
    margin: 15px 15px 0;
}
.radio_buttons_title {
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
}
.arrow_down {
    flex: 1 0%;
    position: relative;
}
.text_r_b {
    flex: 1 100%;
    text-align: center;
}
/*АНИМАЦИЯ СТРЕЛОЧЕК КОНЕЦ*/
.arrow {
    position: absolute;
    top: 20px;
    left: 44px;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #ed4456;
    border-right: 3px solid #ed4456;
    transform: rotate(45deg);
    margin: -15px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

/*АНИМАЦИЯ СТРЕЛОЧЕК КОНЕЦ*/
.text_right {
    text-align: center;
}
.gift_btn {
	width: calc(100% - 30px);
	background: #ED4457;
	padding: 10px 50px;
	color: #fff;
	border-radius: 4px;
	margin: 0 15px 20px;
    font-size: 22px;
}
.gift_btn:hover {
    opacity: 0.7;
}
.extra_info_block {
    padding: 5px 15px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.extra_info_block > div {
    display: flex;
    flex-flow:row;
    align-items: center;
}
.extra_info_block > div > svg {
    width: 30px;
    height: 30px;
}
.extra_info_block > div > span {
    padding-left: 10px;
    font-size: 14px;
}
/* Style the tab */
.tab {
    display: flex;
    flex-flow: row;
    overflow: hidden;
    /*margin-top: -60px;*/
    align-items: flex-end;
}

/* Style the buttons inside the tab */

.tab button { 
    flex: 1;
    background-color: inherit;
    float: left;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    outline: none;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 15px;
    font-family: "Ubuntu";
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  border-bottom: 1px solid #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-bottom: 1px solid #ccc;
  border-top: none;
}
.border_bot {
    border-bottom: 1px solid #ccc;
    width: 100%;
    flex: 4;
    padding: 14px 16px;
    font-size: 18px;
    line-height: 18px;
}
.other_s_block {
    padding: 30px 60px 20px 60px;
}
.look_map_text, .phone_btn_box {
	font-size: 18px;
}

/* CATALOG-SINGLE END*/

/* CATALOG */
.certificates_content_items .list__desc3 .calendarbtn .byti3 {
    background: #ED4457;
}
.certificates_content_top {
    padding: 0 0 20px 0;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.certificates_content_top > div.certificates_title {
    flex: 1;
}
.certificates_dropdowns_row {
    padding: 0 0 40px 0;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.certificates_dropdowns_row > div {
        flex: 1;
        margin: 5px;
}
.certificates_activate a,
.certificates_activate button {
    background: #ffc800;
    color: #fff;
    border: 1px solid #ffc800;
}
.certificates_activate button:hover {
    opacity: 0.7;
    background: #ffc800;
    color: #fff;
    border: 1px solid #ffc800;
}
.certificates_dropdowns_row .dropdown.open button {
    color: #474747;
    background: #fff;
    border: 1px solid #e2e2e2;
}
.certificates_dropdowns_row .dropdown {
    display: flex;
    flex-flow: wrap;
}
.certificates_dropdowns_row .dropdown button {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    width: 174px;
    padding: 5px 10px 5px 25px; 
    color: #474747;
    background: #fff;
    border: 1px solid #e2e2e2;
    font-weight: 300;
    position: relative;
}
.certificates_dropdowns_row .dropdown button .caret {
    color: #fff;
    z-index: 1;
}
.certificates_dropdowns_row .dropdown button .caret_bg {
    position: absolute;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    content: "";
    background: #ED4457;
    top: -1px;
    right: -1px;
    width: 31px;
    height: 31px;
}
.certificates_dropdowns_row .dropdown button .top-geo-tog {
    position: absolute;
    content: "";
    top: 0;
    height: 29px;
    left: -15px;
}
.certificates_dropdowns_row .dropdown button .ripple-wrapper {
    display: none;
}
.certificates_dropdowns_row .dropdown .dropdown-menu {
    min-width: 174px;
}
.wr_price_filters {
    padding: 10px;
}
.wr_price_filters.categories_filters_wr {
    display: flex;
    flex-flow: column;
    
}
.certificates_dropdowns_row .dropdown-menu.many_categories {
    min-width: 400px;
}
.dropdown-menu.many_categories .wr_price_filters.categories_filters_wr {
    display: flex;
    flex-flow: row;
}
.activate_filter {
    display: block;
    margin: 10px 10px 20px 10px;
    color: #ED4457;
}
.dropdown-menu.many_categories .wr_price_filters.categories_filters_wr .filters {
    flex: 1;
}
.filters {
    padding: 0 0 10px 0;
    position: relative;
    z-index: 999;
}
.filters input {
    margin-bottom: 5px;
}
.filters .checkbox.disabled label {
    color: #e2e2e2;
}
.certificates_content_items .list__short_text3 {
    height: 55px;
}
.certificates_content_items.row img {
    max-width: 100%;
}
.top_descr_cert p {
    font-family: Ubuntu, sans-serif;
}
.cat_single_radio_label span, .extra_info_block span{
    font-family: Ubuntu, sans-serif;
}
/* CATALOG END*/

.search_input {
    padding: 7px 20px 8px 20px;
    border: none;
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
}
.warehouses_dropdown .dropdown-menu {
    margin-top: 0;
}
/*popup new add*/
.box_btn_popup_add a.btn_p_green {
    background: #21a519;
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
	font-size: 18px;
}
.box_btn_popup_add a.btn_p_green:hover {
  text-decoration: none;
  opacity: 0.9;
  font-size: 18px;
}
.bold {
  font-weight: bold;
}
#modals_infoadd .btn-info-send:hover {
    text-decoration: none;
    opacity: 0.8;
}

#modals_infoadd .btn-info-send {
    background: #21a519;
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}
.help-block-error {
  color: red;
}
.popup-btn-affix {
    display: none;
}

.fix_box.affix .popup-btn-affix {
  display: block;
}
.tr-popup-link {
  cursor: pointer;
}
/*end popup new add*/

@media screen and (max-width: 1199px) {
    .cart_gift_service_item .gift_service_item_content {
        flex: 1; 
    }
}

@media screen and (max-width: 825px) {
    .wr_for_activate_cert_breadcrumbs span.step_title i {
        display: none;
    }
    .gift_cont_content .certificates_inputs_row.electronic_contacts:first-child {
        padding: 30px 30px 0 30px;
    }
    .gift_cont_content .certificates_inputs_row.electronic_contacts {
        padding: 0px 30px;
    }
    .certificates_dropdowns_row > div {
        flex: 1;
        margin: 10px;
    }   
    .certificates_content_items.row {
        /*display: flex;
        flex-flow: wrap;*/
    }
    .certificates_content_items.row > div {
        /*width: 50%;*/
    }
    .certificates_dropdowns_row .dropdown .dropdown-menu {
        min-width: 100%;
    }
    .choose_certificate_content_block {
        padding: 0;
    }
    .text_right {
        text-align: right;
    }
    .other_s_block {
        padding: 20px;
    }
    .gift_cont_content .certificates_dropdowns_row > div {
        flex: 1;
        margin: 30px;
    }   
    .gift_cont_content .certificates_dropdowns_row .dropdown .dropdown-menu {
        min-width: 100%;
    }
    .gift_cont_content .certificates_inputs_row.text_area {
        padding: 0 30px;
    }
    .gift_electronic_certificate_delivery_type {
        margin: 0 0 20px 0;
    }
    .gift_cont_content .certificates_inputs_row {
        padding: 0 30px;
        flex: 1 100%;
    }
    .cart_gift_service_item .gift_service_item_content {
        flex: 1 100%; 
    }
    .cart_gift_service_item .gift_service_item_img {
        flex: 1 100%;
        margin: 25px;
    }
    .extra_info_about_content > div {
        flex: 1 100%;
        margin: 5px;
        display: flex;
        flex-flow: row;
        align-items: center;
    }
    .extra_info_about_content > div .info_title {
        font-family: "Ubuntu";
        color: #000;
        text-align: left;
    }
    .wr_cert_activate .wr_certificates_inputs_row {
        padding: 30px 0;
    }
    .wr_cert_activate .certificates_inputs_row {
        padding: 0px 30px;
        flex: 1 100%;
    }
    .wr_for_activate_cert_breadcrumbs {
        flex-flow: column;
    }
    .wr_for_activate_cert_breadcrumbs span.step_title {
        margin: 5px 0;
    }
}
@media screen and (max-width: 767px) {
    .tab {
        flex-flow: wrap;
        margin-top: 0;
    }
    div#modals_infoadd .close {
        font-size: 37px;
    }
} 
@media screen and (max-width: 570px) {
    .certificates_dropdowns_row > div {
        flex: 1;
        margin: 5px;
    }   
    .certificates_content_items.row div {
        display: flex;
        flex-flow: wrap;
    }
    .certificates_content_items.row > div {
        width: 100%;
    }
    .categories_dropdown {
        order: 1;
    }
    .gift_cont_title {
        margin-top: 0;
    }
    .gift_cont_title span {
        font-size: 16px;
    }
    .gift_cont_content .certificates_dropdowns_row {
        padding: 30px 0 0 0;
    }
    .gift_cont_content .certificates_dropdowns_row > div {
        flex: 1;
        margin: 0px 30px 30px 30px;
    }  
    .right_service_item_content > div {
        padding: 10px;
    }
    .right_service_item_content > div > span:first-child {
        flex: 2;
    }
    .right_service_item_content > div > span:last-child {
        flex: 1;
    }
    .left_service_item_content {
        flex: 1 100%;
    }
    .right_service_item_content {
        padding: 20px 20px 50px 20px;
    }
}

@media screen and (max-width: 425px){
    .dinbox__local {
      overflow: hidden;
    }
    .dinbox__local p {
        margin-right: 10px;
    }
    .look_map_btn {
      padding: 1px 10px;
    }
    .choose_box_color_radio {
        padding: 10px;
    }
    .choose_box_color {
        margin: 20px;
    }
    .add_cart_gift_service_item {
        margin-bottom: 20px;
        padding: 0 30px;
    }
    .add_cart_gift_service_item a {
        margin-bottom: 20px;
    }
    .add_cart_gift_service_item p {
        padding: 5px; 
    }
    .choose_cart_gift_service_box {
        padding: 0 30px;
    }
    .cart_gift_service_item .gift_service_item_img {
        flex: 1 100%;
        margin: 25px;
    }
    .cart_gift_service_item .gift_service_item_content {
        flex: 1 100%;
        margin: 0 25px;
    }
}
/*CERTIFICATES VIEWS CSS ENDS HERE*/





@media only screen and (max-width: 991px) {
    .card-center-content {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .hblc3 > img {
        margin: 0 auto 20px;
        float: none;
    }
    .top-menu-bar ul li + li {
        margin-left: 5px;
    }
    .top-menu-bar .top-menu-all,
    .top-menu-bar .top-menu-mobile {
        display: inline-block;
    }
    .top-menu-bar .top-menu-desktop {
        display: none;
    }
    .navbar-nav {
        margin: 0;
    }
 /*   .top-menu-bar ul li a {
        font-size: 18px;
        line-height: 18px;
    }*/
    .navbar-dark,
    .top-menu-bar2 {
        background: #1D2C41;
    }
    .top-menu-bar2 .navbar-header {
		/*border-bottom: 1px solid #7F7F7F;*/
    }
    .top-menu-bar2 .navbar-header p,
    .top-menu-bar2 .navbar-geo p {
		color: #fff;
		line-height: 20px;
		padding: 5px 80px 5px 90px;
		margin: 0;
    }
    .top-menu-bar2 .navbar-geo a {
    	text-decoration: none;
    }
    .top-menu-bar2 .navbar-geo > ul {
    	margin-bottom: 0;
    }
    .top-menu-bar2 .navbar-geo > ul ul.dropdown-menu {
    	right: 30px;
    	left: initial;
    }
    #myNavbar {
        background: #fff;
    }
    .no-padding-xs {
        padding-left: 0;
        padding-right: 0;
    }
    .footer__copyright {
        text-align: center;
    }
    .navbar .mhd-menu li a {
    	text-align: center;
    	color: #1D2C41;
    	font-size: 18px;
    }
    .navbar ul.mhd-menu {
    	padding: 0 5px;
    	margin-bottom: 0;
    }
    .navbar .mhd-menu li + li {
		border-top: 1px solid #7F7F7F;
    }
}