/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  
/*

Aella Event Planner


[Table of contents]

1. Body
	2. Header / .header
		2.1. Navigation / #primary-navigation
	3. Main Content / #main-content
		3.1. Section / section
	4. Footer / .footer
*/

@font-face{
	font-family:'FelipaReg';
	src:url('../fonts/felipa-reg.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
.felipareg{
	font-family:'FelipaReg';
}

@font-face{
	font-family:'GoodfishReg';
	src:url('../fonts/goodfish-reg.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
.goodfishreg{
	font-family:'GoodfishReg';
}

@font-face{
	font-family:'GoodfishRegit';
	src:url('../fonts/goodfish-regit.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
.goodfishregit{
	font-family:'GoodfishRegit';
}

@font-face{
	font-family:'LesserConcern';
	src:url('../fonts/lesser-concern.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
.lesserconcern{
	font-family:'LesserConcern';
}

@font-face{
	font-family:'Museo300';
	src:url('../fonts/museo_300_regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
.museo300{
	font-family:'Museo300';
}

@font-face{
	font-family:'SamarkanReg';
	src:url('../fonts/samarkan_reg.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
.samarkanreg{
	font-family:'SamarkanReg';
}


body{
	font-size: 16px;
	line-height: 24px;
	border-width: 10px;
	border-style: solid;
}
#wrap{
	position: relative;
}
h1{
	font-size: 48px;
	font-weight: lighter;
}
h2{
	font-size: 30px;
	font-weight: lighter;
}
h3{
	font-size: 24px;
	font-weight: lighter;
}
h1.entry-title{
	font-weight: lighter;
	font-size: 48px;
	/*text-transform: uppercase;*/
	text-align: center;
	margin: 0 0 20px;
	position: relative;
	padding-bottom: 10px;
	padding-top: 50px;
	z-index: 1;
	font-family:'GoodfishReg';
}
h1.entry-title:AFTER{
	content: "";
	width: 20px;
	height: 1px;
	bottom: 0;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
h1.entry-title small{
	font-style: italic;
	font-size: 16px;
	display: block;
	text-transform: none;
}
h2.entry-title{
	font-weight: lighter;
	font-size: 30px;
	/*text-transform: uppercase;*/
	padding: 20px;
	font-family:'GoodfishRegit';
}
h2.entry-title small{
	font-style: italic;
	font-size: 12px;
	display: block;
}
h3.entry-title{
	font-weight: lighter;
	margin: 10px 0 20px;
	font-family:'FelipaReg';
}
h3.entry-title small{
	display: block;
	font-style: italic;
	font-size: 14px;
	margin-top: 5px;
}
a:hover,
a:focus{
	text-decoration: none;
	outline: 0;
}
.overflowHidden{
	overflow: hidden;
	margin-right: 17px;
}
.loadPage{
	overflow: hidden !important;
}
.loadPage:before{
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 27px;
	z-index: 9998;
}
.loadPage:after{
	content: "\f021";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-family: FontAwesome;
  	font-size: 28px;
  	text-align: center;
  	margin-top: -15px;
  	z-index: 9999;  	
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
video { width: 100% !important; height: auto !important; }
.entry-video {
	position:relative;
	padding-bottom:53%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.entry-video iframe, .entry-video object, .entry-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border: 0;
}
img{
	max-width: 100%;
}

/*******************
====== Header ======
*******************/
.header{
	padding-top: 50px;
	text-align: center;
	float: left;
	width: 25%;	
}
.home.style_v1 .header{
	width: 50%;
}
.style_v2 .header,
.style_v4 .header{
	float: none;
    min-height: 80px;
    line-height: 80px;
    padding: 0;
    position: relative;
    width: auto;
}
.style_v3 .header{
    float: none;
    padding: 0;
    position: relative;
    width: auto;
}
#logo{
	margin-bottom: 30px;
}
.style_v2 #logo,
.style_v3 #logo,
.style_v4 #logo{
	position: absolute;
	margin: 0;
	top: 0 !important;
	left: 50px;
	z-index: 999;
}


/* Navnar */
#primary-navigation{
    border: 0 none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-bottom: 150px;
    min-height: 0;
}
.style_v2 #primary-navigation{
	text-align: right;
    line-height: inherit;
    margin: 0;
}
.style_v4 #primary-navigation{
    line-height: inherit;
    margin: 0;
    text-align: center;
}
.style_v3 #primary-navigation{
    bottom: 0;
    margin: 0;
    padding: 20px 50px;
    position: fixed;
    /*right: -350px;*/
    right: -300px;
    text-align: left;
    top: 0;
    /*width: 350px;*/
    width: 300px;
    z-index: 999;
}
.style_v3 .navbar-inner{
	height: 100%;
	overflow-y: auto;
}
.style_v3 .navbar-header{
    border-radius: 4px;
    float: none;
    left: -100px;
    position: absolute;
    top: 35px;
    z-index: 1;
}
.style_v3 .navbar-header .navbar-toggle{
	display: block;
	margin: 0;
}
#navbar{
	font-size: 20px;
	font-weight: lighter;
	text-transform: uppercase;
	line-height: 38px;
	position: relative;
	z-index: 3;
}
.style_v2 #navbar{
	line-height: inherit;
	padding: 0;
	margin: 0 30px 0 0;
	/*font-size: 16px; */
}
.style_v3 #navbar{
    padding: 0;
}
.style_v4 #navbar{
	line-height: inherit;
	padding: 0;
	/*font-size: 16px; */
}
.navbar-toggle{
	margin: 0;
}
.navbar-brand{
	display: none;
	font-size: 24px;
	text-transform: capitalize;
	font-weight: lighter;
	margin: 0;
	padding: 0;
	height: auto;
	line-height: 30px;
}
#navbar ul{
	padding: 0;
	margin: 0;
}
.style_v2 #navbar ul{
	float: right;
}
.style_v4 #navbar .nav{
	display: table;
	margin: auto;
}
#navbar ul li{
    list-style: outside none none;
    margin: auto;
}
#navbar .nav > li{
	margin-bottom: 3px;
}
.style_v2 #navbar .nav > li,
.style_v4 #navbar .nav > li{
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	font-family:'Museo300';
	font-size: 16px;
}
.style_v2 #navbar .nav > li .sub-menu li,
.style_v4 #navbar .nav > li .sub-menu li{
	text-transform:none;
}
.style_v3 #navbar .nav > li{
	display: block;
    margin: 5px 0;
    padding: 0;
}
.style_v2 #navbar .nav > li > a,
.style_v4 #navbar .nav > li > a{
	/*padding: 0 20px;*/
	padding: 0 10px;
	position: relative;
}
.style_v2 #navbar .nav > li > a:before,
.style_v4 #navbar .nav > li > a:before{
    bottom: 32px;
    content: "";
    left: 0;
    position: absolute;
    top: 34px;
    width: 1px;
}
.style_v4 #navbar .nav > li.item-center > a::before,
.style_v4 #navbar .nav > li:first-child > a:before,
.style_v2 #navbar .nav > li:first-child > a:before{
	display: none;
}
#navbar a{
	background: none;
	padding: 0;
	display: inline-block;
	position: relative;
}
.style_v1 #navbar a.dropdown{
	position: absolute;
    right: 10%;
    top: 0;
    width: 50px;
}
.style_v2 #navbar a.dropdown,
.style_v4 #navbar a.dropdown{
	display: none;
}
.home.style_v1 #navbar a.dropdown{
	right: 25%;
}
.style_v1 #navbar a.dropdown:after{
	display: none;
}
#navbar ul.nav > li > a:after {
	content: "";
	width: 20px;
	height: 1px;
	bottom: 0;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
