/* CSS Document */

.navlogo {display:none;}

.nextpre a {  line-height: normal;}


@media screen and (max-width: 1630px){
.artistprofile img {  margin: 0 auto;  max-width: 100%;  width: 98%;}
	.item h3 { 
  font-size: 220%;
 
}
.ling.artist .img {   height: 230px; }

.artist {
  background-image: url("../images/lingbg1.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  border-bottom: 10px solid #cd8f00;
  clear: none;
  display: block;
  float: left;
  height: 390px;
  margin: 0 1% 30px;
  padding: 20px 1%;
  position: relative;
  text-align: left;
  width: 21%;
}

.itemcss .news .img {  float: right;  margin: 0 0 0 20px;}
.itemcss .date {  margin: 0 0 10px;}

.buttonlinks { width: 100%; display:table; } 
.buttons {
  display: table;
  float: left;
  margin: 10px 1% 6px 0;
  width: 24%;
} .buttons:last-child {
  margin-right: 0;
  width: 25%;
}
.homeboxes #accordian_slider, .homeboxes #buttonlinks {
  float: none;
  margin: 0 auto;
}


#headerimage h3 { 
  right: 10%; 
  top: 36px; font-size:210%;
}
#headerimage h1 {
  font-size: 330%;
 
  right: 4%; 
  top: 77px; 
}
#vidplayer.visible {   top: 5%;}

.artist h2 {  font-size: 290%;}
.artist h3 {  font-size: 100%; }
#accordian_slider {
  background-color: #68572e;
  height: 300px;
  margin: 0 0 20px;
  padding: 0;
  width: 913px;
}
}

@media screen and (max-width: 1439px){ 
#accordian_slider {
  background-color: #68572e;
  height: 300px;
  margin: 0 0 20px;
  padding: 0;
  width: 913px;
}

}


 @media screen and (max-width: 1367px){ 


.oldlayoutcss #mainpanel, .artistscss.itemcss.oldlayoutcss #mainpanel {
/*/  left: 254px;
  width: calc(100% - 254px);
/*/
left: 0;
padding-left: 254px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
  
}



#headerimage h1 {
  font-size: 270%;
  padding: 0;
  right: 3%;
  top: 61px;
}#headerimage h3 {
  font-size: 180%;
  right: 5%;
  top: 26px;
}

.leftcss #main {
  padding-left: 1%;
  width: 97%;
}

.leftcss #left {
  margin: 0 3%;
  width: 94%;
}

.itemcss .news .img {
  float: none;
  margin: 0 auto 20px;
}
.itemcss .date {
  display: table;
  margin: 0 auto 10px;
}.itemcss.newscss h1 {
  margin: 10px 0 0;
  text-align: center;
}

.texttext {
  padding: 20px 9%;
}
 }
 
  @media screen and (max-width: 1279px){ 
  .homecss.headercss .maintext {  padding: 0.5% 0 0;  width: 97%;}
  .slide div p {  font-size: 80%;  line-height: 130%;  margin: 0 30px 10px 0;  padding: 0 0 0 40px;  text-align: justify;}
  .item h3 {  font-size: 180%;}

  }
  
 
@media screen and (max-width: 1100px){ /* ipad */
.artist  {     width: 29%; } 	 #footer { display:none;   } 
.homecss .texttext {   padding: 20px 0; } 
	.texttext {   padding: 20px 7%; } 
#logo {  height: auto;  margin: 16px auto 0;} 	

.Safaricss #logo { margin:76px auto 0  }
.contactright, .contactleft {
  float: none;
  margin: 0 0 20px;
  width: auto;
}

ul.artistcats {
  -moz-columns: 2 auto;-o-columns: 2 auto;-webkit-columns: 2 auto; columns: 2 auto; 
}
.artistcats > li {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 10px;
}

.portraitcss .artistprofiletop {
  display: table;
  float: none;
  margin: 30px auto 0;
  width: auto;
  position: relative;
} 
.portraitcss.itemcss.artistscss h1 {
  font-size: 440%;
  margin: 0 0 30px;
  padding: 0 10px;
  position: inherit;
} .artistprofiletop > h3 {
  font-size: 130%;
  margin: 0;
  position: absolute;
  top: -26px;
  width: auto;
  display: table;
  white-space: nowrap;
  right: 0;
}
.portraitcss .artisttext {
  float: none;
  width: 100%;
}
.portraitcss .mainimg { 
 
  height: calc(100vh - 290px);
  
  max-height: 620px;
  position: relative;
  float: none;
    width: 100%;
} .artistscss.itemcss.oldlayoutcss #mainpanel {
	background-position:right 31px;
  height: calc(100vh - 60px);
 
} .artistscss.itemcss #main {
  /*/  width: calc(100% - 52px);
 
  
  /*/
