body {

	margin: 0px;

	padding: 0px;

	font-family: 'Open Sans', sans-serif;

	font-size:13px;

	color:#333333;

	background:url(../images/music-bg.png) no-repeat center;

	background-size:100% auto;

}



/* Comman Classes */

a, img, span, input {

	color:#333333;

	border:0; 

	outline:none;

	text-decoration:none; 		

	transition:all linear 0.1s;

	-moz-transition:all linear 0.1s;

	-webkit-transition:all linear 0.1s;

	text-decoration:none;

}

a:hover{

	color:#f18762;

	border:0; 

	outline:none;

	text-decoration:none; 		

	transition:all linear 0.1s;

	-moz-transition:all linear 0.1s;

	-webkit-transition:all linear 0.1s;

	text-decoration:none;

}

.clear {clear:both;}

.fl{ float:left;}

.fr{ float:right;}



* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; padding:0; margin:0;}

#page-main{ width:100%; min-width:1200px; float:left; position:relative; margin:0px; padding:0px; /*background:url(../images/equalizer.png) repeat-x center -14px;*/ background-color: rgba(255, 255, 255, 0.7);}





header{ width:100%; float:left; margin:0px; padding:0px;}

header .head-top{ width:100%; height:168px; float:left; margin:0px; padding:0px;}

header .hedding-part{ width: 100%; position:absolute; float:left; margin:0px; padding:0px 300px 0 20px; top:20px; left:0;}

