.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    width: 200px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
   
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#b2891b;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;

}
.more ul li a:hover{
	background:#000;
	color:#fff;
}





.menu-toggle-wrapper{overflow:hidden;}
.menu-toggle-wrapper .menu-toggle-button{float:left;}

.main{width:1300px;margin:0 auto; background-color:#fff; height:auto}
.main .support-section{}
.main .support-section ul{margin:0px;padding:0px;list-style:none;}
.main .support-section ul li{padding-bottom:5px;}


.main footer{border-top:1px solid #000;font-size:0.8em;overflow:hidden;position:relative;margin-top:10px;padding:10px 0px;}
.main footer .logobox{position:absolute;left:0;top:10px}
.main footer .copybox{text-align:center;}
.main footer img{vertical-align:middle;border:none;}
.main footer{}

.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }


/* Callback example */

.events {
  list-style: none;
  }

.callbacks_container {
  position: relative;
  float: left;
  width: 100%; z-index:2
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #5c5d5d;
  top:33%; right:10%; width:280px; height:161px; background:rgba(255,255,255,0.6); padding:10px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px; /* for old Konqueror browsers */
  }
   .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:11.5%; margin-right:153px; margin-top:200px; top:31%; }
  .prj_name { position:absolute; visibility:visible}
  .prj_name1 {position:absolute; visibility: hidden}
  .prj_name2 {position:absolute; visibility: hidden}
  .area {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:100px}
  .tagline {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:130px}
  /*clarissa*/
   .area1 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:130px}
  .tagline1 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:150px}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*clarissa close*/


  /*city*/
   .area2 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:100px}
  .tagline2 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:1.2em; position:absolute; top:130px}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*city close*/

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 15%;
  left:44%;
  opacity: 0.7;
  z-index:3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 76px;
  width: 74px;
  background: url(../images/themes.png) no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right:44%;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}


/* RESPONSIVE MEDIA QUERIES */

@media screen and (max-width:1366px) {
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #5c5d5d;
  top:33%; right:10%; width:270px; height:161px; background:rgba(255,255,255,0.6); padding:10px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px; /* for old Konqueror browsers */
  }
   .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:11%; margin-right:153px; margin-top:200px; top:31%; }
}

@media screen and (max-width:1280px) {
   .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:11%; margin-right:153px; margin-top:200px; top:30%; }	
  .main{width:1200px;margin:0 auto; background-color:#fff; height:auto}
	
}

@media screen and (max-width:1024px){
	.main{width:1024px;margin:0 auto; background-color:#fff; height:auto}
.prj_name { position:absolute; visibility:hidden}
  .prj_name1 {position:absolute; visibility: visible}
    .prj_name2 {position:absolute; visibility: hidden}
  .area {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px}
  .tagline {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:100px}
  /*clarissa*/
   .area1 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:90px}
  .tagline1 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:110px}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*clarissa close*/


  /*city*/
   .area2 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px; left:15px}
  .tagline2 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:1.2em; position:absolute; top:100px; left:15px}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*city close*/
 
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #5c5d5d;
  top:31%; right:10%; width:270px; height:121px; background:rgba(255,255,255,0.6); padding:10px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px /* for old Konqueror browsers */
  }
   .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:11%; margin-right:153px; margin-top:150px; top:30%; }		
	.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 15%;
  left:42%;
  opacity: 0.7;
  z-index:3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 76px;
  width: 74px;
  background: url(../images/themes.png) no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right:42%;
  }	



  
}

@media screen and (max-width: 768px){
.prj_name { position:absolute; visibility:hidden}
  .prj_name1 {position:absolute; visibility: visible}
    .prj_name2 {position:absolute; visibility: hidden}
  .area {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px}
  .tagline {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:100px}
  /*clarissa*/
   .area1 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:90px}
  .tagline1 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:110px}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*clarissa close*/


  /*city*/
   .area2 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px; left:15px}
  .tagline2 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:1.2em; position:absolute; top:100px; left:15px}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*city close*/
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #5c5d5d;
  top:30%; right:10%; width:270px; height:121px; background:rgba(255,255,255,0.6); padding:10px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px; /* for old Konqueror browsers */
  }
	.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 15%;
  left:39%;
  opacity: 0.7;
  z-index:3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 76px;
  width: 74px;
  background: url(../images/themes.png) no-repeat left top;
  margin-top: -45px;
  }



