@import '../libs/pure/pure-min.css';
@import '../libs/pure/grids-responsive-min.css';
@import 'pure-extend.css';
@import 'extra.css';
@import '../js/johndyer-mediaelement/build/mediaelementplayer.min.css';
@import '../libs/Swiper/dist/css/swiper.min.css';
@import '../libs/font-awesome/css/font-awesome.min.css';
@import '../libs/TurnWheel/jReject/css/jquery.reject.css';
@import '../libs/fancybox/source/jquery.fancybox.css';
/*@import '../libs/font/arimo/stylesheet.css';*/
/*
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://test.dolvera.lt/usersc/templates/dovera/assets/fonts/glyphicons-halflings-regular.eot');
  src:
  url('https://test.dolvera.lt/usersc/templates/dolvera/assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('https://test.dolvera.lt/usersc/templates/dolvera/assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
  url('https://test.dolvera.lt/usersc/templates/dolvera/assets/fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('https://test.dolvera.lt/usersc/templates/dolvera/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('https://test.dolvera.lt/usersc/templates/dolvera/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
html {
    height: 100%;
  
}

body {
    min-height: 100%;
    height: 100%;
    color: #323232;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    background-color: #196ec10f;
}

body::after {
  /* background: url(../uploads/_CGSmartImage/1559029242_0_dolvera_trucks_2-d40ec96034a111f098d0ffcd8da1f565.png); */
  content: "";
  opacity: 0.05;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
}

a {
    text-decoration: none;
    outline: none;
    color: #1a5ba9;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

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

.abold {
    font-weight: bold;
}

.across {
	color: yellow;
	text-shadow: 0px 0 8px black;
}

.across:hover {
	color: #1a5ba9;
	text-shadow: 0px 0 0px black;
}

img {
    border: 0
}

p {
    margin: 1.5em 0;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

strong {
    font-weight: 700;
}

#page {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#footer_guarantor {
    height: 48px;
    clear: both;
}

.error {
    border: 1px red solid !important
}

#footer {
    margin: 0 auto;
    margin-top: -48px;
    height: auto;
    clear: both;
    position: relative;
    z-index: 3;
    background: #196ec1cc;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.myInputDD {
  width: 170px;
  font-size: 16px;
  padding: 10px 21px 8px 25px;
  border: none;
  border-bottom: 1px solid #3c3c3c;
  border-radius: 10px;
}

.myInputDD:focus {
  outline: 3px solid #ddd;
  background-color: #f4f9ff;
}
.myInputIn {
  width: 235px;
  font-size: 16px;
  padding: 10px 21px 8px 25px;
  border: none;
  border-bottom: 1px solid #3c3c3c;
  border-radius: 10px;
}

.myInputIn:focus {
  outline: 3px solid #ddd;
  background-color: #f4f9ff;
}
.dropdown {
  position: relative;
  display: inline-block;
  height: 50px;
}

.dropdownTri {
    position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer;
}

.dropdown-content {
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
  position: absolute;
  border-radius: 10px;
}

.dropdown-content a {
  color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      z-index: 10;
      background-color: #a2a1a1f2;
      width: 100%;
}