.style_v3 #navbar li a.dropdown{
	position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
}
#navbar ul.nav > li.active > a:after,
.style_v2 #navbar ul.nav > li > a:after,
.style_v3 #navbar ul.nav > li > a:after,
.style_v4 #navbar ul.nav > li > a:after{
	display: none;
}
#navbar ul.nav ul{
	font-size: 16px;
	line-height: 24px;
	display: none;
}
.style_v2 #navbar ul.nav ul,
.style_v4 #navbar ul.nav ul{
    left: 0;
    min-width: 200px;
    padding: 0 20px 10px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 999;
}
.style_v3 #navbar ul.nav ul{
    padding: 0 0 10px 20px;
}
.style_v1 #navbar ul.nav li.active > ul,
.style_v3 #navbar ul.nav li.active > ul,
#navbar ul.nav li:hover > ul{
	display: block;
}
.style_v1 #navbar ul.nav li:hover > ul,
.style_v3 #navbar ul.nav li:hover > ul{
	display: none;
}
.style_v1 #navbar ul.nav li.active:hover > ul,
.style_v3 #navbar ul.nav li.active:hover > ul{
	display: block;
}
#navbar ul.nav li.hover > ul{
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: block;
    left: 100%;
    margin-left: 60px;
    min-width: 200px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: -20px;
    z-index: 997;
}
#navbar ul.nav li.hover > ul::after,
#navbar ul.nav li.hover > ul::before{
    border-color: transparent #e8e8e8 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: "";
    left: -30px;
    position: absolute;
    top: 25px;
    z-index: 998;
}
#navbar ul.nav li.hover > ul::before{
	z-index: 999;
	border-color: transparent #FFF transparent transparent;
	left: -29px;
}
.style_v2 #navbar ul.nav ul li,
.style_v4 #navbar ul.nav ul li,
.style_v3 #navbar ul.nav ul li{
	line-height: 30px;
}