.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right:39%;
  }	


.main{width:100%;margin:0;}

   .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:11.5%; margin-right:153px; margin-top:140px; top:31%; }		

}
@media screen and (max-width: 600px) {
		.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 15%;
  left:37%;
  opacity: 0.7;
  z-index:3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 76px;
  width: 74px;
  background: url(../images/themes.png) no-repeat left top;
  margin-top: -105px;
  }



.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right:37%;
  }	
  .callbacks_nav {
    top: 47%;
    }
	.prj_name { position:absolute; visibility:hidden}
  .prj_name1 {position:absolute; visibility: visible}
    .prj_name2 {position:absolute; visibility: hidden}
  .area {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px}
  .tagline {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:100px; visibility:hidden}
  /*clarissa*/
   .area1 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:90px}
  .tagline1 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:110px; visibility:hidden}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*clarissa close*/


  /*city*/
   .area2 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px; left:15px}
  .tagline2 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:1.2em; position:absolute; top:100px; left:15px; visibility:hidden}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*city close*/
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #5c5d5d;
  top:34%; right:3%; width:200px; height:101px; background:rgba(255,255,255,0.6); padding:10px;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px; /* for old Konqueror browsers */
  }
	
   .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:1%; margin-right:103px; margin-top:130px; top:31.5%; }		

  }
  
  @media screen and (max-width: 480px) {
	  	.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #5c5d5d;
  top:48%; right:48%; width:200px; height:78px; background:rgba(255,255,255,0.6); padding:10px;-moz-border-radius: 15px;
-webkit-border-radius: 15px; padding-top:5px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px; /* for old Konqueror browsers */
  }
.prj_name { position:absolute; visibility:hidden}
  .prj_name1 {position:absolute; visibility: visible}
    .prj_name2 {position:absolute; visibility: hidden}
  .area {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px; visibility:hidden}
  .tagline {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:100px; visibility:hidden}
  /*clarissa*/
   .area1 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:90px; visibility:hidden}
  .tagline1 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:2em; position:absolute; top:110px; visibility:hidden}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*clarissa close*/


  /*city*/
   .area2 {font-family:"Futura Md BT"; color:#474747; font-size:18px; line-height:2em; font-weight:bold; position:absolute; top:70px; left:15px; visibility:hidden}
  .tagline2 {font-family:"Futura Md BT"; color:#474747; font-size:16px; line-height:1.2em; position:absolute; top:100px; left:15px; visibility:hidden}
  .descr {font-family:"Futura Md BT"; color:#474747; font-size:13px; position:absolute}
 /*city close*/
  .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:3%; margin-right:10px; top:27%;margin-top:90px}
		.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 15%;
  left:33%;
  opacity: 0.7;
  z-index:3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 76px;
  width: 74px;
  background: url(../images/themes.png) no-repeat left top;
  margin-top: -25px;
  }



.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right:33%;
  }	
  
  }


@media screen and (max-width: 320px) {
	 .callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #fff;
  top:62%; left:4%; width:125px; height:11px; padding-top:20px
  }
.prj_name { position:absolute; visibility:hidden}
  .prj_name1 {position:absolute; visibility: hidden}
    .prj_name2 {position:absolute; visibility: visible;font-family:Anton; color:#5c5d5d; font-size:20px; line-height:0em}
  .area {font-family:"Futura Md BT"; color:#5c5d5d; font-size:16px; line-height:0em; visibility:hidden}
  .tagline {font-family:"Futura Md BT"; color:#5c5d5d; font-size:16px; line-height:0em; visibility:hidden}
  .descr {font-family:"Futura Md BT"; color:#5c5d5d; font-size:13px; visibility:hidden}
  .knowmore {width:129px; height:41px; position:absolute; z-index:2; right:1%; margin-right:10px; top:-10px;}
		.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 20%;
  left:25%;
  opacity: 0.7;
  z-index:3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 76px;
  width: 74px;
  background: url(../images/themes.png) no-repeat left top;
  margin-top: -25px;
  }



.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right:25%;
  }	
  
  }
