html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}:focus{outline:0}
body{line-height:1}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
a {text-decoration: none;}
header,footer,
article,section,
hgroup,nav,
figure,main{
    display:block;
}
html {position: relative;}
html, body
{
    min-height: 100%;
}
body {  font: normal 14px/20px "Trebuchet MS", Verdana, Arial, sans-serif;  overflow-x: hidden; min-width: 460px;}
/* Общие классы */
.left{float: left;}
.right{float: right;}
.clear{ clear: both; width: 100%;}
h1 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 25px;
    position: relative;
}
img {max-width: 100%; height: auto;}
.posFix {position: fixed!important;}

/*ОБЩИЙ ШАБЛОН САЙТА*/

#wrapper {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.wrapper
{   
    z-index: 2;
    position: relative;
}

#language > ul li:after,#language:after, .choiceIcons:after, .interests:after,
#selectedInterest:after, .routes:after, .routeWrapper:after, .routeRightFoto:after,
.routesBlok:after, .mapaTerritoryWr:after, .mapaTerritoryWrCt:after,
.mapaTerritoryWrCity:after {
    display: block;
    content: '';
    clear: both;
}
#content {
    margin: 15px 0;
}

    /*Шапка сайта*/
#sidebar-a { width: 35%; }
#maininner { width: 65%; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }

#bottom-b {margin: 0 auto;}


    /*место под подвал + 30px*/
.footHide 
{
    width: 100%;
    height: 280px;
}


/*Подвал*/
#footerWrap
{
    position: absolute;
    max-width: 1180px;
    bottom: 0;
    width: 100%;
}

.float-right .menu.menu-line {margin-right: 90px;}

#header {height: auto;}
.menu-dropdown li.level1 {padding-bottom: 0;}

#breadcrumb {float: left; margin-left: 10px; margin-top: 12px;}

#language {
    float: right;
    width: 60px;
    height: 25px;
    background: #DADADA;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    padding: 2px 0;
    top: 0;
    right: 0;
}
#language:before {
    content: ' ';
    display: block;
    position: absolute;
    border: 6px solid transparent;
    border-top: 11px solid #666666;
    top: 50%;
    right: 7px;
    margin-top: -7px;
}
#language > ul {
    width: 100%;
    position: absolute;
    right: 0;
    padding-bottom: 10px;
}
#language > ul li{
    margin-left: 10px;
}
#language > ul li span {color: rgb(115, 115, 115);}

#language > ul li, #language > ul li span {display: none;}
#language > ul li.current {display: block;}
#language > ul li span {float: left;}
#language > ul li img {float: right; margin-right: 27px;}

#language:hover {width: 170px;}
#language:hover > ul li, #language:hover > ul li span{display: block;}
#language:hover > ul {background: #DADADA;}
#language > ul li:hover span {text-decoration: underline;}

