html, body {
  padding:0;
  margin:0;
  height:100%; /* Задаём 100% высоту для html и body */
  /*position:relative;*/
  }

body {
  background: #ffffff;
  font: 13px  Tahoma, Arial, Verdana;
  color: #363636;
}

 div {
  padding: 0;
  margin: 0;
  border: none;
 }

div.clear {
  clear: both;
}

a img {
  border: none;
  text-decoration: none;
}


#more {
  width: 117px;
  height: 20px;
  margin: 0;
  font: bold 11px Arial;
  text-transform: uppercase;
  text-align: center;
  background: url(../../assets/i/more.jpg) no-repeat left top;
}

#more a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  padding: 3px 0 0 0;
}

#more a:hover {
  text-decoration: underline;
}

.title {
  width: 100%;
  font: 18px Tahoma, Arial;
  color: #db1500;
  text-transform: uppercase;
}

.title div {

}



#main {
  min-height:100%;  /* Задаем минимальную высоту 100% */
  _height:100%;     /* Задаем высоту 100% с помощью хака дляIE6 */
  width: 100%;
  min-width: 1024px;
  max-width: 1680px;
  margin: 0 auto;
}


/* HEADER */

#header {
  width: 100%;
  height: 268px;
  margin: 0 auto;
  background: url(../../assets/i/header-bg.jpg) no-repeat 275px top;
}

#logo-contacts {
  float: left;
  margin: 0 0 0 34px;
}

 /* logo */
#logo {
  width: 169px;
  height: 160px;
  margin: 0 0 0 20px;
}


/* contacts */
#contacts {
  width: 250px;
  margin: 0;
  font-size: 14px;
}

#contacts div {
  line-height: 1.5em;
}

#contacts div span {
  font-weight: bold;
  color: #db1500;
}

#header-right {
  width: 258px;
  height: 267px;
  float: right;
  background: url(../../assets/i/header-img.png) no-repeat right top;
}


/* top-menu */
#top-menu {
  width: 100%;
  height: 65px;
  margin: 0;
  padding: 0;
  background: #0557c1 url(../../assets/i/tm-bg.jpg) repeat-x left top;
  border-spacing: 0;
}

#top-menu td {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background: url(../../assets/i/tm-sep.jpg) no-repeat right top;
}

#top-menu td a {
  color: #ffffff;
  text-decoration: none;
}

#top-menu td a:hover, #top-menu td a.active {
  text-decoration: underline;
}

#top-menu td.last {
  background: none;
}

#top-menu td.last {
  background: #0557c1 url(../../assets/i/tm-bg_last.jpg) repeat-x left top;
}

/* top-menu */


/* CONTENT */
#middle {
  width: 93%;
  margin: 0 auto;
  padding: 0 0 90px 0;
  clear: both;
}

/* Разбиваем на колонки */
#middle-content {
  width: 100%;
  margin: 0;
  padding: 0;
  /*border-collapse: collapse;*/
}

#middle-content td {
  /*border: 1px solid #000000;*/
  vertical-align: top;
}

#middle-content #left-col {
  width: 250px;
  min-width: 230px;
}

#middle-content #center-right-col {

}

#vitrina-vopros-otvet {
  width: 100%;
}

#vitrina-vopros-otvet td {
  vertical-align: top;
}

#vitrina-vopros-otvet #vitrina-col {

}

#vitrina-vopros-otvet #vopros-otvet-col {
  width: 220px;
  min-width: 200px;
}

/* Разбиваем на колонки */


/* LEFT COL */

/* subscribe */
#subscribe {
  width: 100%;
  margin: 25px 0 0 0;
}

#subscribe .title div {
  padding: 0 0 0 55px;
}

#subscribe .title-img {
  margin-top: -45px;
}

#subscribe-form {
  width: 190px;
  margin-left: 10px;
  font-size: 11px;
  font-weight: bold;
}

#vnutren #subscribe-form  {width:210px; margin:0 auto;}

#subscribe-form div {margin-bottom: 4px;}

#subscribe-form input {
  width: 100%;
  border: 1px solid #a6aeb4;
}