/*****************
====== Main ======
******************/
.main-content{
	float: right;
	width: 75%;
	padding-bottom: 20px;
	
	/*padding-top:60px;*/
}
.home .main-content{
	padding-bottom: 0;
}
.home.style_v1 .main-content{
	width: 50%;
}
.style_v2 .main-content,
.style_v3 .main-content,
.style_v4 .main-content{
	width: auto;
	float: none;
}
.style_v4:not(.home) .main-content{
	padding-top: 20px;
}


/* Portfolio */
.portfolio .slider-wrapper{
	position: relative;
	z-index: 1;
}
.portfolio .nivo-caption{
    bottom: auto;
    /*height: 85px;*/
    height: 75px;
    left: auto;
    /*margin: -42px 0 0;
    padding: 20px;*/
    margin: -12px 0 0;
    padding: 10px;
    position: absolute;
    right: -100%;
    /*top: 50%;*/
	bottom: 10%;
    width: auto;
    opacity: 1;
	
	margin-right: 10px;
}
.portfolio h2.entry-title{
	margin: 0;
	padding: 0;
	font-family:'Museo300';
}
.portfolio h2.entry-title small{
	padding-top: 8px;
	padding-bottom: 12px;
	color:#333;
	font-size: 14px;
}
.portfolio .nivo-directionNav{
    height: 85px;
    line-height: 85px;
    margin-top: -42px;
    margin-right: 3px;
    overflow: hidden;
    position: absolute;
    right: 400px;
    top: 50%;
    width: 85px;
    z-index: 15;
	
	display: none;
}
.portfolio .nivo-directionNav .nivo-prevNav,
.portfolio .nivo-directionNav .nivo-nextNav{
    left: 0;
    top: 0;
    padding: 0 10px 0 6px;
    text-shadow: none;
    width: auto;
    font-size: 24px;
    z-index: 16;
}
.portfolio .nivo-directionNav .nivo-nextNav{
	left: auto;
	right: 0;
	padding: 0 6px 0 10px;
}
.portfolio .nivo-controlNav{
	height: 85px;
    line-height: 85px;
    margin-top: -42px;
    margin-right: 3px;
    overflow: hidden;
    position: absolute;
    right: 400px;
    top: 50%;
    width: 85px;
    z-index: 14;
	display:none;
}
.portfolio .nivo-controlNav .nivo-control{
    cursor: default;
    font-size: 24px;
    font-style: italic;
    line-height: inherit;
    margin: 0;
    text-indent: 0;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 85px;
    opacity: 0;
    z-index: 15;
    
    -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
}
.portfolio .nivo-controlNav .nivo-control.active{
	top: 0;
	opacity: 1;
}
.portfolio #pullDown{
    font-size: 24px;
    height: 30px;
    margin-left: 25px;
    margin-right: 28px;
    margin-top: 15px;
    padding-top: 5px;
    position: absolute;
    right: 400px;
    text-align: center;
    top: 50%;
    width: 35px;
    z-index: 15;
}
.portfolio #pullDown .fa{
	display: inline-block;
	line-height: inherit;
}


/* Page Fixed */
.pageFixed{
    left: 0;
    position: fixed;
    right: 0;
    top: 100%;
    bottom: 0;
    overflow: auto;
    z-index: 999;
    
    -webkit-transition: all 1s;
    transition: all 1s;
}
.pageFixed.in{
	top: 0;
}
.pageFixed .pageFixed-inner{
	border-width: 10px;
    border-style: solid;
    padding: 100px 100px 50px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    text-align: center;
}
.loadPage .pageFixed-inner{
	margin-right: 17px;
}
.pageFixed .carousel .carousel-control{
    background: none;
    bottom: auto;
    filter: none;
    font-size: 46px;
    height: 30px;
    left: -80px;
    line-height: 20px;
    margin-top: -15px;
    opacity: 1;
    text-shadow: none;
    top: 50%;
    width: 30px;
}
.pageFixed .carousel .carousel-control.right{
	left: auto;
	right: -80px;
}
.pageFixed .carousel .carousel-control .fa,
.pageFixed .pullUp .fa{
	display: inline-block;
	line-height: inherit;
}
.pageFixed .pullUp{
    font-size: 46px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
}


