nav{background-color: rgba(0,0,0,0.4) !important; height: 70px; line-height: 70px; width: 95%; margin: 0 auto;}
nav .sidenav-trigger{position: fixed; margin: 0 10px !important; left: 30px;}
nav .sidenav-trigger i {height: 70px; line-height: 70px;}
nav a{ font-size: 20px !important; color: white; }

.brand-logo{font-family: "Dancing Script"; font-size: 32px !important; text-shadow: white 0em 0em 0.9em;}
.dropdown-trigger i{height: 70px !important; line-height:70px !important;}
.sidenav .user-view .circle{height: 75px; width: 75px;}

.page{min-height: 100vh; height: 100%; padding-top:15px; display: flex; flex-direction: column;}
.page-divider{margin-top: auto;}
.page-divider img{width: 300px}

.carousel .indicators .indicator-item{background-color: rgba(161, 136, 127, 0.5);}
.carousel .indicators .indicator-item.active{background-color: #a1887f !important;}

.page-inicio{/*padding:20px;*/}
.page-inicio .nome-noivos{font-family: "Dancing Script"; color: white; text-shadow: black 0.1em 0.1em 0.2em; position: absolute; bottom:30px; width: 100%;}

.page-o-casal{padding-top:60px;}

.page-madrinhas-padrinhos .img-mp{width: 200px; height: 200px; border-radius: 50%; z-index: 5; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; display: inline-block;}

.page-nossa-historia .nossa-historia-imagem{border:5px solid white; margin-right: 15px; }

.page-diario .img-diario{width: 200px; height: 200px; border-radius: 50%; z-index: 5; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; display: inline-block;}
.divider-diario{position: absolute; top: 25%; left: 48.7%;}

.modal-presentes .carrinho{background-color:#81c784; padding:10px; margin-top:0px; bottom: 0px; position: fixed; width: 100%;}
.modal-presentes .carrinho .bloco-1 ul{margin:5px 0 0 0;}
.modal-presentes .carrinho .bloco-1 ul li{width: 70px; height: 70px; display: inline-block; overflow: hidden; background-size: cover;}
.modal-presentes .carrinho .bloco-1 ul li span{float: left; margin-top: 70%; padding: 0px 5px;}
.modal-presentes .carrinho .bloco-1 ul li i{float: right; margin-top: -10px; cursor: pointer; position: absolute; margin-left: 46px; display: none}
.modal-presentes .carrinho .bloco-2{padding-top:10px; display: inline-block;}
.modal-presentes .carrinho .bloco-2 .presentes-total{display: inline-block;  vertical-align: middle; margin-right: 30px;}
.modal-presentes .carrinho .presentear{display: inline-block;}
.modal-presentes .carrinho .presentear a i{padding-right:10px; vertical-align: middle;}


/*INDICADORES DO CAROUSEL OWL*/
.owl-dot span{background-color: rgba(161, 136, 127, 0.5);}
.owl-dot.active span{background-color: #a1887f !important;}

/*INDICADORES DO CAROUSEL */
.middle-indicator{
	position:relative;
	top:25%;
	z-index: 9999;
}
.middle-indicator-text{
	font-size: 100px;
}

a.middle-indicator-text{
	color:rgba(161, 136, 127, 0.6) !important;
}
.content-indicator{
	width: 64px;
	height: 64px;
	background: none;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	opacity: 0.9;
}

/* Absolute Center Spinner */

/* Absolute Center Spinner */
.loading2 {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading2:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
}

/* :not(:required) hides these rules from IE9 and below */
.loading2:not(:required) {
  /* hide "loading2..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading2:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


.loadingModal {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loadingModal:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loadingModal:not(:required) {
  /* hide "loadingModal..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loadingModal:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







@media(max-width: 500px){
	#sidenav-trigger{left: none !important;}
	.page-divider img{width: 200px;}
	.page-nossa-historia .nossa-historia-imagem{margin-bottom: 10px;}
	.page-diario .img-diario{width:120px; height: 120px; }
	.modal-presentes .thumb-carrinho{width: 50px; height: 50px;}
}

@media(max-width: 950px){
	.modal-presentes .carrinho .bloco-1 ul li{width: 50px; height: 50px;}
	.modal-presentes .carrinho .bloco-1 ul li span{margin-top: 60%;}
	.modal-presentes .carrinho .bloco-1 ul li i{position: absolute; margin-left: 27px;}
	.modal-presentes .carrinho .bloco-2 .presentes-total{margin-top:-10px;}
}





/* GENÉRICOS */
.f1{font: 300 16px/23px EB Garamond;}
.f2{font-family: "Dancing Script";}

/*.bg-main{background-image: url('../img/main_back.jpg');}*/

.bg-yellow { background-image: url('../img/bg-yellow.png'); }
.bg-blue { background-image: url('../img/bg-blue.png'); }
.bg-orange { background-image: url('../img/bg-orange.png'); }
.bg-grey { background-image: url('../img/bg-grey.png'); }
.bg-white { background-image: url('../img/bg-white.png'); }
.bg-red { background-image: url('../img/bg-red.png'); }

.border-left{border-style: solid; border-width: 0 0 0 5px; padding-left: 1.5rem;}
.border-right{border-style: solid; border-width: 0 5px 0 0; padding-right: 1.5rem;}
.border-bottom{border-style: solid; border-width: 0 0 5px 0; padding-bottom: 0.2rem;}
.border-white {border-color:#fff;}
.border-yellow {border-color:#ffd200;}
.border-blue {border-color:#1565C0;}

hr{ width: 80px; border: none; height: 2px;}
iframe {}

/* CUSTOM MATERIALIZE */
.row{ margin-bottom: 0px; }
blockquote{border-color: #ffd200 !important;}

/* STYLE TEXT */
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs25{font-size: 25px !important;}
.fs26{font-size: 26px !important;}
.fs28{font-size: 28px !important;}
.fs30{font-size: 30px !important;}
.fs32{font-size: 32px !important;}
.fs34{font-size: 34px !important;}
.fs35{font-size: 35px !important;}
.fs36{font-size: 36px !important;}
.fs38{font-size: 38px !important;}
.fs40{font-size: 40px !important;}
.fs42{font-size: 42px !important;}
.fs44{font-size: 44px !important;}
.fs45{font-size: 45px !important;}
.fs46{font-size: 46px !important;}
.fs48{font-size: 48px !important;}
.fs50{font-size: 50px !important;}
.fs52{font-size: 52px !important;}
.fs54{font-size: 54px !important;}
.fs55{font-size: 55px !important;}
.fs56{font-size: 56px !important;}
.fs58{font-size: 58px !important;}
.fs60{font-size: 60px !important;}
.fs70{font-size: 70px !important;}
.fs80{font-size: 80px !important;}
.fs90{font-size: 90px !important;}
.justify{text-align: justify !important;}
.bold{font-weight: 700 !important;}
.light{font-weight: 200 !important;}

.lh24{line-height: 24px !important;}
.lh30{line-height: 30px !important;}
.lh55{line-height: 55px !important;}