@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'),
         url('../fonts/calibri.woff2') format('woff2'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#CalibriRegular') format('svg');
}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/ralewayregularwebfont.eot');
    src: url('../fonts/ralewayregularwebfont.eot') format('embedded-opentype'),
         url('../fonts/ralewayregularwebfont.woff2') format('woff2'),
         url('../fonts/ralewayregularwebfont.woff') format('woff'),
         url('../fonts/ralewayregularwebfont.ttf') format('truetype'),
         url('../fonts/ralewayregularwebfont.svg#ralewayregularwebfont') format('svg');
}

*{margin:0; padding:0}

html{
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden; 
}

body {
	font-family:'ralewayregular','CalibriRegular', Arial, Helvetica, sans-serif; 
	font-weight: 500; 
	overflow-x: hidden; 
	line-height: 20px; 
	font-size: 14px; 
	color: #151515; 
	background: #FFFFFF;
	letter-spacing:0.03em}


.wrapper {
	margin: 0 auto; 
	width: 1100px; 
	position: relative;
}

.wrapper.small {
	max-width: 700px;
}

strong, b {
	font-weight: 600;
}

.dark_section {
	padding: 40px 0 40px 0;
	background: #151515;
	color:#FFF}

.light_section{padding: 40px 0 40px 0;
	background: #f7f6f6;}
	
.white_section{padding: 40px 0 40px 0;
	background: #ffffff;}	

.white_section20{padding: 20px 0 20px 0;
	background: #ffffff;}
	

.section-title {text-align: center; margin: 0 auto 40px; max-width: 60%;}	
.section-title h1 {	margin-bottom: 10px; font-weight:bold; font-size: 38px;}
.section-title span{color:#ff8400}

.section-title-left {margin: 0 0 10px 0; width: 100%;}	



.section-title p {
	font-size: 16px;
}

a { text-decoration: none;
	color: #151515;}
/*
.button,
input[type="submit"] {
	background: #028bc3;
	color: #ffffff;
	padding: 10px 15px;
	font-size: 14px;
}
.button:hover,
input[type="submit"]:hover {
	color: #ffffff;
	background: #0375a3;
}
input[type="text"],
input[type="email"],
textarea {
	width: 100%;
	border: 1px solid #e5e5e5;
	background: #ffffff;
	padding: 20px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}
textarea {
	min-height:100px;
}

input[type="submit"] {
	border: none;
	cursor: pointer;
}*/


header#main {
	padding:0px 0  0px 0;
	background: #ffffff;
	border-bottom: 1px solid #151515;
	position: relative;
	z-index: 9999;}

.offset {display: none;}

.header-fixed .offset {	display: block;}

.header-fixed header#main {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;}


#burger {
	background: #2b2b2b;
	cursor: pointer;
	padding: 9px 11px 8px 10px;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #f9f9f9;
	display: inline-block;
	float: right;
	font-size: 18px;
	text-align: center;
	display: none;
}

#burger i {
	position: relative;
	left: 1px;
}

#view-more {
	text-align: center;
	position: absolute;
	bottom: 50px;
	width: 100%;
	z-index: 2;
}

#view-more a, #filters a {
	background: rgba(50,50,50, 0.9);
	border-radius: 30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	padding: 10px 20px;
	color: #f9f9f9;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background  300ms ease-in-out;
	-ms-transition: background  300ms ease-in-out;
	-o-transition: background  300ms ease-in-out;
	transition: background  300ms ease-in-out;
	z-index: 2;
	position: relative;
}

#view-more a:hover,
#filters a:hover {
	background: #2b2b2b;
}

/*nav li a{line-height:70px !important;}
nav ul li a:hover {color:#069fdd;}
nav .active {color: #069fdd;}

nav ul {float: right;}

nav li {display: inline-block;
	margin-left: 30px;
	text-transform: uppercase;}


nav li ul {display: none;}

nav li:hover ul { width:190px;
	display: block;
	position: absolute;
	padding:0 0 0 0;
	border-bottom: 1px solid #e5e5e5;
	margin-left: -50px;}

nav li li { height:35px; line-height:35px;
	float: none;
	display: block;
	margin: 0 0 0 0;
	background: #fff;
	vertical-align: middle;
	padding:0 5px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;}

nav li ul li a{line-height:35px !important;}

nav li ul li a:hover{text-decoration:none!important;}*/


.telInfo{height:15px;  margin:0 0 38px 0; padding:15px 0 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .telInfo{ margin-bottom:40px;}} /* only for safari and chrome*/
.telInfo ul{float:right; }
.telInfo a{  padding:0 10px 0 20px; font-size:13px;}
.logout{/*width:160px;*/ }
.logout a:nth-child(1){background:url(../images/register_icon.png) no-repeat left center;}
.logout a:nth-child(2){background:url(../images/login_icon.png) no-repeat left center;}

.logged{/*width:183px;*/ width:310px;*/}
.logged a:nth-child(1){background:url(../images/editProfile_icon.png) no-repeat left center;}
.logged a:nth-child(2){background:url(../images/logout_icon.png) no-repeat left center;}