/* Single Carousel Gallery */
.carousel-gallery{
	text-align: left;
}
.carousel-gallery .carousel-inner{
	padding-top: 40px;
	margin-top: -40px;
}
.carousel-gallery .carousel-inner>.item {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-perspective: none;
	perspective: none;
}
.carousel-gallery .carousel-inner>.item.active,
.carousel-gallery .carousel-inner>.item.next.left,
.carousel-gallery .carousel-inner>.item.prev.right{
	left: 0;
	-webkit-transform: none;
	transform: none;
}
.carousel-gallery .carousel-inner > .next, 
.carousel-gallery .carousel-inner > .prev{
	top: 40px;
}
.carousel-gallery .entry-content{
	margin: 40px auto 0;
}
.carousel-gallery article{
	position: relative;
}
.carousel-gallery .entry-thumbnail-inner{
	width:100%;
	height: 580px;
	position: relative;
}
.carousel-gallery .entry-thumbnail img{
	/*height: 580px;
	float: left;
	margin: 0 1px;*/
}
.carousel-gallery .entry-thumbnail-inner img {
	position: relative;
	float: left;
	margin: 0 1px;
	padding: 0;
	height: 100%;
	width: auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.carousel-gallery h2.entry-title{
	display: none;
    left: 50%;
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 50px;
    position: absolute;
    text-align: center;
    top: -40px;
    z-index: 1;
}
.carousel-gallery .item.active h2.entry-title,
.carousel-gallery .item.next h2.entry-title,
.carousel-gallery .item.prev h2.entry-title{
	display: block;
}
.single-gallery h2.entry-title small{
	margin-top: 5px;
	text-transform: lowercase;
	font-size: 14px;
}


/* page */
.entry-sub-title{
	/*max-width: 55%;*/
	max-width: 75%;
	margin: 0 auto 40px;
	text-align: center;
	font-family: Museo300;
}
.entry-content{
	max-width:75%;
	margin: 40px auto 20px; 
}
.entry-content p{
	margin-bottom: 20px;	
}
.button {
	text-align: center;
	margin-bottom: 20px;
}
.button button,
.button a,
.button input{
	padding: 5px 20px;
	font-size: 16px;
	text-transform: uppercase;
	border-width: 0 0 2px;
	border-style: solid;
	font-weight: lighter;
	display: inline-block;
}


/* Single Member */
#carousel-single-member{
	padding: 0 50px;
}
.single-member article figure{
	float: right;
	width: 45%;
}
.single-member article figure img{
	width: 100%;
}
.single-member article figure ~ *{
	overflow: hidden;
    padding-right: 20px;
    max-width: none;
    margin: 0 0 30px;
}
.single-member h2.entry-title{
	margin: 0 0 20px;
    padding: 0 0 20px;
    position: relative;
}
.single-member h2.entry-title:AFTER{
	content: "";
	width: 20px;
	height: 1px;
	bottom: 0;
	left: 0;
	position: absolute;
}
.single-member h2.entry-title small{
	margin-top: 7px;
    text-transform: capitalize;
}
.single-member ul.social{
	list-style: outside none none;
    font-size: 12px;
    position: relative;
    text-align: center;
    padding: 0;
    margin: 20px 0; 
}
.single-member ul.social li{
	float: left;
}
.single-member ul.social a{
	margin: 5px;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	display: inline-block;
	line-height: 25px;
	
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}
.single-member ul.social a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	content: '';
	opacity: 0;
	top: -2px;
	left: -2px;
	padding: 2px;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}
.single-member ul.social a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}


#carousel-testimonials{
	margin: 40px 20px;
	border-width: 1px 0;
	border-style: solid;
}
#carousel-testimonials .item{
}
#carousel-testimonials article{
	max-width: 75%;
	margin: 40px auto;
}
#carousel-testimonials .entry-content{
    margin: 0 0 40px;
    max-width: none;
    font-size: 20px;
    font-style: italic;
    position: relative;
    z-index: 2;
}
#carousel-testimonials .entry-content > * {
	position: relative;
	z-index: 2;
}
#carousel-testimonials .entry-content:after,
#carousel-testimonials .entry-content:before{
	content: "\f10d";
	font-family: "FontAwesome";
	position: absolute;
	left: -40px;
	top: -17px;
	font-size: 78px;
	z-index: 1;
}
#carousel-testimonials .entry-content:after{
	content: "\f10e";
	left: auto;
	right: -55px;
	top: auto;
	bottom: -17px;
}
#carousel-testimonials h3.entry-title{
    margin: 0 auto;
    padding-top: 15px;
    position: relative;
    text-align: center;
    width: 60%;
    text-transform: capitalize;
}
#carousel-testimonials h3.entry-title:after{
	content: "";
	width: 20px;
	height: 1px;
	top: 0;
	left: 50%;
	margin-left: -10px;
	position: absolute;
}
#carousel-testimonials .carousel-control{
    background: none;
    bottom: 50px;
    filter: none;
    font-size: 32px;
    padding: 0 20px;
    text-shadow: none;
    top: auto;
    width: auto;
    opacity: 1;
    left: 20%;
}
#carousel-testimonials .carousel-control.right{
	right: 20%;
	left: auto;
}


