/*------------------------------------------------------------------*/ 
/*	1) BANNERS
/*------------------------------------------------------------------*/
.banner-wrap{
	text-align:center;
	width:100%;
	clear:both;
}

/*------------------------------------------------------------------*/ 
/*	2) NOTIFICATIONS
/*------------------------------------------------------------------*/
.notifications{
	width:100%;
	clear:both;
}
.notifications > div{
	width:100%; 
	padding:20px;
	border:2px solid;
	font-size:16px;
	text-align:center;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.notifications .info    { color:#8ad6f0; border-color:#8ad6f0 }
.notifications .notice  { color:#fac96b; border-color:#fac96b }
.notifications .success { color:#90cfbe; border-color:#90cfbe }
.notifications .error 	{ color:#e4888a; border-color:#e4888a }



/*------------------------------------------------------------------*/ 
/*	3) GALLERY
/*------------------------------------------------------------------*/
.images-gallery{
	clear:both;
	width:100%;
	float:left;
	position:relative;
	display:block;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.images-gallery ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	float:left;
}
.images-gallery li{
	text-align:center;
	margin-right:-1px;
	margin-bottom:-1px;
	float:left;
	padding:5px;
	border:1px solid #ddd;
	line-height:140px;
	width:140px;
	height:140px;
	position:relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	box-shadow:0px 0px 1px rgba(0,0,0,.05);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,.05);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,.05);
}
.images-gallery li:hover{
	border:1px solid #ccc;
	z-index:3;
}
.images-gallery li a div.gal_mask{
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.1);
}
.images-gallery li img{
	padding:0;
	margin:0;
	max-width:100%;
	max-height:100%;
	float:left;
	z-index:10;
	position:relative;
}

.images-gallery ul li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	
}



/*------------------------------------------------------------------*/ 
/*	4) SLIDER
/*------------------------------------------------------------------*/
.image-slider{
	float:left;
	clear:both;
	width:100%;
}


/*------------------------------------------------------------------*/ 
/*	5) FULLSIZE
/*------------------------------------------------------------------*/
.xxxx-full-size-wrapper > div.xxxx-content-wrap{
	padding-left:20px;
	padding-right:20px;
}


/*------------------------------------------------------------------*/ 
/*	6) UI ELEMENTS
/*------------------------------------------------------------------*/
.xxxx-accordion{
	width:100%;
	float:left;
	clear:both;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin:0;
	margin-top:3px;
	padding: 5px 0px 5px 40px;
	min-height: 0; /* support: IE7 */
	font-size:14px;
	background:none;
	color:#444;
	border-radius: 0px;
	text-transform:uppercase;
	font-size:16px;
	
	-webkit-transition: all 0.2s linear 0s;
	   -moz-transition: all 0.2s linear 0s;
	    -ms-transition: all 0.2s linear 0s;
	     -o-transition: all 0.2s linear 0s;
	        transition: all 0.2s linear 0s;
}
.ui-accordion .ui-accordion-header i{
	margin-right:10px;
	line-height:18px;
}
.ui-accordion .ui-accordion-header-active{
	border-radius: 0px;
}
.ui-accordion .ui-accordion-icons {
	padding-right: 3.5em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -11px;
	margin-left:0px;
	width:22px;
	height:22px;
}
.ui-icon-triangle-1-e{
	background: url(../img/plus.png) no-repeat;
	background-color:#aaa;
	background-position:6px 6px;
}
.ui-icon-triangle-1-s{
	background:url(../img/minus.png) no-repeat;
	background-color:#444;
	background-position:6px 10px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 30px;
	border-top: 0;
	overflow: auto;
	border-left:1px solid #444;
	border-top:none;
	position:relative;
	border-radius: 0px;
	margin-left:11px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



.toggles{
	width:100%;
	float:left;
	clear:both;
}
.toggle-wrap h3 {
	display: block;
	cursor: pointer;
	position: relative;
	margin:0;
	margin-top:3px;
	padding: 5px 0px 5px 40px;
	min-height: 0; /* support: IE7 */
	font-size:14px;
	background:none;
	color:#444;
	border-radius: 0px;
	text-transform:uppercase;
	font-size:16px;
	
	-webkit-transition: all 0.2s linear 0s;
	   -moz-transition: all 0.2s linear 0s;
	    -ms-transition: all 0.2s linear 0s;
	     -o-transition: all 0.2s linear 0s;
	        transition: all 0.2s linear 0s;
}
.toggle-wrap h3 > i{
	margin-right:10px;
}
.toggle-wrap h3.active {
	border-radius: 0px;
}
.toggle-wrap h3 span{
	position: absolute;
	color:#fff;
	text-align:center;
	left: 0px;
	top: 50%;
	margin-top: -11px;
	width:22px;
	height:22px;
}
.toggle-wrap h3 span i{
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	font-size:17px;
	background:#aaa;
}
.toggle-wrap h3.active span i{
	background:#444;
}
.toggle-content {
	padding: 1em 30px;
	border-top: 0;
	overflow: auto;
	border-left:1px solid #444;
	border-top:none;
	position:relative;
	border-radius: 0px;
	margin-left:11px;
	display:none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.xxxx-tabs{
	padding:0;
	width:100%;
	clear:both;
	float:left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.tabs-nav{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
	clear:both;
	float:left;
	border-bottom:1px solid #444;
}
.tabs-nav li{
	float:left;
}
.tabs-nav li h3{
	margin:0px;
	padding:0px;
	line-height:1;
}
.tabs-nav li a{
	padding:12px 20px;
	color:#444;
	float:left;
	margin-bottom:-1px;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	border:1px solid transparent;
}
.tabs-nav li.active a{
	border-color:#444 #444 #f7f7f7 #444;
}
.tabs-content{
	margin-top:20px;
	float:left;
	clear:both;
	width:100%;
}



/*------------------------------------------------------------------*/ 
/*	7) PARALLAX
/*------------------------------------------------------------------*/
.xxxx-parallax-wrap{
	background:#444;
	height:100%;
	float:left;
	clear:both;
	width:100%;
}
.xxxx-parallax{
	width:100%;
	float:left;
	clear:both;
}
.xxxx-parallax-content{
	text-align:center;
	height:100%;
}
.xxxx-parallax-content h1{
	font-size:30px;
	color:#FFF;
	font-weight:normal;
	margin-bottom:50px;
	padding:0 25%;
	line-height:1.1;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	position:relative;
}
.xxxx-parallax-content h1:after{
	position: absolute;
	content: "";
	width: 40px;
	background: none repeat scroll 0% 0% #FFF;
	height: 1px;
	left: 0px;
	right:0px;
	margin:auto;
	bottom: -15px;
}
.xxxx-parallax-content a{
	color:#FFF;
	text-transform:uppercase;
	padding:10px 20px;
	border:2px solid #fff;
	text-decoration:none;
}
.xxxx-parallax-content a:hover{
	border-color:#eee;
}

/*------------------------------------------------------------------*/ 
/*	7) PARALLAX
/*------------------------------------------------------------------*/
.xxxx-bgslide-wrap{
	background:#444;
	height:100%;
	float:left;
	clear:both;
	width:100%;
}
.xxxx-bgslide{
	width:100%;
	float:left;
	clear:both;
	background-repeat:repeat;
}
.xxxx-bgslide-content{
	text-align:center;
	height:100%;
}
.xxxx-bgslide-content h1{
	font-size:30px;
	color:#FFF;
	font-weight:normal;
	margin-bottom:50px;
	padding:0 25%;
	line-height:1.1;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	position:relative;
}
.xxxx-bgslide-content h1:after{
	position: absolute;
	content: "";
	width: 40px;
	background: none repeat scroll 0% 0% #FFF;
	height: 1px;
	left: 0px;
	right:0px;
	margin:auto;
	bottom: -15px;
}
.xxxx-bgslide-content a{
	color:#FFF;
	text-transform:uppercase;
	padding:10px 20px;
	border:2px solid #fff;
	text-decoration:none;
}
.xxxx-bgslide-content a:hover{
	border-color:#eee;
}