/* my wishlist--*/
.mywishlist li{
 background-color:rgba(255,255,255,0.8) !important; border:1px  rgba(200,200,200,0.9) solid!important;
  font-size:10pt; font-family:Arial, Helvetica, sans-serif;
}
.circle-gift  {
	 border:0px #5cb85c solid;   display:table; width:80px;  height:80px; margin-left:auto; margin-right:auto;
	  margin-top:20px;
}
.circle-gift img{
	width:80px;  height:80px; 
}

.gift-name a{
	 display:block; color:rgba(50,50,50,0.9); font-weight:bold;
}
.gift-name small{
	 display:block; margin-top:5px;
}
.box { background-color:rgba(255,102,0,0.1); margin-bottom:10px; width:100%;
	 padding:20px; border: 1px rgba(255,102,0,0.3) solid; border-radius:5px; display:table; margin-left:auto; margin-right:auto;
}
.box section {
	 display:table; width:100%;
}
.gift-info img{
	 float:left; margin-right:10px; 
	 border:2px rgba(255, 102, 0, 0.7) solid; border-radius:5px; padding:10px;
} 
.gift-info span{
	 display:block; font-weight:normal;
}
.e-shop {
	 margin-top:10px;
}
.gift-price { width:150px !important; text-align:center;
	 display:table; padding:10px;
background-color: rgba(255,102,0,0.3);
border: 1px rgba(255,102,0,0.2) solid;
color: #c24f02;
font-weight: bold;
 font-size:12pt;
}
.add-group li{display:inline-block;  border:4px rgba(255, 102, 0, 0.7) solid; border-radius:50%; height:100px; width:100px; margin-left:1%;}
.add-group li:hover{
	 background-color:rgba(255, 102, 0, 0.2);
}
.add-group li a{ margin-top:25px; font-size:12pt; color:#c24f02;
 text-align:center; border:0px red  solid; display:table; margin-left:auto; margin-right:auto;
}
.add-group li > a small{ display:table; font-size:10pt;}

.add-group .add {
	 font-size:25pt;
}

.gift-info > img {
	float:none; display:block; margin-left:auto; margin-right:auto; 
}
.gift-slider > li{ border:1px rgba(200,200,200,0.9) solid;
	 display:inline-block; margin-top:5px; text-align:center; cursor:pointer; padding:10px;
	  background-color:rgba(255,255,255,0.8);border-radius:5px;
}
.gift-slider > li:hover{
	 background-color:rgb(240,240,240);
}

/*---calendar---*/
.panel-custom{border-color:rgba(255,102,0,0.5) !important;}

.panel-custom .panel-heading{background-color:rgba(255,102,0,0.5); color:rgba(10,10,10,0.9); font-weight:bold; font-size:15pt;}
.mycalendar li{border:0px !important; background-color:transparent !important; cursor:auto !Important;}

.table-calendar {
	  display:table;
    width:100%;
    border-collapse:collapse;
    border: 1px solid rgba(200,200,200,0.9);
}