/* Galleries */
.isotopeGalleries{
	margin: 0 -2px;
}
.filters{
    border-style: solid;
    border-width: 1px 0;
    margin: 0 20px 60px;
    padding: 20px;
    text-align: center;
}
.filters-category{
	display: inline-block;
}
.filters select{
	margin-left: 20px;
	border-style: solid;
    border-width: 1px;
    padding: 3px 5px;
    height: 30px;
    border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.filters .searchform{
	display: inline-block;
	margin-left: 40px;
	position: relative;
}

.filters .searchform label{
	display: none;
    bottom: 1px;
    line-height: 28px;
    margin: 0;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 30px;
    z-index: 1;
}
.filters input{
    border-style: solid;
    border-width: 1px;
    height: 30px;
    padding: 3px 35px 3px 5px;
    width: 220px;
    border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.filters #searchsubmit{
	background: none;
    border: 0 none;
    bottom: 1px;
    height: auto;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 30px;
   	z-index: 2;
}
.aella-gallery{
	float: left;
	width: 33.33%;
	padding: 2px;
	position: relative;
	overflow: hidden;
}
.carousel-galleries_v3 .aella-gallery{
	overflow: visible;
}
.style_v2 .aella-gallery,
.style_v3 .aella-gallery,
.style_v4 .aella-gallery{
	width: 25%;
}
.aella-gallery .gallery-inner{
	position: relative;
	overflow: hidden;
}
.carousel-galleries_v3 .gallery-inner{
	overflow: visible;
}
.aella-gallery figure{
	position: relative;
}
.aella-gallery figcaption{
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    overflow: hidden;
    z-index: 2;
    
    -webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	-ms-transition: all 0.45s;
	transition: all 0.45s;
}
.aella-gallery:hover figcaption{
	top: 0;
}
.aella-gallery figcaption a{
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    text-transform: uppercase;
}
.aella-gallery figcaption a{
    margin-top: -20px;
    padding-top: 50%;
    text-align: center;
}
.aella-gallery figcaption a .fa{
	display: block;
	font-size: 20px;
	opacity: 0;
	
	-webkit-transform: translate(0px, 50px);
	-moz-transform: translate(0px, 50px);
	-o-transform: translate(0px, 50px);
	-ms-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
	
	-webkit-transition: all 0.25s ease 0.3s;
	-moz-transition: all 0.25s ease 0.3s;
	-o-transition: all 0.25s ease 0.3s;
	-ms-transition: all 0.25s ease 0.3s;
	transition: all 0.25s ease 0.3s;
}
.aella-gallery:hover figcaption a .fa{
	opacity: 1;
	
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.aella-gallery figure img{
	width: 100%;
}
.aella-gallery h2.entry-title{
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    
    -webkit-transition: all 0.45s ease 0s;
	-moz-transition: all 0.45s ease 0s;
	-o-transition: all 0.45s ease 0s;
	-ms-transition: all 0.45s ease 0s;
	transition: all 0.45s ease 0s;
}
.aella-gallery:hover h2.entry-title{
	bottom: 100%;
}
.aella-gallery h2.entry-title small{
	text-transform: lowercase;
	margin-top: 5px;
	font-size: 14px;
}
.loading{
    font-size: 28px;
    height: 70px;
    line-height: 50px;
    text-align: center;
    padding-top: 20px;
}
.loading span{
	font-weight: lighter;
    text-transform: uppercase;
}

/* Galeries v3 */
#carousel-galleries_v3{
    border-style: solid;
    border-width: 1px 0 0;
    margin: 0 auto;
    max-width: 75%;
    padding-top: 20px;
}
#carousel-galleries_v3 .aella-gallery{
    float: none;
    padding: 5px;
    margin: 25px;
    width: auto;
}
#carousel-galleries_v3 .aella-gallery h2.entry-title{
	background: none;
    display: block;
    position: static;
    margin-top: 20px;
}
#carousel-galleries_v3 .aella-gallery h2.entry-title small{
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 5px;
}
#carousel-galleries_v3 .aella-gallery figcaption{
	display: block;
    z-index: 4;
}
#carousel-galleries_v3 .aella-gallery figcaption a{
	background: none;
	bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#carousel-galleries_v3 .aella-gallery img{
    padding: 5px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#carousel-galleries_v3 .aella-gallery img:nth-child(2),
#carousel-galleries_v3 .aella-gallery img:nth-child(3){
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	-ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
}
#carousel-galleries_v3 .aella-gallery img:nth-child(3){
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
#carousel-galleries_v3 figure:hover img:nth-child(1){
	top: 90px;
	left: -25px;
}
#carousel-galleries_v3 figure:hover img:nth-child(2){
	top: 45px;
	left: -5px;
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
#carousel-galleries_v3 figure:hover img:nth-child(3){
	top: 0;
	left: 15px;
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
#carousel-galleries_v3 .carousel-control{
    background: none;
    bottom: auto;
    filter: none;
    font-size: 46px;
    height: 30px;
    left: -25px;
    line-height: 20px;
    margin-top: -15px;
    opacity: 1;
    text-shadow: none;
    top: 50%;
    width: 30px;
}
#carousel-galleries_v3 .carousel-control.right{
	left: auto;
	right: -25px;
}
#carousel-galleries_v3 .carousel-control .fa{
	display: inline-block;
	line-height: inherit;
}