left: 0;
padding-left: 52px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

} .mediastrip { opacity: 1; } 

.portraitcss .shortdesc {
  padding: 0 1% 0 0;
  width: 23%;
} .portraitcss .artistprofile {
  display: table;
  height: auto;
  max-height: none;
} .nextpre {   line-height: normal; }   .nextpre .npleft, .nextpre .npright {
 
  font-size: 120%; 
} .artistscss .nextpre {
   
  margin: 15px 0;
  padding: 15px 0 0;
  width: 98%;
} textarea, input[type="text"], input[type="submit"],
input[type="tel"],
input[type="email"],
input[type="date"],
 select {   padding: 10px 1%;  } 
.ling.newsling.service {  float: none;  height: auto;  margin: 0 auto 20px;  width: 100%;}
.mobileonly {display: inherit; } 
#menu li img {  display: none;}
#menu ul li a {  color: #fff;  display: block;  padding: 17px 6px 21px 9px;}
#menu ul {  display: table;  margin: 0;  padding: 0;  width: auto;}

#socialmedia_top {
  display: table;
  float: none;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 140px;
}

 #menu { position:fixed;
  top: 0;
} ,  #menu  ul{  width: 100%; } 
#menu  li { float:none;  width:100%;} 
#menu  li a {display:table; width:100%;   padding: 5px 0; } 
#menu  li.liinactive,#menu  li.liinactive:hover ul,#menu  li.liactive:hover ul { display:none; } 
#menu  li.liactive ul {position:relative; margin:0 auto; width:100% } 
#menu  li:first-child a,#menu  li ul li a,#menu  li a {  } 
#menu > ul {
  margin: 0;
  position: relative;
/*/  width: calc(100% - 180px);
  
/*/ 
padding-left: 180px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
  
} 

#menu ul li a { 
  padding: 14px 12px;
}


.menuicon {
  background-color: #ada05e;
  border-radius: 3px;
  display: table;
  float: right;
  height: 40px;
  margin: -31px 0 0;
  padding: 0 7px;
  position: absolute;
  right: -9px;
}

.menuicon span {
  background-color: #fff;
  border-radius: 1px;
  display: table;
  height: 5px;
  margin: 6px 0;
  width: 29px;
}

#menu ul li a {  padding: 19px 12px;}
.navlogo {  display: block;  float: left;  padding: 5px 0 0 7px;}
#menu ul {  margin: 0 0 0 110px;  padding-top: 10px;  position: relative;  width: 60%;}
#menu ul li a {  padding: 19px 12px;  text-align: center;}
#menu ul li a {  padding: 14px 8px;  text-align: center;}
#menu ul li {  background-color: none !important;}
#menu ul li:hover, #menu ul li.active {  background-image: none;  background-position: center bottom;}

h1 {  display: table;  margin: 10px auto 20px;}

#menu li {
  font-family: "heroic_condensedmedium",Arial,Helvetica,sans-serif;
  font-size: 200%;
  text-transform: uppercase;
}


#menu ul li ul {
  background-color: transparent;
  background-image: none;
  display: table;
  font-size: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 200000;
}
#menu ul li ul li {   font-size: 70%;  font-weight: normal; }
#menu ul li ul li.end { display:none; } 
#menu ul li ul li a {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  font-size: 100%;  font-weight: normal;}
#menu li.liinactive:hover ul, #menu li.liactive:hover ul {  display: block;}
  #menu ul li ul li {   width: 24%; float:left}
#menu ul li:hover  { background-image: none; } 
}

