@import url(../css/font-opensans.css);
@import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700,800,900|Kalam:400,700|Miriam+Libre:400,700|Oxygen:400,700|Roboto:400,500,700,900|Rubik:400,500,700,900|&subset=hebrew');

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    /*min-height: 0;*/
    padding-right: 0;
    padding-left: 0;
}

#wrapper {
    z-index: 2;
	position: relative;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.panel-body {
    padding-left: 0;
    padding-right: 0;
}

.navbar-brand {
    padding: 10px 10px !important;
}

a {
    color: #3c4052 !important;
}

.panel-default {
	border: solid 2px rgba(181, 181, 181, 0.25) !important;
	border-radius: 5px !important;
}

.panel-default>.panel-heading {
	font-size: 18px;
	font-weight: 500;
}

.page-header {
    color: #ed7777 !important;
	font-weight: 600;
}

.form-control {
	background-color: #fafafa !important;
	border: solid 2px rgba(181, 181, 181, 0.25) !important;
}

.navbar-default .navbar-toggle {
    border: none !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ed7777 !important;
}

.navbar-toggle:hover {
    background: transparent !important;
}


.nav-tabs>li {
    float: right !important;
}

.nav-tabs>li>a {
    margin-right: 0 !important;
}

.fa-heart:before {
    content: "\f004";
    color: #ff6e6e;
}

.fa-clone:before {
    content: "\f24d";
    color: #3d435c !important;
}

.fa-facebook-square:before {
    content: "\f082";
    color: #3b5a9b !important;
}

.fa-whatsapp:before {
    content: "\f232";
    color: #02b28a !important;
}

ul {
	    -webkit-padding-start: 0 !important;
}

ul > li{
    display:inline-block;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 0 !important;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
	margin-left: 5px;
    margin-right: 5px;
    padding: 0px 16px;
    border-radius: 0;
    font-size: 50px;
    line-height: 1.33;
	background-color: transparent;
	border: transparent;
	color: #000;
}

.h4, h4 {
    font-size: 16px;
}

.fa-phone:before {
    content: "\f095";
    color: #02b28a !important;
}

.fa-calendar-check-o:before {
    content: "\f274";
    color: #e95851 !important;
}

.fa-map-marker:before {
    content: "\f041";
    color: #55acf1 !important;
}

.form-control {
	background-color: transparent !important;
	border-top: solid 0px !important;
	border-left: solid 0px !important;
	border-right: solid 0px !important;
	height: 44px;
	font-weight: 700 !important;
	color: #414141 !important;
	-moz-appearance: none !important;
    -webkit-appearance: none !important;
    -ms-appearance: none !important;
	outline: 0;
	-webkit-box-shadow: none !important;	
    box-shadow: none;		
}

.select-wrapper {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 16px;
	font-weight: 700 !important;
    line-height: 1.42857143;
	color: #414141 !important;
	background-color: transparent !important;
    background-image: none;
	border: solid 2px rgba(181, 181, 181, 0.25) !important;
    border-radius: 4px;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
	outline: 0;	
	-webkit-box-shadow: none;
}

@keyframes heartbeat {
  0% {
    transform: scale( .75);
  }
  20% {
    transform: scale( 1);
  }
  40% {
    transform: scale( .75);
  }
  60% {
    transform: scale( 1);
  }
  80% {
    transform: scale( .75);
  }
  100% {
    transform: scale( .75);
  }
}

#heart {
  position: relative;
  width: 100px;
  height: 90px;
  animation: heartbeat 5s infinite;
}

#heart:before,
#heart:after {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

#heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sharer {
	margin-top: 0px;
	margin-bottom: 0px;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}

.btn {
	outline: 0 !important;
}

.btn-success, .btn-danger, .btn-maybe, .btn-interested { 
	font-weight: 600;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 55.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-responsive-16by9 img {
	width: 100%;
}

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: absolute;
  font-size: 4rem;
  top: 205px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-size: contain;
  z-index: 2;
}

@media (min-width: 768px) {
.arrow {
  top: 300px;
} }

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.addeventatc .addeventatc_icon {
    background: none !important;
}


.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
}

.spinner {
position: absolute;
top: 50%;
left: 40%;
  width: 70px;
  text-align: center;
}

@media (min-width: 768px) {
.spinner {
top: 50%;
left: 47%;	
} }

.spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*///////// More Settings //////////*/

header {
    text-align: center;
	z-index: 0;
	position: relative;
}

header .coverimage {
	  background-position: center;
	  background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;	
    padding-top: 310px;
    padding-bottom: 50px;
	outline: 0;
}

#page-wrapper {
    padding: 0;
    min-height: 568px;
}