.choiceIcons {
    width: 100%;
    height: 25px;
    margin: 0 auto 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.choiceIcons .block3 {
    width: 33.33%;
    display: block;
    float: left;
    line-height: 25px;
    text-align: left;
    position: relative;
    z-index: 5;
    color: white;
    text-align: center;
}
.choiceIcons .block3 img {margin-right: 10px; position: relative; top: 4px;}

.inter {
    border-radius: 7px 0 0 7px;
    background: #92D18B;
}

.marsr {
    border-radius: 0;
    background: #378B2E;    
}
.marsr:after {
    display: block;
    content: '';
    position: absolute;
    border: 13px solid transparent; border-left: 12px solid #92D18B;
    left: 0;
    z-index: 12;
    top: 0%;
}

.print {
    background: #074600;
    border-radius: 0 7px 7px 0;
}
.print:after {
    display: block;
    content: '';
    position: absolute;
    border: 13px solid transparent; border-left: 12px solid #378B2E;
    left: 0;
    z-index: 12;
    top: 0%;
}

.interests {
    border-radius: 0 10px 10px 0;
    width: 100%;
}

.interests > .block5 {
    width: 33.3%;
    float: left;
     
}
.interests > .block5 a {
    border: 1px solid white;
    border-left: 0;
    text-align: center;
    line-height: 60px;
    display: block;
    height: 60px;
    background: #D1D1D1;
}
.interests > .block5:first-child a {border-left: 1px solid white;}
.interests > .block5 img {vertical-align: middle; margin-right: 15px; margin-left: 15px;}

.mapaTerritoryWr {
    margin: 15px 0 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mapaTerritory {
    width: 75%;
    float: left;
    position: relative;
}
.mapaTerritoryWrCity {
    width: 23%;
    float: right;
}

#selectedInterest {
    background: none;
    border: 0px solid #BCBCBC;
    position: relative;
    z-index: 0;
    margin: 0 0 0 0;
    text-align: center;
}
.interestBot {
    height: 20px;
    width: 200px;
    position: absolute;
    border: 1px solid #BCBCBC;
    border-top: 0;
    bottom: -21px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    background: #E4E4E4;
    border-radius: 0 0 5px 5px;
}

.selectedInterest {
    min-width: 125px;
    height: 30px;
    position: relative;
    padding: 0 15px;
    background: #D3D3D3;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
    margin-right: 10px;
    border-radius: 40px;
    border-radius: 0;
    font-weight: bold;
    color: rgba(0,0,0, 1);
    /*text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;*/
    box-shadow: inset 0 3px 8px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 33px;
}
.selectedInterest:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -18px;
    right: -18px;
    bottom: -18px;
    left: -18px;
    border-radius: inherit;
    background: #eee;
    background: -moz-linear-gradient(#e5e7e6, #eee);
    background: -ms-linear-gradient(#e5e7e6, #eee);
    background: -o-linear-gradient(#e5e7e6, #eee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e7e6), to(#eee));
    background: -webkit-linear-gradient(#e5e7e6, #eee);
    background: linear-gradient(#e5e7e6, #eee);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    -o-filter: blur(1px);
    filter: blur(1px);
    display: none;
}
.selectedInterest:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  border-radius: inherit;
  background: #ababab;
  background: -moz-linear-gradient(#f2f2f2, #ababab);
  background: -ms-linear-gradient(#f2f2f2, #ababab);
  background: -o-linear-gradient(#f2f2f2, #ababab);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ababab));
  background: -webkit-linear-gradient(#f2f2f2, #ababab);
  background: linear-gradient(#f2f2f2, #ababab);
  box-shadow: 0 0 10px rgba(0,0,0,0.3),
 0 1px 1px rgba(0,0,0,0.25);
 display: none;
}

.selectedInterest span {float: right; margin-left: 5px;}
.selectedInterest img {vertical-align: middle; margin-right: 5px; float: left; margin-top: 6px; margin-left: 5px;}

.selectedInterest.current {background: #5FAE57; text-align: center;}
.selectedInterest.current img{ 
    float: right;
}
.selectedInterest.current span {float: left;}

.routesWr { margin: 50px auto 20px; }

.routes {margin-bottom: 30px;}
.routesBlok {
    width: 100%;
    display: block;
    border: 1px solid #BCBCBC;
    position: relative;
}
.m20 {width: 20px; display: table-cell;}
.routesRight {
    width: 80px;
    height: 100%;
    display: table-cell;
    background: #C3C3C3;
    vertical-align: top;
    text-align: center;
    padding-top: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.58);
}

.routesBlokTop {
    position: absolute;
    top: 0;
}
.routesBlok > img {float: left; width: 100%;}
.routesBlokTop table {
    background: rgba(172, 172, 172, 0.6);
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
}
.routesBlokTop table td {
    vertical-align: middle;
    color: white;
    padding: 1px 10px 1px 5px;
}
.routesBlokTop table td img {vertical-align: middle; padding-top: 2px; }

.routesBlokBottom {
    position: absolute;
    bottom: 0;
    background: rgba(172, 172, 172, 0.6);
    border-top: 1px solid #BCBCBC;
    width: 100%;
    color: white;
    padding: 5px 0;
}

.nameCity { 
    max-width: 15%; 
    float: left; 
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-left: 10px;
    font-size: 19px;
}
.nameTour{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0;
}

.nameTour, .descriptThour {
    width: 85%;
    float: right;
    border-left: 1px solid #BCBCBC;
    padding-left: 3%;
    padding-left: 10px;
}

.descriptThour {display: none;}

.routesBlok:hover .nameTour {display: none;}
.routesBlok:hover .descriptThour {display: block;}
.asteriskMobWr {display: none;}

.asterisk {color: black; font-size: 13px;}

.routeWrapper {
    position: relative;
    margin: 25px 0;
    display: table;  
    padding-top: 25px;
    border-top: 1px dashed #BCBCBC;
}
.routeLeft {
    width: 860px;
    display: table-cell;
    padding-right: 19px;
    vertical-align: top;
}

.routeRight {
    width: 300px;
    display: table-cell;
    vertical-align: bottom;
}
.routeLeftLef {
    position: relative;
}

.routeLeftRig {
    width: 775px;
	padding-left: 76px;
}

.routeNum {
    width: 60px;
    height: 33px;
    background: url('../images/routeNum.png') no-repeat center;
    text-align: center;
    color: black;
    font-size: 22px;
    line-height: 33px;
    background-size: 88%;
    float: left;
}
.faceLike {text-align: center; margin-top: 10px;}

.routeLeftRigCon {
    margin: 0 auto 10px;
}

.routeLeftIconWr {height: 48px;}
.routeLeftIcon {
	font-size: 20px;
	line-height: 33px;
	top: 0;
	margin-left: 20px;
	float: left;
}
.routeLeftIcon img {margin-right: 15px; float: left;}

.routeLeftRigCon h3 {
    color: #333333;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 29px;
}

.karuselFoto {
    overflow: hidden; 
    width: 100%;
}
.owl-carousel img {width: 90%; float: left;}
.owl-buttons > div {
    width: 22px;
    height: 36px;
    background: url('../images/caruselPrevNext.png') no-repeat left center;
    position: absolute;
    top: 50%;
    cursor: pointer;
    margin-top: -26px;
    text-indent: -999999px;
    opacity: 0.8;
}
.owl-buttons > div:hover {opacity: 1;}
.owl-buttons > div.owl-prev {left: 0;}
.owl-buttons > div.owl-next {
    background-position: right center; 
    right: 18px;
}
.owl-buttons > div.disabled {display: none;}


.routeRightFoto{
    position: relative;
    border: 1px solid #BCBCBC;
    top: -4px;
}
.routeRightFoto img {float: left;}
.routeRightDesc {
    position: absolute;
    border-top: 1px solid #BCBCBC;
    background: rgba(172, 172, 172, 0.6);
    bottom: 0;
    color: white;
    padding: 0 5px;
    width: 100%;
}

.routeRightDescAdress {
    padding-left: 33px;
    background: url('../images/metka2Icon.png') no-repeat 2px center;
    background-size: 23px 23px;
    line-height: 14px;
    margin: 4px 0 5px;
    min-height: 23px;
}

.routeRightDescPhone {
    padding: 3px 0 3px 33px;
    background: url('../images/phoneIcon.png') no-repeat 2px center;
    background-size: 23px 23px;
    margin: 4px 10px 5px 0;
    float: left;
}

.routeRightDesclink {
    padding: 3px 0 3px 33px;
    background: url('../images/linkIcon.png') no-repeat 2px center;
    background-size: 23px 23px;
    margin: 4px 0 5px;
    float: left;
    color: white;   
}
.routeRightDesclink:hover {
    color: white;
    text-decoration: underline;
}

.faceComment {
    padding: 25px;
    text-align: center;
    font-size: 30px;
    background: rgb(234, 213, 213)
}

#firstRoutesLink {
    width: 110px;
    display: block;
    font-size: 25px;
    margin: 25px auto 0;
}

#mapaRoutesWr{
    position: fixed;
    top: 0;
    top: 42px;
    height: 188px;
    width: 100%;
    z-index: 5;
    max-width: 1180px;
}

#mapaRoutesWr > #mapaRoutes{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.openMap {
    width: 150px;
    background: white;
    position: absolute;
    z-index: 99999999;
    height: 20px;
    margin: 0 auto;
    left: 50%;
    margin-left: -75px;
    margin-top: -10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.tablet .openMap {height: 30px; margin-top: -15px; line-height: 30px;}

.closeMapa {
    position: absolute;
    top: 35px;
    right: 10px;
    font-size: 42px;
    cursor: pointer;
    display: none;
}

.mapaChoisWr, .mapaDownRoutes {
    width: 112px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.85);
    color: black;
    border: 1px solid #BCBCBC;
    position: absolute;
    top: 35px;
    font-size: 12px;
    right: 5px;
}
.mapaChoisWr img {float: left;}
.posFix .mapaChoisWr {top: 65px;}
.posFix .mapaDownRoutes {top: 173px;}

.mapaChois {
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    display: block;
    color: black;
    border-bottom: 1px solid #BCBCBC;
    padding: 2px 5px 0 5px;
    font-size: 9px;
}
.mapaChois:hover, .mapaLike:hover,.mapaDownRoutes:hover{color: black;}
.mapaChois img {margin-right: 5px;}

.mapaLike {
    padding: 1px 3px 3px 3px;
    text-align: center;
    line-height: 14px;
    display: block;
    color: black;
}
.mapaLike img {padding: 2px 0 3px 0;}

.mapaDownRoutes {
    top: 141px;
    padding: 3px 0;
    display: block;
    line-height: 14px;
    text-align: center;
}
.mapaDownRoutes img {float: left; margin-left: 6px;}

#next, #prev {
    display: none;
    color: #333;
    font-size: 21px;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    width: auto;
    padding: 3px 1.3em 3px;
    top: -11px;
    padding-top: 6px;
    cursor: pointer;
}
h1 #next, h1 #prev {left: 2px;}
#next { text-align: right }
#next:before,
#next:after,
#prev:before,
#prev:after {
    background: #333;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    content: "";
    display: block;
    height: 0.2em;
    position: absolute;
    right: 0;
    top: 64%;
    width: 0.7em;
}
#prev:before,
#prev:after { left: 0 }
#next:before,
#prev:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#next:after,
#prev:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#prev:after,
#next:before { margin-top: -.36em; }
#next:hover,
#next:focus,
#prev:hover,
#prev:focus { color: #DB416F; }
#next:hover:before,
#next:hover:after,
#next:focus:before,
#next:focus:after,
#prev:hover:before,
#prev:hover:after,
#prev:focus:before,
#prev:focus:after { background: #DB416F; }


#headMob {
    display: none;
    background: url('../images/headMob.jpg');
    height: 120px;
    padding: 50px;
}
#headMob #logo {  margin-top: 20px;  display: block;}

/* карта */

.mapaTerritory svg {
    min-height: 400px;
    height: 600px\9\0;
    width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 600px;
}

.mapaTerritory path{
    fill: #92D18B;
    stroke-width: 1.1px;
    stroke: #fff;
    cursor: pointer;
    display: block;
}
.mapaTerritory path:hover {
    fill: #5FAE57!important;
}
.hovColJs {fill: #5FAE57!important;}

.mapaTerritory ellipse {
    fill: #FF6163;
    cursor: pointer;
    position: relative;
}
.mapaTerritory ellipse:hover { fill: #CC4E50!important;}

.mapaTerritory text tspan {
    font-size: 9px;
}
.mapaTerritoryWrCt a {font-weight: bold;}


.info_panel {
    background-color: rgba(255,255,255, .8);
    padding: 5px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    position: absolute;
    border: 1px solid #333;
    color: #333;
    white-space: nowrap;
    z-index: 5;
}

.info_panel::first-line {
    font-weight: bold;
}

.mapaTerritory #prev, .mapaTerritory #next {
    display: inline-block;
    position: absolute;
    width: auto;
    top: 20px;
}
.mapaTerritory #next { left: none; right: 0; }
.mapaTerritory #prev  {left: 0;}

.left50 {float: left; width: 50%;}
.mapaTerritoryWrCt {margin-bottom: 15px;}
.mapaTerritoryWr a {
    font-size: 15px;
}
.mapaTerritoryWr a:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 0;
}
.mapaTerritoryWr a:hover {text-decoration: underline!important;}

.linkIst {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    background: rgb(203, 203, 203);
}
.linkIst a {
    font-size: 30px;
    padding: 25px 0px;
    display: inline-block;
}


/* responsive */
@media screen and (max-width: 1200px) {
    body {padding: 0 20px;}
    .choiceIcons {
        margin-top: 20px;
    }
    #footerWrap {width: auto; padding-right: 20px; min-width: 98%;}
    .choiceIcons .block3 {font-size: 12px;}
    .choiceIcons .block3 img {margin-right: 10px;}
    
    #mapaRoutesWr {width: calc(100% - 40px);}
    .routeWrapper {display: block;}
    .routeLeft {  width: 79%;  display: block;  float: left;  padding: 0;}
    .routeRight {  width: 20%;  display: block;  float: right;}
    .routeLeftRig {width: 88%;}
    .routeRightDesclink {margin-left: 0;}
    #bottom-b .copy {display: none;}
    #bottom-b .float-left:first-child + .float-left + .float-left + .float-left + .float-left + .float-left {margin-right: 0;}

    .routeRight {position: absolute; right: 0; bottom: 0;}
}

@media screen and (max-width: 1100px) {
    .routesBlok:after, .nameTour:after {
        display: block;
        content: '';
        clear: both;
    }
    .routesWr {width: 100%;}
    .routesRight, .m20 {display: none;}
    .routesBlok  {margin: 0 auto;}

    .routes, .routesBlok, .descriptThour,.routesBlok:hover .nameTour, 
    .asteriskMobWr {display: block;}

    .nameCity {
        position: static; top: 0; margin-top: 5px;  width: auto;  margin-left: 21px; padding-right: 20px;
    }
    .nameTour {width: auto; float: left; max-width: 80%;}
    .descriptThour {display: block;clear: both; width: 98%; border: 0;}
    .nameTour > div {float: left;}
    .asteriskMob {margin-left: 20px;}
    .nameT {  font-weight: normal;  font-size: 19px;}
    .asteriskMob {font-size: 17px;}
    .asteriskMob img {float: left; margin-right: 10px;}

}

@media screen and (max-width: 960px) {
    #wrapper {
        width: 810px;
    }
    .routeLeftLef:after {
        display: block;
        content: '';
        clear: both;
    }
    #toolbar{display: none;}
    #headMob {`display: block;}
    #headerbar {padding-top: 80px;}
    #mapaRoutesWr {width: 100%;}
    #social {
        top: 0;
        background: #DADADA;
        right: 80px;
        padding-left: 0px;
    }
    #language {z-index: 1001; padding: 11px 4px 10px;}
    #social {right: 67px;}
    
    .interests > .block5 img {margin-right: 0; font-size: 13px;}

    #mapaRoutesWr {
        position: relative;
        top: 0!important;
        margin-bottom: 40px;
    }
    #mapaRoutesWr.posFix {width: 95%;}

    #footerWrap {padding: 0;  max-width: 810px;  min-width: 50%;  width: 100%;}
    #bottom-b .float-left {margin-right: 10px;}

    .routesBlok, .routeLeft, .routeLeftRig {width: 100%;}
    #next,  #prev {display: block;}
    
    .routeLeftIcon{position: static;}
    .routeLeftLef {width: 100%;float: none;}
    .routeLeftLef > div {float: left; margin-right: 15px;   margin-left: 20px;}
    .routeNum {width: 96px; height: 31px; background-size: 96px 31px; font-size: 27px; line-height: 1;}
    .faceLike {margin-top: 0;}
    .faceLike img {height: 34px;}
    .routeLeftRigCon h3 {margin-top: 20px;}

    .karuselFoto { margin: 10px auto;   padding-left: 15px;}
    
    .routeLeftRig, .routeLeft  {float: none;}
    .routeRight {width: 100%; float: none;}
    .routeRightFoto > img {display: none;}
    .routeRightDesc {position: static;}
    .routeRightFoto {margin-top: 0; background: rgba(172, 172, 172, 0.6);}

    .routeRightDescAdress, .routeRightDescPhone, .routeRightDesclink 
    { float: left; color: black;  padding: 10px 0 10px 33px; margin-right: 15px; line-height: 14px;}

    .routeRightDesclink { margin-right: 0;}

    .routeRight {position: static;}
    .nameCity {margin-left: 16px;}

    .mapaTerritory, .mapaTerritoryWrCity {float: none;  width: 100%;}
    .mapaTerritoryWrCity {margin-top: 20px;}
    .mapaTerritoryWr a {display: inline-block;  font-size: 15px;  margin-right: 21px;  margin-bottom: 3px;}
}