.dropdown a:hover {background-color: #bfc8def2;}

.show {display: block;}

.logetMenu {
  float: left;
  margin: 5px;
  line-height: 2;
}

.logetMenu a {
  display: block;
  margin-bottom: -10px;
}

.logetMenu a:last-of-type {
  margin-bottom: 0;
}

.logetMenu br {
  display: none;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.ctbn_blue {
    background-image: linear-gradient(to bottom, #3584af, #001e75);
    border: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 4px black;
    margin-right: 5px;
    font-weight: bold;
    padding: 15px;
    font-size: 20px;
}
.ctbn_blue:hover {
    background-image: linear-gradient(to bottom, #1c4054, #001e75);
    color: white;
}
.ctbn_blue:active {
  background-color: #3e8e41;
  box-shadow: 0 0px #666;
  transform: translateY(1px);
}

.btn_yell {
  background-image: linear-gradient(to bottom, #afab35, #755600);
    border: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 4px black;
    margin-right: 5px;
    font-weight: bold;
}
.btn_yell:hover {
  background-image: linear-gradient(to bottom, #031305, #0b5600);
    color: white;
}
.btn_yell:active {
  background-color: #3e8e41;
  box-shadow: 0 0px #666;
  transform: translateY(1px);
}
.btn_green {
  background-image: linear-gradient(to bottom, #35af49, #0f7500);
    border: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 4px black;
    margin-right: 5px;
    font-weight: bold;
}
.btn_green:hover {
  background-image: linear-gradient(to bottom, #031305, #0b5600);
    color: white;
}
.btn_green:active {
  background-color: #3e8e41;
  box-shadow: 0 0px #666;
  transform: translateY(1px);
}
.btn_blue {
    background-image: linear-gradient(to bottom, #3584af, #001e75);
    border: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 4px black;
    margin-right: 5px;
    font-weight: bold;
}
.btn_blue:hover {
    background-image: linear-gradient(to bottom, #1c4054, #001e75);
    color: white;
}
.btn_blue:active {
  background-color: #3e8e41;
  box-shadow: 0 0px #666;
  transform: translateY(1px);
}
.btn_red {
  background-image: linear-gradient(to bottom, #8a2323, #ff0000);
    border: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 4px black;
    margin-right: 5px;
    font-weight: bold;
}
.btn_red:hover {
  background-image: linear-gradient(to bottom, #3c1010, #a70404);
    color: white;
}
.btn_red:active {
  background-color: #3e8e41;
  box-shadow: 0 0px #666;
  transform: translateY(1px);
}
.btn_cancel {
    font-size: 20px;
    font-weight: bold;
    color: red;
    background-color: #9e686852;
    text-align: center;
    box-shadow: 0 0 5px black;
    height: 26px;
    margin-top: 8px;
    border-radius: 8px;
    display: initial;
    padding: 2px;
    cursor: pointer;
}
.btn_cancel:hover {
    background-color: #9e6868;
    color: white;
}
.btn_cancel:active {
  box-shadow: 0 0px #666;
  transform: translateY(1px);
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

.nopadding div {
    padding:0px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

.nopadding div {
    padding:0px;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -75px;
    /* Fade in tooltip */
    opacity: 0; 
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.select-css {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}
Additionally, we recommend adding some rules for right-to-left language support, and a clear disabled state:


/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}

button.RAS {
border: 3px solid #286ba6;
    border-radius: 15px;
    margin-bottom: 10px;
}

button:hover.RAS  {
border: 3px solid #286ba6;
    border-radius: 15px;
    margin-bottom: 10px;
    background-color: #373c8c;
    color: white;
}

.logetMenuRAS {
float: left;
margin: 10px;
height: 105px;
border: 3px solid #286ba6;
padding: 5px;
border-radius: 15px;
width: 125px;
box-shadow: 3px 1px 10px #6c9cc6;
}

.logetMenuIN {
  text-align: center;
  font-size: 50px;
}

.logetMenuIN2 {
  text-align: center;
}

.btnupload {
border: 3px solid #286ba6;
border-radius: 15px;
margin-bottom: 10px;
padding: 5px;
background-color: aliceblue;
}

.docboxbox{
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 1800px;
}

.docboxbox{
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media screen and (min-width: 580px) {
  .docboxbox{
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
}
@media screen and (min-width: 880px) {
  .docboxbox{
    width: 870px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1170px) {
  .docboxbox{
    width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1460px) {
  .docboxbox{
    width: 1450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1750px) {
  .docboxbox{
    width: 1750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}

.docbox{
  width: 280px;
  background-color: aliceblue;
  border: 1px solid burlywood;
  border-radius: 5px;
  height: 130px;
  display: table;
  float: left;
  margin: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.docboxbody{
  padding: 10px;
  webkit-appearance: auto;
}

.docboxfooter2{
  float: left;
  margin-top: 5px;
}

.docboxfooterclockg{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/clock_gre.png');
  width: 25px;
  height: 25px;
  float: right;
  background-size: contain;
}

.docboxfooterclocko{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/clock_org.png');
  width: 25px;
  height: 25px;
  float: right;
  background-size: contain;
}

.docboxfooterclockr{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/clock_red.png');
  width: 25px;
  height: 25px;
  float: right;
  background-size: contain;
}

.docboxfooterok{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/ok.png');
  width: 25px;
  height: 25px;
  float: right;
  background-size: contain;
}

.docboxfooteroktext{
  width: 15px;
  height: 25px;
  float: right;
  margin-top: 3px;
}

.docboxfooterinp{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/inprogress.png');
  width: 25px;
  height: 25px;
  float: right;
  background-size: contain;
}

.docboxsignedok{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/ok_green.png');
  width: 25px;
  height: 25px;
  float: left;
  background-size: contain;
}

.docboxnotsignedok{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/nok_red.png');
  width: 25px;
  height: 25px;
  float: left;
  background-size: contain;
}

.docboxsignednot{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/ok.png');
  width: 25px;
  height: 25px;
  float: left;
  background-size: contain;
}

.docboxfooterinptext{
  width: 15px;
  height: 25px;
  float: right;
  margin-top: 3px;
}

.docboxfooterowner{
  background-image: url('../../../../../../portal.dolvera.lt/users/images/user.png');
  width: 25px;
  height: 25px;
  float: right;
  background-size: contain;
}

.docboxheader{
font-weight: bold;
}

.docboxfooter{
display: table-row;
vertical-align: bottom;
height: 1px;
}

.tabcommbox {
   width: 95%;
   border-radius: 8px;
   padding: 5px;
   margin: 15px;
   box-shadow: 2px 2px 6px 0px black;
 }

 .tabcommboxname {
   font-size: 12px;
   font-weight: bold;
 }

 .tabcommboxtext {
   width: auto;

 }

 .tabcommboxlog {
  font-size: 10px;
 }

.myInput {
  width: 150px;
  font-size: 16px;
  padding: 8px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  border-radius: 7px;
  float: left;
  margin-right: 10px
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
  box-shadow: inset 0px 4px 10px -4px #0000004a;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
  box-shadow: inset 0px 4px 10px -4px #0000004a;
}

#orderstable {
  border-collapse: collapse;
  width: 100%;
}

#orderstable td, #orderstable th {
  border: 1px solid #ddd;
  padding: 8px;
}

#orderstable tr:nth-child(even){background-color: #f2f2f2;}

#orderstable tr:hover {background-color: #ddd;}

#orderstable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4389cc;
  color: white;
}

.langMenuul {
	list-style: none;
    font-weight: bold;
    font-size: 15px;
}

.langMenuli {
	float: left;
    width: 30px;
    text-align: center;
    border-radius: 5px;
}

.langMenuli:hover {
	border: 2px solid;
}

.langMenua {
	color: white;
}


.select-wrapper {
  margin: auto;
  max-width: 600px;
  width: calc(100% - 40px);
}

.select-pure__select {
  align-items: center;
  background: #f9f9f8;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #363b3e;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: left;
  min-height: 44px;
  padding: 5px 10px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}

.select-pure__options {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #363b3e;
  display: none;
  left: 0;
  max-height: 221px;
  overflow-y: scroll;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 5;
}

.select-pure__select--opened .select-pure__options {
  display: block;
}

.select-pure__option {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  height: 44px;
  line-height: 25px;
  padding: 10px;
}

.select-pure__option--disabled {
  color: #e4e4e4;
}

.select-pure__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
}

.select-pure__option--hidden {
  display: none;
}

.select-pure__selected-label {
  align-items: 'center';
  background: #5e6264;
  border-radius: 4px;
  color: #fff;
  cursor: initial;
  display: inline-flex;
  justify-content: 'center';
  margin: 5px 10px 5px 0;
  padding: 3px 7px;
}

.select-pure__selected-label:last-of-type {
  margin-right: 0;
}

.select-pure__selected-label i {
  cursor: pointer;
  display: inline-block;
  margin-left: 7px;
}

.select-pure__selected-label img {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  margin-left: 7px;
  width: 14px;
}

.select-pure__selected-label i:hover {
  color: #e4e4e4;
}

.select-pure__autocomplete {
  background: #f9f9f8;
  border-bottom: 1px solid #e4e4e4;
  border-left: none;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  font-size: 16px;
  outline: none;
  padding: 10px;
  width: 100%;
}

.select-pure__placeholder--hidden {
  display: none;
}

.statusst {
  width: 250px;
  text-align: center;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 8px black;
  padding: 1px;
  border-radius: 10px;
  margin: 2px;
  float: left;
  box-shadow: 0px 0px 4px 0px black;
  border: 4px solid #4a4a4a;
  cursor: pointer;
}

.ClientName {
  float: left;
  margin: 10px;
}

.LogetPlace {
  box-shadow: 0px 0px 7px 1px #000000ab;
  width: 100%;
  position: relative;
  z-index: 2;
}

.LogetPlaceIn {
  display: table;
  margin-left: auto;
  font-size: 15px;
}

.SepLine {
  height: 50px;
  position: relative;
  width: 100%;
  box-shadow: 0 4px 4px -2px #000000ab;
  background-color: #4783c087;
  text-align: center;
  font-size: x-large;
  padding-top: 10px;
  font-weight: bold;
}

.FroHead {
  position: relative;
  height: 50px;
}

.rell {
  position: relative;
}

.MainContentStyle {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.OrdPart {
  font-size: small;
  float: right;
  margin-right: 100px;
}

.smplLink {
  float: left;
  border: 1px solid black;
  padding: 5px;
  border-radius: 5px;
}

.markup {
  background-color: #18466f;
  color: aliceblue;
}

.navigationbtn {
  height: 20px;
  float: left;
  margin-right: 10px;
  padding: 5px;
}

.tableTop {
  padding: 10px;
}

.normalStyle {
  padding: 10px;
}

.MaintableStyle {

}

.TablePlace {
  border-collapse: collapse;
  border-radius: 10px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #666;
  padding: 10px;
}

.btnLang{
  border: 0px;
  background: none;
  color: white;
  font-size: 13px;
  font-weight: bold;
}

.langs-menu-container{
  padding-top: 13px;
}

div.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.footer-content > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.copy {
    color: #fff;
    font-size: 12px;
}

div.copy a {
    color: #fff;
}

div.copy a:hover {
    text-decoration: underline;
}

ul.footer_contacts {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
    border-bottom: 1px solid #3877c2;
}

ul.footer_contacts > li > a {
    font-size: 21px;
    color: #f5f8fc;
    display: block;
    padding: 2vw 3vw;
    border-left: 1px solid #3877c2;
}

ul.footer_contacts > li > a > .fa {
    margin-right: 20px;
}

ul.footer_contacts > li:first-child > a {
    border-left: none;
}

ul.footer_menu {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

ul.footer_menu > li > a {
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 20px 15px;
}

ul.footer_menu > li:hover > a {
    text-decoration: underline;
}

#header {
    height: 79px;
    position: relative;
    background-color: #196ec1cc;
    padding-left: 2%;
    padding-right: 2%;
	z-index:2;
}

#header > .container {
    position: relative;
    height: 100%;
}

div.header-content {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

a.logo {
    display: block;
    width: 228px;
    height: 46px;
    position: absolute;
    top: 16px;
    background: url(../images/logo-white.png) 0 0 no-repeat;
    z-index: 15;
}

#sidebar {
    width: 180px;
    float: left;
}

#mainbar {
    overflow: hidden;
    background: #b0b0f0;
}

div.section {
    padding: 30px 0;
}

div.index-swiper-container {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #465161;
    margin-top: -79px;
}

div.index-swiper-container .swiper-pagination {
    left: 0;
    right: 0;
    bottom: 30px;
}

div.index-swiper .swiper-slide .photo {
    width: 100%;
    height: auto;
    display: block;
}

div.index-swiper div.swiper-slide-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.index-swiper div.swiper-slide-content .cont {
    color: #fff;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

div.index-swiper-container .swiper-button-prev,
div.index-swiper-container .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    font-size: 28px;
    background: rgba(13, 33, 64, 0.8);
    color: #fff;
    width: 50px;
    height: 80px;
    border-radius: 5px;
}

div.index-swiper-container .swiper-button-prev {
    left: -2px;
}

div.index-swiper-container .swiper-button-next {
    right: -2px;
}

div.swiper-carusel-container {
    position: relative;
}

div.swiper-carusel .swiper-slide {
    width: auto;
}

div.swiper-carusel .swiper-slide a {
    display: block;
}

div.swiper-carusel .swiper-slide a img {
    display: block;
    /*width: 100%;*/
    height: auto;
}

div.swiper-carusel-container .swiper-button-prev,
div.swiper-carusel-container .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    width: 50px;
    height: 50px;
    background: #ebf1f9;
    border-radius: 5px;
    color: #1f4681;
    font-size: 20px;
}

div.swiper-carusel-container .swiper-button-prev {
    left: -50px
}

div.swiper-carusel-container .swiper-button-next {
    right: -50px
}

/*LISTS*/

ul.lang {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.lang > li {
    position: relative;
}

ul.lang > li > a {
    padding: 30px;
    padding-right: 0px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 13px;
    display: block;
    color: #fff;
}

ul.lang > li > a > .fa {
    font-size: 15px;
    margin-left: 10px;
}

ul.lang > li > ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
}

ul.lang > li:hover > ul {
    display: block;
}

ul.lang > li > ul > li > a {
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding-left: 30px;
    padding-bottom: 15px;
}

ul.lang > li > ul > li:hover > a {
    color: #196EC1;
}

div.main-menu-container {
}

div.content-menu-container {
}

ul.main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

ul.main-menu > li {
    position: relative;
}

ul.main-menu > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    position: relative;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

ul.main-menu > li:hover > a:before,
ul.main-menu > li.selected > a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #196EC1;
}

ul.main-menu > li > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 100%;
    background: #f5f8fc;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
}

ul.main-menu > li.has-submenu:hover > a {
    background: #f5f8fc;
    color: #196EC1;
}

ul.main-menu > li:hover > ul {
    opacity: 1;
    visibility: visible;
}

ul.main-menu > li > ul > li > a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #dfe6ef;
    white-space: nowrap;
    font-size: 13px;
    color: #1f4681;
}

ul.main-menu > li > ul > li:hover > a,
ul.main-menu > li > ul > li.selected > a {
    background: #ecf1f7;
    color: #196EC1;
}

ul.content-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.content-menu > li > a {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
}

/*INPUTS*/

/*HEADERS*/

h1 {
    line-height: 1.2;
    margin: 0 0 0.5em;
}

h2 {
    line-height: 1.2;
    margin: 0 0 0.5em;
}

h3 {
    line-height: 1.2;
    margin: 0 0 0.5em;
}

h4 {
    line-height: 1.2;
    margin: 0 0 0.5em;
}

/*BUTTONS*/
a.button_more {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 12px 50px;
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

a.button_more:hover {
    color: #196EC1;
    border: 1px solid #196EC1;
}


/*SPECIAL*/

/*MISC*/

div.page-module ul {
    margin: 20px;
}

div.page-module ul > li {
    margin: 5px 0 0;
}

div.page-module ul > li:first-child {
    margin: 0
}

div.page-module ol {
    margin: 20px;
}

div.page-module ol > li {
    margin: 5px 0 0
}

div.page-module ol > li:first-child {
    margin: 0
}

div.page-module table {
    background: #fff
}

div.page-module table td {
    padding: 13px 18px;
    border-top: 1px solid #e5e7e7
}

div.page-module table tr:first-child td {
    border-top: 0
}

div.page-module thead td {
    background: #e1e1e1;
}

div.big-menu > div {
    margin: 0 !important;
}

div.item-box {
    padding: 0 !important;
    border-right: 1px solid #fff;
    position: relative;
    overflow: hidden;
}

div.item-box .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(25, 110, 193, 0.8);
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


div.item-box .item > img {
    width: 100%;
    height: auto;
}

div.item-box .item {
    -webkit-transition: all ease 0.9s;
    transition: all ease 0.9s;
}

div.item-box a:hover .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4px;
    background: rgba(25, 110, 193, 0.4);
}

div.about-us {
    background: rgba(56, 119, 196, 0.05);
    text-align: center;
    padding-bottom: 60px;
}

div.about-us .title {
    color: #1f4681;
    font-size: 30px;
    margin-bottom: 30px;
}

div.about-us .title span {
    position: relative;
    padding-bottom: 15px;
}

div.about-us .title span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    background: #196EC1
}

div.about-us .cont {
    color: #111111;
    font-size: 15px;
    margin-bottom: 30px;
}

div.about-us .button_about {
    color: #fff;
    text-transform: uppercase;
    background: #196EC1;
    padding: 15px 50px;
    border-radius: 5px;
}

div.about-us .button_about:hover {
    background: #0e57af;
}

div.partners {
    text-align: center;
    box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.35);
}

div.partners .title {
    color: #1f4681;
    font-size: 30px;
    margin-bottom: 30px;
}

div.partners .title span {
    position: relative;
    padding-bottom: 15px;
}

div.partners .title span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    background: #196EC1
}

div.page-top-photo {
    height: 500px;
    background-position: center center;
    background-size: cover;
    margin: -79px 0 0;
    position: relative;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

div.page-top-photo .container {
    position: relative;
    z-index: 4;
}

div.page-top-photo h1 {
    font-size: 24px;
    font-weight: bold;
    color: #1f4681;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
}

div.path-container {
    position: relative;
    background: #f5f8fc;
    border-bottom: 1px solid #dfe6ef;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.path {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
}

div.fr {
    height: 20px;
}

.iconed-link {
    color: #474747;
    font-size: 11px;
}

.iconed-link .fa {
    color: #4497fb;
}

ul.path > li > a {
    display: block;
    padding-right: 21px;
    position: relative;
    color: #474747;
    font-size: 11px;
}

ul.path > li > a:after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 9px;
    color: #4497fb;
}

div.path-container a:hover {
    padding-bottom: 0px;
    background: none;
    color: #4497fb;
}

ul.side-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

ul.side-menu > li > a {
    font-size: 13px;
    color: #1f4681;
    padding: 15px 20px;
    display: block;
    border-bottom: 1px solid #dfe6ef;
    background: #f5f8fc;
}

ul.side-menu > li:hover > a,
ul.side-menu > li.selected > a {
    background: #196EC1;
    color: #fff;
}

div.page_module .title {
    font-size: 30px;
    color: #1f4681;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

div.page_module .title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
    background: #196EC1;
}

div.page_module .cont {
    font-size: 13px;
    color: #111111;
    line-height: 1.7;
}

div.page_module .img_holder img {
    width: 100%;
    height: auto;
    margin-top: 60px;
}

div.page_module {
    border-bottom: 2px solid #d3d3d3;
    padding-bottom: 50px;
}

.contact-name {
    font-size: 18px;
    font-weight: bold;
    color: #1f4681;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}

.contact-name:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
    background: #196EC1;
}

.inputs-container {
    margin: 0 -5px !important;
}

.inputs-container > div {
    padding: 0 5px !important;
}

.inputs-container input,
.inputs-container textarea {
    width: 100%;
    font-size: 13px;
    color: #111111;
    background: #f5f8fc;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.inputs-container input:focus,
.inputs-container textarea:focus {
    outline: none;
}

.button_send {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    float: right;
    padding: 12px 50px;
    background: #196EC1;
    border-radius: 5px;
}

.sub-title {
    color: #1f4681;
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.sub-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
    background: #196EC1;
}

ul.contacts-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

ul.contacts-list > li > a {
    font-size: 18px;
    color: #196EC1;
    padding: 7px 0;
    display: block;
}

ul.contacts-list > li > a > .fa {
    margin-right: 15px;
}

div.partners-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -15px 0;
}

div.partners-elements > div {
    margin-top: 30px;
    padding: 0 15px;
}

div.partners-elementst > div img {
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

div.partners-elementst > div:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .7;
}

/* XS */
@media only screen and (max-width: 767px) {
    .partners-elements {
        max-height: 100vh; /* Set the maximum height to the full viewport height */
        overflow-y: auto; /* Enable vertical scrolling */
        padding: 10px; /* General padding */
        padding-bottom: calc(100vh - 400px); /* Dynamically add padding to fit content */
        box-sizing: border-box; /* Include padding in height calculation */
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .partners-elements div {
        text-align: center;
    }

    .partners-elements img {
        max-width: 100%;
        height: auto; /* Ensure the images are responsive */
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    a.smart_menu_caller {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fff;
    }

    table.special {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    table.special thead {
        display: none;
    }

    table.special tbody {
        width: 100%;
        display: block;
    }

    table.special tbody tr {
        width: 100%;
        display: block;
    }

    table.special tbody td:before {
        display: block;
        background: #7F7F7F;
        padding: 10px;
        content: attr(data-label);
        margin: -10px;
        margin-bottom: 10px;
        color: #fff;
        font-weight: bold;
    }

    table.special tbody td {
        width: 100%;
        display: block;
        background: #e7e7e7;
        padding: 10px;
        margin-bottom: 10px;
    }

    .container {
        width: auto;
    }

    div.mob_nav_container div.mob-nav-top-line {
        background: rgba(32, 112, 190, 1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff;
    }

    div.mob_nav_container {
        background: #fff;
    }

    div.mob-nav-top-line > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        border-left: 1px solid rgba(193, 217, 184, 0.3);
    }

    div.mob-nav-top-line a {
        display: block;
        text-align: center;
        color: #fff;
        padding: 15px;
    }

    div.mob_header_extention {
        display: block;
        position: absolute;
        left: 160px;
        top: 0;
        right: 70px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    div.mob_header_extention > div {
        height: 70px;
    }

    div.mob-header-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    div.mob-header-items > div {
        border-right: 1px solid rgba(193, 217, 184, 0.3);
    }

    div.mob-search-container {
        display: block;
        height: 0;
        overflow: hidden;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    div.mob-search-container.opened {
        height: 40px;
    }

    /* style sample */
    div.langs-select select {
        border: 0;
        height: 70px;
        text-align: center;
        font-size: 16px;
        padding: 0 15px;
        background: #1f4681;
        color: #fff;
    }

    div.langs-select select option {

    }

    /* style sample */
    div.mob_search a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 70px;
        width: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px;
        text-decoration: none;
    }

    /*-----*/
    #header {
        height: 70px;
        background: #196ec1cc !important;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
        background-image: url(../images/footer.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 2%;
    }

    div.header-content {
        display: none;
    }

    ul.main-menu {
        display: block;
    }

    ul.main-menu > li > a {
        display: block;
        position: relative;
        padding: 15px;
        color: rgba(32, 112, 190, 1);
        border-bottom: 1px solid #ccc;
    }

    ul.main-menu > li > a:before {
        display: none;
    }

    ul.main-menu > li:hover > a,
    ul.main-menu > li.selected > a {

        background: rgba(32, 112, 190, 1);
        color: #fff;
    }

    ul.main-menu > li > a .fa {
        position: absolute;
        right: 0;
        top: 10px;
        bottom: 10px;
        width: 30px;
        background: #efefef;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        /*  border-left:1px solid rgba(0, 0, 0, 0.1) ; */
    }

    ul.main-menu > li.selected > a .fa:before {
        content: '\f068';
    }

    ul.main-menu > li.selected > ul {
        max-height: 600px;
    }

    ul.main-menu > li > ul {
        position: static;
        opacity: 1;
        visibility: visible;
        background: #fff;
        overflow: hidden;
        max-height: 0;
        box-shadow: none;
    }

    ul.main-menu > li > ul > li > a {
    }

    div.section {
        padding: 15px 0;
    }

    div.index-swiper {
        height: 60vw;
    }

    div.index-swiper-container {
        margin-top: 0px;
    }

    div.index-swiper .swiper-slide .photo {
        height: 60vw;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .mobile-menu-toggler {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        padding: 15px;
        border: 1px solid #f1f1f1;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mobile-menu-toggler .fa {
        font-size: 18px;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        position: absolute;
        right: 0;
        top: 10px;
        bottom: 10px;
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid rgba(0, 0, 0, 0.1);

    }

    .mobile-menu-toggler.opened .fa:before {
        content: '\f068';
    }

    div.content-menu-container {
        margin: -15px -15px 15px;
    }

    .content-menu {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .content-menu.opened {
        max-height: 500px;
    }

    #footer_guarantor {
        display: none;
    }

    #footer {
        margin: 0;
        height: auto;
        padding: 15px 0;
    }

    #loginpopup {
    position: fixed;
    width: 400px;
    top: 100px;
    z-index: 2;
    margin-left: calc(50% - 200px);
    background-color: #196ec1eb;
    border-radius: 30px;
    box-shadow: 7px 8px 15px 10px #000000b3;
    }

    div.footer-content {
        display: block;
        text-align: center;
    }

    a.logo {
        background-size: contain;
        width: 150px;
        height: 35px;
        top: 20px;
    }

    div.index-swiper div.swiper-slide-content .cont {
        font-size: 4vw;
    }

    div.index-swiper-container .swiper-button-prev,
    div.index-swiper-container .swiper-button-next,
    div.swiper-carusel-container .swiper-button-prev,
    div.swiper-carusel-container .swiper-button-next {
        display: none;
    }

    div.about-us {
        padding-bottom: 40px;
    }

    ul.footer_contacts > li > a {
        font-size: 3.5vw;
    }

    ul.footer_menu {
        display: block;
        text-align: center;
        width: 100%;
    }

    ul.footer_menu > li > a {
        padding: 7px 0px;
    }

    div.copy {
        display: block !important;
        text-align: center;
    }

    ul.footer_contacts > li > a > .fa {
        margin-right: 2vw;
    }

    ul.side-menu {
        box-shadow: none;
        display: none;
    }

    ul.side-menu.opened {
        display: block;
    }

    div.path-container {
        display: none;
    }

    div.page_module .cont img {
        width: 100%;
        height: auto;
    }

    div.swiper-carusel .swiper-slide a img {
        width: 100%;
        height: auto;
    }

}

/* SM */
@media /*(min-width: 568px) and */
(max-width: 767px) {

}

/* */
@media (min-width: 768px) {

}

/* MD */
@media (min-width: 768px) and (max-width: 1023px) {
    a.logo {
        background-size: contain;
        width: 145px;
    }

    ul.main-menu > li > a {
        padding: 30px 5px;
        font-size: 12px;
    }

    ul.lang > li > a {
        padding: 30px 10px;
        padding-bottom: 10px;
        font-size: 12px;
    }

    ul.lang > li > ul > li > a {
        padding-left: 10px;
        font-size: 12px;
    }

    div.index-swiper div.swiper-slide-content .cont {
        font-size: 25px;
    }

    ul.contacts-list > li > a {
        font-size: 16px;
    }
}

/* LG */
@media (min-width: 1024px) and (max-width: 1279px) {
    ul.main-menu > li > a {
        padding: 30px 15px;
    }
}

/* XL */
@media (min-width: 1280px) {

}

/* PORTRAIT ORIENTATION*/
@media all and (orientation: portrait) {
}

/* LANDSCAPE ORIENTATION*/
@media all and (orientation: landscape) {
}

#pricefooter.pricefooter-blink {
    animation: pricefooter-blink 0.8s ease-in-out 0s 3;
}

@keyframes pricefooter-blink {
    0% {
        background-color: rgb(243, 246, 251);
    }
    50% {
        background-color: #ffe2a6;
    }
    100% {
        background-color: rgb(243, 246, 251);
    }
}