.sp-megamenu-parent {
    font-family: 'Fira Sans', sans-serif;
    font-size: 25px;
    font-weight: 500;
}

header.menu-fixed, header.menu-fixed .logo { height: 45px !important; } 
header.menu-fixed .sp-default-logo{height: 40px !important;}
header.menu-fixed .sp-megamenu-parent > li > a, 
header.menu-fixed #offcanvas-toggler { line-height:45px; }
.sp-megamenu-parent > li > a {font-size:16px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {   padding: 15px; }
.breadcrumb {  padding: 10px 0px 0px 0px;   margin-bottom: 15px;   background-color: inherit;
    border-radius: 0px;
}
.button_poster_big{ background-color: #ffd400; color: #000000; text-transform: uppercase; font-weight: 900; padding: 7px; font-size: 14px; line-height: 1.6; border-radius: 4px; white-space: pre-line; vertical-align: middle; user-select: none; box-sizing: border-box; margin-top:4px; cursor:pointer; display:inline; }

.button_poster_big:hover{  background-color: #ffcb04; color: #000000;}
#sbox-window {border-radius: 25px;}
.entry-header h2 {font-size:48px;}
.primary{color:#990055;}
.secondary{color:#999700;}
.btn-secondary{background-color:#999700;}


/*
.turism_container{ position:relative; width:400px; height: 350px; top:125px; background:rgba(0,0,0, 0.5); border-radius: 25px; }
.turism_container_inner{ padding: 25px; height: 300px; position:absolute; bottom:0px; }
.turism_poster_h2_white{ font-size:2.9em; color:white; font-weight: 900; font-family: Fira Sans Extra Condensed; }
.turism_poster_h3_white{ font-size:2em; color:white; margin-top: -10px; font-weight: 600; font-family: Fira Sans Extra Condensed; }
.turism_poster_h4_white{ font-size:0.9em; color:white; font-weight: 300; font-family: Fira Sans Extra Condensed; }

.button_poster_big{ background-color: #ffd400; color: #000000; text-transform: uppercase; font-weight: 900; font-family: Fira Sans Extra Condensed; padding: 17px; font-size: 22px; line-height: 1.6; border-radius: 6px; white-space: pre-line; vertical-align: middle; user-select: none; box-sizing: border-box; }
.button_poster_big:hover{  background-color: #ffcb04; color: #000000;}
.button_poster_small {	background-color: #947b00; color: #ffffff; text-transform: uppercase; font-weight: 700; font-family: Fira Sans Extra Condensed;	padding: 3px 8px;    font-size: 12px;    line-height: 1.5;    border-radius: 3px;	display: inline-block;	text-align: center;    white-space: pre-line;    vertical-align: middle;	user-select: none;}
.button_poster_small:hover {	background-color: #927100; color: #ffffff;}
.fullscreen_poster {height:500px; background-image: url(/images/turism_theme/f-1.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: scroll;    background-position: 0 0; color: #ffffff;}
.fullscreen_poster:before{display: block; content: " ";}

*/
a.marked{	height: 40px !important;    line-height: 40px !important;    border-radius: 20px;    background-color:#ffd400;    color:black;    margin-bottom: 27px !important;}
.menu-fixed  a.marked { margin-bottom: 4px !important; }
.offcanvas-menu a.marked{	height: 40px !important;    line-height: 20px !important;    border-radius: 20px;    background-color: #947b00;    /* color: black; */    margin-bottom: 15px !important;  }

a.sub{	height: auto !important;
line-height: 20px !important;
border-radius: 20px;
padding-left: 5px !important;
margin: -7px auto;
margin-left: 20px;
text-indent: -10px;
border-bottom: 1px solid white;
border-radius: 0;}
a.sub:before{ content:'' !important;}

a.sub.sub2{	height: auto !important;
line-height: 30px !important;
padding-left: 5px !important;
margin: -7px auto;
margin-left: 40px;
text-indent: -10px;
font-weight: 200 !important;
text-transform: inherit !important;
}

a.sub.sub2:before{ content:'\f105' !important;}

.offcanvas-menu ul.menu li.active{}
.offcanvas-menu ul.menu li{border-bottom: none;}


.deeper a, a.deeper{	font-size: 16px; }
.deeper>a, a.deeper, a.level1{	/* color: #ffd400 !important; */	font-weight: 200;	font-size: 18px;	background-color: #ffe100;	border-radius: 2px; }
li.deeper>a:before, a.deeper:before, a.level1:before{
	content: "" !important;
}
li.deeper{
	list-style-type: none;
}
li.deeper:before{
	content: "" !important;
}
a.level1{}

.sp-module {
	margin-top: 0px;
}
.small-margin{
margin-bottom: 0px !important;
border: 0px !important;
}

a.button{
	background-color: #ffd400;
    color: black;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Fira Sans Extra Condensed;
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
    user-select: none;
}

.deeper a{
	font-size: 16px;

}
.deeper>a{
	/* color: #ffd400 !important; */
	font-weight: 200;
	font-size: 18px;
	background-color: #ffe100;
	border-radius: 2px;
}
a.green, a.red{
	color: white !important;
	font-weight: 500;
}
a.green	{ background-color: green; } 	a.green:hover	{ background-color: #050 !important; }
a.red	{ background-color: #b05; }		a.red:hover		{ background-color: #703 !important; }
a.yellow { background-color: #ffe100; }		a.yellow:hover		{ background-color: #fe6 !important; }

li.deeper>a:before{
	content: "" !important;
}
li.deeper{
	list-style-type: none;
}
li.deeper:before{
	content: "" !important;
}

.sp-module {
	margin-top: 0px;
}
.small-margin{
margin-bottom: 0px !important;
border: 0px !important;
}

a.button{
	background-color: #ffd400;
    color: black;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Fira Sans Extra Condensed;
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
    user-select: none;
}

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

.phone-block{}
.phone-block>i{    font-size: 20px;     margin: 0 5px;}
.phone-block>strong.phone{font-size: 18px;  vertical-align: middle;    line-height: 1.5;}
.phone-block>div.phone-text{    font-size: 12px;     margin-left: 33px;    margin-top: -4px;}

#sp-header { box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
#sp-menu {  padding-right: 0;}
a.lastmenu {  padding-right: 0 !important; }
@media (max-width: 767px) {
  #sp-menu-middle {      	padding-left: 0;      	padding-right: 0;     	margin-left: -2px;    	min-width: 135px;  }
  .phone-block>div.phone-text {    margin-left: 0px; }
  #sp-menu {  padding-right: 15px;}
}

#jform_filter_dateout-lbl, #jform_filter_datein-lbl{ float: left;    padding: 5px 10px; }
div.turism-filter div.field-calendar{     float: left;   margin-right: 20px; }
div.turism-filter a.btn{    background-color: #eee; text-transform: uppercase;  color: #333; border: 1px solid #ccc;}
div.turism-filter button{    background-color: #eee;     border: 1px solid #ccc;}

/* .modal-header .close {   margin-top: -25px; } */





.carousel-indicators .active {     width: 16px;    height: 16px;    margin: -2px 1px;    background-color: #ffa400;    border: 2px solid #fff; }
.carousel-indicators li {    margin: 1px 2px;    border: 2px solid #fff; }
@media screen and (max-width: 767px) {
.fullscreen_poster {  /*  margin: 10px;    border-radius: 5px;    border: none; */ }
.carousel-caption { font-size: 18px; background-color: #999;     padding: 10px 0;    margin-bottom: 0;}
}
.breadcrumb>li {  display: inline; }
ol.breadcrumb{margin-top: 10px;}
.owl-item a{text-decoration:underline;}
.fa-myarrow-left, .fa-myarrow-right{
    position: absolute;
    top: 50%;
    color: black;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    padding: 5px;
    background-color: white;
    line-height: 0.9;
    margin-top: -15px;
}
.fa-myarrow-left{left: -14px; } 
.fa-myarrow-right{right: -14px; }
.fa-myarrow-left:before{ content: '\f060'; box-sizing: border-box; }
.fa-myarrow-right:before{ content: '\f061'; box-sizing: border-box; }
.gallery-carousel-control{  text-shadow: none;     background-image: none !important; opacity: 0.75;}

/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .row.vertical-align { display: block; /* Turn off the flexible box layout */ }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .row.vertical-align { display: flex; align-items: center; }
}
/* Контент для страниц набранных в редакторе */
.turism-content-photo{    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    box-shadow: 1px 0px 4px rgba(0,0,0,.7);
    z-index: 2; }
@media (max-width: 767px) {
  .turism-content-mark{border-radius: 0 !important;  }
  .turism-content-photo{min-height: 300px !important; }
}
.turism-content-h2{
  	font-size: 30px;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 15px;
}
.btn-table{
    border: 1px solid;
    margin: auto 5px;
    text-decoration: underline;
    display: inline-block;
}

/* Размер картинок в контенте */ 
@media (min-width: 768px) and (max-width: 991px) {
	.tcphoto-sm-340{ min-height: 340px; }
	.tcphoto-sm-380{ min-height: 380px; }
	.tcphoto-sm-450{ min-height: 450px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.tcphoto-md-280{min-height: 280px; }
	.tcphoto-md-320{min-height: 320px; }
	.tcphoto-md-360{min-height: 360px; }
}
@media (min-width: 1200px) {
	.tcphoto-lg-300 {min-height: 300px; }
	.tcphoto-lg-285 {min-height: 285px; }
	.tcphoto-lg-250 {min-height: 250px; }
}
/* КОНЕЦ картинок в контенте */

/* Кнопки оплаты */
.turismpayment-title{  font-size: 16px;}
.turismpayment-cost{    
    display: inline-block;
    margin: auto 15px;
    font-size: 20px;
    font-weight: 500;
}
.turismpayment-btn{    font-size: 16px;
    background-color: #fd0;
    color: white;
    text-shadow: 0px 0px 4px black;
    text-transform: uppercase;
    font-weight: 900;
	margin: 5px auto;}
.turismpayment-btn:hover{
  color: white;
    background-color: #fe0;
}
.turismpayment-title.turismpayment-first{font-size: 20px;}
.turismpayment-cost.turismpayment-first{font-size: 24px;}
a.turismpayment-first{background-color: green;    font-size: 20px;}
a.turismpayment-first:hover{background-color: #050;}
/*Конец кнопок оплаты*/

/* Переопределение для модуля turismtitle */
ul.ul-title li{
    text-indent: -15px;
    margin-left: 30px;
}
/* переопределение для компонента com_turism */
.turism-helix-price-new{
  	color: #333 !important;
	font-size: 36px !important;
}
span.turism-helix-price-old{
  	font-size: 20px !important;
	line-height: 24px !important;
  	color: #333 !important;
}
.turism-helix-item h2, .turism-helix-item h3{
  font-size: 28px !important;
  color: #333 !important;
}
@media (max-width: 479px) {
  .turism-helix-item{ 
   	width: 100% !important;
    margin-bottom: 50px !important;
  }
}
/* Конец переопределения */

/* Начала Блоки плиткой */
    .outer-aspect-ratio {
        position: relative;
        width: 100%;
        padding-top: 100%; /* 1:1 Aspect Ratio */
        overflow: hidden;
    }
    .ratio-50 {
        padding-top: 50%; /* 1:1 Aspect Ratio */
    }
    .ratio-200 {
        padding-top: 200%; /* 1:1 Aspect Ratio */
    }

    .inner-aspect-ratio {
        position:  absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: left;
        font-size: 20px;
        color: white;
        background-size: cover;
        transition: all .5s;
    }

    .inner-aspect-ratio::before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 3px solid white;
        transition: all .5s;
        background: linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 20px, rgba(0,0,0,0) 50%);
    }

    .text{
        /* padding: 25%; */
        position:  absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: left;
        font-size: 20px;
        color: white;
        transition: all .5s;
        padding: 5px 35px;
        text-shadow: 2px 2px 5px #333;
    }
    .text-12-25{
        /* padding: 12% 25%; */
    }
    .padding-0{
        padding-left: 0; padding-right: 0;
    }
    .magrin-0{
        margin-left: 0;
        margin-right: 0;
    }
    .outer-aspect-ratio:hover .inner-aspect-ratio,
    .outer-aspect-ratio:focus .inner-aspect-ratio {
        transform: scale(1.2);
    }
    .outer-aspect-ratio:hover .inner-aspect-ratio::before,
    .outer-aspect-ratio:focus .inner-aspect-ratio::before {
        transform: scale(0.8333);
    }
    .outer-aspect-ratio:hover .inner-aspect-ratio div,
    .outer-aspect-ratio:focus .inner-aspect-ratio div{
         transform: scale(0.8333);

    }
    img.dot{
        display: inline-block;
        height: 20px;
        opacity: 0.8;
    }
    .text-price{
    }
    .text-title::after{
        content: url('/images/logo/logo-dot-turism-and-tv.svg');
        position: relative;
        opacity: 0.8;
        margin: 2px 6px;
        left: 0;
        right: 0;
        filter: drop-shadow( 2px 2px 5px rgba(0, 0, 0, .85));
    }
    .text-title{
        font-size: 28px;
    }

.inner-aspect-ratio-1, .inner-aspect-ratio-2, .inner-aspect-ratio-3, .inner-aspect-ratio-4 {
        position:  absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: left;
        font-size: 20px;
        color: white;
        background-size: cover;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
    }

    .inner-aspect-ratio-1::before, .inner-aspect-ratio-2::before, .inner-aspect-ratio-3::before, .inner-aspect-ratio-4::before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 3px solid white;

        transition: all .5s ease;
        -webkit-transition: all .5s ease;
    }

    .inner-aspect-ratio-1::before {
        background: linear-gradient(to bottom,rgba(0,165,80,1) 0%,rgba(0,165,80,.9) 35%, rgba(0,165,80,0) 75%);
    }
    .inner-aspect-ratio-2::before {
        background: linear-gradient(to bottom,rgba(80,183,72,1) 0%,rgba(80,183,72,.9) 35%, rgba(80,183,72,0) 75%);
    }
    .inner-aspect-ratio-3::before {
        background: linear-gradient(to bottom,rgba(175,209,53,1) 0%,rgba(175,209,53,.9) 35%, rgba(175,209,53,0) 75%);
    }
    .inner-aspect-ratio-4::before {
        background: linear-gradient(to bottom,rgba(207,205,26,1) 0%,rgba(207,205,26,.9) 35%, rgba(207,205,26,0) 75%);
    }

    .text-for-tour{
        /* padding: 25%; */
        position:  absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: left;
        font-size: 20px;
        color: white;
        padding: 5px 35px;
        text-shadow: 2px 2px 5px #333;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
    }
    .text-for-tour .text-title{
        white-space: nowrap;
    }


    div.text-price{
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        position: absolute;
        bottom: 20px;
        padding: 6px;
        background-color: #fc0;
        border-radius: 7px;
        border: 4px solid #fc0;
    }

    span.text-price-real{
        padding: 5px;
        font-size: 18px;
        font-weight: 900;
        color: #333;
        text-shadow: none;
        white-space: nowrap;
    }

    span.text-price-old{
        background-color: white;
        padding: 6px;
        white-space: nowrap;
        font-size: 14px;
        color: #333;
        text-shadow: none;
        text-decoration: line-through;
        border-radius: 3px;
    }

    .outer-aspect-ratio:hover .inner-aspect-ratio-1, .outer-aspect-ratio:hover .inner-aspect-ratio-2, .outer-aspect-ratio:hover .inner-aspect-ratio-3, .outer-aspect-ratio:hover .inner-aspect-ratio-4,
    .outer-aspect-ratio:focus .inner-aspect-ratio-1, .outer-aspect-ratio:focus .inner-aspect-ratio-2, .outer-aspect-ratio:focus .inner-aspect-ratio-3, .outer-aspect-ratio:focus .inner-aspect-ratio-4{
        transform: scale(1.2);
    }
    .outer-aspect-ratio:hover .inner-aspect-ratio-1::before, .outer-aspect-ratio:hover .inner-aspect-ratio-2::before, .outer-aspect-ratio:hover .inner-aspect-ratio-3::before, .outer-aspect-ratio:hover .inner-aspect-ratio-4::before,
    .outer-aspect-ratio:focus .inner-aspect-ratio-1::before, .outer-aspect-ratio:focus .inner-aspect-ratio-2::before, .outer-aspect-ratio:focus .inner-aspect-ratio-3::before, .outer-aspect-ratio:focus .inner-aspect-ratio-4::before,{
        transform: scale(0.8333);
        background: linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.6) 20px, rgba(0,0,0,0) 50%);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
    }

    .inner-aspect-ratio-1:hover::before, .inner-aspect-ratio-2:hover::before, .inner-aspect-ratio-3:hover::before, .inner-aspect-ratio-4:hover::before {
        background: linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.6) 20px, rgba(0,0,0,0) 50%);
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
    }
    .outer-aspect-ratio:hover .inner-aspect-ratio-1 div.text-for-tour, .outer-aspect-ratio:hover .inner-aspect-ratio-2 div.text-for-tour, .outer-aspect-ratio:hover .inner-aspect-ratio-3 div.text-for-tour, .outer-aspect-ratio:hover .inner-aspect-ratio-4 div.text-for-tour,
    .outer-aspect-ratio:focus .inner-aspect-ratio-1 div.text-for-tour, .outer-aspect-ratio:focus .inner-aspect-ratio-2 div.text-for-tour, .outer-aspect-ratio:focus .inner-aspect-ratio-3 div.text-for-tour, .outer-aspect-ratio:focus .inner-aspect-ratio-4 div.text-for-tour {
        transform: scale(0.8333);

    }

.container.turism-html-for-tours{      padding-right: 40px; }
@media (max-width: 767px){
      .container.turism-html-for-tours{      padding-right: 15px; }
}

.turism-html-for-tours-btn{  background-color: rgba(0,165,80,1);  position: relative;    width: 100%;    padding-top: 100%;    overflow: hidden;}
.turism-html-for-tours-btn-inner {	position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    text-align: left;   border: 3px solid white; display: flex;
    flex-direction: column;
    justify-content: center;}

	@media (min-width: 481px) and  (max-width: 767px){
      div.text-price{          right: 20px;             left: 20px; 	        bottom: 10px;        }
	}
    @media (max-width: 480px){
        .text-title{
            font-size: 22px;
        }
        .text{
            padding: 0px 20px;
            margin-top: -5px;
            font-size: 16px;
        }
        .text-title::after{
            content: url('/images/logo/logo-dot-turism-and-tv-15.svg');
        }
         .text-for-tour{
            padding: 0px 20px;
            margin-top: -5px;
            font-size: 16px;
        }
       div.text-price{
           /* right: 20px; */
            /*left: 20px; */
	        bottom: 10px;
            padding: 2px;
            border-radius: 4px;
        }
        span.text-price-real{
            padding: 4px;
            font-size: 16px;
        }
        span.text-price-old{
            display: none;
            padding: 4px;
            font-size: 13px;
            border-radius: 1px;
        }
    }

/* Конец Блоки плиткой */

/* Заголовок в блоге h2*/
.entry-header h2{
      line-height: 1.2;
      font-size: 24px;
    font-weight: 900;
}
  .motivation a.btn{
      text-transform: uppercase;
    color: white;
    font-weight: 900;
    text-shadow: 2px 2px 2px #333;
    font-size: 24px;
    border: 2px solid white;
  }
  .motivation {
     text-align: center;    background-color: #fc0;    padding: 20px 10px;    border-radius: 5px; margin-bottom: 10px;
  }
.motivation  .sendmessage-modal{
  text-align: left; 
}

.intro-image, .entry-video{width:100%; margin-bottom: 10px;}
.intro-image a img{width:100%;}
/* Модуль вывода блога Материалы-Новости*/
li.newsflash-item{
      width: 33%;
    float: left;
    padding: 0 15px;
}
a.blogmodule-title{color: #333;    text-transform: uppercase;    text-decoration: underline;    font-weight: 500; }
h4.blogmodule-title{margin: 20px auto; }
h3.blogmodule-title{font-size: 48px;    font-weight: 200;    text-align: center; text-transform: uppercase; padding: 20px 0px;}
@media (min-width: 481px) and  (max-width: 767px){
  li.newsflash-item{  width: 50%;}
}
@media (max-width: 480px){
  li.newsflash-item{  width: 100%; float: none;  padding: 0;}
}
/* КОНЕЦ Модуль вывода блога Материалы-Новости*/


/* Для модуля отправки сообщения внутри модуля вывода туров */ 
  .turism-html-for-tours-btn-inner a.btn{
    color: white;
    font-size: 30px;
    white-space: inherit;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;

    padding: 0px 15px;
    border: 5px solid white;
    margin: 0 10px;
    border-radius: 10px;
  }
  .turism-html-for-tours-btn-inner span.text-under-btn {
    color: white;
    padding: 0 35px;
  }
  @media (min-width:481px) and (max-width:767px){
    .turism-html-for-tours-btn-inner a.btn{font-size: 30px;     padding: 0 10px;}
    .turism-html-for-tours-btn-inner span.text-under-btn { padding: 0 20px;}
  }
  @media (min-width:381px) and (max-width:480px){
    .turism-html-for-tours-btn-inner a.btn{font-size: 24px;     padding: 0 10px;}
    .turism-html-for-tours-btn-inner span.text-under-btn { padding: 0 20px; font-size: 12px;  line-height: 1.2;}
  }
  @media (max-width:380px){
    .turism-html-for-tours-btn-inner a.btn{font-size: 18px;     padding: 0 10px; }
    .turism-html-for-tours-btn-inner span.text-under-btn { padding: 0 20px; font-size: 10px;  line-height: 1.2;}
  }
/* Конец */
  
/*Оформление контактной инфы в Footer */ 
.social_button{
padding: 10px;
border-radius: 4px;
margin-right:10px;
background: rgba(255,255,255,0.5);

}
div.logo>div.left{
 display: block;
 margin-right: 10px;
}
div.left h3{
	margin-top: 10px;
}
/* Конец Оформление контактной инфы в Footer */ 

/* Оформление в com_turism Описание категорий и маршрутов */
    .confidence {

        margin: auto;
        padding-bottom: 30px;
        text-align: -webkit-center;
    }
    .circle {
        /* задаете свои размеры */
        width: 200px;
        height: 200px;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 50%;

        /* не забываем о кроссбраузерности */
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
    }
    .circle h5, .circle img{
        text-align: center;
        font-weight: 700;
        font-size: 100px;
        padding-top: 45px;
        margin-left: auto;
        margin-right: auto;
    }

    .undercircle{
        text-align: center;
        font-weight: 400;
    }

    @media  (max-width: 480px) {
        .circle {            width: 175px;            height: 175px;        }
        .circle h5, .circle img{     padding-top: 30px;       }
    }


  .route-short{
        background-color: #ffd400;
    }
    .route-short-row{
        display: block;
        border-bottom: 1px dashed #777;
        margin-bottom: 5px;
    }

    .route-short-left {
        font-weight: 200;
        text-transform: uppercase;
    }
    .route-short-right {
        float: right;
        font-weight: 700;

    }
    .route-short-row-price{
        display: block;
        padding: 0px 0px 30px 0px;
        width: 100%;
    }


    .route-short-row-price .route-short-left {
        font-weight: 900;
        font-size:24px;

    }
    .route-short-row-price .route-short-left:first-child {
        font-weight: 100;
        font-size: 16px;

    }

    .route-short-row-price .route-short-right {
        font-weight: 900;
        font-size:24px;

    }
    .route-short-row-price a {
        display: block;
        width: 100%;
        text-align: center;
        font-weight: 500;
        font-size:24px;
        background-color: white;
        border-radius: 5px;
        text-transform: uppercase;
        padding: 10px 10px;

    }

    .route-get {
        padding: 0px 30px;
    }

    ul.route {
        list-style: none;
        padding-left: 20px;
        text-indent: -13px;
    }

    ul.route li:before {
        content:  "—";
        position: relative;
        left:     -5px;
    }
    .route-turn{
        padding: 0px 20px 20px 20px;
        background-color: #ddd;
        border-radius: 5px;
    }
    .route-days{
        padding: 10px;
    }
    div.route-day{
        padding: 15px;
        background-color: #eee;
        border-radius: 0 0 5px 5px;
    }
	h4.route-day{
        padding: 15px;
        background-color: #fd4;
        border-radius: 0px;
	    margin-bottom: 0;
		margin-top: 0;
    }
	.vertical-margin-15{
	margin-top: 15px;
	margin-bottom: 15px;
	}
	.nopadding {
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* КОНЕЦ Оформление в com_turism Описание категорий и маршрутов */

/* Горизонтальное меню */
  .h-link{cursor: pointer;  font-weight: 500; text-align: center; font-size: 16px;}
  .h-link a:before{ content: "" !important;     margin-right: 0px  !important;}
  .h-link-yellow, .h-link-green, .h-link-red{    display: inline-block !important;     padding: 2px 10px;    margin: 0 5px;    border-bottom: none !important; border-radius: 5px;}
  .h-link-yellow { border: 2px solid #ffd400 !important; padding: 0px 10px !important;}
  .h-link-green {    background-color: green !important; }
  .h-link-red {    background-color: #b05 !important;}
  
  .h-link-yellow:hover { background-color: #ffd400 !important;}
  .h-link-green:hover {    background-color: #060 !important; }
  .h-link-red:hover {    background-color: #803 !important;}
  
  .h-link-yellow a { color: #333 !important;}
  .h-link-green a { color: white !important;}
  .h-link-red a { color: white !important;}
/* КОНЕЦ Горизонтальное меню */

/* Кнопка стандатная на сайте */
.btn {border: 1px solid #fd4;    border-radius: 5px;}
/* КОНЕЦ Кнопка стандатная на сайте */