#subscribe-form input.subscribe-btn {
  width: 117px;
  height: 20px;
  border: none;
  background: url(../../assets/i/more.jpg) no-repeat left top;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}

#subscribe .errors {
  color: #FF0000;
}

/* subscribe */


/* order link */
#order-link {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  color: #db1500;
  margin: 35px 0 0 10px;
  line-height: 1.5em;
}

#order-link a {
  color: #0c7bd2;
}

#order-link a:hover {
  text-decoration: none;
}
/* order link */


/* left menu */
#leftmenu {list-style:none; margin: 35px 0 0 0; padding:0; width: 100%;}
#leftmenu li { padding: 5px 0 10px 40px; width:auto;}
#leftmenu li span {color:#363636; font:bold 11px Tahoma,Arial,Verdana; cursor:pointer; text-transform:uppercase;}
#leftmenu li a {color:#363636; font:bold 11px Tahoma,Arial,Verdana; text-decoration:none; text-transform:uppercase;}
#leftmenu li.none {background:none !important;}

/* sub menu */
#leftmenu ul {list-style:none; margin:0; padding-left:0;}
#leftmenu ul li {background: url(../../assets/i/arr_lm.jpg) no-repeat 0 8px; padding:2px 0 0 10px; display:block;}
#leftmenu ul li a {color:#363636; font:bold 11px Verdana,Tahoma,Arial; text-decoration:none; text-transform:none;}
#leftmenu ul li a:hover {color:#cb2300;}
/* left menu */


/* countries */
#countries {
  width: 100%;
  margin: 35px auto 0 auto;
}

#countries .title div {
  padding: 0 0 0 45px;
}

#countries .title-img {
  margin-top: -28px;
}

#countries-padding {
  padding: 7px;
}

#countries ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

#countries ul li {
  width: 50%;
  !width: 49%;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 7px 0;
}

#countries ul li img {margin-bottom: -4px; margin-right: 5px; border:1px solid #f1ebe8;}
#countries ul li a {color: #2c2c2c; text-decoration: none; }
#countries ul li a:hover {text-decoration: underline;}
#countries #more {margin: 10px 0 0 0;}
/* countries */



/* informers */
#informers {width: 100%; margin: 35px auto 0 auto;}
.wether, .kurs {width: 50%; !width: 49%; float: left; text-align: center;}
/* informers */



/* search tours */
#search-tours {
  width: 97%;
  margin: 45px auto 0 auto;
  /*height: 160px;*/
  float: right;
}

#search-bg, #search-l, #search-r {
  width: 100%;
  height: 117px;
  padding: 0;
  margin: 0;
}
#search-bg .search-form {
 padding: 0;
}
#search-bg .lstcjs_module_container .s4,
#search-bg .lstcjs_module_container .s7 {
 height: 0px !important;
}
#search-bg {
  background: #fae4ca url(../../assets/i/search-bg.jpg) repeat-x left top;
}

#search-l {
  background: url(../../assets/i/search-left.jpg) no-repeat left top;
}

#search-r {
  background: url(../../assets/i/search-right.jpg) no-repeat right top;
}

#search-tours .title div {
  padding: 0 0 0 135px;
}

#search-tours .title-img {
  margin: -50px 0 -3px -40px;
  padding: 0;
}

.search-content {

}

.search-form {
  width: 100%;
  margin: 0 auto;
}

#search-iframe {
  width: 100%;
  height: 210px;
  position: relative;
  background: transparent;
  margin: 0;
  padding: 0;
}

/* #search-iframe, x:-moz-any-link { height: 127px; }

@media all and (-webkit-min-device-pixel-ratio:10000),
 not all and (-webkit-min-device-pixel-ratio:0) {
   #search-iframe {height: 127px;}
} */
/* search tours */



/* vitrina */
#vitrina {
  width: 95%;
  margin: 20px auto 0 auto;
}

#vitrina .title div {
  padding: 0 0 0 60px;
}

#vitrina .title-img {
  margin-top: -30px;
}

