/* Global */
body {font-family: "Lato", Helvetica, Verdana, sans-serif; color:#868789;}
img {max-width: 100%;}
a:link {color: #e1081c;	text-decoration: none;}
a:hover {color: #0084b6; text-decoration: none;}
a:visited {color: #e1081c; text-decoration: none;}
p {}
.pointer {cursor: pointer;}
.invisible {display:none !important;}
* {border-radius: 0 !important;}
.bg-top {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,f07d20+0,f2a320+50,f07d20+100,539fe1+100,f07d20+100 */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(left,  #d0e4f7 0%, #f07d20 0%, #f2a320 50%, #f07d20 100%, #539fe1 100%, #f07d20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d0e4f7 0%,#f07d20 0%,#f2a320 50%,#f07d20 100%,#539fe1 100%,#f07d20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d0e4f7 0%,#f07d20 0%,#f2a320 50%,#f07d20 100%,#539fe1 100%,#f07d20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#f07d20',GradientType=1 ); /* IE6-9 */}

.btn:focus, .btn:active:focus, .btn.active:focus {color:#000000;}
.button:focus, .button:active:focus, .button.active:focus, .button:active, .button.active {color:#000000 !important;}

.with-errors li {color: rgba(255,0,4,1.00); font-weight: bold; padding: 6px 0px 0px 0px;}

.navbar-toggler {border:2px solid #FFFFFF; margin: 4px; color: #FFFFFF; }

.carousel-inner .carousel-item .carousel-caption  {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.carousel-inner .carousel-item.active .carousel-caption  {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

.carousel-caption div {background-color: rgba(255,255,255,0.8); display: inline-block; padding: 20px;}
.carousel-caption div h2 {margin: 0px 0px 12px 0px; padding-top: 0px;}
.carousel-caption div p {color:#000000;}
.carousel-caption .btn-outline-primary {background-color: rgb(241, 126, 33); border-color:rgb(241, 126, 33); padding: 12px 48px; border-style: solid; color:#FFFFFF;}
.carousel-caption .btn-outline-primary:hover {background-color: rgb(255, 255, 255); border-color:rgb(241, 126, 33); color: #000000;}
#carousel .carousel-inner .carousel-item {width: 100%; height: 300px; background-size: cover; background-position: center top;}
#carousel .carousel-inner .slide-1 {background-image: url(../img/1.jpg);}
#carousel .carousel-inner .slide-2 {background-image: url(../img/2.jpg);}
#carousel .carousel-inner .slide-3 {background-image: url(../img/3.jpg);}
#carousel .carousel-inner .slide-4 {background-image: url(../img/4.jpg);}

.mw-250 {max-width:250px;}
.card {margin-bottom: 20px !important; min-width: 300px;}
.card-head {margin-top: 10px;}
.card-body {padding: 16px;}
.card-body p {padding-bottom: 0px;}
.card-img-top {max-width:100%; flex-shrink: 0;}

.button {padding:12px 24px 8px 24px; background: #f17e21; border: 1px solid #f17e21; color:#FFFFFF !important; text-transform: uppercase; margin: 10px 0px !important; display: inline-block; font-weight: bold;}
.button:hover {background-color: rgb(255, 255, 255); color: #000000 !important;}
.news-button {padding:12px 24px 8px 24px; background: #f17e21; border: 1px solid #f17e21; color:#FFFFFF !important; text-transform: uppercase; font-weight: bold;}
.news-button:hover {background-color: rgb(255, 255, 255); color: #000000 !important;}

.list-inline li {display: inline-block; padding: 4px;}

.article {border: 2px solid #8A8A8A; padding: 24px 12px 0px 12px; margin-bottom: 16px;}
.overflow-hide {height: 80px; overflow: hidden;}
.logo img {margin:10px; max-height: 140px; width: auto;}
.page-name {display: flex; align-items: center; justify-content: center; height: 160px;}
.page-name h1 {font-family: 'Kavivanar', cursive; color:#18191b;}
.page-name h1 span {color:#527000; font-size:24px;}
.langs {margin-bottom: 10px;  margin-top: 10px;}
.langs a {color:#000000; text-transform: uppercase; font-size: 14px;}
.langs a:hover {color:#f17e21;}
.slogan {font-family: 'Kavivanar', cursive; font-size: 16px; margin-top: 20px; display: block;}
.slogan span {color:#527000;}
.green {color:#869b34;}
.prices-bg {padding-bottom: 16px; background:url(../img/prices-bg.jpg) left no-repeat;}
.price-list {width:100%; margin-bottom: 16px;}
.price-list tr {border-bottom: 1px solid #e3e4e5;}
.price-list th, .price-list td {padding:6px 0px 2px 0px;}
.price-list tr td:nth-child(2) {font-weight: bold;}
#top { background: url(../img/pp.jpg) #FFF; }
h2 {padding: 5px 0px; display: inline-block; color:#4b4b4d; font-family: 'Kavivanar', cursive; margin: 30px 0px; clear: both; line-height: 40px; font-size: 36px;}
h2 span {display: block; background: #FFFFFF; padding: 0px 16px; margin-left: -1px; margin-right:-1px;}
h2 {font-weight: 300; display: inline-block; padding-bottom: 15px; position: relative;}
h2::before {content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left: 25%; border-bottom: 2px solid #f17e21;}
.underline h2::before {left: 0%;}

.underline-c h3 {font-weight: 300; display: inline-block; padding-bottom: 15px; position: relative; margin-bottom: 30px;}
.underline-c h3::before {content: ""; position: absolute; width: 0%; height: 1px; bottom: 0; left: 25%; border-bottom: 2px solid #f17e21;}
.underline-c h3::before {left: 0%;}
.underline-c h3::before {left: 0%; width: 50%;}

.underline-m h3 {font-weight: 300; display: inline-block; padding-bottom: 15px; position: relative; margin-bottom: 30px;}
.underline-m h3::before {content: ""; position: absolute; width: 0%; height: 1px; bottom: 0; left: 25%; border-bottom: 2px solid #f17e21;}
.underline-m h3::before {left: 0%;}
.underline-m h3::before {left: 25%; width: 50%;}

.underline-r h3 {font-weight: 300; display: inline-block; padding-bottom: 15px; position: relative; margin-bottom: 30px;}
.underline-r h3::before {content: ""; position: absolute; width: 0%; height: 1px; bottom: 0; left: 25%; border-bottom: 2px solid #f17e21;}
.underline-r h3::before {left: 0%;}
.underline-r h3::before {left: 50%; width: 50%;}

h2::first-letter {font-size:36px;}

h3 {font-size:32px; color:#869b34; padding-top: 12px;}
h4 {font-size:22px; padding-bottom: 0px; margin-bottom: 2px; margin-top: 16px;}

.gallery-bg {background-image: linear-gradient(to top, #64702e, #64702e), linear-gradient(to top, #fff, #fff); background-repeat: no-repeat; background-position: 0 0, 0 200px; background-size: 100% 200px, 100% 100%;}
.gallery-bg h2 {color: #FFFFFF;}
.gallery {}
.gallery a:hover img {border:4px solid #f17e21;}
.gallery img {width:200px; margin: 4px; border:4px solid #FFFFFF;}
.gallery-list a {font-family: 'Kavivanar', cursive; color:#4b4b4d; font-size: 20px; margin-right: 8px;}
.gallery-list a span {color:#A7A7A7; font-size: 14px;}
.gallery-list span {color:#869b34; font-size: 20px; font-family: 'Kavivanar', cursive;}
.gallery-groups h4 {font-family: 'Kavivanar', cursive; color:#4b4b4d; font-size: 20px; padding-bottom: 10px; margin-top: 0px;}
.gallery-groups h4 small {color:#A7A7A7;}

.no-pm {margin: 0px !important; padding: 0px !important;}
.local-people img {width: 40px; text-align: center; margin: 6px; clear: both;}

.kovalam-photo {background: url(../img/ayurvedic-centre-kovalam.jpg) center; background-size: cover; width: 50%; height: 460px;}
.kovalam {background: #657131 url(../img/ayurvedic-centre-kovalam-bg.png) right no-repeat; background-size: contain; height:460px; color:#FFFFFF; display: table; width: 50%;}
.kovalam div {padding: 0 20px 0 50px; display: table-cell; vertical-align: middle;}
.gokarna-photo {background: url(../img/ayurvedic-centre-gokarna.jpg) center; background-size: cover; width: 50%; height: 460px;}
.gokarna {background: #f3f3f3 url(../img/ayurvedic-centre-gokarna-bg.png) no-repeat; height:460px; display: table;}
.gokarna div {padding: 0 50px 0 20px; display: table-cell; vertical-align: middle;}

.kovalam h3, .gokarna h3 {font-family: 'Kavivanar', cursive; font-size: 20px;}
.kovalam h3 {color:#FFFFFF;}
.gokarna h3 {color:#4b4b4d;}
.kovalam .underline-c h3, .gokarna .underline-r h3 {font-size:36px; font-family: 'Kavivanar', cursive; margin-top: 10px;}
.kovalam p, .gokarna p {font-size:18px;}

.bg-gray {background: #f3f3f3;}
.bg-gray label {margin: 0px;}
.bg-brown { background: #876300;}
.brown { color: #876300; display:block; margin:40px 0px 6px 0px;}

.head-text {line-height: 40px; text-align: right;}
.head-text a {color: #FFFFFF; margin: 0px 20px; line-height: 22px;}
.head-text span {color: #FFFFFF;}
.head-text img {margin-right: 8px;}
.head-text a img {margin-bottom: 4px;}
nav {border-radius:0px; clear: both;}
.navbar { background: none; border-radius: 0px; border:none; padding: 0px; margin: 0px; font-size: 14px; font-weight: normal;}
.navigation li {border-right: 1px dotted #FFF; color:#FFFFFF; text-align: center;}
.navigation li:last-of-type {border-right: 0px dotted #FFF; }
.navigation li span { display: block; margin-left: -1px !important; margin-right:-1px !important;}
.navigation a {padding:18px 18px 14px 18px !important; outline: none; color: #FFFFFF; text-transform: uppercase; }
.navigation li:hover a {color: #fada9b;}
.navbar-toggler-icon {
  color: #fff;
}
.navbar-toggler-icon:hover {background: #ff0000;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.border {border-bottom:34px solid #876300;}
.top-border {border-top:34px solid #876300;}
.tab {clear:both;}
.tab label {min-width:80px; text-align:left; color:#876300;}
.square {list-style-type:none; padding-left:16px;}
.square li::before {content: "\25AA"; color: #876300; display: inline-block; width: 20px; height:20px; margin-left: -1em; font-size: 18px;}
.square li {margin-left: 0px; font-size: 14px;}
.white {color:#FFFFFF;}
.pivo {position: relative; margin-top: -120px; z-index: 999; right: -60px; }
.cena {font-size:36px; margin-top:10px;}
/*.row.vdivide [class*='col-']:not(:last-child):after {background: #0084b6; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; right: 0; height:100%; }*/
.grid--borderBetween > [class*='col-']:before, .grid--borderBetween > [class*='col-']:after {background: #5c6465; bottom: 0; content: " "; position: absolute; width: 1px; top: 0;}
.grid--borderBetween > [class*='col-']:before {left: 0;}
.grid--borderBetween > [class*='col-']:after {right: -1px;}
.grid--borderBetween > [class*='col-']:first-child:before, .grid--borderBetween > [class*='col-']:last-child:after {display: none;}

.ul-img {list-style-image: url("../img/prices-symbol.png"); padding-left: 28px;}
.mw-350 {max-width: 350px;}
.footer {background-image: url("../img/foot.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 330px;}
.credentials {background: #F9910C; color: #FFFFFF;}

.listky * {position: relative;}
.listky {padding-top: 1rem;}
.listky h3 {display: block;}
.listky dl {background: #FFF; width: 100%; max-width: 40rem; min-width: 300px; margin: 0; font-size: 1.2rem; line-height: 1.5rem; color: #000; padding-right: 4rem; margin-bottom: .5rem; }
.listky p {width: 100%; color: #000; line-height: 18px !important; font-size: 12px !important; font-weight: bold; margin-bottom: 4px;}
.listky dl:before {content: ''; position: absolute; bottom: .4rem; width: 100%; height: 0; line-height: 0; border-bottom: 2px dotted #000;}
.listky dt {background: inherit; display: inline; z-index: 1; padding-right: .2rem;}
.listky dd {background: inherit; position: absolute; min-width: 4rem; bottom: 0; right: 0; padding-left: .2rem; text-align: right; z-index: 2; font-weight: bold;}
.listky dd:after {content: ',-';}
.listky dt span {padding-right:4px; display: inline-block;}

.thumbnail {border-radius:0px; background:none;}
.thumbnail:hover {border-color:#876300;}
.ad {margin:-4px 0px 16px 0px; padding:6px 10px; border-radius:0px; background:#876300; color:#FFFFFF !important; border:1px solid #876300;}
.ad:hover {background:#FFF;  border:1px solid #876300; color:#876300 !important;}

.paralax {margin: 30px auto; background-image: url('../img/sun.jpg'); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

@media (max-width: 575.98px) {
.lh {line-height:16px;}
nav {border-radius:0px; margin-top: 0px; text-align: right;}	
.navigation li {border-bottom: 1px solid #FFF; border-right: none; display:block;}
	.navigation li a {display:block; width: 100%; padding: 4px 15px; }
	.navigation li:hover { border-right: none;}
    .page-name {display: block; text-align: center; height: auto;}	
	.logo {padding: 0px 40px; text-align: center;}
    .logo img {margin:10px; max-height: 160px; width: auto;}
	.head-text {text-align: center;}
	.head-text a {display: block;}
	.square {margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #876300;}
.grid--borderBetween > [class*='col-']:before, .grid--borderBetween > [class*='col-']:after {background: #5c6465; bottom: 0; content: " "; position: absolute; width: 0px; top: 0;}
	.page-name {margin-top: 6px;}
	.hidden-object {display: none !important; visibility: hidden !important;}
	.carousel-caption h2 {font-size:20px; padding: 4px; margin: 0px;}
    .carousel-caption div {padding: 10px; font-size: 14px;}	
	.gallery img {width:100%; margin: 4px; border:4px solid #FFFFFF;}
	.picture img {width: 100%; margin: 0 0 8px 0;}
	.picture {text-align:center !important;}
	.img100 {width:100%; clear: both;}
	.footer {background-image: url("../img/foot.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 80px;}
}
@media (max-width: 767.98px) {
.kovalam, .gokarna {width: 100% !important; text-align: center !important;}
.kovalam div,.gokarna div {padding: 20px;}
.underline-c h3::before, .underline-r h3::before {left: 25%; width: 50%;}	
.footer {background-image: url("../img/foot.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 100px;}	
}
@media (min-width: 768px) {
#bs-example-navbar-collapse-1 {margin: auto auto !important; display: table !important;}
.card-deck > .card {width: 29%; flex-wrap: wrap; flex: initial;}	
.card-deck .card-img-top {max-height:322px !important;}	
#carousel .carousel-inner .carousel-item {height: 500px;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
    .navigation a {padding:5px 4px; outline: none; color: #FFFFFF; text-transform: uppercase;}
	.slogan {font-size: 12px;}
	.hide-txt {display:none;}
.footer {background-image: url("../img/foot.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 160px;}	
}

@media (min-width: 992px)  and (max-width: 1199px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
	.footer {background-image: url("../img/foot.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 200px;}
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
	.footer {background-image: url("../img/foot.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 260px;}
}

#siiimage {border: 1px solid #000; margin-right: 15px}
captcha-clear {width: 100%; display: block; clear: both !important;}
captcha-clear a {border-style: none;}
.back-to-top {position: fixed; bottom: 2em; right:20px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.30); font-size: 12px; padding: 1em; display: none;}
.back-to-top:hover {background-color: rgba(235, 235, 235, 0.80);}