@media screen and (max-width: 820px) {
    #wrapper, #footerWrap {
        width: 100%;
        min-width: 460px;
    }
    .routesBlokBottom:after {
        display: block;
        content: '';
        clear: both;
    }
    #footerWrap  {max-width: 94.7%;}
    .interests {text-align: center;}
    .interests > .block5 {width: auto; float: none; display: inline-block; margin-bottom: 5px;}
    .interests > .block5 a {padding-right: 20px;}

    #bottom-b {padding: 43px 10px;}
    #bottom-b .float-left {margin-right: 10px; width: auto;}

    #bottom-b .logo {width: 110px;  padding-top: 43px;}

    #headMob #logo {  margin-top: 30px;  display: block;}
    
    .choiceIcons {
        width: auto;
        padding: 5px 0;
        margin-top: 20px;
        display: inline-block;
        height: auto;
    }
    .choiceIcons .block3 { display: block;  width: auto;  padding: 5px 30px; float: none; text-align: left;}
    .choiceIcons .block3 img {margin-left: 0;}
    .mobIconCen {text-align: center;}
    .inter, .print {border-radius: 0; }
    .marsr, .print {padding-top: 12px!important;}
    .print:after {
        border-left: 13px solid transparent;    border-top: 12px solid #378B2E;
        left: 50%;
        margin-left: -13px;
    }
    .marsr:after {
        border-left: 13px solid transparent;    border-top: 12px solid #92D18B;
        left: 50%;
        margin-left: -13px;
    }


    h1 {padding-top: 40px;}
    .selectedInterest {padding: 0 8px;}

    .openMap {display: none;}
    #mapaRoutesWr {height: 260px;}
    .owl-buttons > div.owl-next {right: 38px;}

    .descriptThour {line-height: 18px;}

    .routesBlokBottom {position: relative;   background: rgba(67, 67, 67, 0.6); border: none!important; margin-top: -6px;}
    .routesBlok > img {
        float: none;
    }
    .nameTour {max-width: 75%;}
    .nameCity {margin-left: 14px;}

}

