:root{
  --green:#35ABA7;
  --dark:#111111;
  --dark2:#1b1b1b;
  --grey:#f2f3f5;
  --text:#222;
  --muted:#8a8f98;

}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:#fff;font-size:15px;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:var(--font);cursor:pointer;border:none}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

#nprogress .bar {
  top: 0px;
  height: 4px;
}

/* ---------- Sticky header ---------- */
.site-header{
	position:sticky;
	top:0;
	z-index:900;
	background: rgba(24, 50, 84, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(1);
	border-bottom:1px solid #222
}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#fff}
.logo-text{font-weight:800;font-size:24px;letter-spacing:2px;color:#fff}
.logo-bear{width:36px;height:26px}
.header-right{display:flex;align-items:center;gap:22px}
.header-right .btn-yellow{border-radius:0 !important;font-size:18px !important;font-weight:600 !important;padding: 10px 24px !important}
.cabinet-link{color:#fff;font-size:20px;/*font-weight:700;*/}
.btn-yellow{background:var(--green);color:#fff;font-weight:800;font-size:14px;padding:10px 22px;border-radius:4px;display:inline-block;text-align:center}
.btn-yellow:hover{background:rgba(24, 50, 84, .8);}
.burger{display:none;background:none}
.burger svg{width:45px;height:45px;margin-left:40px}
.burger-menu{display:none;}

/* ---------- Hero ---------- */
.hero{
  background:#000000eb url('assets/IMG_5099_3.png') bottom;
  background-repeat: no-repeat;background-size:1385px 553px;
  color:#fff;position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:24px;padding:62px 20px 40px;align-items:start}
.hero-title{font-size:40px;line-height:1.0;font-weight:700;color:var(--green);margin-bottom:20px}
.hero-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.hero-list li{display:flex;gap:10px;font-size:16px;line-height:105%;color:#fff;width:70%}
.hero-list li .dot{display:none}
.hero-more{color:var(--green);font-size:16px;text-decoration:underline}
.hero-tire{align-self:center}
.hero-tire img{width:100%;max-width:460px;margin:0 auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7))}
.hero-badges.mobile-only{display: none;}
.hero-badges.desktop-only{width:100%;display:grid;grid-template-columns:1.1fr auto 1fr;align-items:center;gap:18px;margin-top:36px;color:#cfcfcf}
.badge{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.3;text-transform:uppercase}
.badge svg{width:34px;height:34px;flex:none}
.badge b{color:#fff}
.badge-sep{width:1px;height:34px;background:#3a3a3a}
.badge-text-small{text-transform: none;}
.badge img {width:40px;height:40px;}

/* finder */
.finder{background:rgba(20,20,20,.92);border:1px solid #2c2c2c;border-radius:10px;padding:20px}
.finder-title{font-size:18px;/*font-weight:600;*//*letter-spacing:1px;*/margin-bottom:14px}
.finder-tabs{display:flex;gap:20px;border-bottom:1px solid #333;margin-bottom:18px}
.finder-tab{background:none;color:#8a8a8a;font-size:12px;/*font-weight:700;*/letter-spacing:.5px;padding:0 0 10px;border-bottom:2px solid transparent}
.finder-tab.active{color:var(--green);border-bottom-color:var(--green)}
.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.finder-field label{display:block;font-size:10px;letter-spacing:1px;color:#8a8a8a;margin-bottom:6px;text-transform:uppercase}
.finder-field select{width:100%;background:#0d0d0d;color:#fff;border:1px solid #333;border-radius:4px;padding:10px 12px;font-family:var(--font);font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' transform='rotate(-45 10 0)' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px bottom 7px}
.finder-submit-size, .finder-submit-model {width:100%;background:var(--green);color:#fff;/*font-weight:600;*/letter-spacing:1px;font-size:18px;padding:13px;/*border-radius:4px*/}

/* yellow strip */
.strip{background:var(--green);color:#fff;text-align:center;padding:12px 20px;font-size:14px;letter-spacing:1px}
.strip b{font-weight:800}

/* ---------- Tires ---------- */
.tires{padding:26px 0 48px;background:#fff;}
.section-title{text-align:center;font-size:20px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.section-sub{text-align:center;/*color:#6b7078;*/margin-bottom:16px;font-size:22px;}
.tires-scroller{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tire-card{display:flex;flex-direction:column;position:relative;border: 2px solid #eee;border-radius:15px;padding:20px;}
.tire-badge{position:absolute;top:55px;left:0;background:var(--green);color:#fff;font-size:14px;font-weight:800;padding:5px 10px;border-radius:3px;z-index:2}
.tire-badge-hit{left:10px !important;}
.tire-badge.hit{background:#111;color:var(--green)}
.tire-img{height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.tire-img img{max-height:250px;object-fit:contain}
.tire-name{font-size:19px;font-weight:800}
.tire-purpose{font-size:13px;font-weight:500;color:#8a8f98;margin:2px 0 14px}
/* .tire-icons{display:flex;gap:14px;padding-bottom:14px;border-bottom:1px solid #e7e9ec;margin-bottom:14px} */
.tire-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:14px;border-bottom:1px solid #e7e9ec;margin-bottom:14px}
.tire-icon{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#8a8f98;text-align:center;line-height:1.2}
.tire-icon .ring{width:36px;height:36px;border:1px solid #dcdfe4;border-radius:50%;display:flex;align-items:center;justify-content:center}
.tire-icon svg{width:16px;height:16px}
.tire-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;flex:1}
.tire-features li{display:flex;gap:8px;font-size:13px;font-weight:500}
.tire-features li .dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none;margin-top:6px}
.tire-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stars{display:inline-flex;gap:2px;align-items:center}
.stars svg{width:13px;height:13px}
.rating-num{font-weight:800;font-size:14px;margin-left:4px}
.buy-btn{background:var(--green);color:#fff;font-weight:700;font-size:13px;padding:9px 20px;border-radius:4px}
.reviews-link{display:inline-block;margin-top:10px;font-size:12px;color:#6b7078;text-decoration:underline;cursor:pointer;text-align:center;width:100%}
.tests-note{display:block;margin-top:10px;font-size:12px;color:#6b7078;text-align:center}
.tires-nav-scroller {margin-top:25px;}

/* ---------- Comparison ---------- */
.comparison{padding:10px 0 60px;background:#fff;}
.comparison .section-title{margin-bottom:28px}
.table-wrap.desktop-only{display:initial;overflow-x:auto}
.comparison-scroller.mobile-only{display: none;}
.compare-table{width:100%;border-collapse:collapse;min-width:760px}
.compare-table th,.compare-table td{padding:14px 16px;font-size:13px;text-align:left;border-bottom:1px solid #e7e9ec}
.compare-table thead th{background:var(--grey);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800}
.compare-table td.center,.compare-table th.center{text-align:center}
.char-cell{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800}
.char-cell svg{width:16px;height:16px;flex:none}
.dots{display:inline-flex;gap:5px}
.dots i{width:9px;height:9px;border-radius:50%;background:#111;display:inline-block}
.dots i.off{background:#d4d7dc}

/* ---------- Guarantee ---------- */
.guarantee{/*background: rgba(24, 50, 84, .8)*/;
	background:#DFEBF2;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(1);color:#000;padding:64px 0 40px}
.guarantee h2{font-size:48px;font-weight:700;margin-bottom:10px}
.guarantee-sub{font-size:22px;color:#000;margin-bottom:20px}
.steps{display:grid;grid-template-columns:1.1fr auto 1fr auto .75fr;gap:40px;margin-bottom:44px}
/* .steps{display:flex;gap:20px;margin-bottom:44px;} */
.vertical-divider{width:1px;height:100%;background-color:#eee;}
/* .step{max-width:30%;} */
.step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
.step-num{font-size:75px;font-weight:800;color:var(--green);line-height:1}
.step-title{font-size:25px;font-weight:800;line-height:1.2;padding-top:6px}
.step-text{color:#000;font-size:18px;line-height:120%;}
.step-text-small{color:#000;font-size:12px;line-height:100%}
.step-models{margin-top:14px;color:#000;font-size:18px;line-height:120%;width:105%}
.upload-banner{border:1px dotted #000;padding:24px 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;/*margin-bottom:26px*/background:#fff;}
.upload-banner h3{font-size:17px;font-weight:800}
.upload-banner p{color:#000;font-size:16px;/*margin-top:4px*/}
.upload-banner .btn-yellow {font-size:17px !important;border-radius:0 !important;padding:15px 60px !important}
.guarantee-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:0px solid #000!important;padding-top:20px;font-size:13px;color:#000;flex-wrap:wrap;padding-right:60px;}
.guarantee-bottom a{color:#000;}

/* ---------- Footer ---------- */
.site-footer{background:#1f1f1f;color:#fff;padding:56px 0 32px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:32px;margin-bottom:40px}
.footer-logo{margin-bottom:52px}
.footer-logo-img{color:white;width:185px}
.footer-logo-img svg{color:white}
.footer-contact{font-size:13px;color:#9aa0a8;margin-bottom:6px}
.footer-mail{color:#fff;font-weight:700;display:block;margin-bottom:50px}
.footer-col h4{font-size:18px;font-weight:800;margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.footer-col ul a{color:#eee;font-size:15px}
.footer-col ul a:hover{color:#fff}
.footer-col .single{font-size:18px;font-weight:800;display:block;margin-bottom:28px}
.socials{display:flex;gap:10px;margin-bottom:22px;justify-content:flex-end}
.socials a{width:47px;height:47px;background:#2a2a2a;display:flex;align-items:center;justify-content:center}
.socials svg{width:18px;height:18px}
.subscribe-label{font-size:13px;color:#9aa0a8;margin-bottom:10px;text-align:right}
.subscribe-row{display:flex;gap:8px;margin-bottom:14px}
.subscribe-row input{flex:1;padding:10px 14px;border-radius:20px;border:none;font-family:var(--font);font-size:13px}
.subscribe-row button{background:#3a3a3a;color:#cfcfcf;font-weight:700;font-size:13px;padding:10px 18px;border-radius:4px}
.checks label{display:flex;gap:8px;font-size:11px;color:#9aa0a8;margin-bottom:8px;align-items:center}
.checks input{margin-top:2px}
.checks a{color:#FDF2D5}




.hotline-label{font-size:12px;color:#9aa0a8;margin-bottom:6px}
.hotline{font-size:24px;font-weight:800}
.footer-bottom{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap}
.legal-links{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#ddd;text-align:right;margin-top:82px}
.legal-links a:hover{color:#fff}
.footer-address{font-size:12px;color:#ddd;font-weight:600}

/* ---------- Reviews modal ---------- */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:flex-start;justify-content:center;z-index:1000;padding:20px}
.modal-overlay.open{display:flex}
.reviews-modal{background:#edeef0;border-radius:16px;max-width:1100px;width:100%;padding:28px 32px 36px;position:relative}
.reviews-modal h3{font-size:24px;font-weight:800;margin-bottom:22px}
.modal-close{position:absolute;top:18px;right:20px;background:none;line-height:0}
.modal-close svg{width:18px;height:18px}
.rev-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.rev-viewport::-webkit-scrollbar{display:none}
.rev-track{display:flex;gap:0}
.review{flex:0 0 33.333%;padding:0 24px;border-left:1px solid #dcdfe4;scroll-snap-align:start}
.review:first-child{border-left:none}
.rev-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}
.rev-meta{font-size:12px;color:#9aa0a8;font-style:italic;margin:6px 0 14px}
.rev-text{font-size:14px;line-height:1.65}
.rev-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#edeef0;box-shadow:0 4px 14px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}
.rev-nav.prev{left:-12px}
.rev-nav.next{right:-12px}
.rev-nav svg{width:16px;height:16px}


/* ---------- Sticky contact form ---------- */
.contact-widget{position:fixed;right:24px;bottom:24px;z-index:950;background:#f4f5f7;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25);width:400px;max-width:calc(100vw - 32px);padding:30px 28px 26px;text-align:center}
.contact-widget.hidden{display:none}
.contact-widget h3{font-size:20px;font-weight:800;margin-bottom:10px}
.contact-widget p{font-size:14px;color:#9aa0a8;margin-bottom:20px}
.contact-widget input{/*width:100%;*/padding:13px 14px;border:1px solid #e0e3e8;background:white;border-radius:6px;font-family:var(--font);font-size:15px;margin-bottom:0px}
.contact-widget .send-btn{width:100%;background:var(--green);color:#fff;font-weight:800;font-size:15px;padding:14px;border-radius:6px}

.contact-widget input[type="tel"]{width:100%}

.contact-close{position:absolute;top:14px;right:16px;background:none;line-height:0}
.contact-close svg{width:14px;height:14px}
#contact-widget .checks u{text-decoration: underline; color: var(--dark2); }
#contact-widget .checks {text-align: left;}


/* ---------- Two forms ---------- */
.finderform-bysize.hidden{display:none}
.finderform-bymodel.hidden{display:none}

/*@media (max-height: 770px) {
  .hero-inner {
    padding: 10px 20px 10px !important;
    }
  .tires {
    padding: 26px 0 10px !important;
  }
  .section-sub {
    margin-bottom: 16px;
  }
}*/
.errors {margin:20px;font-size:12px;color:red;text-align:left;}
.errors ul li {list-style-type: square; margin-left:20px;}



/* ---------- Mobile ---------- */
@media (max-width:1024px){
  .header-right .btn-yellow{display:none;}
  .cabinet-link{display:none}
  .header-inner{height:56px}
  .header-right .btn-yellow{padding:8px 14px;font-size:13px}
  .burger{display:block}
  .hero{/*background-position:center 30%;*/ background-position: 40% 27%; }
  .hero-inner{grid-template-columns:1fr;padding:0 20px}
  .hero-title{font-size:36px}
  .hero-list {padding-bottom: 10px;}
  .hero-list li .dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--green);flex:none;margin-top:6px}
  /*.hero-list li:first-child{width:200px;}*/
  .hero-list li{width:100%;}

  .hero-tire{order:-1}
  .hero-tire img{max-width:320px}
  .hero-badges.desktop-only{display: none;}
  .hero-badges.mobile-only{display:grid;grid-template-columns:1.1fr auto 1fr;padding:12px;gap:8px}
  .badge-text-small{font-size:8px;font-weight:800}
  .hero .finder{border-radius: 0;width:100vw;margin-left:-20px}
  .strip{font-size:20px}
  .section-sub{font-size:13px}
  .tires-scroller{display:flex;overflow-x:auto;gap:18px;padding-bottom:12px;scroll-snap-type:x mandatory}
  .tire-card{flex:0 0 82%;scroll-snap-align:start}
  .tire-bottom{flex-direction:column;}
  .tire-bottom .buy-btn{width:100%}
  .table-wrap.desktop-only{display:none}
  .comparison-scroller.mobile-only{display:flex;overflow-x:auto;gap:18px;padding-bottom:12px;scroll-snap-type:x mandatory}
  .comparison-scroller.mobile-only .table-wrapper{display:flex;width:calc(100vw - 40px);min-width:280px;overflow:hidden;border:1px solid #eee;border-radius:15px;        box-sizing: border-box;}
  .comparison-scroller.mobile-only .compare-table{width: calc(100vw - 170px);min-width: 280px;max-width: 280px;box-sizing: border-box;}
  .comparison-scroller.mobile-only .compare-table td{padding:8px 12px;width:65%;}
  .comparison-scroller.mobile-only .compare-table caption{text-align:left;background:var(--grey);font-size:15px;letter-spacing:1px;text-transform:uppercase;font-weight:800;padding:6px;}
  .guarantee .container h2{text-align: center;}
  .guarantee .container .guarantee-sub{text-align: center;font-size: 13px;max-width:250px; margin:0 auto}
  .steps{grid-template-columns:1fr;width:80%;margin:0 auto}
  .step-head{align-items:center;}
  .step-title{font-size:16px;}
  .step-text{font-size:13px;}
  .vertical-divider{height:1px;width:100%;margin:0 auto}
  .upload-banner{flex-direction:column;align-items:flex-start;margin-top:24px}
  .footer-grid{grid-template-columns:1fr}
  .socials,.subscribe-label{justify-content:flex-start;text-align:left}
  .legal-links{text-align:left}
  .site-footer .container{padding:0 14px}
  .footer-logo-img{width:92%}
  .subscribe-row{flex-wrap: wrap;}
  .subscribe-row input{width:100%}
  .subscribe-row button{width:100%;font-size:17px;}
  .footer-bottom{flex-direction:column}
  .footer-address{display:flex;flex-direction:column}
  .footer-address a:last-child{margin-top:-16px}
  .reviews-modal{padding:22px 18px 30px}
  .review{flex:0 0 100%;padding:0 8px;border-left:none}
  .rev-nav.prev{left:-6px}
  .rev-nav.next{right:-6px}
  .contact-widget{right:16px;bottom:16px; max-height: 33%; }

  .guarantee-bottom{padding-right:10px}
  .guarantee h2{font-size:26px}
  .burger-menu{position:fixed;top:57px;left:-150vw;width:100vw;transition:all.5s ease;display: flex;flex-direction: column; padding: 50px 12px 10px;gap:10px; background-color: #1f1f1f;}
  .burger-menu.open{transform: translateX(150vw);}
  .burger-close{position:absolute;top:0px;right:10px;background-color:transparent;color:var(--green);width:40px;height:40px;font-size:40px;}
  .burger-menu a {display: block !important;}

   .hero-more {border:1px solid var(--green); padding: 15px;  border-radius: 20px;font-weight:800;margin-top:30px;}
   .warranty_text {margin-bottom:30px;}
   .hero-more-p{height:200px;}
   .hero-more-arrow-mobile {display: initial;}
   .hero-more-arrow-desktop {display: none;}

   .finder-grid {
    display: block;
    }

  .step-head-desktop-only{display: none;}
  .step-head-mobile-only{display: initial;}


  .rev-nav-tires,
  .rev-nav-comparison
    {
      position:absolute; top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
      background:#edeef0;
    /*box-shadow:0 4px 14px rgba(0,0,0,.15);display:flex;*/
    align-items:center;  justify-content:center
    }

  .rev-nav-tires.prev,
  .rev-nav-comparison.prev{left:-20px}

  .rev-nav-tires.next,
  .rev-nav-comparison.next{right:-10px}

  .rev-nav-tires svg,
  .rev-nav-comparison svg{width:30px;height:30px}

  .tires-nav-scroller,
  .comparison-nav-scroller{position: relative; width: 100%;  margin: 0 auto;}

  .tires .container,
  .comparison .container{padding-left: 10px; padding-right: 0px;}


  .contact-widget-desktop-only{display: none;}
}


/* ---------- Desktop ---------- */
@media (min-width:1025px){
   .hero-more-arrow-mobile {display: none;}
   .hero-more-arrow-desktop {display: initial;}
   .hero-more-p{ display: none; }

   .step-head-desktop-only{display: initial;}
   .step-head-mobile-only{display: none;}

   .rev-nav-tires,
   .rev-nav-comparison {display: none;}
}

html {
	display: block;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html[Attributes Style] {
    -webkit-locale: "ru";
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:root {
    view-transition-name: root;
}
body {
	display: block;
	box-sizing: border-box;
	margin: 0;
	color:#000;
	line-height:1.5em;
	font-family: 'PT Sans', 'Arial', Tahoma, sans-serif;
	font-size:16px;
	font-weight:400;
	max-width:1920px;
	margin:0 auto;
	background:url('/local/templates/cordiant_2023/images/main_bg.png');
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body h1 {font-size:34px;font-weight:600;padding:0px 0 15px 0;line-height:1.2em;}
body h2 {font-size:28px;font-weight:600;padding:0px  0 15px 0;line-height:1.2em;}
body h3 {font-size:24px;font-weight:600;padding:0px  0 15px 0;line-height:1.2em;}

body h1.top {font-size:34px;font-weight:400;margin:0 0 25px 0;padding:0;line-height:1.2em;}
body h2.top {font-size:28px;font-weight:400;margin:0 0 25px 0;padding:0;line-height:1.2em;}
body h3.top {font-size:24px;font-weight:400;margin:0 0 25px 0;padding:0;line-height:1.2em;}

.workarea {background:#fff;}

a {font-weight:500;color:#2475BD;text-decoration:none;transition: all 0.3s;outline: none; }
a:hover,  {color:#C61A4E;text-decoration:none;}
a:link, a:active, a:visited {text-decoration:none;outline: none; }
/*a img {transition: all 0.3s;}*/
/*a img:hover{opacity:0.6;}*/

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
}

.swal2-popup {font-size:16px!important;}

.section {margin:25px 50px;}
.section.full-screen {margin:25px 0px;}
.section.full-screen.no-margin {margin:0px 0px;}
.section.fix {max-width:1200px;margin:50px auto 25px auto;}

.btn, .btn:active, .btn:link, .btn:visited {display:block; /*max-width:240px;*/text-align:center;background:#35ABA7;color:#fff;text-decoration:none;border:0;cursor:pointer;}
.btn.big {padding:15px 40px;font-size:18px;}
.btn.small {padding:5px 10px;font-size:14px;width:120px;}
.btn.very_small {padding:5px 20px;font-size:14px;}
.btn:hover {background-color:rgba(24,50,84, .8);color:#fff;border:0!important;box-shadow: inset 0px 0px 10px 0px rgba(0,0,0, 0.3);}
.btn.white {background:#fff;color:#35ABA7;transition: all 0.3s;}
.btn.btn--green {background:#35ABA7;color:#fff;transition: all 0.3s;}
.btn.white:hover {background:#35ABA7;color:#fff;box-shadow: inset 0px 0px 10px px rgba(0,0,0, 0.3);}

.np {padding:0;margin:0;}

/* Формы */
.submit_btn, .btn
{
	border: 0;
    border-radius: 0;
    padding: 15px 50px;
    outline: none!important;
    background: #074989;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    white-space:nowrap;
}
.submit_btn:active, .btn:active{
	 box-shadow: inset 0px 0px 3px 3px rgba(0,0,0, 0.3);
}
.submit_btn:hover, .btn:hover {opacity:0.9;color: #fff;outline: none;border:0;border-radius: 0;}
.required.error, .g-recaptcha.error {box-shadow:0 0 10px rgba(255, 0, 0, .6);}
.errors {font-size:12px;color:red;}
.errors ol {padding:0;margin:20px 0;}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	/*width:100%;*/
	border:1px solid #D6D6D6;
	padding:10px 10px;
	outline:none;
}
select option {padding:15px 5px;font-size:14px;box-sizing: border-box;}
select:disabled {/*background:#F3F3F3;*/color:#999999;}
input.error {
	color:#000!important;
	background-color:#FFF2F2!important;
	border:1px solid #FF0000!important;
	box-shadow:0 0px 20px 1px rgba(255, 0, 0, 0.3)!important
}

input.success {
	color:#000!important;
	/*background-color:#35ABA7!important;*/
	border:1px solid #35ABA7!important;
	box-shadow:inset 0 0px 20px 1px rgba(150, 235, 197, 0.5)!important
}

@media screen and (max-width: 900px) {
    .section {margin:15px 10px;}
	.section.full-screen {margin:15px 0px;}
	.section.full-screen.no-margin {margin:0px 0px;}
	.section.fix {margin:15px 10px;}
	body h1 {font-size:30px;font-weight:400;padding:5px 0 5px 0;line-height:1.3em;}
	body h2 {font-size:26px;font-weight:400;padding:25px  0 25px 0;line-height:1.3em;}
	body h3 {font-size:18px;font-weight:400;padding:0px  0 0px 0;line-height:1.3em;}

	body h1.top {font-size:30px;font-weight:400;margin:0 0 25px 0;padding:0;line-height:1.3em;}
	body h2.top {font-size:26px;font-weight:400;margin:0 0 25px 0;padding:0;line-height:1.3em;}
	body h3.top {font-size:18px;font-weight:400;margin:0 0 25px 0;padding:0;line-height:1.3em;}
}

@media screen and (max-width: 767px) {
	.errors ol {padding:0 15px;}
	.contact-widget {display:none;}
}

/* Header */
.header_overflow {position:fixed;z-index:1030;top:0;width:100%;color:#fff;background:rgba(24,50,84, .8);box-shadow:0 0 10px rgba(0,0,0, 0.6);
backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:0px 0;max-width:1920px;}
.row_paddding {margin:0px 0px 0 35px;}
.row_paddding .block {display:flex;width:100%;align-items: center;/*border-bottom:1px solid #D8D8D8;*/flex-wrap: wrap;}
.row_paddding .block_bottom {display:none;width:100%;align-items: center;justify-content: flex-end;/*border-bottom:1px solid #D8D8D8;*/flex-wrap: wrap;}
.head_logo {flex:1;padding: 8px 30px 0 0;}
.head_logo img {height:auto;width:auto;max-height:24px;transition: all 0.3s;}
.head_logo a:hover img {opacity:.7;}
.head_city {flex:1;text-align:center;padding:0px 30px;white-space:nowrap;}
.head_local {text-align:center;width:54px;padding:15px 0px;white-space:nowrap;background-color:#fff;transition: all 0.3s;color:#35ABA7;}
.head_local:hover {background-color:#35ABA7;color:#fff;}
.head_phone {flex:1;max-width:200px;text-align:center;padding:0px 35px;white-space:nowrap;}
.head_phone span {background: url(/local/templates/cordiant_2023/images/headset.svg) left 0px no-repeat;padding: 1px 35px 1px 35px;margin-left: -30px;}
.head_phone a {color:#fff;font-weight:400;font-size:16px;/*text-transform:uppercase;*/}
.head_phone a:hover {color:#C6FAFB;}
.head_phone .fa-address-card {margin-right:10px;}
.menu_top {flex:10;}
.menu_bottom {display:none;}
.head_mail {flex:1;text-align:center;padding:0px 30px;white-space:nowrap;}
.head_mail a {color:#000;font-weight:400;font-size:18px;}
.head_mail a:hover {color:#2F7DD5;}
.fa-language {color:#A3A3A3!important;font-size:18px;}
.fa-phone {position:relative;margin:5px 15px -5px 5px;color:#A3A3A3!important;font-size:18px;top:2px;}
.fa-envelope {position:relative;margin:5px 15px -5px 0px;color:#A3A3A3!important;font-size:18px;top:2px;}
.fa-location-dot {padding-right:15px;}
.white-popup.search_popup {margin-top:50px;}
.search_popup .mfp-close {margin-top:30px;}
.search_but {width:54px;text-align:center;padding:15px 0;cursor:pointer;background-color:#35ABA7;}
.search_but img {width:24px; height:24px;}
.search_but:hover {background-color:#fff;color:#35ABA7;transition: all 0.3s;}
.search_list {padding:0;margin:0;}
.search_row {padding:25px 0;margin:0;font-size:18px;}
.search_row .search__dropdown-group-title b,
.search_body b{padding:0px 5px;background-color:#AE3800;font-weight:500;color:#fff;}
.search_subtitle {padding:2px 5px;background-color:rgba(24,50,84, .8);font-size:12px;font-weight:500;color:#A3A3A3;display:inline;margin:3px 0;}
.search_body {font-size:14px;padding-top:7px;}
.search__dropdown-group-title{padding-left:10px;}
.top_menu {margin:-50px 0 50px 0;padding:30px 50px 0 50px;box-shadow:0 5px 10px rgba(0,0,0, .05);top:0;background:#Fff;border-bottom:1px solid #E6E6E6;}
.block_menu {width:100%;align-items: center;padding-bottom:20px;margin-left:-20px;}
.mobile_menu {display:none;width:54px;text-align:center;padding:15px 0;cursor:pointer;background-color:rgba(24,50,84, .1);}
.bx-blue.bx-top-nav .bx-top-nav-container {background: #fff;}
.bx-aside-nav {padding-top:80px;z-index:1000;}
.fa.fa-bars:before {position:absolute;top: -4px;left: 7px;color:#074989;text-shadow: 1px 1px 1px white, 0 0 1em white, 0 0 1px white;}
.bx-blue.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-hover>a,
.bx-blue.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-active>a,
.bx-blue.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl:hover>a {
    background: #35ABA7;
    border-bottom: none;
    color:#FFF;
}
.bx-blue.bx-top-nav .bx-top-nav-container {background:none;}
.bx-top-nav-container .bx-nav-1-lvl > a span {padding: 15px 15px 15px 15px;}
.bx-top-nav-container .bx-nav-1-lvl > a span i {font-size:9px;}
.sub_info_menu_mobile {display:none;}
.bx-top-nav-container .bx-nav-1-lvl > a span.menu_custom_icons {display:none;}
.bx-top-nav-container .bx-nav-2-lvl > a span.menu_custom_icons {padding-right:10px;}

.breadcramb_block {padding-top:17px;background-color:#fff;}
.sub_title , .sub_title h2 {font-style:normal!important;}

@media screen and (max-width: 1530px) {
    .head_city.top,
    .head_phone.top{
    	display:none;
    }
    .head_city.bottom,
    .head_phone.bottom {
    	max-width: 200px;
	    padding: 0;
	    /*text-align: right;*/
    }
    .rp_bottom {padding:7px 0;border-top:1px solid #3F728D;font-size:14px;}
    .row_paddding .block_bottom {display:flex;}
    .head_phone span {background-size:16px 16px;padding:0px 30px;margin-left:-30px;}
    .breadcramb_block {padding-top:47px;}
}

@media screen and (max-width: 1200px) {
	.title {margin-left:10px;margin-right:10px;}
	.breadcramb_block {padding-left:25px;}
}

@media screen and (max-width: 1080px) {
	.head_phone span {margin-left:-10px;}
	.head_logo {flex:10;}
	.head_city.top,
    .head_phone.top{
    	display:block;
    }
    .head_city.bottom,
    .head_phone.bottom{
    	display:none;
    }
    .menu_top {
    	display:none;
    }
    .rp_bottom {padding:0px 0;}
    .top, .top a {font-size:14px;}
	.menu_bottom {display:block;}
	.bx-top-nav-container {margin-left:-10px;}
	.bx-top-nav-container .bx-nav-1-lvl > a span {
	    padding: 10px 15px 10px 15px;
	    font-size:14px;
	}
}

@media screen and (max-width: 900px) {
    .row_paddding {margin:0px 0px 0px 0px;padding:0 0 0 10px;}
    .head_logo img {max-height:18px;}
    .block_menu {margin-left:0px;}
    .top_menu {padding: 30px 0px 0 0px;}
    .bx-top-nav-container .bx-nav-1-lvl {margin-right: 0px;}
	.bx-aside-nav-control {
		/*display:none;*/
	}
}

@media screen and (max-width: 767px) {
	.head_city.top,
    .head_phone.top,
	.rp_bottom {display:none;}
	.mobile_menu {display:block;}

	.bx-aside-nav-control {
	    font-size: 22px;
	    position: relative;
	    width: auto;
	    height: auto;
	    top: 0px;
	    left: 0px;
	    line-height: 0em;
	    cursor: pointer;
	    z-index: 12;
	    color: #fff;
	    text-align: center;
	}
	.bx-aside-nav {
	    padding-top: 80px;
	    z-index: 10;
	}
	.sub_info_menu_mobile {display:block;}
	.menu_custom_icons {display:inline;padding-right:15px;}
	.breadcramb_block {padding-top:17px;padding-left:10px;}
}

/* Footer */
.footer {width:100%;background-color:#005387;color:#A4BCD4;padding:50px 20px 25px 20px;color:#68A3B9;}
.footer .section {
    max-width: 1140px;
}
.footer a {color:#fff;}
.footer a:hover {color:#BCEBF3;}
.section {max-width:1200px;margin:0px 0;border:0px solid red;margin:0 auto;}
.footer_logo img {height:auto;width:auto;max-height:24px;}
.footer_blocks {display:flex;justify-content: flex-start;flex-wrap: wrap;align-content: flex-start;align-items: flex-start;}
.footer_left_col {flex:1;padding: 0 0px 0px 0;min-width:300px;}
.footer_right_col {flex:2;min-width:800px;}
.callcenter {margin-top:25px;}
.corp {margin-top:25px;}
.call_msg, .social_msg, .corp_msg {font-size:14px;}
.call_num, .soc_icons {margin-top:17px;}
.soc_icons {display: flex;}
.call_num a {font-size:26px;}
.social {margin-top:25px;}
.soc_icons a {margin-right:7px;}
.dev {margin-top: 5px;}
.dev img {opacity:0.4;}
.dev img:hover {opacity:1!important;}
.footer_bottom {width:100%;margin-top:25px;border-top:1px solid #68A3B9;display:flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;align-items: center;font-size:14px;padding:17px 0 0 0;}

.telegram_but {display:block;font-size:16px;font-weight:500;text-align:center;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.4);background:#389ce9;text-decoration:none;color:#fff;width:60px;height:60px;position:fixed;right:40px;bottom:40px;z-index:1000;padding:9px 3px 0 0;}
.telegram_but svg {width:23px;height:45px;vertical-align:middle;margin:0px 5px;border-radius:50%;}

.cookie_popup {position:fixed;z-index:10000;width:100%;max-width:400px;height:auto;bottom:20px;right:0;border:1px solid #fff;background:#fff;box-shadow: -10px 0 40px rgba(0,0,0,0.2);}
.cookie_title {font-size:18px;font-weight:500;margin:20px 20px 10px 20px;color:#000;font-weight:600;}
.cookie_msg {font-size:12px;font-weight:200;margin:0px 20px 30px 20px;color:#000;}
.cookie_msg a {color:#005387;}
.cookie_msg a:hover {color:#005387;opacity:0.7;}
.cookie_close {text-align:center;margin:0px 20px 20px 20px;display: flex;justify-content: space-around;}
.cookie_close a {width:100%;}

@media screen and (max-width: 1280px) {
	.footer {padding:20px 20px 25px 20px;}
	.footer_logo img {max-height:18px;}
	.left_col_content {display:flex;flex-wrap: wrap;width: 100%;justify-content: space-between;margin:0 0 35px 0;border-bottom:1px solid #68A3B9;padding:0 0 25px 0;}
    .left_col_content .callcenter,
    .left_col_content .social,
    .left_col_content .corp {
    	margin-right:20px;min-width:200px;
    }
}

@media screen and (max-width: 900px) {
	.footer_right_col {min-width:700px;}
	.left_col_content div {margin-right:40px;}
	.telegram_but {right:10px;bottom:10px;}
}

@media screen and (max-width: 767px) {
	.footer {padding:25px 10px 15px 10px;}
	.footer_right_col {display:none;}
	.left_col_content {margin:0 0 0px 0;border-bottom:none;width: 100%;}
	.left_col_content div {margin-right:20px;width: 100%;}
    .footer_bottom {
    	justify-content: space-between;
	    display: flex;
	    width: 100%;
	    flex-wrap: wrap;
    }
    .footer_bottom .copy,
    .footer_bottom .about,
    .footer_bottom .dev  {padding:10px 20px 10px 0;}
}

/* Select 2*/

.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 0px;
  height: 44px;
  margin-bottom: 15px;
  outline: none !important;
  transition: all .15s ease-in-out;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333;
  line-height: 42px;
  padding-right: 33px;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: none;
  border-left: 0px solid #ccc;
  -webkit-border-radius: 0 0px 0px 0;
  -moz-border-radius: 0 0px 0px 0;
  border-radius: 0 0px 0px 0;
  height: 42px;
  width: 33px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #3089CB transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #3089CB transparent;
    border-width: 0 4px 5px 4px;
    border-radius: 0 0px 0px 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 0px 0 0;
  -moz-border-radius: 0 0px 0 0;
  border-radius: 0 0px 0 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown.select2-dropdown--below {
  background: transparent;
  border: none;
  margin-top:-16px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
  font-size:14px;
  /*transition: all 0.3s;*/
}

.select2-container .select2-dropdown.select2-dropdown--above {
  background: transparent;
  border: none;
  margin-top:2px;
  box-shadow: 0 -5px 10px rgba(0,0,0,0.15);
  font-size:14px;
  /*transition: all 0.3s;*/
}

.select2-container--open .select2-dropdown {
    left: 0;

}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
  background-color:#fff;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none !important;
  border: none !important;
  border-bottom: 1px solid #D6D6D6 !important;
  padding: 7px 6px 7px 33px !important;
  font-size:0.9em;
  box-shadow: inset 0 0 15px 0px rgba(68, 208, 181, 0.3);
  background:url('/local/templates/cordiant_2023/images/search-16.svg') 7px center  no-repeat;
}

.select2-container .select2-dropdown .select2-search input::-webkit-input-placeholder { color: #BCBCBC; }
.select2-container .select2-dropdown .select2-search input:-ms-input-placeholder { color: #BCBCBC; }
.select2-container .select2-dropdown .select2-search input::-ms-input-placeholder { color: #BCBCBC; }
.select2-container .select2-dropdown .select2-search input::placeholder { color: #BCBCBC; }

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: none;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #35ABA7;
}

.dialer_logo img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    max-width: 130px;
    transition: all 0.3s;
    max-height: 40px;
    width:100%;
}

/* Popup */

.mfp-wrap {backdrop-filter: blur(3px);}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  width: 80%;
  height:auto;
  min-height: 500px;
  max-width: 900px;
  margin: 60px auto 20px auto;
}

.white-popup.excursions {
	max-width: 600px;
	min-height: 400px;
}
.white-popup.excursions .header {
	text-align:center;
}
.white-popup.excursions .header h1 {
	margin:0 0 50px 0;
}

/* Поиск */
.white-popup.search_popup {
	background: none;
	min-height: 400px;
}

.white-popup.search_popup .content {
	background:none;
	padding:0px 0;
}

.white-popup.search_popup input {
	width:100%!important;
	font-size:22px!important;
	font-weight:300!important;
	color:#FFF!important;
	border-radius:0!important;
	-webkit-box-shadow: 0 0 0 0!important;
	box-shadow: 0 0 0 0!important;
	padding:12px 0px 12px 55px!important;
	border:none!important;
	border-bottom:1px solid rgba(24,50,84, .8)!important;
	min-width:170px!important;
	transition: 0.5s;
	margin:10px 0!important;
	background: none!important;
	background:url('/local/templates/cordiant_2023/images/icons/search_white.png') center left no-repeat!important;
}

.white-popup.search_popup .input_block {
	/*padding:20px;
	position:sticky;
	top:0px;
	opacity:0.7;
	transition: all 0.5s;*/
}

.white-popup.search_popup .mfp-close{
	color:#C5C5C5;
}

.white-popup.search_popup input::placeholder
{
	color:#C5C5C5;
}

.white-popup.search_popup .search_response {
	text-align:left;
	color:#C5C5C5;
	margin-left:0px;
}
.white-popup.search_popup h3 {
	font-size:1.3em;
}

.white-popup.search_popup h3 a {
	color:#fff;
	text-decoration:underline;
	margin-bottom:0px;
}

.white-popup.search_popup mark {
    background: none;
    color: #FF8040;
    padding:0px 0;
}

.white-popup.search_popup .search__dropdown-group-links {

}

.white-popup.search_popup .search__dropdown-group-title{
	color:#FFF;
	padding:0 0 3px 0;
	font-weight:300;
	margin-top:30px;
}
.white-popup.search_popup .search__dropdown-group-link {
    display:block;
	color:#B0B0B0;
	padding:0 0 3px 0;
	font-weight:300;
	padding-left:30px;
}
.white-popup.search_popup .search__dropdown-group-title:hover,
.white-popup.search_popup .search__dropdown-group-link:hover {
	text-shadow: 0px 0px 5px #fff;
}

.white-popup .content{
  	margin:0px 0 0px 0;
  	/*font-size:1.2em;*/
  	line-height:1.5em;
}

.white-popup .sub_header {font-size:14px;color:#a9adb2;font-style:italic;margin:20px 0px 20px 0px;line-height:1.5em;}
.white-popup .sub_response {line-height:1.5em;}
.mfp-bg {opacity:0.9!important;transition:all 1s;}
.mfp-wrap {
    backdrop-filter: blur(5px);
}

/* Popup animation */
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px); }

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
  opacity: 0; }

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0; }

@media (max-width: 755px){

	.white-popup {
	  position: relative;
	  background: #FFF;
	  padding: 20px;
	  width: 100%;
	  height:auto;
	  min-height: 500px;
	  margin: 0px auto;
	}
	.full_bg.blur {position:fixed;}
}

@media (max-width: 425px){
	.search_but {display:none;}
}

/* Tooltip */

.tooltip {
    position: absolute;
    z-index: 10070;
    top:0;
    left:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90);
}

.fade.in {
    opacity: 1;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(24,50,84, 1);
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip-inner {
    background: rgba(24,50,84, 1);
    padding: 10px;
    font-family: 'PT Sans', 'Arial', 'Exo 2';
    font-size: 13px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.tooltip.top .tooltip-arrow {border-top-color:rgba(24,50,84, 1);}
.tooltip-inner {background:rgba(24,50,84, 1);padding:10px;font-family: 'PT Sans', 'Arial', 'Exo 2';font-size:13px;}