@import url(fonts.css);


.BadScript {font-family: BadScript;}
.Bravo {font-family: Bravo;}
.CertaSans {font-family: CertaSans;}
.DockerThree {font-family: DockerThree;}
.DoubletwoStudios {font-family: DoubletwoStudios;}
.Forum {font-family: Forum;}
.Fowviel {font-family: Fowviel;}
.Grotesque {font-family: Grotesque;}
.Haymaker {font-family: Haymaker;}
.Helvetica {font-family: Helvetica;}
.Indira {font-family: Indira;}
.Lighthaus {font-family: Lighthaus;}
.Lobster {font-family: Lobster;}
.MarckScript {font-family: MarckScript;}
.OpenSans {font-family: OpenSans;}
.OwnHand {font-family: OwnHand;}
.Pecita {font-family: Pecita;}
.PoiretOne {font-family: PoiretOne;}
.PTSans {font-family: PTSans;}
.PTSerif {font-family: PTSerif;}
.Ruslan {font-family: Ruslan;}
.Tahoma {font-family: Tahoma;}
.TenorSans {font-family: TenorSans;}
.Tsarevich {font-family: Tsarevich;}
.CoquetteC {font-family: CoquetteC;}

#dashboard .Forum {
	width: auto;
	margin: 0;
}
/*-- end fonts --*/



html, body {
	height: 100%;
	font: 1em Helvetica,Arial,sans-serif;
	color: #444;
}
body {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-color: #999;
	background-image: url(../backgrounds/3.jpg);
}
a {
	outline: none;
	text-decoration: underline;
	color: #eee;
}

table {
	width: 100%;
}

input[type=radio]:not(old),input[type=radio] {
	width: 2em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	opacity: 0;
}

input[type=radio]:not(old)+label,input[type=radio]+label {
	/*display      : inline-block;*/
	margin-left: -2em;
	line-height: 1.1em;
}

input[type=radio]:not(old)+label>span,input[type=radio]+label>span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	background: #fff;
	vertical-align: bottom;
}

input[type=checkbox]:not(old):checked+label>span:before,input[type=checkbox]:checked+label>span:before
	{
	content: '✓';
	display: block;
	width: 18px;
	color: #e3ab00;
	font-size: 0.875em;
	line-height: 14px;
	text-align: center;
	text-shadow: 0 0 0.0714em rgb(115, 153, 77);
	font-weight: bold;
}

input[type=radio]:not(old)+label>span>span,input[type=radio]+label>span>span
	{
	display: block;
	width: 10px;
  height: 10px;
  margin: 3px;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	background: #eee;
}

input[type=radio]:not(old):checked+label>span>span,input[type=radio]:checked+label>span>span
	{
	display: block;
	width: 10px;
  height: 10px;
  margin: 3px;
	border: 1px solid #999;
	border-radius: 50%;
	background: #999;
}

input[type=radio]:not(old)+label>i,input[type=radio]+label>i {
	font-style: normal;
}

.wrapper {
	width: 100%;
	height: auto;
}

.wrapper_section {
	position: relative;
}

.wrapper_section h1 {
	margin: 0;
}

.layout-wrapper {
	display: none;
	/*position: absolute;*/
	width: 100%;
	padding: 8px 0px;
}

.container {
	margin: 0 auto;
}
.text-content {
	/*color: #fff;
	font-size: 100%;
	font-weight: normal;*/
}
.text-content img {
	height: auto !important;
	max-width: 100% !important;	
}	
.margin-top {
	margin-top: 1em;
}
.navigation, .poll {
	background-color: rgba(0,0,0,0);
	padding: 10px;
	font-size: 16px;
	font-family: Helvetica;
	color: #fff;
	margin-bottom: 23px;
}

.menu, .poll {
	color: #fff;
	text-decoration: none;
}

.navigation li a:hover {
	border-bottom: 2px solid;
}
.menu-current {
	font-weight: bold;
}
.date-counter {
	display: none;
}
.anchor {
	border-bottom: 1px solid;
	text-decoration: none;
}
.poll {
	opacity: 1;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
	margin-bottom: 23px;
}
.poll.active {
	display: block;
	opacity:1;
}
.poll label {
	cursor: pointer;
}
.poll p {
	margin-bottom: 0.25em;
}
.poll p.poll-in-title {
	font-weight: bold;
	margin-bottom: 0.75em;
}
.poll label {
	cursor: pointer;
}
.poll.layout2 {
	text-align: left;
}
.poll.layout3 {
	text-align: center;
}
.poll.layout3 li {
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 10px;
}
.navigation {
	background-color: rgba(0,0,0,0.25);
}
.content {
	background-color: rgba(0,0,0,0.25);
	font-size: 20px;
	font-family: Helvetica;
	width: 100%;
	color: #fff;
}
.content .wrapper {
	padding: 20px;
	height: auto;
	width: auto;
}
.header {
	margin-bottom: 12px;
	color: #fff;
	/*font-family: Helvetica;*/
	font-size: 30px;
}
.information {
	background-color: rgba(0,0,0,0.25);
	padding: 10px;
	text-align: left;
	color: #fff;
}
.name {
	color: #fff;
	font-family: Helvetica;
	font-size: 40px;
}
.date {
	color: #fff;
	font-family: Helvetica;
	font-size: 20px;
}
.location {
	color: #fff;
	font-family: Helvetica;
	font-size: 18px;
}
.message {
	color: #fff;
	font-family: Helvetica;
	font-size: 1em;
	margin-top: 10px;
	line-height: 1.5;
}
.clear {
	clear:both;
}