@media screen and (max-width: 1023px){ 
#leftpanel {  display: none;}
.homecss.oldlayoutcss #mainpanel { padding-left:0;  left: 0;  width: 100%;}
.owl-carousel {  display: none;  max-width: 100% !important;  position: relative;  width: 100%;}
.homecss.headercss .maintext {  padding: 0.5% 0 0;  width: 98%;}
  #menu ul li ul li {   width: 100%;}
  
 .oldlayoutcss #mainpanel, .artistscss.itemcss.oldlayoutcss #mainpanel { padding-left: 0; } 
 
}

@media screen and (max-width: 989px){
.oldlayoutcss.headercss #mainpanel { margin:0; } 
.homecss.headercss .maintext {   padding: 0.5% 1% 0;  width: 98%;}	
.oldlayoutcss #leftpanel { width:auto; height:auto;  position: absolute;}
#logo { width:auto; height:auto;  margin: 0;}
.oldlayoutcss #logo img { margin: -90px 0 0 10px } 
.oldlayoutcss #mainpanel, .artistscss.itemcss.oldlayoutcss #mainpanel {
  left: 0;
  position: absolute;
  top: 40px;
  width: 98%;
  margin: 0 1%;
} .oldlayoutcss.headercss #mainpanel { top: 10px; } 
.artistscss.catcss h1 {
  font-size: 420%;
  margin: 57px 0 5px 230px;
  padding: 6px 0 5px;
  right: auto;
}
.artistscss .bread.youarehere {
  display: table;
  font-size: 170%;
  margin: 0 0 20px 230px;
} .oldlayoutcss #content {
  background-image: none;
  position: absolute;
} .footerbox { 
  width: auto;
}


.body.artistscss.itemcss #div2 {
  background-image: url("../images/rightbg.jpg");
  background-position: left 30px;
}
.artistscss.itemcss.oldlayoutcss #leftpanel,.artistscss.itemcss.oldlayoutcss #logo 
 {   display: table;
  left: 0;
  margin: 0 auto !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; } 

.artistscss.itemcss.oldlayoutcss #leftpanel #logo img {
  display: table;
  left: 70px;
  margin: 0 auto !important;
  position: absolute;
  right: auto;
  top: -60px;
  width: auto;
}
.artistscss.itemcss.oldlayoutcss #mainpanel {
  top: 80px;
}.portraitcss .artistprofiletop {
  display: table;
  float: none;
  margin: 20px auto;
  position: inherit;
  right: auto;
  top: auto;
  width: 100%;
}

.portraitcss .mainimg {
  float: none;
  height: calc(100vh - 210px);
  margin: 0 auto;
  max-height: none;
  position: relative;
  width: 100%;
}

.artistscss.itemcss #main {  margin: 0 auto; 
/*/
 width: calc(100% - 74px);
/*/ 
 
left: 0;
padding: 0 44px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;


}
.artistscss.catcss h1 {   height: auto;  margin: 30px auto;  text-align: center;}
.artistscss .bread.youarehere {  display: table;  margin: 0 auto 20px;  text-align: center;}

.oldlayoutcss #mainpanel, .artistscss.itemcss.oldlayoutcss #mainpanel { top:auto; } 

.artistscss.itemcss.oldlayoutcss #leftpanel {  display: none;}

.artistprofiletop > h3 {    top: -8px; } 
}
@media screen and (max-width: 799px){
/*/	.artist {
  width: 46%;
} /*/
 .oldlayoutcss #logo img {
  margin: -70px 0 0 15px;
  max-height: 250px;
  width: auto;
} 
.itemcss.newscss h1 {   font-size: 400%;  margin: 10px auto;  text-align: center;}
#headerimage h1 {   font-size: 210%;  padding: 0;  right: 3%;  top: 41px;}
#headerimage h3 {  font-size: 150%;  right: 5%;  top: 13px;}   .portraitcss .mainimg {   max-height: 400px; } 
.portraitcss .shortdesc {  float: none;  text-align: center;  width: auto;}
.artistbook.portraitbook {  float: none;} 
.portraitcss .artistprofile {  display: table;  height: auto;  margin-top: 0;  max-height: none;  width: 100%;} 	
}