.right-profile img, .left-profile img {
    width: 100%;
    position: inherit;
    border-radius: 50%;
}

.panel, .panel2 {
	border-radius: 0 !important;
    margin-bottom: 0px;	
	padding-left: 20px;
	padding-right: 20px;
	border: transparent;
	box-shadow: transparent;
}

.arrow:before {
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 35px;
}

.gradient {
    top: 180px;
    left: 0;
    height: 230px;
    bottom: 10px;
    right: 0;
    position: absolute;
    width: 100%;
    transform-origin: 0 100%;
    z-index: 1;
}

@media (max-width: 768px) {
.gradient {
    top: 130px;
} }

.mainnames {
	direction: rtl;	
	font-size: 35px;	
	line-height: 1;
}

.maintitle {
	direction: rtl;	
	font-size: 30px;
	line-height: 1;
}

.countdown {	
	direction: rtl;	
	font-size: 2.2rem;	
    margin-top: 10px;	
}

.mainsubtitle {
	direction: rtl;
	font-size: 2rem;
	margin: 10px 0 10px 0;
}

.maindate {
	direction: rtl;	
	padding-top: 0px;
	font-size: 4.5rem;	
	margin-top: 5px;
}

.mainplace {
	font-size: 2rem;
}

.addrplace {
	font-size: 2rem;
	margin-bottom: 5px;
}

.hourone {
	margin-top: 10px;
	direction: rtl;
	font-size: 2rem;
}

.hourtwo {
	direction: rtl;
	font-size: 2rem;
}

.mainbtns, li {
	width: 80px;
    margin-left: 5px;
    margin-right: 5px;
	line-height: 1.43;
}

.mainbtnstitle {
	direction: rtl;
    font-size: 1.6rem;
}

.modal-dialog-centered {
	display:-ms-flexbox !important;
	display:flex !important;
	-ms-flex-align:center !important;
	align-items:center !important;
	min-height:calc(100% - (.5rem * 2))
}

.modal-dialog-centered {
	min-height:calc(100% - (1.75rem * 2))
}

.modal-content {
	width: 100%;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    padding: 15px;
}

.modal-title {
	font-family: 'Heebo', sans-serif;
	margin-right: 20px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}

.modalbtnstitle {
	direction: rtl;
    font-size: 16px;
	margin-top: 5px;
}

.rsvptitle {
	direction: rtl;
	text-align: center;
    font-size: 5rem;
    margin-top: 0px;
    margin-bottom: 0px;
	line-height: 1.1;
}

.rsvpsubtitle {
	text-align: center;
    font-size: 25px;
    margin-top: -15px;
    margin-bottom: 20px;
}

.formseparator {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 3.5;
}