.vitrina-content {
  padding: 15px;
}

#vitrina #more {float:right; margin-top:-20px;}
/* vitrina */



/* vopros otvet */
#vopros-otvet {
  width: 100%;
  /*height: 350px;*/
  margin: 30px 0 0 0;
  background: #e9eded;
}

#vo-tl, #vo-tr, #vo-bl, #vo-br {width: 100%; height: 100%;}
#vo-tl {background: url(../../assets/i/vo-t-l.jpg) no-repeat left top;}
#vo-tr {background: url(../../assets/i/vo-t-r.jpg) no-repeat right top;}
#vo-bl {background: url(../../assets/i/vo-b-l.jpg) no-repeat left bottom;}
#vo-br {background: url(../../assets/i/vo-b-r.jpg) no-repeat right bottom;}

#vopros-otvet-padding {padding: 10px 12px 12px 10px;}

/* vopros otvet */


/* actions */
#actions {
  width: 97%;
  margin: 0;
  float: right;
}

#actions .title div {padding: 20px 0 0 50px;}
#actions .title-img {margin: -40px 0 10px 0;}

#action-content {text-align:justify;}
/* actions */


/* news */
#news {width: 97%; margin: 30px 0 0 0;}

#news-tours, #news-company {margin-top: 20px;}

#news-tours .title div {padding: 0 0 0 50px;}
#news-tours .title-img {margin: -33px 0 0 0;}

#news-company .title div {padding: 0 0 0 61px;}
#news-company .title-img {margin: -42px 0 0 0;}

#news-content {}

#news-content ul {width: 98%; list-style:none; padding:0; margin:0; }

#news-content li {
  font-size: 11px;
  padding: 0 5px 0 10px;
  margin: 8px 0;
  background: url(../../assets/i/list-img.jpg) no-repeat left 5px;
}

#news-content li a {
  color: #363636;
}

#news-content li a:hover {
  text-decoration: none;
}

#news #more {margin: 7px 0 0 0;}

#news-tours #more {margin: 15px 0 0 0;}
/* news */




/* banners */
#banners {
  width: 97%;
  margin: 30px 0 0 0;
  float: right;
}

.banner {
  float: left;
  width: 25%;
  !width: 24%;
}

.ban-img {
  width: 162px;
  height: 160px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.ban-frame {
  display: block;
  width: 162px;
  height: 160px;
  background: url(../../assets/i/ban-frame.png) no-repeat center top;
  cursor: pointer;
}

.ban-frame  span {
  display: block;
  width: 100%;
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  text-align:center;
}

.banner  a {
  text-decoration: none;
  color: #ffffff;
}
/* banners */



/* FOOTER */

#footer {
  width: 100%;
  min-width: 1024px;
  max-width: 1680px;
  margin: 0 auto;
  height: 80px;
  background: #efa100 url(../../assets/i/footer-bg.jpg) repeat-x left top;
  font-size: 12px;
  clear: both;

  margin-top: -80px;
  position: relative;

}

.copiryght {
  height: 20px;
  color: #ffffff;
  float: left;
  margin-top: 25px;
  margin-left: 50px;
}

.counter {
  width: 350px;
  float: right;
  margin-top: 15px;
  margin-right: 50px;
}

.counter img {
  float: left;
  padding-right: 10px;
}

.counter a {
  color: #ffffff;
}




#vnutren {
  width: 97%;
  margin: 30px 0 0 0;
  float: right;
}

#vnutren .title div {padding: 0 0 0 60px;}
#vnutren .title-img  {margin: -22px 0 0 0;}

#vnutren-padding {
  padding: 2px;
  text-align: justify;
}

#vnutren a {
  color: #0162b3;
}



#vnutren-menu {
  width: 100%;
}

#vnutren-menu div {
  padding: 5px 3px;
}

#vnutren-menu ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

#vnutren-menu ul li {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: bold;
}

#vnutren-menu ul li span {
  font-size: 13px;
  color: #db1500;
}

#vnutren-menu ul li.last {
  margin-bottom: 0;
}