@media screen and (max-width: 767px){

.item h3 {  font-size: 160%;}
#slide26.item h3 {  bottom: 7%;  right: 1%;  top: auto;}
#slide21 h3 {  right: 1%;}	
	
.artist {   width: 46%;}	
.portraitcss .artistprofile {      padding: 0 0 0 1%;     width: 98%; } 

#accordian_slider {   background-color: transparent;  height: auto;  width: auto;}
#accordian_slider h2 {  font-size: 180%;  margin: 20px auto 10px;}
#accordian_slider ol, #accordian_slider li {     position: relative;  list-style: outside none none;  margin: 0;  padding: 0;}

#accordian_slider li div {
  clear: both;
  float: none;
  margin: 0 0 10px 0;
  max-height: 92px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#accordian_slider li  .showmore {
  background-color: #5d5032;
  background-image: none;
  bottom: 0;
  color: #fff;
  content: "read more...";
  cursor: pointer;
  display: table;
  float: right;
  font-family: "heroic_condensedmedium",Arial,Helvetica,sans-serif;
  font-size: 140%;
  font-weight: normal;
  padding: 0 10px;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 100000;
}
#accordian_slider {   width: 82%; }
#accordian_slider li div.visible {   display: table;  height: auto;  overflow: visible;  width: 100%;}
#accordian_slider h2 span {   display: block;}  
#accordian_slider h2 img { display:none; } 
#accordian_slider li {   padding-bottom: 30px;}
#accordian_slider ol {   margin: 0 0 30px;}
}
@media screen and (max-width: 599px){
	#menu ul {   margin: 0 0 0 60px;  padding-top: 6px;  position: relative;  width: 53%;}
	.artistscss.catcss h1 { margin:0 auto; } 
	.portraitcss.itemcss.artistscss h1 {  font-size: 280%;}
	.artistprofiletop h3 a {    top: 67px; font-size:130%; } 
.newsling .img { 
  margin: 0 0 10px 10px; 
  width: 40%;
}	 .itemcss .news .img {
  display: block;
  float: none;
  margin: 20px auto;
  width: 80%;
} 
.oldlayoutcss #logo img {  margin: -50px 0 0 15px;  max-height: 200px; } 
#headerimage h1 {  font-size: 170%;  } 
.portraitcss .mainimg { max-height: none;  min-height: 270px;}
.portraitcss .shortdesc h4 {  margin: 10px auto;  display: table;  text-align: center;  font-size: 200%;}

.newsling .img { display: table;  float: none;  margin: 0 auto 10px;  width: auto;}.newsling { text-align:center; } .newsling h3 { margin: 0 auto 10px } 
.service .more {
  float: none;
  margin: 10px auto;
}h1 {   font-size: 360%;  margin: 10px auto;}
.newscss.itemcss .maintext .mainimg {  max-width: 100%;}
.bookingscss .fieldrow:nth-child(2n), .bookingscss .fieldrow {  margin: 5px auto;  width: 100%;}
#accordian_slider li div {   margin: 0 0 30px }


.Safaricss { overflow-x: hidden; background-attachment: scroll; background-position: center 30px; }

.Safaricss #menu { position:absolute; } 
}

@media screen and (max-width: 479px){

.artistscss .fieldrow {   width: 98%;}
#menu ul {  margin: 0 auto;  padding: 6px 0 0;  position: absolute; width: 94%;}
.artist {  width: 98%;} .newsling .img {  margin: 10px auto;  width: 90%;  float: none;  max-width: 280px;} .newsling{   text-align: center; } 
.homecss.oldlayoutcss #leftpanel, .contactss.oldlayoutcss #leftpanel {  display: table;  float: none;  height: auto;  left: 0;  margin: 0 auto;  position: absolute;  right: 0;  text-align: center;  width: 100%;}
#logo {  height: auto;  left: 0;  margin: 0 auto;  right: 0;  text-align: center;  width: 100%;}
.body #logo {  margin: 0 auto;}

.oldlayoutcss #logo img {
  display: table;
  float: none;
  left: 0;
  margin: 0 auto;
  max-height: 200px;
  position: absolute;
  right: 0;
  top: -212px;
}
 .artistscss.catcss h1 {
  display: table;
  font-size: 330%;
  height: auto;
  margin: 0 auto;
  padding: 0; 
  text-align: center;
}
.artistscss .bread.youarehere {
  display: block;
  font-size: 130%;
  margin: 0 auto 10px;
  text-align: center;
}
ul.artistcats {
  -moz-columns: 1 auto;  -webkit-columns: 1 auto;  -o-columns: 1 auto;columns: 1 auto;
}
 
 .body { background-position:  center 0 } 

 #content { top: 260px; }  .leftside .fieldrow {
  clear: none;
  float: left;
  margin: 0 1%;
  width: 98%;
} .artist {
  float: none;
  margin: 20px auto;
  max-width: 250px;
  text-align: center;
  width: 98%;
} .itemcss.newscss h1 {
  height: auto;
  margin: 0 auto !important;
  text-align: center;
} .newscss.itemcss .maintext .mainimg {
  height: auto;
  max-height: none;
  max-width: none;
  width: 100%;
} .itemcss .news .img {
 
  max-width: 280px;
  width: 80%;
}