.formname, .formlastname {
	width: 48%;
    border: 0px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.formphonelong {
	width: 100%;
    border: 0px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.formamount {
	text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 8px;
}

.formselectnum {
	width: 5rem;
    text-align-last: center;
    border: 0px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.formmoreinfo {
	padding: 3px 12px 0px 12px;
	height: 35px;
}

.forminfo {
	direction: rtl;
    font-size: 1.5rem;	
    margin-top: 10px;
    margin-bottom: 10px;
}

.mainspecialtitle {
	direction: rtl;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: default;
    border-bottom-color: transparent !important;
	font-weight: 600;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9.5px;
}

.navbtns, li {
	width: inherit;
	font-weight: 500;
}

.specialtext {
	direction: rtl;
	font-size: 15px;
}

.notif-success {
  display: inline-block;
  position: fixed;
  right: 20px;
  bottom: -120px;
  padding: 10px 24px 17px 24px;
  vertical-align: middle;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
  font-size: 1.6rem;
  z-index: 9999;
}

.peek {
  -webkit-animation: peek 6s forwards !important;
  -webkit-animation-delay: 0.5s !important;
  animation: peek 6s forwards !important;
  animation-delay: 6000ms !important;
}

strong {
	font-weight:800;
}

@-webkit-keyframes peek {
      0% { bottom: -120px; }
     10% { bottom: 20px; }  /*demo purposes; change to 20px*/
     90% { bottom: 20px; }  /*demo purposes; change to 20px*/
    100% { bottom: -120px; }
}

@keyframes peek {
      0% { bottom: -120px; }
     10% { bottom: 20px; }  /*demo purposes; change to 20px*/
     90% { bottom: 20px; }  /*demo purposes; change to 20px*/
    100% { bottom: -120px; }
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
    text-align: center;
    border-radius: 0px;
    padding: 16px;
    position: fixed;
    z-index: 9998;
    left: 50%;
    bottom: 30px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
	opacity:1;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 0.9;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 0.9;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 0.9;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 0.9;}
    to {bottom: 0; opacity: 0;}
}

.project {
	position: relative;
	text-align: center;
	height: 100%;
}
.welcome {
	color: #fff;
	position: absolute;
	bottom: 35px;
	right: 20px;
	font-size: 2.7rem;
	font-weight: 600;
}
.projectgradient {
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(33, 33, 33, 0.95) 70%, rgba(33, 33, 33) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(33, 33, 33, 0.95) 70%,rgba(33, 33, 33) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(33, 33, 33, 33.95) 70%,rgb(33, 33, 33) 100%);
	opacity: 0.8;									
}
.pname {
	color: #fff;
	position: absolute;
	bottom: 15px;
	right: 20px;
	font-size: 1.7rem;
	font-weight: 600;
}

.wrappersss {
	max-width: 700px;
	margin: 0 auto;
	direction: rtl;
}

.lista-item {
	border-radius: 4px;
	padding: 5px;
}

.faq-titulo {
	cursor: pointer;
	padding: 10px;
	font-size: 1.2em;
	font-weight: 600;
	color: #3b3f51;
	margin: 0;
	text-align: right;
}

.faq-titulo::after {
	content: '+';
	float: left;
	transition: transform .3s ease;
}

.faq-conteudo {
	padding: 10px;
	color: #6B7C93;
	font-size: 1.5rem;
	line-height: 1.4em;
	display: none;
	margin-bottom: 0;
}

.trigger-input {
	display: none !important;
}

.trigger-input:checked + .trigger-wrapper .faq-conteudo {
	display: block;
}

.trigger-input:checked + .trigger-wrapper .faq-titulo::after {
	transform: rotate(45deg) scale(1.08);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.parallelogram_front {
	width: 90%;
    float: left;
    height: 60px;
    transform: skew(-10deg);
    margin-bottom: 5px;
    text-align: center;
    padding: 5px;
    font-size: 3.2rem;
    font-weight: 700;
}

.parallelogram_back {
	width: 90%;
	float: left;
	position: absolute;
	height: 50px;
	transform: skew(10deg);
}

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.modal {
	background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
	z-index: 0;
}

.eapps-instagram-feed-posts-grid-load-more {
	width: 15rem !important;
    height: auto !important;
	font-family: 'Heebo', sans-serif;
	font-weight: 800;
	padding: 6px 12px !important;
	line-height: unset !important;
	border-radius: 25px !important;
	font-size: 1.5rem !important;
}

.checkbox input[type=checkbox],
input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  margin-top: 0;
  margin-right: -22px;
}
.checkbox input[type=checkbox]:disabled,
input[type="checkbox"]:disabled {
  opacity: 0.65;
}
input[type="checkbox"]:checked:after,
input[type="checkbox"]:after {
  visibility: visible;
  display: inline-block;
}
input[type="checkbox"]:checked:after:disabled,
input[type="checkbox"]:after:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
input[type="checkbox"]:checked:after {
  font-size: 18px;
  content: "\f14a";
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
}
input[type="checkbox"]:after {
  font-size: 18px;
  content: "\f0c8";
  font-family: 'Font Awesome 5 Pro';
}

canvas {
	width: 100%;
    height: auto;
}


.grid-checkbox {
    width: 100%;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;	
}

.label-chk {
	font-size: 1.7rem;
}

.textarea-control {
	font-size: 1.7rem;
}

.circle {
  position: relative;
  width: 130px;
  height: 130px;
  justify-content: center;
  display: inline-block;
}
.circle svg {
  fill: none;
  stroke-linecap: round;
  stroke-width: 3;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: stroke-draw 6s ease-out infinite alternate;
}
.circle img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  border-radius: 50%;
}
@keyframes stroke-draw {
  from {
    stroke-dasharray: 1;
  }
  to {1;
    transform: rotate(180deg);
    stroke-dasharray: 8;
  }
}

.button-wiggle {
  -webkit-animation: wiggle 4s 2s infinite;
          animation: wiggle 4s 2s infinite;
}

@-webkit-keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1.1) rotate(-3deg);
  }
  25% {
    transform: scale(1.1) rotate(3deg);
  }
  30% {
    transform: scale(1.1) rotate(-2deg);
  }
  35% {
    transform: scale(1.1) rotate(1deg);
  }
  40% {
    transform: scale(1.1) rotate(0);
  }
}

@keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1.1) rotate(-3deg);
  }
  25% {
    transform: scale(1.1) rotate(3deg);
  }
  30% {
    transform: scale(1.1) rotate(-2deg);
  }
  35% {
    transform: scale(1.1) rotate(1deg);
  }
  40% {
    transform: scale(1.1) rotate(0);
  }
}