@media screen and (min-width: 650px) {	#menu > .menu-dropdown {display: block!important;}}
@media screen and (max-width: 650px) {
	#headerbar {height: 105px;}

	
	#menu  {
		position: relative;
		width: 70px;
		height: 55px;
		background: #2C2C2C;
		cursor: pointer;
	}
	#menu .menu-dropdown {
		background: #2C2C2C;
		width: 120px;
		position: absolute;
		left: 98px;
		z-index: 5;
	}
	#menu:before {
		content: "";
		position: absolute;
		top: 13px;
		height: 8px;
		border-top: 4px solid white;
		border-bottom: 4px solid white;
		width: 70%;
		left: 11px;
	}
	#menu:after {
		content: "";
		position: absolute;
		bottom: 9px;
		height: 5px;
		border-top: 4px solid white;
		width: 70%;
		left: 11px;
	}
	#menu > .menu-dropdown {display: none;}

	.level1, .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span 
	{width: 100%; text-align: center; padding: 0;}
	.menu-dropdown a.level1, .menu-dropdown li.active .level1
	{background-position: 0 -75px!important}

	.dropdown.columns1 {display: block!important;  margin-top: 2px;}
	#menu .menu-dropdown > li{
		float: none!important; 
		position: relative;
		height: 40px;
		border-bottom: 1px solid;
		margin-right: 0;
	}
	.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span
	{  line-height: 30px; height: 35px;}
	.menu-dropdown .dropdown {left: 100%; top: 0;}
	.level1  > .dropdown.columns1 > div {border-top: 1px solid white;display: block!important;}

	.menu-dropdown li.level1 .shop, 
	.menu-dropdown li.level1:hover .shop, 
	.menu-dropdown li.remain .shop, 
	.menu-dropdown li.active .shop {  
		background: url(../images/menu_shop_bg.png) 0 -17px!important;
  		padding: 0 0!important;
  	}
  	.menu-dropdown li.level1 .affiliate, 
  	.menu-dropdown li.level1:hover .affiliate, 
  	.menu-dropdown li.remain .affiliate, 
  	.menu-dropdown li.active .affiliate {
		background: url(../images/menu_affiliate_bg.png) 0 -17px!important;
		padding: 0 0 0 0px!important;
	}
	
	.level2 {min-height: 50px;}
	.menu-dropdown a.level2 > span, 
	.menu-dropdown span.level2 > span {padding: 2px 0;}
}

@media screen and (max-width: 480px) { body {overflow: visible;}}