/* Aella Tabs */
.aella-tabs{
	margin: 40px auto;
	max-width: 75%;
	
}
.aella-tabs .tab-content{
    border-style: double;
    border-width: 4px;
    padding: 20px;
}
.aella-tabs .tab-content h2{
	font-family: 'GoodFishRegit';
	color:#555;
}
.aella-tabs ul.nav-tabs {
	/*margin-bottom: -4px;*/
	margin-bottom: 5px;	
	border: 0;
}
.aella-tabs ul.nav-tabs > li{
	margin: 0;
	padding: 5px 0;
	font-size: 18px;
	font-weight: 500;
	/*text-transform: uppercase;*/
	font-family:FelipaReg;
}
.aella-tabs ul.nav-tabs > li.active{
	border-style: double;
    /*border-width: 4px 4px 0;*/
    border-width: 4px 4px 4px;
	padding: 0;
}
.aella-tabs ul.nav-tabs > li a,
.aella-tabs ul.nav-tabs > li a:hover,
.aella-tabs ul.nav-tabs > li a:focus{
	border: 0;
	margin: 0;
	padding: 10px;
}
.aella-team,
.aella-team2, .services-grid{
	text-align: center;
}
.aella-team .aella-member,
.aella-team2 .aella-member, .services-grid .services-one{
	display: inline-block;
	margin: 0 20px 20px;
}
.aella-team .aella-member figure,
.aella-team2 .aella-member figure, .services-grid .services-one figure{
	width: 195px;
	height: 195px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.aella-team .aella-member figure img,
.aella-team2 .aella-member figure img, .services-grid .services-one figure img{
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius: 50%;
}
.aella-team .aella-member figcaption,
.aella-team2 .aella-member figcaption, .services-grid .services-one figcaption{
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;   
    z-index: 2;
    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
		
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.aella-team .aella-member figcaption a,
.aella-team2 .aella-member figcaption a, .services-grid .services-one figcaption a{
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
 	font-size: 15px;
    font-weight: lighter;
    text-transform: uppercase;
    padding-top: 50%;
    margin-top: -20px;
    z-index: 3;
    opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.aella-team figure:hover figcaption a,
.aella-team figure:focus figcaption a,
.aella-team figure:active figcaption a,
.aella-team2 figure:hover figcaption a,
.aella-team2 figure:focus figcaption a,
.aella-team2 figure:active figcaption a,
.services-grid figure:hover figcaption a,
.services-grid figure:focus figcaption a,
.services-grid figure:active figcaption a{
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.aella-team .aella-member figcaption .fa,
.aella-team2 .aella-member figcaption .fa,
.services-grid .services-one figcaption .fa{
	display: block;
	font-size: 20px;
}


/* Services */
.page-servies .entry-thumbnail{
	margin-bottom: 30px;
}
.page-servies .entry-content-custom{
	margin-bottom: 20px;
}
.page-servies .entry-content-custom .row{
	margin: 0;
}
.page-servies .entry-content-custom .row > [class^=col]{
	padding: 0;
}
.entry-content-custom .padding-20{
	padding: 20px;
}
.entry-content-custom img{
	width: 100%;
}


/* Blog */
.single .blog-post{
	margin-top: 100px;
}
.style_v2.single .blog-post,
.style_v3.single .blog-post,
.style_v4.single .blog-post{
	margin-top: 0;
}
.blog-post article{
	width: 100%;
	position: relative;
}
.entry-thumbnail{
	overflow: hidden;
}
.entry-thumbnail a img{
	opacity: 1;
	
	-webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	-ms-transition: all 0.45s;
	transition: all 0.45s;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.entry-thumbnail:hover a img{
	opacity: 0.8;
	
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.blog-post article .entry-title{
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0;
    text-align: center;
    position: static;
}
.style_v2 .blog-post article .entry-title small,
.style_v3 .blog-post article .entry-title small,
.style_v4 .blog-post article .entry-title small{
	position: static;
	margin-left: 0;
}
.blog-post article .entry-title:after{
	display: none;
}
.blog-post article .entry-title small{
    left: 50%;
    margin-left: -80px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    font-size: 12px;
    text-transform: uppercase;
}
.blog-post article .entry-content{
	margin: 20px auto 30px;
}
.author{
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	padding-top: 15px;
	position: relative;
	margin-bottom: 50px;
	font-weight: lighter;
}
.author a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 20px;
	margin-left: -10px;
	height: 1px;
}


/* Post */
.blog-post .entry-content figure{
	margin-bottom: 20px;
}
.blog-post .entry-content figcaption{
	font-size: 16px;
	font-style: italic;
	padding: 10px 0 10px 40px;
	position: relative;
}
.blog-post .entry-content figcaption:after{
	content: "";
	position: absolute;
	left: 0;
	top: 21px;
	height: 1px;
	width: 20px;
}
.entry-social{
	width: 75%;
	margin: 0 auto 30px;
	padding: 20px 0;
	border-width: 1px 0;
	border-style: solid;
}
#entry-social{
	position: fixed;
    top: -100%;
}
.pageFixed .carousel-inner{
	text-align: left;
}
.pageFixed .entry-social{
	border: 0;
	margin-bottom: 0;	
	display: inline-block;
	width: auto;
}
.entry-social > * {
	float: left;
	margin-right: 10px;
}

/* Comments */
.comments-area{
	margin: 0 auto 50px;
	width: 75%;
}
.comments-area .entry-title{
	text-align: center;
	padding: 0;
	margin: 0 0 50px;
}
.comments-area .entry-title small{
	font-size: 14px;
	text-transform: lowercase;
}
.comment-list{
	padding: 0;
	margin-bottom: 30px;
}
.comment-list li{
	list-style: none;
}
.comment-list > li:first-child .comment-avatar,
.comment-list > li:first-child .comment-content{
	margin-top: 0;
	padding-top: 0;
	border: 0;
}
.comment-list .comment-avatar{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	float: left;
	overflow: hidden;
	margin-top: 30px;
}
.comment-list .comment-content{
	margin-left: 80px;
	font-size: 12px;
	border-style: solid;
    border-width: 1px 0 0;
    margin-top: 30px;
    padding-top: 30px;
}
.comment-list .comment-meta{
    font-size: 14px;
    font-style: italic;
    margin-left: 80px;
}
.comment-list .children{
	padding-left: 80px;
}
#reply-title{
	padding-top: 30px;
	position: relative;
	margin-bottom: 30px;
}
#reply-title:after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
	height: 1px;
	width: 40px;
}
#commentform{
	text-align: center;
}
#commentform p{
	width: 400px;
	margin: 0 auto 10px;
	text-align: left;
}
#commentform label{
    float: left;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    text-align: right;
    width: 100px;
}
#commentform input{
	border-style: solid;
    border-width: 1px;
    height: 30px;
    width: 270px;
    padding: 5px;
    margin-left: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#commentform textarea{
	border-style: solid;
    border-width: 1px;
    width: 270px;
    padding: 5px;
    margin-left: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#commentform button{
    margin-left: 120px;
}