.artistscss.itemcss.oldlayoutcss #mainpanel {
  top: 10px;
}


.portraitcss.itemcss.artistscss h1 {
  font-size: 290%;
  margin: 0;
  padding: 0 5px;
  position: inherit;
}
.portraitcss .artistprofiletop {
  display: table;
  margin: 0 auto;
  position: relative;
  right: 0;
  top: 0;
  width: auto;
}
.artistprofiletop > h3 {
  display: table;
  font-size: 130%;
  margin: 0;
  position: absolute;
  right: 0;
  top: -44px;
  white-space: nowrap;
  width: auto;
}
.artistscss.itemcss.oldlayoutcss #leftpanel #logo img {
  display: table;
  left: 0;
  margin: 0 auto !important;
  position: absolute;
  right: 0;
  top: -280px;
  width: auto;
}

.body   #buttonlinks {  clear: both;  display: table;  float: none;  height: auto;  margin: 20px auto;  width: 100%;}
.buttons, .buttons:last-child {
  display: block;
  float: none;
  margin: 20px auto;
  width: 80%;
}
 
.item img {
  max-width: 200%;
  visibility: hidden;
} .item {
  background-position: center center;
  background-size: cover;
}  .item h3 {
  bottom: 2%;
  font-size: 120%;
  top: auto;
}
#headerimage img { width:200%; visibility:hidden; }
#headerimage { display:block; overflow: hidden; background-position: center center; background-size: cover } 
.nothomecss.oldlayoutcss #content {  background-image: none;  position: absolute;  top: 70px;  display: ;}
.ling .mediastrip {
  position: relative;
}
.ling .mediastrip .mediaplayer { 
  height: 40px; 
  width: 40px;
}
.readmore { 
  position: relative;
  text-align: left;
}

.stars {
  display: block;
  height: auto;
}.artist {
  height: auto;
  text-align: center;
}

.artist h2 {
  font-size: 290%;
  text-align: center;
}
.artist h3 , .readmore{ text-align:center; } 

 .maintext .img img { 
  max-height: none;
  max-width: 100%;
  width: 100%;
}

.artistinfo h2 a { 
  height: auto;
}
.body.artistscss.itemcss.oldlayoutcss #mainpanel { background-position:right 10px; }   .body.artistscss.itemcss #div2  { background-position: left 10px; background-image:url("../images/rightbgpng.png") } 

.Operacss.body.artistscss.itemcss #div2 ,
.Operacss.body.artistscss.itemcss #div4,
.Operacss.body , .Operacss *, .Operacss.bodyartistscss.itemcss.oldlayoutcss #mainpanel  {     background-attachment: scroll !important; } 
 .artistprofiletop h3 a {   top: 84px; } 
.portraitcss .mainimg {
  background-position: center top;
  margin: 35px auto 0;
}
.Operacss .wow , .nowowcss .wow { visibility:visible; }  #slide22, .slide22, .slide21 , #headerimage.slide22, #headerimage.slide21 {
  background-position: left center;
}

.text img {
  height: auto;
  max-width: 100%;
}
.body .owl-theme .owl-controls {
  bottom: auto;
  left: auto;
  right: 0;
  top: 10px;
}
 }