header .hedding-part h1 {width:100%; float:left; margin:50px 0 0 0; padding:0; font-size:30px; color:#009900; font-weight:normal; text-align:center;}

header .hedding-part span a {width:auto !important; margin:0; padding:0; float:none !important; display:inline-table !important; font-size:18px; color:#f18762;}

header .hedding-part span a:hover {color:#666;}

header .hedding-part span {width:100%; float:left; font-size:18px; color:#f18762; line-height:80px; margin:0px 0 10px 0;}

header .hedding-part span img {float:left; margin-right:10px;}

header .hedding-part p{ width:100%; float:left; margin:0px 0 0px 0; padding:0px; font-size:23px; color:#f18762; font-family: 'Tangerine', cursive; letter-spacing:1px; font-weight:700;}



header .head-trophy{ width:auto; float:right; margin:20px 0 0 0; padding:0px; padding:0px; position:relative; z-index:10;}



header .discribe{ width:100%; float:left; padding:0px 20px 10px 20px; font-size:13px; letter-spacing:0.6px; color:#333;}



section{ width:100%; float:left; margin:0px; padding:0px 20px; position:relative;}

.calender-main{ width:100%; float:left; position: relative; left:0; padding:0px;}



.bank-part{ width:100%; height:100%; position:relative; z-index:0; padding:0px 0px 50px 0px;}

.bank-part img{ width:100%; height:100%; display:block;}

.contant{width:100%; height:100%; position:absolute; z-index:1; top:1px; border-bottom:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; padding:0px 5px;}



.month-spon{ width:300px; position: relative; float:right; right:0px; padding:0px; margin:0; top:4px; z-index:10; text-align:left;}

.month-spon .title{ width:100%; display:block; font-size:15px; font-weight:600; text-transform:uppercase; margin:0; text-align:left;}

.month-spon .spon-box{ width:300px; position: relative; display:inline-block; border:1px solid #e0e0e0; padding:7px; margin:0; top:0; text-align:left;}

.month-spon .spon-thumb{width: 50px; float: left; height: 50px; position: relative; margin: 0px 10px 0px 0px; padding: 0px; z-index:10;}

.month-spon .spon-thumb img{ width: 100%; height: auto; max-height: 100%; display: inline-block;}

.month-spon .spon-detail{ width:224px; float: left; margin: 0px; padding: 0px;}

.month-spon .spon-detail .name{ width:100%; float:left; margin:0px; padding:0px; font-weight:600;}

.month-spon .spon-detail p{ width:100%; float:left; margin:0px; padding:0px; line-height:14px;}





.calender-main .table{width: 100%; max-width: 100%;}

.calender-main table {background-color:transparent; border-spacing: 0; border-collapse: collapse; text-align:left; border-top:#e0e0e0 1px solid; border-left:#e0e0e0 1px solid;}

.calender-main .table > thead > tr > th{ background:#cec413; vertical-align:middle; width:14.28%; position:relative; height:40px; color:#FFFFFF; text-align:center; text-transform:uppercase; letter-spacing:2px; padding:0px; margin:0px;}

.calender-main .table > thead > tr > th:nth-child(2){ background:#f29e1a;}

.calender-main .table > thead > tr > th:nth-child(3){ background:#b61446;}

.calender-main .table > thead > tr > th:nth-child(4){ background:#4ec0cb;}

.calender-main .table > thead > tr > th:nth-child(5){ background:#a8cc6a;}

.calender-main .table > thead > tr > th:nth-child(6){ background:#9668a9;}

.calender-main .table > thead > tr > th:nth-child(7){ background:#ce5396;}

.calender-main .table > thead > tr > th .title{display:block; line-height:36px; color:#fff;}

.calender-main .table > tbody > tr > td{ vertical-align:top; width:14.28%; position:relative; min-height:190px; background:rgba(255, 255, 255, 0.8); margin:0px; padding:0px; border:none;}

.calender-main .table > tbody > tr > td.no-month{ background:rgba(245, 245, 245, 0.7);}

.calender-main .table > tbody > tr > td.current-date{ background:#f18762;}

.calender-main .table > tbody > tr > td h4.date{ display:block; font-size:14px; color:#000000; margin:0px; padding:0; font-weight:normal;}

.calender-main .table > tbody > tr > td:hover{ z-index:99999;}

.calender-main .table > tbody > tr > td .artist{ width:100%; display:block; text-align:center; font-size:0; position:relative;}

.calender-main .table > tbody > tr > td .artist span .fname{ width:100%; font-size:11px; display:inline-block; font-weight:600; margin-top:2px;}

.calender-main .table > tbody > tr > td .artist span.single{ width:80%; display:inline-block; vertical-align:middle; margin:0px; text-align:center; position:relative; z-index:9;}

.calender-main .table > tbody > tr > td .artist span.single img{ width:100%; height:auto; max-height:100%; display:inline-block;}

.calender-main .table > tbody > tr > td .artist span.single .dicon-image{ width:30px; height:auto; max-height:100%; position:absolute; left:0; top:0;}

.calender-main .table > tbody > tr > td .artist span.single .bicon-image{ width:30px; height:auto; max-height:100%; position:absolute; left:0; top:0;}

.calender-main .table > tbody > tr > td .artist .dicon-image, .calender-main .table > tbody > tr > td .artist .bicon-image{

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}



@-webkit-keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-moz-keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-o-keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

} 



.calender-main .table > tbody > tr > td .artist:hover img {

	-webkit-animation: blink 0s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 0s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 0s;

    -o-animation-iteration-count: infinite;

}



.calender-main .table > tbody > tr > td #viewmoreartistshow{ border:0px; background:#167fb0; line-height:16px; font-size:11px; position:absolute; bottom:0px; right:0px; color:#FFF;}





.calender-main .table > tbody > tr > td.lightgreen{ background-color: rgba(220, 244, 207, 0.8);}

.calender-main .table > tbody > tr > td.lightred{ background-color: rgba(233, 127, 127, 0.8);}

.calender-main .table > tbody > tr > td.lightpurple{ background-color: rgba(231, 185, 244, 0.8); }

.calender-main .table > tbody > tr > td.lightorage{ background-color: rgba(247, 202, 143, 0.8);}



/*.calender-main .table > tbody > tr > td.lightgreen span .fname{ color:#009900;}

.calender-main .table > tbody > tr > td.lightred span .fname{ color:#ff0000;}

.calender-main .table > tbody > tr > td.lightpurple span .fname{ color:#009900;}

.calender-main .table > tbody > tr > td.lightorage span .fname{ color:#009900;}*/



.calender-main .table > tbody > tr > td span .namegreen{ color:#009900;}

.calender-main .table > tbody > tr > td span .namered{ color:#ff0000;}





.popup-main{  display:none; width:350px; position:absolute; background:#ffffff; box-shadow:0px 4px 5px #CCC; padding:10px; border:1px #d0d0d0 solid; border-radius:5px; z-index:100;}

.popup-main .link{width:auto; display:inline-block; background:url(../images/link-icon.png) no-repeat right; padding:0 18px 0 5px;}

.popup-main .link:hover{background:url(../images/link-icon-hr.png) no-repeat right;}

.popup-main .youtube{width:15px; height:12px; display:inline-block; background:url(../images/youtube-icon.png) no-repeat left bottom; padding:0; background-size:100% auto; padding:0; margin:0;}





.calender-main .table > tbody > tr > td .artist span.single:hover .popup-main{ display:block;}

.calender-main .table > tbody > tr > td .artist span.single .popup-main:before { width:auto; height:auto; position:absolute; bottom: 100%; left:50px;	border: solid transparent;	content:" ";	border-color: rgba(232, 232, 232, 0);	border-bottom-color: #f18762;	border-width: 10px;	margin-left: -10px;}





.calender-main .table > tbody > tr > td .artist span.single:hover .popup-main p{ width:100%; float:left; margin:0px 0px 5px 0px; padding:0; color:#333; font-size:12px; text-align:left;}

.calender-main .table > tbody > tr > td .artist span.single:hover .popup-main p strong{ color:#f18762;}



.calender-main .table > tbody > tr > td .artist span.double{ width:40%; display:inline-block; vertical-align:middle; position:relative; margin:1%; text-align:center; vertical-align:top;}

.calender-main .table > tbody > tr > td .artist span.double img{ width:100%; height:auto; max-height:100%; display:inline-block;}

.calender-main .table > tbody > tr > td .artist span.double .dicon-image{ width:25px; height:auto; max-height:100%; position:absolute; left:0; top:0;}

.calender-main .table > tbody > tr > td .artist span.double .bicon-image{ width:25px; height:auto; max-height:100%; position:absolute; left:0; top:0;}

.calender-main .table > tbody > tr > td .artist .birth-bdr{ border:2px #009900 dashed; padding:2px;}

.calender-main .table > tbody > tr > td .artist .deth-bdr{ border:2px #FF0000 dashed; padding:2px;}





.calender-main .table > tbody > tr > td .artist span.single .b-count{ width:36px; height:23px; background:url(../images/b-count-icon.png) no-repeat left top; position:absolute; top:-20px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;

}

.calender-main .table > tbody > tr > td .artist span.single .d-count{ width:36px; height:23px; background:url(../images/d-count-icon.png) no-repeat left top; position:absolute; top:-20px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;}



.calender-main .table > tbody > tr > td .artist .b-count, .calender-main .table > tbody > tr > td .artist .d-count{

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;}



.calender-main .table > tbody > tr > td .artist:hover .d-count, .calender-main .table > tbody > tr > td .artist:hover .b-count{

	-webkit-animation: blink 0s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 0s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 0s;

    -o-animation-iteration-count: infinite;

}





.calender-main .table > tbody > tr > td .artist span.single .b-count:hover, .calender-main .table > tbody > tr > td .artist span.single .d-count:hover{top:-20px; transition:all linear 0.1s; -moz-transition:all linear 0.1s;	-webkit-transition:all linear 0.1s;}



.calender-main .table > tbody > tr > td .artist span.double .b-count{ width:36px; height:23px; background:url(../images/b-count-icon.png) no-repeat left top; position:absolute; top:-20px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;}

.calender-main .table > tbody > tr > td .artist span.double .d-count{ width:36px; height:23px; background:url(../images/d-count-icon.png) no-repeat left top; position:absolute; top:-20px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;}



.calender-main .table > tbody > tr > td .artist span.double .b-count:hover, .calender-main .table > tbody > tr > td .artist span.double .d-count:hover{top:-20px; transition:all linear 0.1s; -moz-transition:all linear 0.1s;	-webkit-transition:all linear 0.1s;}



.calender-main .table > tbody > tr > td .artist span.double:nth-child(3) .b-count{width:36px; height:15px; top:10px; left:-34px; margin-left:0px; background:url(../images/b-count-icon-left.png) no-repeat left top; color:#333333; text-align:left; padding-left:9px; line-height:14px; background-size:100% 15px;}

.calender-main .table > tbody > tr > td .artist span.double:nth-child(3) .d-count{width:36px; height:15px; top:10px; left:-34px; margin-left:0px; background:url(../images/d-count-icon-left.png) no-repeat left top; color:#333333; text-align:left; padding-left:9px; line-height:14px; background-size:100% 15px;}



.calender-main .table > tbody > tr > td .artist span.double:nth-child(3) .b-count:hover, .calender-main .table > tbody > tr > td .artist span.double:nth-child(3) .d-count:hover{left:-40px; transition:all linear 0.1s; -moz-transition:all linear 0.1s;	-webkit-transition:all linear 0.1s;}



.calender-main .table > tbody > tr > td .artist span.double:nth-child(4) .b-count{width:40px; height:15px; top:10px; left:auto; right:-40px; margin-left:0px; color:#333333; text-align:right; padding-right:5px; background:url(../images/b-count-icon-right.png) no-repeat left top; line-height:14px;}

.calender-main .table > tbody > tr > td .artist span.double:nth-child(4) .d-count{width:40px; height:15px; top:10px; left:auto; right:-40px; margin-left:0px; color:#333333; text-align:right; padding-right:5px; background:url(../images/d-count-icon-right.png) no-repeat left top; line-height:14px;}



.calender-main .table > tbody > tr > td .artist span.double:nth-child(4) .b-count:hover, .calender-main .table > tbody > tr > td .artist span.double:nth-child(4) .d-count:hover{right:-35px; transition:all linear 0.1s; -moz-transition:all linear 0.1s;	-webkit-transition:all linear 0.1s;}





.calender-main .table > tbody > tr > td .artist span.double:hover .popup-main{ display:block; width:350px; position:absolute; background:#ffffff; box-shadow:0px 4px 5px #CCC; padding:10px; border:1px #d0d0d0 solid; border-radius:5px;}

.calender-main .table > tbody > tr > td .artist span.double:hover .popup-main:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:25px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #f18762;

	border-width: 10px;

	margin-left: -10px;

}

.calender-main .table > tbody > tr > td .artist span.double:hover .popup-main p{ width:100%; float:left; margin:0px 0px 5px 0px; padding:0; color:#333; font-size:12px; text-align:left;}

.calender-main .table > tbody > tr > td .artist span.double:hover .popup-main p strong{ color:#f18762;}





.popup-main .sponser-by{ width:100%; min-height:65px; position: relative; float:left; border:1px solid #e0e0e0; padding:7px; margin:0; z-index:10;}

.popup-main .sponser-by .spon-thumb{width: 50px; height:50px; position:absolute; left:7px; margin:0px 0px 0px 0px; padding: 0px; z-index:10;}

.popup-main .sponser-by .spon-thumb img{ width:100% !important; height:auto !important; max-height:100% !important; display: inline-block;}

.popup-main .sponser-by .spon-detail{ width: 100%; float: left; margin: 0px; padding:0px 0px 0px 60px;}

.popup-main .sponser-by .spon-detail .name{ width:100%; float:left; margin: 0px; padding:0px; font-weight:600; color:#333333; font-size:13px; text-align:left;}

.popup-main .sponser-by .spon-detail p{ width:100%; float:left; margin: 0px; padding:0px; line-height:14px; font-size:13px;}



strong.lightgreen{ color:#009900 !important;}

strong.lightred{ color:#e97f7f !important;}

strong.lightpurple{ color:#e7b9f4 !important;}

strong.lightorage{ color:#eaae60 !important;}



strong.lightpink{ color:#f18762 !important;}





.calender-main .table > tbody > tr > td .artist span.single:hover .lightgreen:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:50px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #009900;

	border-width: 10px;

	margin-left: -10px;

}

.calender-main .table > tbody > tr > td .artist span.double:hover .lightgreen:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:25px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #009900;

	border-width: 10px;

	margin-left: -10px;

}



.calender-main .table > tbody > tr > td .artist span.single:hover .lightred:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:50px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #e97f7f;

	border-width: 10px;

	margin-left: -10px;

}

.calender-main .table > tbody > tr > td .artist span.double:hover .lightred:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:25px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #e97f7f;

	border-width: 10px;

	margin-left: -10px;

}



.calender-main .table > tbody > tr > td .artist span.single:hover .lightorage:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:50px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #eaae60;

	border-width: 10px;

	margin-left: -10px;

}

.calender-main .table > tbody > tr > td .artist span.double:hover .lightorage:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:25px;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #eaae60;

	border-width: 10px;

	margin-left: -10px;

}







.sidebar-main2{ width:280px; position:absolute; right:0; float:right; background:rgba(255, 255, 255, 0.9);}

.sidebar-main2 .side-month{ width:100%; float:left; margin:0px 0px 10px 0px;}

.sidebar-main2 .side-month .tle{ width:100%; text-align:center; font-size:22px; color:#333; text-transform:uppercase; font-weight:bold;}

.sidebar-main2 .side-month .table{width: 100%; max-width: 100%;}

.sidebar-main2 .side-month table {background-color:transparent; border-spacing: 0; border-collapse: collapse; text-align:left; border-top:#666666 1px solid;  border-left:#666666 1px solid;}

.sidebar-main2 .side-month .table > thead > tr > th{ background:#fff; vertical-align:middle; width:14.28%; position:relative; height:18px;}

.sidebar-main2 .side-month .table > thead > tr > th .title{display:block; line-height:8px; color:#333; font-size:8px; text-align:center; text-transform:uppercase; letter-spacing:1px;}

.sidebar-main2 .side-month .table > tbody > tr > td{ vertical-align:top; width:14.28%; position:relative; min-height:50px;}

.sidebar-main2 .side-month .table > tbody > tr > td.no-month{ background:#f5f5f5;}

.sidebar-main2 .side-month .table > tbody > tr > td.current-date{ background:#f18762;}

.sidebar-main2 .side-month .table > tbody > tr > td.current-date h4.date{ color:#fff;}

.sidebar-main2 .side-month .table > tbody > tr > td h4.date{ display:block; font-size:11px; color:#000000; margin:0px 0px 5px 0px; padding:0; font-weight:normal;}

.sidebar-main2 .side-month .contant{border-bottom:#666666 1px solid; border-right:#666666 1px solid;}



.sidebar-main{ width:100%; float:right; overflow:hidden; padding:10px;}

.sidebar-main .explains{ width:100%; float:left; margin:0 0 10px 0; line-height:20px;}

.sidebar-main .explains p{font-family: 'Tangerine', cursive; font-size:22px; line-height:26px; letter-spacing:2px; font-weight:700; padding:0; margin:40px 0 10px 0; }

.sidebar-main .explains label{width:100%; float:left; font-size:14px; color:#333333; line-height:18px; margin:0px;}

.sidebar-main .explains strong{font-size:15px; color:#f18762; font-weight:500;}

.sidebar-main .explains span { width:100%; float:left; font-size:14px; color:#f18762; line-height:60px; margin:0px 0 10px 0;}

.sidebar-main .explains span a {width:auto !important; margin:0; padding:0; float:none !important; display:inline-table !important; font-size:14px; color:#f18762;}

.sidebar-main .explains span a:hover {color:#666;}

.sidebar-main .explains span img { width:50px; float:left; margin-right:10px;}





.sidebar-main .artist-list{ width:100%; float:left; margin:0px; padding:0px;}

.sidebar-main .artist-list h3{ width:100%; float:left; font-size:16px; color:#5e5e5e; font-weight:600; margin:0px 0px 10px 0px; padding:0px;}

.sidebar-main .artist-list h2{ width:100%;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:600; color:#5e5e5e; text-transform:uppercase; margin:0px; padding:0px 0px 12px 0px; box-sizing:border-box; -webkit-box-sizing:border-box;}

.sidebar-main .artist-list ul{ width:100%; float:left; margin:0px; padding:0px;}

.sidebar-main .artist-list ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #d5d5d5; position:relative; margin:0px 0px 16px 0px; padding:0px 0px 16px 0px; z-index:1;}

.sidebar-main .artist-list ul li:last-child{ border-bottom:0px;}

.sidebar-main .artist-list ul li .artist-thumb{ width:50px; float:left; height:50px; position:relative; margin:0px 10px 0px 0px; padding:0px;}

.sidebar-main .artist-list ul li .artist-thumb img{ width:100%; height:auto; max-height:100%; display:inline-block;}

.sidebar-main .artist-list ul li:hover{ z-index:2;}

.sidebar-main .artist-list ul li:hover .popup-main{ display:block; width:350px; position:absolute; right:0px; background:#ffffff; box-shadow:0px 4px 4px #ccc; padding:10px; top:80%; border:1px #d0d0d0 solid; border-radius:5px;}

.sidebar-main .artist-list ul li:hover .popup-main:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:28%;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #f18762;

	border-width: 10px;

	margin-left: -10px;

}



.sidebar-main .artist-list ul li:hover .popup-main .lightgreen:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:28%;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #009900;

	border-width: 10px;

	margin-left: -10px;

}



.sidebar-main .artist-list ul li:hover .popup-main .lightred:before { width:auto; height:auto; position:absolute; bottom: 100%;

	left:28%;

	border: solid transparent;

	content:" ";

	border-color: rgba(232, 232, 232, 0);

	border-bottom-color: #e97f7f;

	border-width: 10px;

	margin-left: -10px;

}



.sidebar-main .artist-list ul li:hover .popup-main p{ width:100%; float:left; margin:0px 0px 5px 0px; padding:0; color:#333; font-size:12px; text-align:left;}

.sidebar-main .artist-list ul li:hover .popup-main p strong{ color:#f18762;}



.sidebar-main .artist-list ul li .artist-detail{ width:220px; float:left; margin:0px; padding:0px;}

.sidebar-main .artist-list ul li .artist-detail p{width:100%; float:left; margin:0px 0px 5px 0px; padding:0; color:#333; font-size:12px; text-align:left;}









.month-part{ width:100%; float:left; margin:-20px 0 0 0; padding:0px 0px 10px 0px;}

.month-part h3{width:auto; float:right; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333333; text-align:left; text-transform:uppercase; font-weight:600; letter-spacing:1px; margin:0px; padding:0px;}

.month-part .arrow-pn{ width:auto; float:right; margin:3px 0px 0px 0px; padding:0px;}

.month-part .arrow-pn > div{ width:auto; float:left; margin:0px 10px; padding:0px;}

.month-part .arrow-pn > div img{ opacity:0.5;}

.month-part .arrow-pn > div img:hover{ opacity:1;}





.calender-bottom{ width:100%; float:left; margin:0px; padding:0px;}

.calender-bottom h1 {width:450px; float:left; margin:10px 0; padding:0; font-size:30px; color:#333; font-weight:normal;}

.calender-bottom h1 span a {width:auto !important; margin:0; padding:0; float:none !important; display:inline-table !important; font-size:18px; color:#f18762;}

.calender-bottom h1 span a:hover {color:#666;}

.calender-bottom h1 span {width:100%; float:left; font-size:18px; color:#f18762; line-height:80px;}

.calender-bottom h1 span img {float:left; margin-right:10px;}



.newslatter-part{ width:100%; max-width:550px; float:left; background:#f5f5f5; border-radius:5px; margin:10px 0px 20px 0px; padding:15px; position:relative;}

.newslatter-part h2{ width:100%;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; color:#5e5e5e; text-transform:uppercase; margin:0px; padding:0px 0px 12px 0px; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:18px;}

.newslatter-part h2.lowercash{ text-transform:none;}

.newslatter-part ul{ width:100%; float:left; margin:0px; padding:0px;}

.newslatter-part ul li{ width:100%; float:left; list-style:none; margin:0px 0px 10px 0px; padding:0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box;}

.newslatter-part ul li .capcha-fild{ width:140px;}

.newslatter-part ul li .capcha-img{ width:88px; float:right;}

.newslatter-part ul li input[type="text"]{ width:100%; float:left; border:1px solid #ccc; height:38px; line-height:38px; border-radius:5px; font-size:14px; color:#333; outline:none; margin:0px; padding:0px 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}

.newslatter-part ul li input[type="email"]{ width:100%; float:left; border:1px solid #ccc; height:38px; line-height:38px; border-radius:5px; font-size:14px; color:#333; outline:none; margin:0px; padding:0px 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}

.newslatter-part ul li input[type="submit"]{ width:100%; float:right; background:#f18762; border:0px; height:38px; line-height:38px; border-radius:5px; font-size:14px; color:#fff; outline:none; text-align:center; text-transform:uppercase; cursor:pointer; margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

.newslatter-part ul li input[type="submit"]:hover{ background:#333333;}





.exits{ width:100%; float:left; margin:0px 0px 5px 0px; font-size:14px; color:#FF0000;}





.footer{ width:100%; float:left; margin:22px 0 0 0; position:relative; line-height:22px;}

/*.footer-left{ width:580px; float:left;}*/

.footer .main-icon{ width:auto; display:inline-block; background:url(../images/mail-icon.png) no-repeat left; padding:0 15px 0 20px;}

.footer .phone-icon{ width:auto; display:inline-block; background:url(../images/phone-icon.png) no-repeat left; padding:0 15px 0 20px;}

.footer p{ padding:0; margin:0;}

.mt_10 { margin-top:12px;}

.font_14 { font-size:14px;}

.footer-left{ width:500px; float:left; margin:0px 0px 0px 20px; padding:0px;}

.footer-left .newslatter-part{ width:100%; margin-bottom:0;}

.footer-left .newslatter-part ul li{ width:49%; margin-right:1%;}



.footer-social{ width: auto; float:left; margin:0px; padding:0px;}

.footer-social h2{ width: auto; float:left; font-size:13px; margin:0px 0px 10px 0px; padding:0px;}

.footer-social .addthis_inline_share_toolbox{ width:auto; float:left;}

.footer-social .addthis_inline_share_toolbox_gxkt{ width:auto; float:left; clear:none !important;}


.footer-right{ width:100%; max-width:500px; float:right; margin:0px 20px 0px 0px; padding:0px;}


.main-search { position:absolute; min-width:182px; width:563px; margin:0px 0; padding:0px; left:0%; top:-32px; z-index:999; transform:translate(0%,0); }

.main-search .serc_input { width:83%; float:left; height:34px; margin:0px; padding:0 10px; line-height:40px; background:#fff; border:1px solid #e0e0e0; border-right:0px;}

.main-search .btnSearch { width:17%; float:left; height:34px; margin:0px; padding:0px; border:0px solid #f18762; background: #f18762 url(../images/search_icons.png) center center no-repeat; cursor:pointer; }

.main-search .btnSearch:hover { background: #333 url(../images/search_icons.png) center center no-repeat; }



#search-artist { width:100%; float:left; margin:0px; padding:0px; border-bottom:1px solid #f0f0f0;}

#search-artist .serch_detail { width:100%; float:left; margin:0px; padding:10px; background:#fff; border:1px solid #e0e0e0; border-top:1px solid #f0f0f0; border-bottom:none;}

#search-artist .serch_detail h5 { margin:0px; padding:0 0 3px; font-size:13px; font-weight:700; color:#f18762; }

#search-artist .serch_detail p { margin:0px; padding:5px 0 0; font-size:12x; }

#search-artist .serch_detail a, #search-artist .serch_detail a:hover{ color:#333333;}

#search-artist .serch_detail p strong { font-size:12px;}

#search-artist .serch_detail .srch_img { width:75px; max-height:75px; float:left; margin:0 10px 0 0; padding:0px; }

#search-artist .serch_detail .srch_img img { width:100%; max-height:100%;}





.right-toggle-top {background: rgba(0, 0, 0, 0) url("../images/toggle-arw.jpg") no-repeat scroll 0 0; top: 10px; cursor: pointer; height: 40px; position: fixed; right: 0; width: 36px; z-index: 999999;}

.sidenav .closebtntop {background: rgba(0, 0, 0, 0) url("../images/toggle-arw2.jpg") no-repeat scroll 0 0; top: 10px; height: 40px; left: 0; position: absolute; width: 40px; z-index: 100;}





   .right-toggle{ width:36px; height:40px; bottom:50px; position: fixed; right:0; z-index:999999; background:url(../images/toggle-arw.jpg) no-repeat; cursor:pointer;}

  .sidenav { height: 100%; width: 0; position: fixed; z-index:9999999; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding:0px;	box-shadow:0px 0px 5px #dcdcdc;}

  .sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}

.sidenav a:hover { color: #f1f1f1;}

.sidenav .closebtn {width:40px; height:40px; bottom:40px; position: absolute; left:0px; z-index:100; background:url(../images/toggle-arw2.jpg) no-repeat;}



.calender-main .table > tbody > tr > td:last-child .popup-main{ right:0px; left:auto !important;}

.calender-main .table > tbody > tr > td:last-child .popup-main:before, .calender-main .table > tbody > tr > td:last-child .artist span.single:hover .lightgreen:before {right:30px !important; left:auto !important;}

.calender-main .table > tbody > tr > td:last-child .artist span.double:hover .lightgreen:before { right:10px !important; left:auto !important;}



.calender-main .table > tbody > tr > td:last-child .artist span.single:hover .lightred:before {right:35px !important; left:auto !important;}

.calender-main .table > tbody > tr > td:last-child .artist span.double:hover .lightred:before { right:10px !important; left:auto !important;}



.calender-main .table > tbody > tr > td:nth-child(6) .artist span.double .popup-main{ right:0px; left:auto !important;}

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.double .popup-main:before{right:30px !important; left:auto !important;}

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.double:hover .lightgreen:before { right:10px !important; left:auto !important;}

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.double:hover .lightred:before { right:10px !important; left:auto !important;}





.searchpopup { max-width:350px;}

.searchpopup p{ width:100%; float:left; margin:0px 0px 5px 0px; padding:0; color:#333; font-size:12px; text-align:left;}

.searchpopup p strong{ color:#f18762;}

.searchpopup .link{width:auto; display:inline-block; background:url(../images/link-icon.png) no-repeat right; padding:0 18px 0 5px;}

.searchpopup .link:hover{background:url(../images/link-icon-hr.png) no-repeat right;}

.searchpopup .youtube{width:15px; height:12px; display:inline-block; background:url(../images/youtube-icon.png) no-repeat left bottom; padding:0; background-size:100% auto; padding:0; margin:0;}



.searchpopup .sponser-by{ width:100%; min-height:65px; position: relative; float:left; border:1px solid #e0e0e0; padding:7px; margin:0; z-index:10;}

.searchpopup .sponser-by .spon-thumb{width: 50px; height:50px; position:absolute; left:7px; margin:0px 0px 0px 0px; padding: 0px; z-index:10;}

.searchpopup .sponser-by .spon-thumb img{ width:100% !important; height:auto !important; max-height:100% !important; display: inline-block;}

.searchpopup .sponser-by .spon-detail{ width: 100%; float: left; margin: 0px; padding:0px 0px 0px 60px;}

.searchpopup .sponser-by .spon-detail .name{ width:100%; float:left; margin: 0px; padding:0px; font-weight:600; color:#333333; font-size:13px; text-align:left;}

.searchpopup .sponser-by .spon-detail p{ width:100%; float:left; margin: 0px; padding:0px; line-height:14px; font-size:13px;}





.newleter_popup{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; z-index:9999;}

.newleter_popup .mainbox{ width:100%; max-width:350px; height:314px; position:relative; left:50%; top:50%; transform:translate(-50%,-50%);}

.newleter_popup .mainbox .newslatter-part{ margin:0; padding:25px; position:relative;}

.newleter_popup .mainbox .close{ width:25px; height:25px; background:#F00; text-align:center; line-height:25px; font-size:12px; color:#ffffff; font-weight:bold; position:absolute; right:0; top:0; cursor:pointer; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}



.app-store{ width:auto; float:left; display:block; margin:20px 0px 10px 0px;}

.app-store p{ width: auto; float:left; font-size:14px; line-height:36px; margin:0 10px 0 0; padding:0;}

.app-store .button{ width: auto; display:inline-block; margin:0 10px 0 0;}

.app-store .button img{ width:120px; height:auto; display:block;}





.d-wish-btn{width:100%; height:16px; position: relative; top:0px; border:0px; left:0; line-height:14px; background:rgba(255, 0, 0, 0.8); font-size:11px; color:#FFFFFF; font-weight:normal; cursor:pointer;

	transition:all linear 0.1s;

	-moz-transition:all linear 0.1s;

	-webkit-transition:all linear 0.1s;

	

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}

/*.d-wish-btn:hover{top:-5px;}*/



.wish-btn{width:100%; height:16px; position: relative; top:0px; border:0px; left:0; line-height:14px; background:rgba(0, 153, 0, 0.8); font-size:11px; color:#FFFFFF; font-weight:normal; cursor:pointer;

	transition:all linear 0.1s;

	-moz-transition:all linear 0.1s;

	-webkit-transition:all linear 0.1s;

	

  -webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;



}

/*.wish-btn:hover{top:0px;}*/



.calender-main .table > tbody > tr > td .artist:hover .d-wish-btn, .calender-main .table > tbody > tr > td .artist:hover .wish-btn{

	-webkit-animation: blink 0s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 0s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 0s;

    -o-animation-iteration-count: infinite;

}







.whishes-form{ margin: auto; position: fixed; width:400px; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); padding:20px; background:#FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display:none; z-index:1000000; text-align:center;  font-size:15px;}

.whishes-form #close{ background:#0091ff; border:0px; padding:10px 20px; position:absolute; top:0; right:0; color:#FFFFFF; font-weight: 500; font-size:18px; cursor:pointer;}

.whishes-form form{ text-align:left; margin:20px 0;}

.whishes-form input{ width:100%; border:1px solid #CCC; height:40px; line-height:40px; padding:0 10px;}

.whishes-form textarea{ width:100%; border:1px solid #CCC; line-height:20px; padding:5px 10px;}

.whishes-form input[type=Submit]{ background:#f39b75; width:100px; text-align:center; font-size:18px; color:#FFFFFF; border:0; letter-spacing:1px; padding:7px 0; line-height:normal; appearance:none; -webkit-appearance:none; -webkit-border-radius:0px;}



.calender-main .table > tbody > tr > td .artist span.double .d-wish-btn{width:100%; height:18px; position: relative; top:0px; border:0px; left:0; line-height:8px; background:rgba(255, 0, 0, 0.8); font-size:9px; color:#FFFFFF; font-weight:normal; cursor:pointer;

transition:all linear 0.1s;

	-moz-transition:all linear 0.1s;

	-webkit-transition:all linear 0.1s;

}

.calender-main .table > tbody > tr > td .artist span.double .d-wish-btn:hover{top:0px;}







.viewmore-artist{ margin: auto; position: fixed; width:500px; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); padding:20px; background:#FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display:none; z-index:1000000; text-align:center;  font-size:15px;}

.viewmore-artist #viewmoreclose{ background:#0091ff; border:0px; padding:10px 20px; position:absolute; top:0; right:0; color:#FFFFFF; font-weight: 500; font-size:18px; cursor:pointer; z-index:100000;}



.viewmore-artist .calender-main .table td{ padding:20px;}

.viewmore-artist .calender-main .table > tbody > tr > td .artist span.double{width: 28%; margin:20px 2% 10px 2%;}

.viewmore-artist .calender-main .table > tbody > tr > td .artist span.double .b-count{ width:36px; height:23px; background:url(../images/b-count-icon.png) no-repeat left top; position:absolute; top:-20px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;}

.viewmore-artist .calender-main .table > tbody > tr > td .artist span.double .d-count{ width:36px; height:23px; background:url(../images/d-count-icon.png) no-repeat left top; position:absolute; top:-20px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;}



.viewmore-artist .calender-main .table > tbody > tr > td .artist span.double .popup-main{ top:100%; width:500px;}









.artist-details{ width:100%; position:relative; float:left; border: #e0e0e0 1px solid; background:rgba(255, 255, 255, 0.9); padding:30px;}

.artist-details .artist-pic{ width:200px; position:absolute; left:30px; top:40px; float:left; margin:0; padding:0;}

.artist-details .artist-pic img{ width:100%; height:auto; float:left; margin:0; padding:0; display:block;}

.artist-details .artist-pic .birth-bdr{border: 2px #009900 dashed; padding: 2px;}

.artist-details .artist-info { width:100%; float:left; margin:0; padding:0 0 0 220px;}

.artist-details .artist-info .youtube{width:15px; height:12px; display:inline-block; background:url(../images/youtube-icon.png) no-repeat left bottom; padding:0; background-size:100% auto; padding:0; margin:0;}

.artist-details .artist-info .sponser-by{ width:200px; min-height:65px; position: relative; float:left; border:1px solid #e0e0e0; padding:7px; margin:0 10px 0 0; z-index:10;}

.artist-details .artist-info .sponser-by .spon-thumb{width: 50px; height:50px; position:absolute; left:7px; margin:0px 0px 0px 0px; padding: 0px; z-index:10;}

.artist-details .artist-info .sponser-by .spon-thumb img{ width:100% !important; height:auto !important; max-height:100% !important; display: inline-block;}

.artist-details .artist-info .sponser-by .spon-detail{ width: 100%; float: left; margin: 0px; padding:0px 0px 0px 60px;}

.artist-details .artist-info .sponser-by .spon-detail .name{ width:100%; float:left; margin: 0px; padding:0px; font-weight:600; color:#333333; font-size:13px; text-align:left;}

.artist-details .artist-info .sponser-by .spon-detail p{ width:100%; float:left; margin: 0px; padding:0px; line-height:14px; font-size:13px;}



.artist-details .wishes-main{ width:100%; float: left; margin:30px 0 0 0;}

.artist-details .wishes-main h2{ width:100%; float: left; color:#ffffff; margin:0 0 0px 0; padding:10px 15px; background:#333; }

.artist-details .wishes-main ul{ width:100%; float:left; padding:0; margin:0; list-style:none;}

.artist-details .wishes-main ul li{ width:100%; float:left; margin:0 0 0px 0; padding:0px 15px 0px 15px; border-bottom: #e0e0e0 1px solid; }

.artist-details .wishes-main ul li .user{ width:100%; float:left; margin:0px 0 15px 0; padding:0px; font-size:15px; color:#f18762;}

.artist-details .wishes-main ul li .user .icon{ width:50px; height:50px; float:left; margin:0 15px 0 0; padding:0px; border: #e0e0e0 1px solid; background:#e8e8e8; border-radius:50%; overflow:hidden;}



/* Add New Class 17 Jan 2018 */

.about-button{ width:auto; float:right; background:#333333; border:0px; height:38px; line-height:38px; border-radius:5px; font-size:14px; color:#fff; outline:none; text-align:center; text-transform:uppercase; cursor:pointer; margin:0px 20px 30px 0px; padding:0px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

.about-button:hover{ background:#f18762;}

.about-button.mrg-bottom{ margin:12px 0px 8px 0px; clear:right;}



.go-back{ width:auto; position:absolute; right:10px; top:10px; margin:0px; padding:0px;}

.go-back a{ display:inline-block; background:#f18762; border:0px; height:38px; line-height:38px; border-radius:5px; font-size:14px; color:#fff; outline:none; text-align:center; text-transform:uppercase; cursor:pointer; margin:0px; padding:0px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

.go-back a:hover{ background:#333333;}



.artist-details .wish-tribute{ width:100%; max-width:220px; float:left; position:relative; margin:0px; padding:0px; z-index:9;}

.artist-details .wish-tribute .bicon-image{ width:auto; position:absolute; left:-30px; top:-30px;

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}



.artist-details .wish-tribute .dicon-image{ width:auto; position:absolute; left:-30px; top:-30px;

-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}



.artist-details .b-count{ width:36px; height:23px; background:url(../images/b-count-icon.png) no-repeat left top; position:absolute; top:-14px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}

.artist-details .d-count{ width:36px; height:23px; background:url(../images/d-count-icon.png) no-repeat left top; position:absolute; top:-14px; left:50%; margin-left:-18px; color:#333333; font-size:11px; text-align:center; line-height:16px;

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}





.calender-main .table > tbody > tr > td .artist .popup-main .popup-dbicon{ width:100%; float:left; margin:0px 0px 20px 0px !important; padding:0px;}

.calender-main .table > tbody > tr > td .artist .popup-main .bicon-image{ width:auto; position:absolute; left:-30px; top:-30px;

	-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}

.calender-main .table > tbody > tr > td .artist .popup-main .dicon-image{ width:auto; position:absolute; left:-30px; top:-30px;

-webkit-animation: blink 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation: blink 1.5s;

    -moz-animation-iteration-count: infinite;

    -o-animation: blink 1.5s;

    -o-animation-iteration-count: infinite;

}


/* 12 Oct 2022 New Class Start */
.ameen-sayani{ width:100%; max-width:80px; float:left; position:relative; left:25%; transform:translateX(-50%); margin:10px 0px 0px 0px; padding:0px;}
.ameen-sayani img{ width:100%; height:auto; display:block;}

.center-bio{display:flex; flex-wrap:wrap;}
.align-created{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; padding:0px !important;}
.created-thumb{ width:100%; display:inline-block; margin:0px; padding:0px;}
.created-thumb img{ width:100%; height:auto; display:block;}
.created-bio{ width:100%; display:inline-block; font-family: 'Open Sans', sans-serif; font-size:13px; color:#434343; margin:0px; padding:0px;}
.created-bio a{ width:auto; float:none; display:inline-block;}
/* 12 Oct 2022 New Class End */


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

.month-spon{ max-width:inherit;}

.footer-social{float:right; clear: right;}

.month-spon{ max-width:680px;}

}



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

#page-main{min-width: inherit;}

  .footer-right{width:380px;}

  .month-spon{ max-width: inherit;}

  .month-spon .spon-box{ width:270px;}

  .footer-right .newslatter-part ul li:nth-child(3){ width:100%;}

  .footer-social{float:left;}

  

  .newslatter-part ul li .capcha-fild{ width:calc(100% - 100px)}

  .calender-main .table > tbody > tr > td{ min-height:155px;}

  .calender-main .table > tbody > tr > td .artist span .fname{font-size:10px; margin-top:1px;}

  

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.single .popup-main{ right:0px; left:auto !important;}

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.single .popup-main:before{right:30px !important; left:auto !important;}

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.single:hover .lightgreen:before { right:10px !important; left:auto !important;}

.calender-main .table > tbody > tr > td:nth-child(6) .artist span.single:hover .lightred:before { right:10px !important; left:auto !important;}



}



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

  #page-main{min-width: inherit;}

  header .head-top{ height:130px;}

  header .hedding-part{ padding:0 250px 0 0;}

  header .hedding-part h1{margin: 20px 0 0 0;}

  header .head-trophy{ width:200px;}

  header .head-trophy img{ max-width:100%; height:auto;}

  

  .calender-main .table > tbody > tr > td:last-child ..popup-main{}

  

  .footer-left{width:100%; margin:0px; padding:0px 20px;}
  .footer-right{width:100%; max-width:100%; margin:0px; padding:0px 20px;}
  .newslatter-part{ max-width:100%;}

  .footer-social{ width:50%; float:left; clear:right; margin:0px; padding:0px;}

  /*#month-spon, .month-spon{width:100%; max-width:100%; float:left;}*/
  .month-spon{width:100%; max-width:50%; float:left;}
  .month-spon .spon-box{ width:300px;}
  .calender-main{ padding:0;}

  

  .popup-main{width:250px !important; margin-left:-125px; left:50%;}

  .calender-main .table > tbody > tr > td .popup-main:before, .calender-main .table > tbody > tr > td .artist span.single:hover .lightgreen:before{ left:123px;}

  .calender-main .table > tbody > tr > td .artist span.double:hover .lightgreen:before {left:123px;}  

  .calender-main .table > tbody > tr > td .artist span.single:hover .lightred:before {left:123px;}

  .calender-main .table > tbody > tr > td .artist span.double:hover .lightred:before {left:123px;}



  .calender-main .table > tbody > tr > td:first-child .popup-main{ left:123px !important; right:auto !important;}

  .calender-main .table > tbody > tr > td:first-child .popup-main:before, .calender-main .table > tbody > tr > td:first-child .artist span.single:hover .lightgreen:before {left:45px !important; right:auto !important;}

  .calender-main .table > tbody > tr > td:first-child .artist span.double:hover .lightgreen:before { left:20px !important; right:auto !important;}

  

  .calender-main .table > tbody > tr > td:first-child .artist span.single:hover .lightred:before {left:45px !important; right:auto !important;}

  .calender-main .table > tbody > tr > td:first-child .artist span.double:hover .lightred:before { left:20px !important; right:auto !important;}

  

  .calender-main .table > tbody > tr > td h4.date{ font-size:12px;}

  .calender-main .table > tbody > tr > td{ min-height:120px;}

  .calender-main .table > tbody > tr > td .artist span .fname{font-size:10px; word-wrap:break-word;}

  .about-button.mrg-bottom{ width:100%; float:left; clear:inherit;}
  
  .main-search {width:400px;}
  
  .app-store { width:100%; margin-top:0px;}
  .app-store p{ width:100%;}

}

@media screen and (max-width: 767px){
.footer-right{ padding:0px 15px;}
.footer-social{ width:100%; margin-top:12px;}
	
}

/* Search result page and search box css start */

.GoogleSearch { max-width:250px; float: right; margin:5px 20px 0 0; padding: 0px;}
.GoogleSearch .gsc-input-box { padding-top:2px !important; padding-bottom: 1px !important;} 
.GoogleSearch table.gsc-search-box td.gsc-input {padding-right: 0 !important;}
.GoogleSearch .gsc-search-button-v2 {padding: 11px 13px !important;}

.gsc-control-cse, .gsc-control-cse .gsc-table-result { font-size:14px !important}
.gs-web-image-box, .gs-promotion-image-box {margin-right: 10px !important;}

@media screen and (max-width:991px) {  
.GoogleSearch { margin-right:0; position: absolute; top: 100px; right: 15px;}
}

@media screen and (max-width:529px) { 
    .navbar { min-height: 160px;}
}
@media screen and (max-width:529px) { 
.GoogleSearch { margin-right: auto; position: relative; top: auto; right: auto; float: none; margin-left: auto;}
}

/* Search result page and search box css end */