.heading{
     font-weight: bold;
     display:table-row;
     background-color:rgba(220,220,220,0.9);
     text-align: center;
     line-height: 25px;
     font-size: 14px;
     font-family:georgia;
     color:black;
     
 }
 
 .table-row{   display:table-row;  text-align: center; }
 
 .table-row a{display:block; text-align:center; color:rgba(50,50,50,0.9); border-radius:50%; border:1px rgba(200,200,200,0.9) solid; line-height:20px;
  height:22px; width:22px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:5px;}
 
  .table-row a:hover{background-color:#428bca; color:white;}
 .col{  display:table-cell; border: 0px solid rgba(255,102,0,0.2);}
  .table-row a.active{background-color:#428bca; color:white;
	
}

.week { font-size:20pt; margin-top:10px; margin-bottom:10px;}
.week a{display:block; }
.week small{
	 display:table; font-size:12pt; text-align:center; width:100%;color:rgba(255,102,0,0.9); font-weight:bold;
}
.cal-event .panel-heading{
	 text-align:center; font-size:15pt; padding:3px !important;
}
.cal-event .panel-heading small{
	 display:block; text-align:center; font-size:10pt;
}
.cal-event .panel-body{
	 padding:0px;
}
.cal-event .list-group {
	 margin-bottom:0px;
}
.cal-event .list-group-item { display:table; width:100%;
	 border-left:0px !important; border-right:0px!important; border-radius:0px !Important;
}
.cal-event .list-group-item section{
	 margin-top:5px;padding-bottom:10px; border-top:1px rgba(230,230,230,0.9) solid;
}
.cal-event .list-group-item small{
	 width:49%;margin-top:5px; float:left; display:table; text-align:center;
}
.cal-event .list-group-item  a{
	 font-weight:bold;color:rgba(255,102,0,0.9);
}

.crsl-wrap {
	 border:1px red solid; }
/* Header style */
.userdata {
 margin-top:2px; z-index:1000;
}
.projecttitle  { width:100%;
  float:left;
}
/*------------------------------------------slider--------------------------*/
#slider-header{display:table; width:100%; margin-top:10px; }
#slider-header h2{text-align:center; color:rgba(255,102,0,0.9); padding:0px; margin:0px; margin-top:5px; }
.slider-home { margin-right:auto; width:80%; padding-left:10%; }
.xxs {width:100%;  display:none;}
.xxs li {display:inline-block;}
@media (max-width:1240px){.slider-home { width:76%;}}

@media (max-width:521px)
{
.xxs { width:100% !important;}
.xxs .bullet { margin-right:2px !important; margin-top:3px !important
}
.xxs a{ font-size:10pt !important; width:120px !important;}
	
}


.slider-left {width:5%; float:left;  margin-top:50px;}
.slider-right { width:5%; float:left;margin-top:50px; text-align:right; }
.prev, .next {
	 font-size:40px; color:rgba(255,102,0,0.9); cursor:pointer; 
}

.img-caption { bottom:0px; color:rgba(255,255,255,0.9) !important; padding-top:5px !important; border-top:1px rgba(255,102,0,0.9) solid;
	 width:100%;   position:absolute !important; z-index:10000;   padding:2px; background-color:rgba(252,124,39,0.7);
	 font-size:12px;
	 text-transform:uppercase; font-weight:500;
}

.img-caption section a:nth-child(1){ float:left; color:rgba(255,255,255,0.9); margin-top:5px; font-size:9pt; font-weight:bold;}
.img-caption section a:nth-child(1):hover , .img-caption section a:nth-child(2):hover{color:rgba(10,10,10,0.9);}
.img-caption section a:nth-child(2){ float:right;color:rgba(255,255,255,0.9); margin-top:5px; font-size:9pt; font-weight:bold;}


.wrapper-content{color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.3);
	 background-color:rgba(153,204,255,0.2) ;
	 padding-bottom:20px;
	 border-bottom:2px rgba(255,102,0,0.5) solid;
	 
	 
	/*background-color: rgba(240,240,240,0.9);padding-bottom:30px;
	
	background-image: -webkit-linear-gradient(rgba(255,255,255,.05) 2px, transparent 2px),
		linear-gradient(90deg, rgba(255,255,255,.04) 2px, transparent 2px),
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(0deg, rgba(0,0,0,.3) 0, transparent 100px);
	background-image: -moz-linear-gradient(rgba(255,255,255,.05) 2px, transparent 2px),
		linear-gradient(90deg, rgba(255,255,255,.04) 2px, transparent 2px),
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(0deg, rgba(0,0,0,.3) 0, transparent 100px);
	background-image: linear-gradient(rgba(255,255,255,.05) 2px, transparent 2px),
		linear-gradient(90deg, rgba(255,255,255,.04) 2px, transparent 2px),
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(0deg, rgba(0,0,0,.3) 0, transparent 100px);
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px, 100% 100%;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px, center bottom;*/
}

.download { margin-top: -45px; }



/* Header example
.example { padding-bottom:20px;  padding-top:20px;}
 */
.example button:disabled, .example button:disabled { opacity: .2; }

.example .forward, .example .backward { float: left; width: 100px; height: 200px; font-size: 60px; }
.example .forward { float: right; }

.example .frame { margin: 0 auto; width:100%; height: 170px;overflow: hidden; text-shadow: none; 	 margin-top:30px !important;}
.example .frame ul { list-style: none; margin:3px; padding: 0; height: 100%;  }
.example .frame ul li {background-size:100% 100% !IMPORTANT;-webkit-background-size:100% 100% !IMPORTANT; -moz-background-size:100% 100% !IMPORTANT;float: left; 

width: 170px; height: 97%; margin: 0 1px 0 0; padding: 0; background: #eee; color: #3a3c47; text-align: center; cursor: pointer; 
 }
 
.example .frame ul li.active { color: #fff; background: rgba(255,102,0,0.2); }
.example .frame ul li:hover{
	 background-color:rgba(255,102,0,0.2); border-color:rgba(255,102,0.9);
}
.example .scrollbar { width: 100%; height: 3px; line-height: 0; margin-top:15px;}
.example .scrollbar .handle { width: 100px; height: 100%; background-color:rgba(255,102,0,0.7); cursor: pointer; }
.example .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

.example .pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; }
.example .pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden;
	background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.example .pages li:hover { background: #aaa; }
.example .pages li.active { background:rgba(255,102,0,0.3); }

.example .controls { margin: 50px 0 0; text-align: center; }
.example .controls .divider { display: inline-block; margin: 0 10px; }
.example .controls button { line-height: 32px; vertical-align: middle; font-family: Novecento, sans-serif; }
.example .controls button i { position: relative; top: -2px; margin: 5px; padding: 0; font-size: 32px; vertical-align: middle; }

/* 3D shenanigans */
 .frame {
 float:left; width:89% !important;
	height: 200px;

	-webkit-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
 .frame ul {
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
 .frame ul li {
	position: relative;
	margin: 0 -25px;
	border: 2px solid rgba(255,102,0,0.7);
	-webkit-transform: rotateY(60deg) scale(0.9);
	-ms-transform: rotateY(60deg) scale(0.9);
	transform: rotateY(60deg) scale(0.9);
	-webkit-transition: -webkit-transform 300ms ease-out;
	transition: transform 300ms ease-out;
}
 .frame ul li.active {
	z-index: 10;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
 .frame ul li.active ~ li {
	-webkit-transform: rotateY(-60deg) scale(0.9);
	-ms-transform: rotateY(-60deg) scale(0.9);
	transform: rotateY(-60deg) scale(0.9);
}