#vnutren-menu ul li a {
  color: #0c7bd2;
}

#vnutren-menu ul li a:hover {
  text-decoration: none;
}


/* breadcrumbs */
.breadcrumbs {
  padding: 0;
  font-size: 11px;
  margin-top: -20px;
  position: relative;
  z-index:1;
}

.breadcrumbs div {
  padding: 0 0 15px 61px;
}

.B_firstCrumb a {
  color: #0162b3;
  font-weight: bold;
  text-decoration: none;
}

a.B_crumb {
  color: #2f2f2f;
  text-decoration: none;
}

.B_lastCrumb {
  color: #2f2f2f;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}


/* страны на внутренней */
div.countriesvn { }
div.countriesvn ul {list-style:none;}
div.countriesvn ul li {float:left; width: 33%; !width: 32%; margin-bottom: 35px; font-size: 13px;}
div.countriesvn img {margin-bottom: -8px; margin-right: 5px;}
div.countriesvn a img {border: 1px solid #f1ebe8;}
#vnutren .countriesvn a { color: #2c2c2c; text-decoration: underline; }
#vnutren .countriesvn a:hover { text-decoration: none; }

/*.vnutr-countries1 {
  list-style: none;
  height: 100%;
}

.vnutr-countries1 li {
  font-size: 13px;
  font-weight: bold;
  color: #363636;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.vnutr-countries2 {
  list-style: none;
  margin-bottom: 15px;
  padding-top: 5px;
}

.vnutr-countries2 li {
  font-size: 12px;
  font-weight: normal;
  margin: 3px 0;
  float: left;
  width: 33%;
}

.vnutr-countries2 li img {
  margin-right: 7px;
  margin-bottom: -3px;
  border: 1px solid #e2cfd4;
}

.vnutr-countries2 li a {color: #363636; text-decoration: none;}

.vnutr-countries2 li a:hover {text-decoration: underline;}*/

.cnt_dsc_title {
  font-weight: bold;
}
/* все страны */


/* туры компании */
#vnutren .specs {width: 100%; margin:0; padding:0; border-collapse:collapse;}
#vnutren .specs  td, #vnutren .specs  th {margin:0; padding:5px; border: 2px solid #f3dbbf; text-align: center; vertical-align: middle; width: auto;}
#vnutren .specs  th {background: #e56000; color: #ffffff; padding:12px 5px; font-size:13px;}
/* туры компании */

/* новости компании */
#company-news .company-news-title {font-weight: bold;}
#company-news {width:100%; padding:0 0 5px 0; margin:0 0 4px 0; border-bottom:1px solid #fae4ca;} 
#company-news #more {float: right; margin: -8px 0 0 0}
#company-news #more a {color: #ffffff;}
#company-news .company-news-img img {padding:1px; border:2px solid #e8e5e0;}
/* новости компании */

@font-face {
    font-family: 'si';
    src: url('/assets/i/font/socicon.eot');
    src: url('/assets/i/font/socicon.eot?#iefix') format('embedded-opentype'),
         url('/assets/i/font/socicon.woff') format('woff'),
         url('/assets/i/font/socicon.ttf') format('truetype'),
         url('/assets/i/font/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(/assets/i/font/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
	left:-90px; position:absolute;
	height:32px;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-vkontakte {
    background-color: #5a7fa6;
}
.soc-vkontakte:before {
    content:';';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}

.popup {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    padding: 10px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.popup .popup-content {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.popup .popup-text {
    flex: 1;
    padding: 0;
    margin: 0;
}

.popup .popup-text p {
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
}

.popup a {
    color: #0066cc;
    text-decoration: none;
}

.popup a:hover {
    text-decoration: underline;
}

.popup .buttons {
    display: flex;
    gap: 10px;
}

.popup .btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
    white-space: nowrap;
}

.popup .btn.accept {
    background-color: #28a745;
    color: white;
}

.popup .btn.accept:hover {
    background-color: #218838;
}

.popup .btn.decline {
    background-color: #dc3545;
    color: white;
}

.popup .btn.decline:hover {
    background-color: #c82333;
}