.footer .container {
	margin-bottom: 20px;
}

.footer {
  height: auto;
  padding: 0;
  font-size: 13px;
}

.footer .information {
	padding: 20px;
}

.footer span {
	margin-right: 10px;
}
.footer .col-visit {
	float: right;
	margin-left: 5px;
}
.line {
  padding: 0;
  width: 100%;
  margin: 20px auto;
}

.countdown {
	text-align: center;
	margin-bottom: 20px;
}

.wedding-date p {
	text-align: center;
	margin-bottom: 5px;
}
.wedding-date {
	margin-bottom: 20px;
	display: none;
	-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}

.wedding-date.active {
	display: block;
}

.wedding-date > div {
	text-align: center;
	width: 290px !important;
	margin: 0 auto !important;
}

.fototen img {
	width: 100%;
	height: auto;
}
.fototen {
	margin-bottom: 20px;
}
.fototen.default {
	position: relative;
	
}
.fototen.default img {
	opacity: 0;	
}
.fototen.default::before {
	content: '';
	background-image: url(../../images/default-couple.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
}

.fototen.default p {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: black;
}


.hello p {
	margin-bottom: 1em;
}

.header {
  width: auto;
}
h2.header {
	font-size: 30px;
}
.ui-draggable-handle {
  cursor: move;
}
.newPro {
	width: 100%;
}
.newPro td {
	font-size: 14px;
}
.content {
	line-height: 1.3;
}
.content p {
	margin-bottom: 1em;
	line-height: 1.3;
}
.content h2 {
	margin-bottom: 1em;
}
.guest-comm {
	width: 100%;
}

.program-item {
	margin-bottom: 1em;
	border-bottom: 1px solid #fff;
  padding-bottom: .5em;
}
.program-item p {
	margin-bottom: 5px;
}
.pagination-wrapper {
	text-align: center;
}
.num_pages {
	margin: 1em auto;
	text-align: center;
}
.albumContainer {
	text-align: center;
}
.albumContainer a {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	  width: 31%;
  margin: 0 1% 15px;
  float: none;
  cursor: pointer;
  height: 150px;
  overflow: hidden;
  border: 0;
}

.image-fill-container {
	background: #f0f0f0 url(../../images/loading.gif) center no-repeat;
    overflow: hidden;
}
.image-fill-container img {
    display: block;
    visibility: hidden;
    max-width: none !important;
    max-height: none !important;
}

.portrait img {
    width: 100% !important;
}
.landscape img {
    height: 100% !important;
}

.albumContainer.layout3 a {
	width: 23%;
}

.photocardImage img {
  height: auto;
  width: 100%;
}
.photocard {
	float: none;
	width: auto;
	margin: 0;
    box-shadow: none;
      height: auto;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}
.photocardImage {
	width: auto;
	height: auto;
}
.item-info-big {
	position: absolute;
	width: 90%;
  height: 90%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  margin: 5%;
  color: #fff;
  font-size: 16px;
  font-family: tahoma;
  line-height: 1.2;
  opacity: 0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}

.albumContainer a:hover > .photocard .item-info-big {
	opacity: 1;
}
.rating-wrapper {
margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height: 3em;
}

.pager .active {
	background: none;
}

.new-comment-wrapper input[type=text] {
	margin-bottom: 15px;
}
.new-comment-wrapper h2 {
	margin-bottom: 0px;
}

.comments-wrapper {
	margin-top: 10px;
}

.comments-wrapper h3 {
	font-size: 100%;
}
.agent-info p {
	margin-bottom: 0;
	line-height: 1.3em;
}

.agent-info {
	margin-bottom: 20px;
}
.linkHeader	A, .pp-info-link {
	color: #fff;
	font-size: 100%;
	line-height: 1.3;
}

.comment-title {
  font-size: 100%;
  color: inherit;
}

.pp-info-title {
	text-align: left;
}

#map {
	margin-bottom: 1em;
}
.photo-single-item {
	position: relative;
}

.photo-single-item button {
height: 100%;
  border: 0;
  background: rgba(255,255,255,.4);
  position: absolute;
   top: 0;
   width: 40px;
   outline: none;
   
}
.photo-single-item button:hover {
  background: rgba(0,0,0,.7);
}

.photo-single-item button::after {
	content:"";
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 0;
height: 0;
border-style: solid;
}
#prevbutton::after {
border-width: 25px 15px 25px 0;
border-color: transparent rgba(0,0,0,.7) transparent transparent;
left:10px;
}
#prevbutton {  
  left: 0;
}
#prevbutton:hover::after {
  border-color: transparent rgba(255,255,255,.4) transparent transparent;
}