.language select{ 
	width: 35% ;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:4px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

/*.logInMode{height:15px;  margin:0 0 38px 0; padding:15px 0 0 0;}*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .logInMode{ margin-bottom:40px;}}*/ /* only for safari and chrome*/
/*.logInMode ul{float:right}
.logInMode a{  padding:0 10px 0 20px; font-size:13px;}
.logInMode a:nth-child(1){background:url(../images/editProfile_icon.png) no-repeat left center;}
.logInMode a:nth-child(2){background:url(../images/logout_icon.png) no-repeat left center;}*/


.borderRight{border-right:3px solid #ff8400; padding:0 2% 0 0}
.borderLeft{border-left:3px solid #ff8400; padding:0 0 0 2%; }

.borderRightCity{border-right:3px solid #ff8400; padding:0 2% 0 0}

.onlyBorderBot{border-bottom:1px solid #151515; padding:0 0 3px 0;}
.onlyBorBotOra{border-bottom:1px solid #ff8400; padding:0 0 3px 0;}
.onlyBorBotWht{border-bottom:1px solid #FFFFFF; padding:0 0 3px 0;}

.paddingTop10{padding-top:10px; }
.paddingTop20{padding-top:20px; }
.paddingTop50{padding-top:50px;}
.paddingTop100{padding-top:100px; }
.paddingTopBot20{padding-top:20px; padding-bottom:20px; }
.paddingLeftRight30{padding-left:30px; padding-right:30px;}
.paddingLeftRight20{padding-left:20px; padding-right:20px; }
.orangeCol{color:#ff8400}
.whiteCol{color:#ffffff}
.darkCol{color:#151515}

.upperCase{text-transform:uppercase;}
.bold{font-weight:bold}
.font16{font-size:16px}
.font13{font-size:13px}
.alignCenter{text-align:center}
.alignJustify{text-align:justify}

.marginBottom5{margin-bottom:5px;}
.marginBottom10{margin-bottom:10px;}
.marginBottom20{margin-bottom:20px;}
.marginTop10{margin-top:10px;}
.marginTop20{margin-top:20px;}


.darkBg{background:#151515}

.deskMob50{padding:50px 0 0 0; }
.deskMob100{padding:100px 0 0 0;}
.deskMob130{padding:130px 0 0 0;}
.deskMobRight130{padding:130px 0 0 0; text-align:right}
.deskMobRight100{padding:100px 0 0 0; text-align:right}
.deskMobRight50{padding:50px 0 0 0; text-align:right}

.height10{height:10px;}
.height20{height:20px;}


ul.buleting li{list-style:none; margin:0 0 1px 0px;}
ul.buleting li:before{content:"- ";}

ul.oleting{margin-bottom:10px;}
ul.oleting li{list-style:decimal; margin:0 0 5px 20px;}

ul.bulet{margin-bottom:10px;}
ul.bulet li{list-style:disc; margin:0 0 5px 20px;}

ul.followus li{list-style-type:none; margin-bottom:10px;  }
ul.followus li a img{float:left; margin:0 5px 0 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

.bredcrum{line-height:25px; position:relative; width:100%; border-bottom:thin solid #7f7e7e}
.bredcrum .bredWrap{padding:0 0 0 0; font-size:12px; }
.bredcrum a{background:url(../images/bred_arrow.png) no-repeat center right; 
display:inline-block; padding:0 15px 0 5px; float:left; font-size:12px; }

.bredcrum a:hover{text-decoration:underline;}
.bredcrum span{margin:0 6px; color:#FF8400}	



/*--=============================index============================--*/

.featuredPerBox{width:85%; margin:auto; position:relative}

.featuredPerBox li{width: 30.66%; float:left; margin:0 4% 0 0; background:#f7f6f6; padding:20px; text-align:justify; font-size:13px; height:330px;position:relative}
.featuredPerBox li:nth-child(3){margin:0 0 0 0;}
.featuredPerBox li h4{text-align:center; margin: 10px auto; font-size:18px; height:25px; overflow:hidden;}

.featuredPerBox li .proPhoto{ border-radius:150px; -webkit-border-radius:150px; -moz-border-radius:150px;
	position:relative; margin:auto; width:150px; height:150px; overflow:hidden; }
	
.featuredPerBox li .masking{width:150px; height:150px; text-align:center; margin:0 0 0 0px}	
.featuredPerBox li .proPhoto img{width:auto;  min-height:150px; }

.featuredPerBox li .feaContent{min-height:62px; overflow:hidden;text-align: left;}
.clickBtn{background:url(../images/orange_border.jpg) repeat-x center center; width:100%; height:23px; clear:both;position: absolute;left: 0px;bottom: 8px;}
.clickBtn a{float:right}

.citiesIndex li{width:48%; float:left; margin:0 4% 15px 0; background:#FFFFFF; text-align:center; height:100px; padding:18px 10px 10px 10px; 
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #c2c2c2}
.citiesIndex li a{display:block;}
.citiesIndex li img{height:65px; width:auto;}
.citiesIndex li:nth-child(even){margin:0 0 15px 0;}

.otherCalHeight{width:100%; height:537px}

.mapFixWidth{width:274px;  background:# CCC; position:relative; margin:auto}
.mapPoints {}
.mapPoints li a{background:#FF8400; width:12px; height:12px; border-radius:12px; display:block; float:left;}
.mapPoints li a:hover{background:#151515;}
.mapPoints li span{display:block; width:auto; text-align:left; float:left; padding:0 0 0 5px; line-height:12px; font-weight:bold; font-size:13px}

.mapPoints li{position:absolute; }

.worldMap{width:100%; height:759px; background-color:#151515;}


/*--=============================MAP LOCATION CSS============================--*/
.Luleå-kommun, .Luleå-Kommun, .luleå-kommun, .luleå-Kommun, .Luleå, .luleå, .Lulea, .lulea{bottom:392px; left:216px;}
.Luleå-kommun span, .Luleå-Kommun span, .luleå-kommun span, .luleå-Kommun span, .Luleå span, .luleå span, .Lulea span, .lulea span{position:absolute; bottom:0px; left:10px;}

.Piteå-kommun, .Piteå-Kommun, .piteå-kommun, .piteå-Kommun, .Piteå, .piteå, .Pitea, .pitea{bottom:380px; left:208px;}
.Piteå-kommun span, .Piteå-Kommun span, .piteå-kommun span, .piteå-Kommun span, .Piteå span, .piteå span, .Pitea span, .pitea span{position:absolute; bottom:0px; left:10px;}


.Skellefteå-kommun, .Skellefteå-Kommun, .skellefteå-kommun, .skellefteå-Kommun, .Skellefteå, .skellefteå, .Skelleftea, .skelleftea{bottom:354px; left:200px;}
.Skellefteå-kommun span, .Skellefteå-Kommun span, .skellefteå-kommun span, .skellefteå-Kommun span, .Skellefteå span, .skellefteå span, .Skelleftea span, .skelleftea span{position:absolute; bottom:0px; left:10px;}

.Umeå-kommun, .Umeå-Kommun, .umeå-kommun, .umeå-Kommun, .Umeå, .umeå, .Umea, .umea{bottom:322px; left:185px;}
.Umeå-kommun span, .Umeå-Kommun span, .umeå-kommun span, .umeå-Kommun span, .Umeå span, .umeå span, .Umea span, .umea span{position:absolute; bottom:0px; left:10px;}


.Örnsköldsvik-kommun, .Örnsköldsvik-Kommun, .örnsköldsvik-kommun, .örnsköldsvik-Kommun, .Örnsköldsvik, .örnsköldsvik{bottom:298px; left:158px;}
.Örnsköldsvik-kommun span, .Örnsköldsvik-Kommun span, .örnsköldsvik-kommun span, .örnsköldsvik-Kommun span, .Örnsköldsvik span, .örnsköldsvik span{position:absolute; bottom:0px; left:10px;}

.Sundsvall-kommun, .Sundsvall-Kommun, .sundsvall-kommun, .sundsvall-Kommun, .Sundsvall, .sundsvall{bottom:265px; left:133px;}
.Sundsvall-kommun span, .Sundsvall-Kommun span, .sundsvall-kommun span, .sundsvall-Kommun span, .Sundsvall span, .sundsvall span{position:absolute; bottom:0px; left:10px;}

.Hudiksvall-kommun, .Hudiksvall-Kommun, .hudiksvall-kommun, .hudiksvall-Kommun, .Hudiksvall, .hudiksvall{bottom:243px; left:131px;}
.Hudiksvall-kommun span, .Hudiksvall-Kommun span, .hudiksvall-kommun span, .hudiksvall-Kommun span, .Hudiksvall span, .hudiksvall span{position:absolute; bottom:0px; left:10px;}

.Västerås-kommun, .Västerås-Kommun, .västerås-kommun, .västerås-Kommun, .Västerås, .västerås{bottom:156px; left:120px;}
.Västerås-kommun span, .Västerås-Kommun span, .västerås-kommun span, .västerås-Kommun span, .Västerås span, .västerås span{position:absolute; bottom:0px; left:10px;}

.Nyköping-kommun, .Nyköping-Kommun, .nyköping-kommun, .nyköping-Kommun, .Nyköping, .nyköping{bottom:138px; left:129px;}
.Nyköping-kommun span, .Nyköping-Kommun span, .nyköping-kommun span, .nyköping-Kommun span, .Nyköping span, .nyköping span{position:absolute; bottom:0px; left:10px;}

.Ystad-kommun, .Ystad-Kommun, .ystad-kommun, .ystad-Kommun, .Ystad, .ystad{bottom:5px; left:50px;}
.Ystad-kommun span, .Ystad-Kommun span, .ystad-kommun span, .ystad-Kommun span, .Ystad span, .ystad span{position:absolute; bottom:0px; left:10px;}	


.Lund-kommun, .Lund-Kommun, .lund-kommun, .lund-Kommun, .Lund, .lund{bottom:16px; left:44px;}
.Lund-kommun span, .Lund-Kommun span, .lund-kommun span, .lund-Kommun span, .Lund span, .lund span{position:absolute; bottom:0px; left:10px;}

.Kristianstad-kommun, .Kristianstad-Kommun, .kristianstad-kommun, .kristianstad-Kommun, .Kristianstad, .kristianstad{bottom:27px; left:56px;}
.Kristianstad-kommun span, .Kristianstad-Kommun span, .kristianstad-kommun span, .kristianstad-Kommun span, .Kristianstad span, .kristianstad span{position:absolute; bottom:0px; left:10px;}

.Karlshamn-kommun, .Karlshamn-Kommun, .karlshamn-kommun, .karlshamn-Kommun, .Karlshamn, .karlshamn{bottom:38px; left:77px;}
.Karlshamn-kommun span, .Karlshamn-Kommun span, .karlshamn-kommun span, .karlshamn-Kommun span, .Karlshamn span, .karlshamn span{position:absolute; bottom:0px; left:10px;}

.Gothenburg-kommun, .Gothenburg-Kommun, .gothenburg-kommun, .gothenburg-Kommun, .Gothenburg, .gothenburg{bottom:89px; left:21px;}
.Gothenburg-kommun span, .Gothenburg-Kommun span, .gothenburg-kommun span, .gothenburg-Kommun span, .Gothenburg span, .gothenburg span{position:absolute; left:-53px; bottom:0px;}

.Landskrona-stad, .Landskrona-Stad, .landskrona-stad, .landskrona-Stad, .Landskrona, .landskrona{ bottom:26px; left:29px}
.Landskrona-stad span, .Landskrona-Stad span, .landskrona-stad span, .landskrona-Stad span, .Landskrona span, .landskrona span{ position:absolute; left:-80px; bottom:0px;}

.Halmstad, .halmstad{bottom:42px; left:36px; }
.Halmstad span, .halmstad span{ position: absolute; bottom:0px; left:-67px; }

.Kalmar-kommun, .Kalmar-Kommun, .kalmar-kommun, .kalmar-Kommun, .Kalmar, .kalmar{bottom:55px; left:101px;}


.Stockholms-stad, .Stockholms-Stad, .stockholms-stad, .stockholms-Stad, .Stockholms, .stockholms, .Stockholm, .stockholm{ bottom:165px; left:150px;}
.Stockholms-stad span, .Stockholms-Stad span, .stockholms-stad span, .stockholms-Stad span, .Stockholms span, .stockholms span{ position:absolute; left:14px}

.Vastervik-kommun, .Vastervik-Kommun, .vastervik-kommun, .vastervik-Kommun, .Vastervik, .vastervik, .Västervik, .västervik, .Västervik-kommun, .Västervik-Kommun, .västervik-kommun, .västervik-Kommun { bottom:104px; left:113px;}

.Växjö-kommun, .Växjö-Kommun, .växjö-kommun, .växjö-Kommun, .Växjö, .växjö{bottom:61px; left:77px;}
.Växjö-kommun span, .Växjö-Kommun span, .växjö-kommun span, .växjö-Kommun span, .Växjö span, .växjö span{ position:absolute; bottom:0px; left:-40px;}

.Malmo-stad, .Malmo-Stad, .malmo-stad, .malmo-Stad, .Malmo, .malmo{bottom:5px; left:32px }
.Malmo-stad span, .Malmo-Stad span, .malmo-stad span, .malmo-Stad span, .Malmo span, .malmo span{ position:absolute; left:-14px; bottom:-25px;}

.Varberg-kommun, .Varberg-Kommun, .varberg-kommun, .varberg-Kommun, .Varberg, .varberg{bottom:71px; left:22px;}
.Varberg-kommun span, .Varberg-Kommun span, .varberg-kommun span, .varberg-Kommun span, .Varberg span, .varberg span{position:absolute; bottom: 0px; left: -56px;}

.Borgholm-stad, .Borgholm-Stad, .borgholm-stad, .borgholm-Stad, .Borgholm, .borgholm{bottom:70px; left:119px;}

.Jönköping-kommun, .Jönköping-Kommun, .jönköping-kommun, .jönköping-Kommun, .Jönköping, .jönköping, .Jönköping, .jönköping, .Jönköping-kommun, .Jönköping-Kommun, .jönköping-kommun, .jönköping-Kommun {bottom:90px; left:72px;}

.Gävle-kommun, .Gävle-Kommun, .gävle-kommun, .gävle-Kommun, .Gävle, .gävle{bottom: 210px; right: 87px;}

/*--=============================street performers page============================--*/

.streetperformers{margin:auto; position:relative}
.streetperformers li{ width: 22%; float:left; margin:0 4% 20px 0; background:#f7f6f6; padding:20px; text-align:justify; font-size:13px; list-style:none; height:325px;position: relative;}
.streetperformers li:nth-child(4n){margin:0 0 20px 0;}
.streetperformers li h4{text-align:center; margin: 10px auto; font-size:18px; height:25px; overflow:hidden;}

.streetperformers li .proPhoto{ border-radius:150px; -webkit-border-radius:150px; -moz-border-radius:150px;
	position:relative; margin:auto; width:150px; height:150px; overflow:hidden; }
.streetperformers li .masking{width:150px; height:150px; text-align:center; margin:0 0 0 0px}	
.streetperformers li .proPhoto img{width:auto; min-height:150px;}

.streetperformers li .feaContent{min-height:62px; line-height:16px; overflow:hidden;text-align: left;}

.showMore input{display:block; background-color:#FF8400; width:150px; height:30px; text-align:center; line-height:25px; font-size:13px;
color:#FFF; margin:50px auto 0 auto;
border-bottom-left-radius:100px; border:0; cursor:pointer;
-webkit-border-bottom-left-radius:100px;
-webkit-border-bottom-left-radius:100px;
border-bottom-right-radius:100px;
-moz-border-bottom-right-radius:100px;
-moz-border-bottom-right-radius:100px;}

.showMore input:hover{opacity:0.8;}

/*--=============================register============================--*/

.headingReg{border-radius:5px 5px 0 0; 
-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	
	padding:25px 20px 10px 30px; background:#151515; color:#FFF; margin-bottom:20px;}

.registerWrap{}
.registerWrap h5{margin-bottom:15px; color:#ff8400}

.profileAdject{margin-top:0px !important}

.regTop input[type="text"],.regTop input[type="email"],.regTop textarea,.regTop select {
	width: 100% ;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom: 25px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

.regTop span{position:absolute; height:20px; left:16px; width:100%; margin-top:18px; font-size:13px}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .regTop span {
        margin-top: -11px;
    }
    .regBody .capacity #cap {
        display: block !important;
    }
    .regBody .discipline #dis{
        display: block !important;
    }
    .regBody #ac{
        display: block !important;    
    }
}
.regTop textarea {min-height:70px;}

/*--register body--*/
	
input.grayBtn, input.orangeBtn, .orangeBtn, .grayBtn{	
	color: #ffffff;
	padding: 5px 20px;
	font-size: 13px;
	border:0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 	
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; }

input.grayBtn,.grayBtn{background: #151515;}
input.grayBtn:hover,.grayBtn:hover{background:#2d2d2d}
input.orangeBtn,.orangeBtn{background: #da7101;}
input.orangeBtn:hover,.orangeBtn:hover{background:#c76804;}	
input.grayBtn:hover,input.orangeBtn:hover{cursor: pointer;}


.regBody select{ float:left;
	width: 45%;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:0 10px !important;
	height:35px;
	margin-bottom: 25px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	margin-right:8%}
.regBody select option{padding:5px}
.rightMargin0{	margin-right:0 !important}

.regBody input[type="text"],.regBody input[type="email"],.regBody textarea{
	float:left;
	width: 45%;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom: 25px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	margin-right:8%;}

/**** Date 08-March-2016 *******/
.regBody .capacity{    
    width: 50%;
    float:left;
}
.regBody .capacity select{    
    width: 90%;
}
.regBody .discipline{   
    width: 50%;
    float:left;
}
.regBody .discipline select{    
    width: 90%;
    margin-left:31px;
}
.regBody .capacity #cap{    
    display: inline-table;
    margin-top: 36px;
    position: absolute;
}
.regBody .discipline #dis{    
    display: inline-table;
    margin-left: 31px;
    margin-top: 36px;
    position: absolute;
}
.regBody #ac{    
    display: inline-table;
    margin-left: 31px;
    margin-top: 95px;
    position: absolute;
}
.regBody #other input[type="text"]{
    width: 90%;
    margin-left: 31px;
}
.regBody #mtr_area_val2{
    float: right;
}
.regBody #video {
    display: block;
    margin-top: 34px;
    position: absolute;
}

.registImage{height:360px; width:auto}
.youTubeWidth{width:98% !important;}
.radioDiv{width: 45%; padding:25px 10px; margin-right:8%; float:left}
.radioDiv input[type="radio"]{ margin:0 2px 0 20px;}
.regBody textarea {min-height:70px;}

.mtrArea{width: 45%; padding:0px; float:right; font-size:13px}

.mtrArea input[type="text"]{width:50px !important; float:none !important; margin-right:5px; margin-left:10px; margin-bottom: 15px !important;}



.file-upload-container { display:block; float:left;
padding:10px;  margin-right:8%;
}
.file-upload-override-button { float:left;
position: relative;
overflow: hidden;
cursor: pointer;
background-color:#373737;
width:70px;
padding:5px;
color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:12px;
text-align:center;
cursor:pointer;
margin:0 0 0 15px;
}
.file-upload-override-button:hover {
background-color:#282828;
}
.file-upload-override-button:active {
position:relative; top:1px;
}
.file-upload-button {
position: absolute;
height: 50px;
top: -10px;
left: -10px;
cursor: pointer;
opacity: 0;
filter:alpha(opacity=0);
}
.file-upload-filename {
margin-left: 10px;
height: auto;
padding: 8px;
}
.uploadText{float:left; line-height:32px}
input.file_upload_path{width:32% !important; margin-right:0 !important; margin-left:4%; margin-bottom:10px !important; 
background:none !important; border:0 !important; padding:3px !important; margin-top:2px}

.regiAddBtn{padding:5px 0 0 0; margin:0 0 0 2%; width:50%; float:right; text-align: right; }
.alertAddBtn{height:25px; width:100%; display:block; line-height:25px;}

.regiAddBox{width:100%; background:#E8E7E7 }
.regiAddBox div{padding:5px;}
.regiAddBox div a{float:right; margin:0 5px; font-size:12px; line-height:25px;}

#other{width:100%;}
#other input{ margin-left:53%}


/*--============================= profile ============================--*/

.proImageBox{padding:90px 0 0 0; }

.proImageBox .proPhoto{ border-radius:150px; -webkit-border-radius:150px; -moz-border-radius:150px;
	position:relative; margin:-70px auto 0 auto; width:150px; height:150px; overflow:hidden; }
.proImageBox .masking{width:150px; height:150px; text-align:center; margin:0 0 0 0px}
	
.proImageBox .proPhoto img{width:auto; min-height:150px;}

.proImageBox h1{padding:15px 0; float:left}
.proImageBox h6{padding:0px 10px; margin-bottom:10px; 
background:#FF8400; font-size:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 
font-style:italic; display:inline-block; }
.userFlag{margin:15px 0 10px 15px; width:40px; height:40px; overflow:hidden; float:left}
.userFlag img{width:100%; min-height:33px;}

.contactArtist{ }
.contactArtist a{background: #FF8400; float:right;margin:40px 0 10px 0; display:block;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 14px;
	border:0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; }
	
.descBioBox{background:#f7f6f6; padding:20px; border:thin solid #dcdcdc; text-align:justify; height:345px; overflow-y:auto; overflow-x:hidden}
.descBioBox h4{color:#FF8400; margin-bottom:3px;}

.videoEmbed{width:100%; height:315px;}
.videoEmbed2{width:100%; height:219px;}

/*--=============================Edit profile ============================--*/

.grayBox{background:#f7f6f6; padding:20px; border:thin solid #dcdcdc; text-align:justify}
.grayBox h6{color:#FF8400; margin-bottom:6px;}
.grayBox span{font-size:11px;   margin:-5px 0 0 0; line-height:5px; float:right}
.grayBox span.char20{width:50% !important; float:left !important; text-align:right;  }
.grayBox .proPhoto{ border-radius:150px; -webkit-border-radius:150px; -moz-border-radius:150px;
	position:relative; margin:0 auto 0 auto; width:150px; height:150px; overflow:hidden; }
.grayBox .masking{width:241px; height:200px; text-align:center; margin:0 0 0 -45px}
.grayBox .proPhoto img{width:auto;  min-height:150px; }

.grayBox .editSave{float:right; margin:-12px 0 0 0;}
.grayBox .editSave a{cursor:pointer; margin:0 10px 0 0; font-size:13px;}
.grayBox .editSave a:hover{color:#FF8400;}
.grayBox .editSave span{font-size:11px;  margin:0; line-height:22px}

.grayBox select{ 
	width: 100%;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:0 10px;
	height:35px;
	margin-bottom: 15px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;}
	
.grayBox select option{padding:5px}

.grayBox input[type="text"],.grayBox input[type="email"],.grayBox textarea,.grayBox [type="password"] {
	width: 100%;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom: 15px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	display:block;
}
.grayBox textarea{width:100% !important; height:90px}

.uploadPicCont { display:block; padding:10px 5px 10px 5px; text-align:center}
.upload_button {background:url(../images/upload_icon.png) no-repeat 8% 50%; position: relative; display:inline-block; overflow: hidden; 
cursor: pointer; background-color:#e5e2e2; width:auto; padding:5px 10px 5px 30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
font-size:13px;  text-align:center; cursor:pointer; margin:auto; }
.crop.upload_button {background:none;background-color:#e5e2e2;padding-left:10px;}
.crop.upload_button .fa-crop {font-size: 16px;padding-right:5px;}

.upload_button:hover { background-color:#d8d8d8;}
.upload_button:active {position:relative; top:1px;}
.upload_pic { position: absolute; height: 50px; top: -10px; left: -10px; cursor: pointer; opacity: 0; filter:alpha(opacity=0);}

ul.promoPicture li{width:48%; background:#e8e7e7; float:left; padding:10px 10px 5px 10px; margin-bottom:20px }
ul.promoPicture li:nth-child(odd){margin-right:4%}
ul.promoPicture li:last-child{margin-bottom:0}
ul.promoPicture li .promoImg{width:100px; height:87px;overflow:hidden; float:left; margin-right:3%}
ul.promoPicture li .promoImg img{width:100px; height:87px} 
ul.promoPicture li .promoImg img{max-width: none;}
ul.promoPicture li .promoPath{width:75%; float:left; padding:35px 0 0 0 }

.editAddBox {width:48%; float:right;}
.editAddBox li{width:100% !important}

.promoPicBrowse input[type="text"]{ float:left;
	width: 60%;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:6px 10px;
	margin-bottom: 15px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

.promoPicBrowse { display:block; text-align:center; width:100%;}
.promoPic_button {position: relative; display:inline-block; overflow: hidden; 
cursor: pointer; background-color:#373737; width:auto; padding:5px 10px 5px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
font-size:13px;  text-align:center; cursor:pointer; margin:auto; color:#FFF}

.promoPic_button:hover { opacity:0.8}
.promoPic_button:active {position:relative; top:1px;}
.promo_pic { position: absolute; height: 50px; top: -10px; left: -10px; cursor: pointer; opacity: 0; filter:alpha(opacity=0);}

.removeBtn{color: #ffffff; display:block; float:right;
	padding:5px 10px 5px 10px; width:70px;
	font-size: 12px;
	border:0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	background:#da7101;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif;  }
	
.removeBtn:hover{background:#c76804;}

.errorPasssword{height:15px; width:100%; display:block; line-height:15px; float:none}

.editCalHeight{width:100%; height:618px;}



/*--=============================city details============================--*/

.cityBanner{max-height:300px; width:100%; overflow:hidden}
.cityBanner img{width:100%; height:300px}
.cityDetail{padding:60px 0 30px 0; }

.cityDetail .cityImage{ position:relative; margin:-20px auto 0 auto; 
width:240px; height:110px; overflow:hidden; background:#FFFFFF; padding:10px 10px 10px 10px; text-align:center; border:2px solid #151515}
.cityDetail .cityImage img{width:auto; height:85px;}

.cityDetail .spCityImage{ position:relative; margin:-50px auto 0 auto; 
width:130px; height:170px; overflow:hidden; background:#FFFFFF; padding:10px 10px 10px 10px; text-align:center; border:2px solid #151515}
.cityDetail .spCityImage img{max-height:90%; max-width:90%;width:auto;height:auto;position: absolute;top:0;bottom:0;left:0;right:0;margin: auto;}

.cityDetail h1{padding:15px 0; display:inline-block}
.cityNameHeight{height:70px;}

.cityParlogo{width:30%; float:right; height:60px; margin:5px 0;}
.cityParlogo li{float:left; width:48%; text-align:center; /*border:thin solid #545454;*/ padding:0px; background-color:#FFF; height:60px; overflow:hidden }
.cityParlogo li:nth-child(1){margin-right:4%}
.cityParlogo li img{width: auto; max-height: 60px;}

.telephIcon{background:url(../images/telephone_icon.png) no-repeat left center; padding:0 10px 0 30px; color:#FF8400}
.emailIcon{background:url(../images/email_icon.png) no-repeat left center; padding:0 0 0 30px; color:#FF8400}

.cityDesc{background:#f7f6f6; padding:20px; border:thin solid #dcdcdc; text-align:justify; height:340px; overflow-y:auto; overflow-x:hidden}
.cityDesc h4{color:#FF8400; margin-bottom:3px;}

ul.pitches li{ width:30.66%; margin:0 0 20px 4%; float:left; overflow:hidden; position:relative}
ul.pitches li .pitchImage{height:210px; width:100%; overflow:hidden}
ul.pitches li .masking{width:337px; height:210px; text-align:center; margin:0px;}
ul.pitches li img{min-height:210px; width:100%}

ul.pitches li:nth-child(3n){margin:0 0 20px 0; }

.pitchContent{padding:10px 20px 10px 10px;  width:100%; color:#FFF; margin-top:-5px; text-align:left; }
.pitchContent h6{color:#FF8400; margin-bottom:5px;}
/*--new pitches section--*/

.pitchBox{background:#FFF; padding:20px; margin-bottom:15px;}

.pitchBox .pitchImage{height:210px; width:100%; overflow:hidden}
/*.pitchBox .pitchImage .masking{width:337px; height:210px; text-align:center; margin:0px;}*/
.pitchBox h3{color:#FF8400; margin-bottom:10px;}
.pitchBox .pitch16{	position: relative; margin-right: 4%; float: left; width:16%}
.pitchBox .pitch80{position: relative; float: left; width:80%}

.ratingBox{width:108px; margin:auto; padding:10px 0}

.ratePitch{ padding:13px 5px; float:right}
.ratePitch span{height:28px; display:inline-table; vertical-align:middle; margin:0 10px 0 0}

.favourite{position:absolute; right:0; top:0}
.commentBox .userImage{position: relative; float: left; width:90px; overflow:hidden}
.commentBox .userImage img{width:63px; height:63px;}
.commentBox .comentArea{position: relative; float: left; width: calc(100% - 90px);}

.commentBox .comentArea textarea{border:thin solid #a7a6a6; width:100%; padding:8px 10px; height:63px; background:#f7f7f7;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
font-family:'ralewayregular','CalibriRegular', Arial, Helvetica, sans-serif; 
}

.comment_btn{display:inline-block; cursor:pointer;  background:url(../images/arrow_down.png) no-repeat 95% 23px; 
padding:15px 20px 5px 0; float:left}
.commented{ width:100%; background:#f7f6f6; max-height:400px;  display:none; border:thin solid #a7a6a6; overflow-x:hidden !important; overflow-y:auto !important}

.commented .comentImage{position: relative; float: left; width:90px; overflow:hidden}
.commented .comentImage img{width:63px; height:63px;}
.commented .comentText{position: relative; float: left; width: calc(100% - 90px);}
.comentSinBox{padding:20px; border-bottom:thin solid #a7a6a6}


.left_slide{position:absolute; left:-35px; top:15px; width:26px; height:40px;
background:url(../images/arrow_left.png) no-repeat left top; z-index:999;}
.left_slide:hover{background:url(../images/arrow_left_hover.png) no-repeat left top;}
	
.right_slide{position:absolute; right:-35px; top:15px;width:26px;height:40px;
	background:url(../images/arrow_right.png) no-repeat left top;z-index:999;}
.right_slide:hover{background:url(../images/arrow_right_hover.png) no-repeat left top;}

/*--=============================Cities============================--*/

.citiesPage li{width:22%; float:left; margin:0 4% 25px 0; background:#FFFFFF; text-align:center; height:150px; position:relative;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #151515}
.citiesPage li:nth-child(4n){margin:0 0 25px 0;}

.citiesPage li img{height:85px; width:auto;}
.citiesPage li span{display:block; font-size:16px; color:#FFF; background:#151515 url(../images/click_next.png) no-repeat 95% 50%; 
position:absolute; bottom:0; width:100%; left:0; overflow:hidden;
height:35px; line-height:35px; text-align:left; padding:0 10px;}
.citiesPage li a{display:block; padding:15px 10px 10px 10px;}
.citiesPage li a:hover span{background:#000000 url(../images/click_next_hover.png) no-repeat 95% 50%;}

/*--=============================Special cities============================--*/

.spCities li{width:12%; float:left; margin:0 5.6% 25px 0; background:#FFFFFF; text-align:center; height:205px; position:relative;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #151515; overflow:hidden;}
.spCities li:nth-child(6n){margin:0 0 25px 0;}

.spCities li .imagePor{height:170px; width:100%; overflow:hidden; position:relative;}

.spCities li .imagePor img{max-height:90%; max-width:90%;width:auto;height:auto;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

.spCities li span{display:block; font-size:15px; color:#FFF; background:#151515 url(../images/click_next.png) no-repeat 95% 50%; 
position:absolute; bottom:0; width:100%; left:0; overflow:hidden;
height:35px; line-height:35px; text-align:left; padding:0 10px;}

.spCities li a{display:block; height:205px;}
.spCities li a:hover span{background:#000000 url(../images/click_next_hover.png) no-repeat 95% 50%;}

/*--=============================Countries============================--*/

.countriesPage li{width:22%; float:left; margin:0 4% 25px 0; background:#FFFFFF; height:150px; position:relative;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #151515}
.countriesPage li:nth-child(4n){margin:0 0 25px 0;}

.countriesPage li img{height:115px; width:100%;}
.countriesPage li span{display:block; font-size:16px; color:#FFF; background:#151515 url(../images/click_next.png) no-repeat 95% 50%; 
position:absolute; bottom:0; width:100%; left:0; overflow:hidden;
height:35px; line-height:35px; text-align:left; padding:0 10px;}
.countriesPage li a:hover span{background:#000000 url(../images/click_next_hover.png) no-repeat 95% 50%;}


/*--=============================about us============================--*/
.aboutIconMatter{padding:0 0 0 55px}
.iconAbout{position:absolute; left:0; text-align:center }

/*--=============================news============================--*/
.newsHead{border-bottom:thin solid #151515; text-align:left; padding-bottom:5px; color:#FF8400; margin-bottom:10px;}
.newsImg{width:250px; height:auto; float:left; padding:0 15px 0 0; background:#FFF; }
.newsImg img{width:100%; height:auto}



/*--=============================Contact us============================--*/

.contactUs input[type="text"],.contactUs input[type="email"],.contactUs textarea{
	float:left;
	width: 100%;
	border: thin solid #a7a6a6; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom: 25px;
	font-family:'ralewayregular',calibri, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	margin-right:8%;
}

.contactUs textarea {min-height:70px;}




/*--=============================footer============================--*/
.footerBox{background:#151515; color:#FFF; padding:15px 0;}

.footerBox a{color:#FFF; font-size:13px;}
#sub-footer { padding:5px; clear:both;
	background: #151515;
	text-align: left;
	color: #f9f9f9;
	font-size:12px;
	border-top:solid thin #3d3d3d;
}

.foo_Div{float:left; width:50%}

.foo_Div:nth-child(2){ width:50%; text-align:right;}

@media only screen and (min-width: 1180px) {}

@media only screen and (max-width: 1180px) {}

@media only screen and (min-width: 1025px) and (max-width: 1200px){
	
	.wrapper { 
		width:970px; position:relative;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1024px){
		
		.promoPicBrowse input[type="text"]{ width: 55%;}
		
	.wrapper { 
		width:960px; position:relative;
	}
	
	nav li{padding:0 9px}
	
	}

@media only screen and (max-width: 959px) {
	
	
	/*#container .item {
		width: 33.1%;
	}*/
	.section-title {
		max-width: 75%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	

	.wrapper { 
		width:768px; position:relative;
	}
	/*nav li a{line-height:20px !important;}*/

}

@media only screen and (min-width: 769px) {
	#main .three_fourths {
		display: block !important;
	}

}

@media only screen and (max-width: 768px) {
	.foo_Div{float:none; width:100%; text-align:center}
	
	.foo_Div:nth-child(2){ width:100%; text-align:center}
	
	nav li a{line-height:20px !important;}

	.wrapper { width:479px; margin: 0 auto; position:relative; }
	
	.one_half, .one_third, .two_thirds, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .three_fourths, .one_third_creators, .two_two, .one_sixth_2 { width: 100%; }
		
	.section-title {max-width: 80%; margin: 0 auto 20px;}
	
	#burger {
		display: inline-block;
		float: right;
		position: relative;
		top: 20px;
		right:15px;
	}
	
	#logo {
		float: left;
		width: 42%;
		padding:10px 0;
		margin-left:-15px;
		
	}
	
	.borderRight{border-right:none; border-bottom:3px solid #ff8400; padding:0 0 25px 0}
	.borderLeft{border-left:none; border-top:3px solid #ff8400; padding:25px 0 0 0; }
	
	.borderRightCity{border-right:none; border-top:3px solid #ff8400; padding:2% 0 0 0}
	
	.deskMob50{padding:10px 0 0 0;}
	.deskMob100{padding:10px 0 0 0;}
	.deskMob130{padding:10px 0 0 0; text-align:center}
	.deskMobRight130{padding:0 0 10px 0; text-align:center}
	.deskMobRight100{padding:0 0 10px 0; text-align:center}
	.deskMobRight50{padding:10px 0 0 0; text-align:left}
	

	.telInfo{margin:-55px 0 0 0px}
	/*.logInMode{margin:-75px 0 0 -50px}*/
	
	.footerBox .three_fifth{width:60% !important}
	.footerBox .two_fifth{width:36% !important}
	
	/*--index mobile--*/	
	.featuredPerBox li{width:80%; float:none; margin:0 auto 15px auto; position:relative;}
	.featuredPerBox li:nth-child(3){margin:0 auto 0 auto;}
	.otherCalHeight{width:100%; height:553px}
	
/*--=============================street performers page mobile,tab============================--*/	
	.streetperformers{width:80%;}
	.streetperformers li{ width:80%; float:none; margin:0 auto 20px auto; }
	.streetperformers li:nth-child(4n){margin:0 auto 20px auto; }

	/*#main nav {
		float: none;
		margin-top: 20px;
	}
	
	#main .three_fourths {
		display: none;
	}
	
	nav ul, nav li, nav ul li ul, nav li li, nav li:hover ul {
		float: none;
		display: block;
		position: static;
		padding: 0;
		margin: 0;
	}
	
	nav ul,
	nav ul ul,
	nav ul li,
	nav ul ul li:last-of-type,
	nav li:hover ul {
		border: none;
		background: none;
	}
	
	nav li a,
	nav li li a{ 
		border-bottom: 1px solid #e5e5e5 !important;
		padding-bottom: 10px;
		margin-bottom: 10px;
		display: block;
	}*/
	
/*--=============================register mobile,tab============================--*/

.headingReg{text-align:center}
.registerWrap h5{text-align:center}
.profileAdject{margin-top:0 !important}
/*--register body mobile--*/	
.regBody.button,input[type="submit"] {
	margin:20px 10px 0 0px;}

.regBody select{ float:none;
	width: 100%;
	margin-right:0;
    margin-bottom: 0px;
}
.regBody .capacity #cap {
    margin-top: 0px;
}
.regBody .discipline #dis{
    margin-top: 0px;
}
.regBody #other input[type="text"] {
    margin-left: 32px;
    margin-top: 15px;
    margin-bottom: 0;
}
.regBody #ac {
    margin-top: 0px;
}
.regBody #pr_img {
    width:100%;
}

.regBody input[type="text"],.regBody input[type="email"],.regBody textarea {float:none;
	width: 100%;
	margin-right:0%;
}
.registImage{height:300px; width:auto;}
.youTubeWidth{width:100%;}
.radioDiv{width: 100%; padding:25px 10px; margin-right:0; float:none; text-align:center}
.radioDiv input[type="radio"]{ margin:0 2px 0 10px;}
.regBody textarea {min-height:100px;}

.mtrArea{width: 100%; padding:28px 0px; float:left; font-size:12px}
.mtrArea span:nth-child(1){display:block;  text-align:center; margin-bottom:10px}
.mtrArea span:nth-child(2){display:block; text-align:center}
.mtrArea input[type="text"]{width:50px !important; float:none !important;}

.file-upload-container { display:block; float:none; font-size:12px;
padding:10px; width:100%; margin-right:0;}

.file-upload-override-button { 
width:70px;
font-size:11px;
margin:0 0 5px 15px;}

#other input{ margin-left:0%}

/*--=============================profile mobile,tab============================--*/
.proImageBox{text-align:center}

.contactArtist{ text-align:center; clear:both }
.contactArtist a{ float:none; margin:30px 0 10px 0; display:inline-block;}
.proImageBox h1{ float:none}
.descBioBox{height:auto; overflow:hidden; margin-bottom:20px}

.userFlag{position:relative; margin:auto auto 10px auto; float:none}
.videoEmbed{width:100%; height:269px;}
.videoEmbed2{width:100%; height:269px;}
/*--=============================Edit profile  mobile,tab============================--*/

.grayBox span.char20{width:100% !important;  }
.grayBox select{ width: 100%}
.grayBox input[type="text"],.grayBox input[type="email"],.grayBox textarea,.grayBox [type="password"] {
	width: 100%;}

.grayBox textarea{height:130px}
		
ul.promoPicture li{width:100%; float:none; padding:10px 10px 5px 10px;}
ul.promoPicture li:nth-child(odd){margin-right:0%}
ul.promoPicture li .promoImg{width:25%; overflow:hidden; float:left; margin-right:5%}

ul.promoPicture li .promoPath{width:70%; float:left; padding:0px 0 0 0; position:relative}

.editAddBox {width:100%; float:none;}

.promoPath input[type="text"]{ float:none;width: 100%;padding:3px 10px;margin-bottom: 10px;}
	
.promoPicBrowse { display:block; text-align:center; width:100%; float:left; margin-right:5px; }
.promoPicBrowse input[type="text"]{ float:left; width: 100% !important;}

.promoPic_button {position: relative; display:inline-block; overflow: hidden;  float:left;
cursor: pointer; width:auto; padding:3px 10px 3px 10px; font-size:12px; }

.promoPic_button:hover { opacity:0.8}
.promoPic_button:active {position:relative; top:1px;}
.promo_pic { position: absolute; height: 50px; top: -10px; left: -10px; cursor: pointer; opacity: 0; filter:alpha(opacity=0);}

.removeBtn{ float:none; position:absolute; right:0; top:35px;  padding:3px 10px 3px 10px; font-size:12px;}
.editCalHeight{width:100%; height:553px}

/*--=============================city details mobile,tab============================--*/

.cityDetail h1{text-align:center; font-size:34px;}
.cityNameHeight{height:auto; text-align:center}
.cityDesc{height:auto; margin-bottom:20px;}
ul.pitches li{ width: 70%; margin:0 auto 20px auto; float:none; }
ul.pitches li:nth-child(3n){margin:0 auto 20px auto; }
.posiCalDetail{ margin-top:110px}
.posiNameDetail{position:absolute; top:0}

.cityBanner{max-height:auto; width:100%}
.cityBanner img{width:100%; height:auto}

.telephIcon{display:block}
.emailIcon{display:block}


.cityParlogo{width:100%; float:none; height:60px;}
.Per-des {
    float: left;
    margin-top: 0px !important;
    width: 100% !important;
}
.textarea-boigraphy-validation{
    width: 100% !important;
}
/*--new pitches section--*/

.pitchBox .pitch16{	margin-right: 0; float: none; width:100%}
.pitchBox .pitch80{float: left; width:100%}

.favourite{float:right}

.commentBox .userImage{float: none; width:63px; margin:auto auto 10px auto}
.commentBox .comentArea{float: none; width:100%; }


.commented .comentImage{float: none; width:63px; margin:auto auto 10px auto}
.commented .comentText{float: none; width:100%; }

.left_slide{left:-10px; top:15px;}	
.right_slide{right:-10px; top:15px;}


/*--=============================Cities mobile,tab============================--*/
.citiesPage li{width:48%;}
.citiesPage li:nth-child(2n){margin:0 0 25px 0;}
.citiesPage li span{font-size:14px;}

/*--============================= Special Cities mobile,tab============================--*/

.spCities li{width:48%; margin:0 4% 25px 0;}
.spCities li:nth-child(2n){margin:0 0 25px 0;}
.spCities li span{font-size:14px;}

/*--=============================Countries mobile,tab============================--*/
.countriesPage li{width:48%; float:left; margin:0 4% 25px 0;}
.countriesPage li:nth-child(2n){margin:0 0 25px 0;}
.countriesPage li span{font-size:14px;}

/*--=============================news mobile,tab============================--*/
.newsImg{width:100%; height:auto; float:none; text-align:center}
.newsImg img{width:250px; height:auto}


}


	
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	
	#intro {
		top: 40%;
		margin-top: -20px;
	}	 

}

@media only screen and (max-width: 479px) {
.wth76{
	width:100% !important;
	}
.flupload {
    position: absolute !important;
    right: 0 !important;
    top: 24px !important;
}
	
	/*#container .item,
	#container.blog .item {
		width: 100%;
		
	}*/

.telInfo{margin:-100px 0 0 5px; }	
.telInfo ul{float:right; }
.telInfo a{ display:block; float:left; padding:0 10px 0 18px; font-size:12px; overflow:hidden; }

.logout{width:160px;}
.logout a:nth-child(1){background:url(../images/register_icon.png) no-repeat left center; margin-bottom:15px}
.logout a:nth-child(2){background:url(../images/login_icon.png) no-repeat left center; margin-bottom:15px}

.logged{width:165px;}
.logged a:nth-child(1){background:url(../images/editProfile_icon.png) no-repeat left center;margin-bottom:15px }
.logged a:nth-child(2){background:url(../images/logout_icon.png) no-repeat left center; margin-bottom:15px}
 
.language select{width:50%}
 /*.telInfo a{ display:block; float:left; padding:0 !important; margin:0 15px 0 0; height:30px; width:30px; font-size:13px; overflow:hidden; }
.logout a:nth-child(1){background:url(../images/register_icon_big.png) no-repeat left center; text-indent: -9999px;}
.logout a:nth-child(2){background:url(../images/login_icon_big.png) no-repeat left center; text-indent: -9999px}

.logged a:nth-child(1){background:url(../images/editProfile_icon_big.png) no-repeat left center; text-indent: -9999px;}
.logged a:nth-child(2){background:url(../images/logout_icon_big.png) no-repeat left center; text-indent: -9999px}*/

/*--register page mobile--*/
.registImage{height:auto; width:auto;}
.regiAddBox div input{width:50%;}
input.file_upload_path{width:34% !important; margin-right:0 !important; margin-left:0%; margin-bottom:0px !important}

/*--index page mobile--*/
.featuredPerBox{width:100%; }
.featuredPerBox li{width:90%;}

/*--profile--*/
.videoEmbed{width:100%; height:169px;}
.videoEmbed2{width:100%; height:169px;}

/*--street performers page mobile--*/		
.streetperformers{width:100%;}
.streetperformers li{ width:92%;}
/*--edit profile page mobile--*/	
ul.promoPicture li .promoImg img{width:100%; height:60px}

/*--city details page mobile--*/	
ul.pitches li{ width: 100%; margin:0 auto 20px auto; float:none; }
ul.pitches li:nth-child(3n){margin:0 auto 20px auto;}

/*--Cities page mobile--*/
.citiesPage li{width:48%; height:110px;}
.citiesPage li:nth-child(2n){margin:0 0 25px 0;}
.citiesPage li span{font-size:11px; padding:0 5px;}
.citiesPage li img{height:50px; width:auto;}

/*--Special Cities page mobile--*/
.spCities li span{font-size:12px;}

/*--Countries page mobile--*/
.countriesPage li{width:48%; float:left; margin:0 4% 25px 0; height:110px;}
.countriesPage li:nth-child(2n){margin:0 0 25px 0;}
.countriesPage li span{font-size:11px; padding:0 5px;}
.countriesPage li img{height:75px; }

/*--about us page mobile--*/

.aboutIconMatter{padding:10px 0 0 0; }
.iconAbout{position:relative; }


	.wrapper { width:300px; margin: 0 auto; position:relative; }
	
	.section-title {
		max-width: 100%;
	}
	
	#intro {
		top: 30%;
		margin-top: -20px;
	}
}


.stbtstborder{    padding: 0 2%;}
.textarea-performance-validation {
    display: block;
    margin-bottom: 10px;
}
.Per-des {
    float: left;
    margin-top: -47px;
    width: 45%;
}
.Per-des .textarea-performance {
    width:100%;
    margin-bottom: 5px;
}
.textarea-boigraphy-validation {
    display: block;
    margin-bottom: 10px;
    width: 20%;
}
.boigraphy .textarea-boigraphy {
     margin-bottom: 5px;
}
.file-upload-container .add-more {
    width:100%;
    display: inline-block;
    line-height: 20px;
}
.max-file-size {
    margin-top: 8px; 
    font-size: 11px; 
    float: left;
}
.edit_profile_pic{
    float:Left;
}
.edit_profile_pic a:hover{
    color:#ff8400;
}
.promoPic_button{
    float: right;
    margin-right: 15px;
}
.removeBtn{
    margin-right: 15px;
}

#dialog img{
    max-width: none !important;
    
}
.ui-widget-overlay{
    opacity: 0.7 !important;
    background: #000000 !important;
}

/*****    Edit Profile Date 16-March-2016 ****/
.grayBox .proPhoto{
    overflow: visible;
}
.grayBox .masking{
    margin: 0 auto;
    text-align:left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 150px; 
}
.grayBox .proPhoto img{
    max-width: none;
} 
   .img-container,
.img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center;
}

.img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 516px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  /*margin-right: -15px;*/
}

.img-preview {
  float: left;
  /*margin-right: 10px;*/
  margin-bottom: 10px;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-xs {
  width: 150px;
  height: 150px;
  /*margin-right: 15px;*/
}



/****** Image Crop css *****/

.crop_prop_btn {
    background-color: #373737;
    border: 1px solid #373737;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    height: 36px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 36px;
    margin: 10px;
}
.crop_prop_btn img{
    width:22px;
    height:22px;
}
.gallery li a{
    width: 209px !important;
    margin: 0px !important;
}
.gallery li a img{
    min-height: 180px !important;
    width: 209px !important;
    height: 180px !important;
}

/******* Captcha Style ******/
.captcha{
    margin-bottom:15px;
}
.captcha label{
  float:left;
  width:100%;
  margin-top:10px;
}
.captcha input[type="text"]{
    
    margin-right:20px;
    margin-bottom: 10px;
     width:100%;
}
.box {width:45%;}
		.left {float:left; margin-right: 8%;}
		.right {float: left;}
	

@media (max-width: 768px) {
    #captcha_image_audio_controls{
        display: inline-block;
        margin-right: 20px;
        margin-top: 10px;
    }
    .box {width:100%;    display: inline-table;}
    
}




.transperant2{background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 100px;
color: #f8f8f8;
display: block;
font-size: 18px;
height: auto;
letter-spacing: 0.05em;
line-height: 1.4em;
padding: 6px 6px 0px 6px;
position:absolute;
left: 10%;
width: 534px;
z-index: 99999999;
}
.transperant2 iframe{
	width:522px;
	height:341px;
	}

.flupload{
	position:absolute !important; 
	right:0px !important; 
	top:0px !important;
	}
.wth76{
	width:76%;
	}