/* Contact */
.page-contact h2.entry-title{
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}
#map_canvas{
	width: 100%;
	/*height: 500px;*/
	height: 350px;
}
#contactform{
	text-align: center;
}
#contactform p{
	width: 400px;
	margin: 0 auto 10px;
	text-align: left;
}
#contactform label{
    float: left;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    text-align: right;
    width: 100px;
    text-transform: capitalize;
}
#contactform input{
	border-style: solid;
    border-width: 1px;
    height: 30px;
    width: 270px;
    padding: 5px;
    margin-left: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#contactform textarea{
	border-style: solid;
    border-width: 1px;
    width: 270px;
    padding: 5px;
    margin-left: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#contactform button{
    margin-left: 120px;
}



/*******************
====== Footer ======
*******************/
.footer{
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25%
}
.home.style_v1 .footer{
	width: 50%;
}
.style_v2 .footer{
	position: static;
    width: auto;
    padding: 0 50px;
	/*height: 50px;*/
}
.style_v3 .footer{
	position: static;
    width: auto;
    padding: 0 50px;
	height: 50px;
}
.style_v4 .footer{
	position: static;
    width: auto;
	height: 50px;
}
.footer ul.social{
	list-style: outside none none;
    margin: 0 0 15px;
    padding: 20px 14px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    position: relative;
}
.style_v2 .footer ul.social{
	float: left;
	padding: 17px 0 0;
	margin: 0;
	border: 0;
}
.style_v3 .footer ul.social{
	float: left;
	padding: 17px 0 0;
	margin: 0;
	border: 0;
}
.style_v4 .footer ul.social{
	float: left;
	padding: 17px 0 0;
	margin: 0;
	border: 0;
}
.style_v2 .footer-bottom  ul.social{
	float: none;
	padding: 17px 0 0;
	margin: 0;
	border: 0;
}
.footer ul.social:after{
	content: "";
	width: 20px;
	height: 1px;
	bottom: -1px;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
.style_v2 .footer ul.social:after{
	display: none;
}
.style_v3 .footer ul.social:after{
	display: none;
}
.style_v4 .footer ul.social:after{
	display: none;
}
.footer ul.social li{
	float: left;
}
.footer ul.social a{
	margin: 0 6px;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	display: inline-block;
	line-height: 25px;
}
.footer .copyright,
.footer .powered{
	margin-bottom: 15px;
	text-transform: uppercase;
}
.style_v2 .footer .copyright{
	float: left;
	padding: 17px 0 0;
	margin: 0;
	text-transform:none;
}
.style_v2 .footer .powered{
	float: right;
	padding: 17px 0 0;
	margin: 0;
	text-transform:none;
}
.style_v3 .footer .copyright{
	float: left;
	padding: 17px 0 0;
	margin: 0;
}
.style_v3 .footer .powered{
	float: right;
	padding: 17px 0 0;
	margin: 0;
}
.style_v4 .footer .copyright{
	float: left;
	padding: 17px 0 0;
	margin: 0;
}
.style_v4 .footer .powered{
	float: right;
	padding: 17px 0 0;
	margin: 0;
}


/* Effect 1 */
.footer ul.social a {
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}

.footer ul.social a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	content: '';
	opacity: 0;
	top: -2px;
	left: -2px;
	padding: 2px;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}

