@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 300;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-lightitalic-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 300;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-light-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-light-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 400;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-italic-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-italic-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 400;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-regular-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-regular-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 700;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bolditalic-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 700;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bold-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bold-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: italic;
font-weight: 800;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Hebrew';
font-style: normal;
font-weight: 800;
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.eot);
src: url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
url(//www.aldo-party.co.il/addons/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
html, body {
margin:  0px;
text-align:  right;
color: black;
background-color: #E9E9E9;
font-family: 'Open Sans Hebrew', 'Arial';
font-size: 18px;
background-image: url(//www.aldo-party.co.il/img/cover2.jpg);
background-position: top center;
background-repeat:no-repeat;
}
img {
transition: 0.2s;
border:  0px;
}
a {
transition: 0.2s;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
.wrap {
width: 1050px;
margin: auto;
overflow: hidden;
}
.header {
float: right;
width: 100%;
}
#logo {
float: right;
margin-top: 15px;
}
#logo img {
width:225px;
}
.slogen {
color: white;font-size: initial;
}
.social {
float: left;
margin-top: 57px;
}
.social a {
float: left;
margin-right: 15px;
}
.social a:hover {
transform: scale(1.1);
}
.social span {
float: right;
color: white;
font-weight: bold;
font-size: 40px;
margin-left: 20px;
text-shadow: 2px 2px 2px black;
margin-top: -4px;
}
.white-block {
float: right;
width: 100%;
background-color: white;
margin-top: 40px;
}
.float {
float: right;
width: 100%;
}
.menu {
list-style-type: none;
padding: 10px 7px;
margin: 0px;
float: right;
}
.menu li {
float: right;
position: relative;
}
.menubar .menu li:hover ul {
display: block;
}
.menubar .menu li ul {
position: absolute;
top: 55px;
list-style-type: none;
padding: 0px;
display: none;
margin: 0px;
width: 200px;
background-color: white;
z-index: 200;
}
.menu li a {
float: right;
padding: 17px 12px;
text-decoration: none;
color: black;
}
.menu li a:hover {
color: #C53F33;
}
.small-social {
float: left;
margin: 27px 17px 17px 25px;
}
.small-social a {
float: left;
margin-right: 15px;
}
.small-social a img {
display: block;
}
.boxes {
padding: 0px 20px;
}
.box {
float: right;
width: calc(33.33% - 15px);
position: relative;
overflow: hidden;
margin-left: 20px;
margin-bottom: 20px;
}
.box:nth-child(3n) {
margin-left: 0px;
}
.box img {
display: block;
opacity: 1;
transition: 0.2s;
width: 100%;
}
.box:hover img {
opacity: 1;
}
.box-info {
position: absolute;
top: calc(100% - 50px);
z-index: 101;
width: 100%;
transition: 0.2s;
}
.box-title {
background-color: #C53F33;
color: white;
font-weight: bold;
margin: 0px;
height: 50px;
font-size: 22px;
float: right;
padding: 8px 7px 9px 7px;
}
.box-info span {
float: right;
height: 100px;
width: 100%;
color: Black;
background-color: rgba(255, 255, 255, 0.70);
padding: 15px;
}
.box:hover .box-info {
top: calc(100% - 150px);
}
.right {
float: right;
width: 66.66%;
border-left: 2px solid #E9E9E9;
padding: 25px;
}
.left {
width: 33.33%;
float: right;
padding: 25px;
}
.right h1 {
margin: 0px;
font-size: 28px;
}
.second-title {
color: #C53F33;
font-size: 28px;
}
.footer {
padding: 40px 0px;
}
.laki {
float: left;
}
.laki a {
color: black;
} .mobile {
position: fixed;
background-color: #C53F33;
z-index: 200;
width: 100%;
height: 45px;
display: none;
}
.mobile > a {
float: right;
padding-top: 5px;
width: 33.33%;
text-align: center;
}
.mobile > a:nth-child(2n) {
padding-top: 8px;
}
.mobile-menu-open {
position: fixed;
top: 45px;
height: calc(100% - 45px);
display: none;
background-color: white;
z-index: 200;
overflow: auto;
width: 100%;
}
.menu2 {
float: right;
width: 100%;
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu2 li {
float: right;
width: 100%;
border-bottom: 1px solid #ECECEC;
}
.menu2 li a {
float: right;
width: 100%;
padding: 10px;
text-decoration: none;
}
.mobile-contact-open {
position: fixed;
top: 45px;
height: calc(100% - 45px);
background-color: white;
z-index: 200;
overflow: auto;
display: none;
width: 100%;
}
.mobile-contact-open label {
width: 100%;
float: right;
padding: 10px;
}
.mobile-contact-open input {
width: calc(100% - 20px);
float: right;
margin: 0px 10px;
background-color: #ECECEC;
font-family: Assistant;
font-weight: 300;
border: 0px;
padding: 5px;
outline: 0px;
font-size: 20px;
}
.mobile-contact-open .big-field {
width: 100%;
padding: 0px;
}
.mobile-contact-open #fast-submit {
width: calc(100% - 20px);
margin: 10px;
}
.grid {
list-style-type: none;
margin: 0px 0px 15px 0px;
padding: 0px;
float: right;
width: 100%;
}
.grid-item { 
width: 33.33%;
float: right;
padding: 5px;
}
.grid-item img {
width: 100%;
display: block;
opacity: 0.8;
transition: 0.2s;
border-radius: 3px;
}
.grid-item:hover img {
opacity: 1;
}
.page-title {
padding: 0px 20px;
position: relative;
}
.page-title img {
max-width: 100%;
height: auto;
display: block;
}
.page-title h1 {
margin: 0px;
position: absolute;
bottom: 20px;
color: white;
text-shadow: 1px 1px 2px black;
padding: 12px 20px;
}
.the-content {
line-height: 1.5;
}
.the-content h2 {
color: #C53F33;
}
.the-content a {
color: #C53F33;
}
.the-content img {
max-width: 100%;
height: auto;
}
.the-content p:nth-child(1) {
margin-top: 0px;    
}
input {
float: right;
width: 100%;
background-color: #E9E9E9;
color: black;
font-family: 'Open Sans Hebrew';
border: 0px;
outline: 0px;
transition: 0.2s;
font-size: 18px;
padding: 10px;
margin: 10px 0px;
}
textarea {
float: right;
width: 100%;
background-color: #E9E9E9;
color: black;
font-family: 'Open Sans Hebrew';
border: 0px;
outline: 0px;
transition: 0.2s;
font-size: 18px;
padding: 10px;
margin: 10px 0px;
}
textarea:focus {
background-color: #fbe4e3;
}
.wpcf7-submit {
float: left;
width: auto;
background-color: #C53F33;
color: white;
cursor: pointer;
margin-bottom: 20px;
padding: 10px 20px;
}
input:focus {
background-color: #fbe4e3;
}
.tag-list {
padding: 10px 0px 30px 0px;
}
.tag-list a {
float: right;
width: 100%;
text-decoration: none;
color: black;
border-bottom: 1px solid #E9E9E9;
padding: 10px 0px;
}
.blue-title {
color: #34b933;
}
.facebook-title {
padding-bottom: 15px;
}
.tag-list:empty {
display: none;
}
.boxes-archive {
padding: 20px;
}
.box-excerpt-archive {
padding: 0px 0px;
float: right;
width: 100%;
height: 130px;
}
.box-title-archive {
width: 100%;
padding-right: 20px;
text-decoration: none;
}
iframe {
max-width: 100%;
}
.contactme {
padding: 20px 0px 0px 0px;
}
.contactme .wrap {
background-color: #259525;
color: white;
padding: 15px;
font-weight: bold;
text-align: center;
font-size: 20px;
}
.contactme a {
color: white;
}
#footer-phone {
width: 18px;
height: 18px;
margin-bottom: -2px;
margin-left: 10px;
}
.menus {
float: right;
padding: 10px;
margin-bottom: 10px;
width: 100%;
border: 2px solid #fbe4e3;
}
.menus-title {
color: #C53F33;
font-weight: bold;
font-size: 20px;
text-align: center;
float: right;
width: 100%;
}
.menus a {
float: right;
width: calc(33.33% - 20px);
margin: 10px;
padding: 10px;
text-decoration: none;
text-align: center;
background-color: #C53F33;
border-radius: 3px;
color: white;
}
.menus a:hover {
background-color: #34b933;
}
blockquote {
border: 1px solid #e9e9e9;
padding: 15px;
margin: 0px 0px 15px 0px;
border-right: 2px solid green;
border-radius: 5px;
box-shadow: 0px 3px 3px #e3e3e3;
}
.bottom-mobile {
display: none;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 199;
}
.bottom-mobile > a {
width: 50%;
color: white;
float: right;
padding: 10px;
text-align: center;
}
.bottom-mobile a:nth-child(1) {
border-left: 1px solid white;
background: linear-gradient(0deg, rgba(130,11,48,1) 0%, rgba(236,18,85,1) 30%, rgba(236,18,85,1) 100%);
}
.bottom-mobile a:nth-child(2) {
background: linear-gradient(0deg, rgba(5,108,36,1) 0%, rgba(13,193,67,1) 30%, rgba(13,193,67,1) 100%);
}
.bottom-mobile > a > img {
display: inline-block;
}
.bottom-mobile > a > span {
float: right;
width: 100%;
text-align: center;
}
.mobile-contact-open .wpcf7-submit {
background-color: #C53F33 !important;
margin: 20px !important;
width: calc(100% - 40px) !important;
}
@media screen and (max-width: 1200px) {
.wrap {
width: 100%;
}
}
@media screen and (max-width: 1000px) {
.grid-item {
width: 50%;
}
.bottom-mobile {
display: block;
}
.header {
margin-top: 21px;
}
.white-block {
margin: 0px;
}
.mobile {
display: block;
}
.social {
margin-left: 20px;
}
.menubar {
display: none;
}
}
@media screen and (max-width: 600px) {
.box {
width: 100%;
}
.social {
display: none;
}
.right {
width: 100%;
border: 0px;
}
.left {
width: 100%;
border-top: 2px solid #E9E9E9;
}
#logo {
width: 100%;
padding-left: 15px;
}
#logo img {
max-width: 100%;
height: auto;
}
.footer {
text-align: center;
}
.the-table {
margin-top: 20px;
}
.page-title h1 {
bottom: 5px;
}
}