#nextbutton {
  right: 0;
}

#nextbutton::after {
border-width: 25px 0 25px 15px;
border-color: transparent transparent transparent rgba(0,0,0,.7);
right:10px;
}

#nextbutton:hover::after {
  border-color: transparent transparent transparent rgba(255,255,255,.4);
}

.photo-single-item button[disabled] {
	background: rgba(255,255,255,.1);
}
#prevbutton[disabled]::after {
	border-color: transparent rgba(0,0,0,.4) transparent transparent;
}
#nextbutton[disabled]::after {
	border-color: transparent transparent transparent rgba(0,0,0,.4);
}

.photo-single-item img {
	width: 100%;
	height: auto;
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}

.photo-single .item-info-big {
	position: relative;
width: auto;
  height: auto;
  margin: 0;
  opacity: 1;
}

.photo-single .rating-wrapper {
	position: relative;
	height: auto;
  padding: 10px;
}

.delete-button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.75em;
  height: 0.75em;
  position: relative;
  border: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font: normal 26px/normal Tahoma, Geneva, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #bf0000;
  margin: 0 5px;
}

.delete-button::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(45deg)   ;
  transform: rotateZ(45deg)   ;
}

.delete-button::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg)   ;
  transform: rotateZ(-45deg)   ;
}

.custom-select {
  width: 280px;
  color: #666;
  line-height: 1.4;
  font-family: Arial;
  font-size: 17px;
}

.custom-select .dk-selected {
	padding-right: 2em;
	height: 33px;
}

.btn {
	display: inline-block;
	position: relative;
	color: #fff;
	outline: none;
	margin: 0;
	border: medium none;
	padding: 9px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	background-color: #95cd02;
	font-weight: normal;
	font-family: arial;
	font-size: 15px;
	line-height: 1;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;	
	cursor: pointer;
}

.btn:hover {
	 background-color: #598A25;
}

.btn:active {
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
	-webkit-transform: translatey(3px);
	-moz-transform: translatey(3px);
	-o-transform: translatey(3px);
	transform: translatey(3px);
}

.message-body img, .comment-body-cell img {
	max-width: 70%;
	width: auto;
	  height: auto;
  margin: 5px auto;
  display: block;
  padding: 0;
}
.guest-date {
	width: auto;
	font-size: 80%;
}
aside.get-login, aside.logout.btn {
	position: fixed;
	top: 5px;
	left: 5px;
	cursor: pointer;
	z-index: 1;
	margin: 0;
	font-weight: normal;
}
aside.get-login {
	background: url('../img/login.png') no-repeat;	
	width: 29px;
	height: 29px;
	font-size: 0;
	cursor: pointer;
}
aside.get-login:hover, aside.get-login:active {
	background: url('../img/login-active.png') no-repeat;
	cursor: pointer;
}

.poll-toggle, .navigation-toggle {
	border: 1px solid white;
	display: inline-block;
	font-size: 26px;
	color: white;
	font-weight: bold;
	padding: 3px 10px 5px 10px;	
	background: rgba(0,0,0,0.2);
	margin: 10px 0px;
	display: none;
}
.poll-toggle {
	
}
.navigation-toggle::before {
	content: '\f0c9';
	font-family: 'FontAwesome';
}
.poll-toggle::before {
	content: '\f256';
	font-family: 'FontAwesome';
	margin-right: 5px;
}

div.languages {
	float: right;
	padding: 2px 10px 5px 0;
	background: rgba(0,0,0,0.4);
	color: white;
	border-radius: 0 0 0 5px;
}
@media (max-width:991px) {
.photocardImage img {
  height: auto;
  width: 100%;
}
.albumContainer.layout3 a {
	width: 31%;
}
}

@media (max-width:800px) {
	.albumContainer a, .albumContainer.layout3 a {
		width: 46%;
	    margin-left: 2%;
	    margin-right: 2%;
	}
	.poll-toggle, .navigation-toggle {
		display: inline-block;	
	}
	.navigation, #poll-wrapper {
		display: none;
	}	
	.navigation-toggle, .navigation {
		position: fixed;
		z-index: 100;
		left: 10px;
		top: 0px;	
	}
	.navigation {
		top: 56px;
		background-color: rgba(50,50,50,0.9) !important; 
		border: 1px solid white;
	}
	.navigation li {
		display: block !important;
		margin: 20px !important;
		color: white !important;
		text-transform: uppercase;
	}
	.navigation li, .menu {
		font-size: 24px !important;
		text-align: left  !important;
		color: white !important;
	}

	.poll-toggle, #poll-wrapper {
		float: right;
	}
	aside.get-login {
		display: none;
	}
	.information h2, .information h3 {
		font-size: 28px;
		padding: 0 30px;
	}
	.albumContainer a.image-fill-container {
		width: 320px;
		height: 320px;
		max-width: 95%;
	}
	.header {
		font-size: 24px !important;
		line-height: 24px !important;
	}
}
@media (max-width:500px) {
	.albumContainer a, .albumContainer.layout3 a {
		width: 70%;
	}
}