.footer ul.social a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
}


/* Config */
#config{
    background-color: #FFF;
    left: -200px;
    position: fixed;
    top: 35%;
    width: 200px;
    border: 1px solid #E8E8E8;
    color: #030320;
    z-index: 4;
    display: none;
}
#config a{
	color: #030320;
}
#config h3{
	text-transform: uppercase;
	margin: 0;
    padding: 10px 20px;
	border-bottom: 1px solid #E8E8E8;
}
#config a#button{
    background-color: #FFF;
    border: 1px solid #E8E8E8;
    border-radius: 0 4px 4px 0;
    display: inline-block;
    font-size: 32px;
    height: 45px;
    left: 100%;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 45px;
    z-index: 5;
}
#config ul li{
	border-bottom: 1px solid #E8E8E8;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    padding: 10px 20px 20px;
    float: left;
    width: 100%;
}
#config ul li:last-child{
	border: 0;
}
#config ul li lable{
	display: block;
}
#config ul li select{
    border: 1px solid hsl(0, 0%, 91%);
    padding: 5px;
    width: 100%;
}
#config .config-color{
	float: left;
	width: 27px;
	height: 20px;
	margin: 2px;
	padding: 0;
	background: #b3885e;
}
#config .config-color.active{
	border: 4px double #E8E8E8;
    cursor: move;
}
#config .config-color-2{
	background: #ffae00;
}
#config .config-color-3{
	background: #ff49b0;
}
#config .config-color-4{
	background: #018eb6;
}
#config .config-color-5{
	background: #db2c2c;
}



/* Page list demo */
.list-demo .main-content{
	float: none;
	width: auto;
	text-align: center;
}
.list-demo .container {
    border-style: solid;
    border-width: 1px 0;
    border-color: #e8e8e8;
}
.list-demo article {
    margin: 30px;
    overflow: hidden;
    position: relative;
}
.list-demo [class^="col-"] {
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: 15px;
    border-color: #e8e8e8;
}
.list-demo [class^="col-"]:nth-child(2n+1){
	border-color: transparent transparent #e8e8e8;
}



/* Sweep To Top */
.button button, .button a{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button button:before,
.button a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.button button:hover:before, 
.button button:focus:before, 
.button button:active:before,
.button a:hover:before, 
.button a:focus:before, 
.button a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.offer_img{
	position:fixed;
	right:0;
	bottom:0;
	margin:0;
	padding:0; 
	margin: 0 15px 10% 0; 
	z-index:10000;
}
.offer_img img{
	width:150px;
	height:150px;
}



.quicklink{
	padding-top:10px;
}
.quicklink-list{
	padding-left:5px;
}
.quicklink-list li{
	list-style:none;
	/*padding-left:10px;*/
	text-align: left;
	line-height: 30px;
}
.quicklink-list li a{
	/*color:#555;*/
	color:#aaa;
	/*font-size:13px;*/
}
.quicklink-list li a:hover{
	color:#fe5e0f;
}
@media (max-width: 480px){
	.quicklink-list li{
		padding-left:20px;
	}
}

.quicklink-list li:before{
	font-family:'FontAwesome';
	content:"\f0da";
}

.footer-top{
	/*background:#f8f5f5 !important; */
	background:#333 !important; 
	border-bottom:3px solid #aaa;
}
.footer-bottom{
	/*background:#eaeaea !important; */
	background:#333 !important; 
	height:50px;
}
@media (max-width: 991px){
	.quicklink-list li{
		max-width: 300px;
		margin: 0 auto;
	}
	.footer-bottom{
		height:65px;
	}
}
@media (max-width: 768px){
	.footer-bottom{
		height:120px;
	}
	.style_v2 .footer .copyright,
	.style_v2 .footer .powered{
		text-align: center;
		float: none;
		padding: 5px 0 0;
	}
}
@media (max-width: 520px){
	.footer-bottom{
		/*height:60px;*/
		height:110px;
	}
	.style_v2 .footer .copyright,
	.style_v2 .footer .powered{
		font-size:12px;
	}
	.style_v2 .footer .powered{
		padding:0;
	}
}

#slideshow { height:280px;}
#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}
#slideshow img{max-width:250px; height:250px; margin:0 auto;border:5px solid #fff;}