@font-face {
font-family: almoni;
src: url(//florma.co.il/wp-content/themes/twentyfourteen-child/fonts/almoni-dl-aaa-400.woff);
}
html {
-webkit-tap-highlight-color: rgba(201, 224, 253, 0);
}
body {
margin: 0;
padding: 0;
direction: ltr !important;
}   *:focus {
outline: none;
}
body,
.nav ul li a, .copy {
font-family: almoni;
direction: rtl;
}
.container {
background-image: url(//florma.co.il/wp-content/themes/twentyfourteen-child/images/mobile_bg.png);
background-repeat: no-repeat;
background-size: 100%;
text-align: center;
background-color: white;
}
.header {
width: 100%;
position: relative;
overflow: hidden;
}
.header img {
width: 100%;
}
.header .language {
font-size: 24px;
color: white;
position: absolute;
top: 24%;
left: 5px;
z-index: 100;
}
.header .language ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.header .language ul li {
float: left;
margin: 0 3px;
}
.header .language ul li.active {
font-weight: bold;
}
.header .language ul li a,
.header .language ul li a:hover,
.header .language ul li a:focus {
color: white;
text-decoration: none;
}
.header .logo {
width: 100%;
text-align: center;
margin-top: -14%;
z-index: 1;
margin: -14% 0 0 0;
height: auto;
}
.header .logo img {
width: 37%;
position: static;
margin: 0;
}
.content {
margin: 0 auto;
width: 280px;
}
.main_bg {
width: 100%;
position: absolute;
z-index: 0;
margin-top: -3px;
}
.content .contact {
display: inline-block;
width: 100%;
background: rgba(141, 198, 63, 0.8);
color: white;
font-size: 22px;
padding: 6px;
margin-top: 14px;
}
.content .contact a,
.content .contact a:hover,
.content .contact a:focus {
color: white;
text-decoration: none;
}
.content .about {
color: white;
background: rgba(84, 194, 179, 0.8);
padding: 5px;
margin-top: 5px;
}
.content .about h2 {
font-size: 18px;
margin: 10px 0;
line-height: 20px;
}
.content .about p {
font-size: 14px;
line-height: 16px;
margin: 5px 15px 20px;
}
.content .down_arrow {
width: 0;
height: 0;
border-top: 14px solid rgba(84, 194, 179, 0.8);
border-left: 14px solid transparent;
border-right: 14px solid transparent;
margin: 0 auto -19px;
}
.content .promos ul {
list-style-type: none;
margin: 14px 0 0 0;
padding: 0;
}
.content .promos ul li {
text-align: right;
height: 160px;
overflow: hidden;
border-bottom: 1px solid #adaeaf;
}
.content .promos ul li:last-child {
border-bottom: none;
}
.content .promos ul li .main {
height: 160px;
}
.content .promos ul li .more {
display: inline-block;
}
.content .promos ul li .more .icon {
width: 100px;
float: left;
height: 104px;
display: inline-block;
position: relative;
}
.content .promos ul li a.close_icon {
display: inline-block;
width: 30px;
color: black;
text-decoration: none;
font-size: 12px;
text-align: center; position: absolute;
bottom: -1px;
right: 33px;
}
.content .promos ul li .more p {
font-size: 12px;
float: left;
text-align: left;
direction: ltr;
width: 180px;
margin-top: 0;
line-height: 16px;
display: inline-block;
-webkit-transition: margin-top 500ms ease-out;
-moz-transition: margin-top 500ms ease-out;
-o-transition: margin-top 500ms ease-out;
transition: margin-top 500ms ease-out;
}
.content .promos ul li.active .more p:first-child {
margin-top: -37px;
}
.content .promos ul li .main .icon img {
max-width: 100%;
max-height: 100%;
}
.content .promos ul li .main .icon,
.content .promos ul li .main .text {
float: left;
}
.content .promos ul li .main .icon {
width: 100px;
height: 100%;
}
.content .promos ul li .more .description {
width: 180px;
float: right;
}
.content .promos ul li .main .text {
width: 180px;
text-align: left;
direction: ltr;
}
.content .promos ul li .main .text h2 {
font-size: 18px;
margin-bottom: 0;
margin-top: 25px;
}
.content .promos ul li:nth-child(1) .main .text h2{
color: #5a6fb5;
}
.content .promos ul li:nth-child(2) .main .text h2{
color: #6c2f7a;
}
.content .promos ul li:nth-child(3) .main .text h2{
color: #f8991d;
}
.content .promos ul li:nth-child(4) .main .text h2{
color: #cf171f;
}
.content .promos ul li .main .text h5 {
font-size: 14px;
margin-top: 10px;
margin-bottom: 15px;
letter-spacing: -0.5px;
line-height: 17px;
}
.content .promos ul li .main .text a {
color: black;
text-decoration: none;
font-size: 12px;
display: block;
}
.content .promos ul li.active .main .text a {
display: none;
}
.content .promos ul li .main .icon {
padding: 45px 9px;
box-sizing: border-box;
}
.contact_form {
background-image: url(//florma.co.il/wp-content/themes/twentyfourteen-child/images/contact_bg_mobile.png);
background-size: cover;
height: 495px;
padding: 27px 0;
box-sizing: border-box;
text-align: center;
position: relative;
}
.contact_form .form_box {
height: 438px;
width: 280px;
background: #f388b7;
margin: 0 auto;
padding: 25px 0 0 0;
box-sizing: border-box;
text-align: center;
position: relative;
}
.contact_form .form_box h2 {
color: white;
font-size: 14px;
text-align: right;
margin: 0 auto 15px;
line-height: 20px;
width: 212px;
text-align: left;
}
.contact_form .map {
width: 212px;
height: 90px;
background: white;
margin: 0 auto;
}
.contact_form form {
text-align: center;
}
.contact_form form input,
.contact_form form textarea {
width: 212px;
border: 0;
height: 24px;
padding: 5px;
box-sizing: border-box;
margin: 15px auto 0;
text-align: left;
-webkit-appearance: none;
-webkit-appearance:none
}
.contact_form form textarea {
resize: none;
height: 65px;
}
.contact_form form input[type=submit] {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
height: 36px;
text-align: center;
color: white;
font-size: 20px;
background: #D10167;
box-shadow: none;
border-radius: 0;
}
.to_regular_site {
width: 100%;
padding: 15px;
box-sizing: border-box;
background: #f8991d;
font-size: 16px;
color: white;
}
.to_regular_site a {
color: white;
text-decoration: underline;
width: 100%;
font-size: 24px;
display: inline-block;
margin-bottom: 3px;
}
.footer {
height: 50px;
background: white;
padding: 15px 18px;
box-sizing: border-box;
}
.footer .sicons {
float: left;
}
.footer .sicons ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer .sicons ul li {
float: left;
color: white;
background: black;
border-radius: 3px;
width: 24px;
height: 24px;
text-align: center;
margin-right: 7px;
padding: 2px;
box-sizing: border-box;
font-size: 20px;
}
.footer .sicons ul li.facebook {
background: transparent;
height: auto;
width: auto;
}
.footer .sicons ul li a {
color: white;
}
.footer .top_icon {
float: right;
}
.footer .top_icon a {
color: #000000;
text-decoration: none;
}
.footer .top_icon a .arrow_top {
width: 0;
height: 0;
border-bottom: 10px solid #00BDF2;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin: -3px auto 4px;
}
.sent_success, .sent_fail {
margin-top: 20px;
color: white;
} .gmnoprint a, .gmnoprint span {
display:none;
}
.gmnoprint div {
background:none !important;
}
#GMapsID div div a div img{
display:none;
}
.wpcf7-form-control-wrap {
float: none;
}
div.wpcf7-validation-errors {
margin: -6px 34px;
line-height: 17px;
padding: 4px 10px;
}
div.wpcf7-mail-sent-ok {
margin: 0 34px;
line-height: 17px;
padding: 4px 10px;
}