@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-Bold.eot');
    src: url('../fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Alef-Bold.woff') format('woff'), url('../fonts/Alef-Bold.ttf') format('truetype'), url('../fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef-Regular.eot');
    src: url('../fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Alef-Regular.woff') format('woff'), url('../fonts/Alef-Regular.ttf') format('truetype'), url('../fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    direction: rtl;
    font-family: 'Alef';
}

[class*='fa-'] {
    font-family: FontAwesome;
}

.col-1 {
    width: 100%;
    clear: both;
    text-align: center;
}

.col-2 {
    width: 50%;
    float: right;
    text-align: center;
}

.col-3 {
    width: 33%;
    float: right;
    text-align: center;
    padding-bottom: 10px;
}

.btn {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    background-color: #2E338F;
    color: white;
    padding: 0 15px;
    border: 0px solid white;
    border-radius: 4px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
}

.btnSquare {
    cursor: pointer;
    font-size: 18px;
    /*background-color: #04baff;*/
    background-color: #2E338F;
    color: white;
    font-weight: normal;
    line-height: 35px;
    text-decoration: none;
    width: 96%;
    height: 90px;
    display: block;
    line-height: 90px;
}

.btnFull {
    width: 90%;
}

.btn2 {
    font-size: 18px;
    text-decoration: none;
    color: #2E338F;
    margin: 0px 10px 0px 10px;
    cursor: pointer;
}

    .btn2 [class*='fa-'] {
        color: #2E338F;
    }

    .btn [class*='fa-'], .btn2 [class*='fa-'] {
        font-size: 26px;
    }

.popupShare .btn2 [class*='fa-'] {
    font-size: 40px;
}

.wrapper {
    text-align: center;
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

.buttonsDiv {
    /*height: 100px;*/
}

.innerWrapper {
    padding-bottom: 150px;
    direction: rtl;
}

.credit {
    padding: 0 1em;
    color: #222;
    direction: rtl;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    border-radius: 4px 4px 0 0;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    line-height: 20px;
    font-weight: bold;
}

.footerBar {
    text-align: center;
    height: 70px;
    padding-bottom: 20px;
    width: 100%;
    max-width: 900px;
    bottom: 0px;
    z-index: 1;
    position: fixed;
    background-color: #8e8e8e;
    opacity: 0.9;
}

.footerBarRight {
    height: 95%;
    width: 32%;
    float: right;
    opacity: 0.9;
    padding-top: 10px;
}

.footerBarMid {
    height: 95%;
    width: 32%;
    float: right;
    margin-right: 2%;
    opacity: 0.9;
    padding-top: 10px;
}

.footerBarLeft {
    height: 95%;
    width: 32%;
    float: left;
    opacity: 0.9;
    padding-top: 10px;
}

.footerBtn {
    font-size: 18px;
    border-radius: 2px;
    height: 62px;
    width: 80%;
    padding-top: 10px;
}

    .footerBtn.btn {
        padding: 0 10px;
    }

    .footerBtn span {
        height: 30px;
        vertical-align: middle;
        margin-right: 10px;
        display: block;
    }

.footer {
    padding-top: 20px;
    text-align: center;
    height: 30px;
    width: 100%;
    clear: both;
}

.logoDiv {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    margin-right: auto;
}

#logo {
    max-width: 100%;
    max-height: 220px;
}

#pic1 {
    max-width: 96%;
    max-height: 96%;
    vertical-align: middle;
}

.pic1Div {
    display: inline-block;
    max-width: 60%;
    /*float: right;*/
    line-height: 200px;
}

#contactArea {
    width: 90%;
    float: right;
    text-align: right;
    padding: 0px 10px 0px 10px;
}


#contectForm {
    /*    top: 5%;
    position: absolute;
    height: 80%;
    width: 95%;
    background-color: #a3a3a3;
    z-index: 4;
    opacity: 0.7;
    */
}

.callBtn, smsBtn, emailBtn {
    margin-right: 10px;
}

.smsBtn {
}

.emailBtn {
}

.vcfbtnDiv {
    clear: both;
    padding-top: 20px;
}

.vcfbtn {
    /*height: auto;*/
    width: 200px;
}

.callBtnNum {
    direction: ltr;
    display: inline-block;
}

.freeTextDiv {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    color: #2E338F;
}

.youtubeBtn {
}

.facebookBtn {
}

.websiteBtn {
}

.showformBtn {
}

.mapImg {
    border: solid 0px;
    width: 100%; 
}

.wazeBtn {
    margin: 10px;
}

.googlemapsBtn {
    margin: 10px;
}
/* עיצוב של הפופ אפ */
#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}

.popup {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    /*height: 70%;*/
    width: 80%;
    max-width: 900px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
    text-align: right;
}

.popup h1 {
    text-align: center;
    color: #6FA5FD;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

.popup .close {
    font-size: 22px;
    line-height: 22px;
    right: 10px;
    top: 4px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
    cursor: pointer;
}

.popup .closeEnd {
    clear: both;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    padding-top: 30px;
}

.popup input[type="text"] {
    width: 40%;
}

.popup label {
    width: 40%;
}

.popup input[type="submit"] {
    margin-top: 20px;
}

.popup p {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}

.popup .fieldsetDiv {
    margin-top: 20px;
    text-align: center;
}

.register_row {
    margin: 0px 0px 15px 0px;
    text-align: right;
}

.register_row label {
	vertical-align: top;
	width: 103px;
	display: inline-block;
	white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 5px;
}

.register_row input {
	display: block;
    margin-right:10px;
    font-size: 16px;
    height: 26px;
}

.register_row.selected {
    margin: 0px 0px 20px 0px;
}

.register_row.center {
    max-width: 450px !important;
    margin: 0px auto 15px !important;
}

#chkTerms {
	display: inline-block;
}

#ctl00_MainContent_cbRememberMe {
	display: inline-block;
}


.termsCaption {

}
.terms {
	width: 80%;
	height: 160px;
	overflow: scroll;
	margin-top:10px;
	margin-bottom: 40px; 
	border: solid 1px;
    padding: 15px;
}

.hr1 {
	width: 35%;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.fb-page_embed {
    height: 20px;
}

.fb-page_embed_msg {
    margin-top: 20px;
    background: navy;
    color: white;
    padding: 10px;
    font-size: larger;
    margin-bottom: 30px;
}

.nameDiv {
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #2E338F;
    font-size: 18px;
    font-weight: bold;
}

/*iii*/
.img1 {
    width: 80%;
    clear: both;
}

ul li {
    text-align: right;
}

.fieldsetDiv {
    text-align: right;
    margin-bottom: 20px;
}

.mysavedCards {
    margin-bottom: 10px;
}

.social-links {
    width: 98%;
    margin: 10px auto;
    text-align: center;
}

.medbtn {
    text-align: center;
    font-size: 50px;
    margin-top: 20px;
    display: block;
    margin-right: 25px;
    float: right;
}


/*branded icons color*/
.fa-whatsapp {
    color: #4dc247 !important;
}

.fa-youtube {
    color: #cd201f !important;
}

.fa-facebook-square, .fa-facebook-official, .fa-facebook {
    color: #3b5998 !important;
}

.fa-linkedin-square {
    color: #0976b4 !important;
}

.fa-google-plus {
    color: #dd4b39 !important;
}

.fa-instagram {
    color: #3f729b !important;
}

.fa-twitter {
    color: #55acee !important;
}

.fa-pinterest {
    color: #cc2127 !important;
}

.fa-skype{
    color: #00B8ED !important;
}

.fa-comment-o {
        color: #F9A01B !important;
}

.facebookBtn {
    width: 30px;
	height: 30px;
    display: inline-block;
	background: url('../images/fbmsg.png');
}


#contactArea .callBtn, #contactArea .smsBtn {
    margin-right: 6px;
}

#contactArea .btn2 [class*='fa-'] {
    font-size: 30px;
}

.popupShare .col-3 {
    padding-bottom: 30px;
}

.popup .fa-arrow-down, .popup .fa-arrow-up {
    color: #000000;
}
/*.fieldsetDiv input[type="text"] {float:left;}*/
.iphone {
    height: 435px;
    float: right;
    width: 220px;
    background: url('../images/lp/iphone6.png');
}

    .iphone img {
        width: 181px;
        top: 58px;
        left: 1px;
        position: relative;
    }

.samsung {
    height: 435px;
    float: right;
    width: 222px;
    background: url('../images/lp/samsung.png');
}

    .samsung img {
        height: 332px;
        width: 194px;
        top: 61px;
        left: 1px;
        position: relative;
    }

.validation_error {
    border: 3px solid red !important;
}

.getCard{
	background-color: #2E338F;
    color: #FFFFFF;
    padding: 10px 2px 10px 0px;
    border-radius: 15px;
    display: block;
    max-width: 80%;
    margin: 10px auto;
    font-size: 16px;
	cursor: pointer;
}

.regBtn{
    margin-top:20px;
    cursor: pointer;
    background: #bbb;
    background: -moz-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: -o-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #bbb));
    background: -webkit-linear-gradient(top, #efefef 0%, #bbb 100%);
    background: linear-gradient(top, #efefef 0%, #bbb 100%);
    border: 1px solid #aaa;
    color: #c00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    font-family:'Alef' !important;
    font-size: 18px !important;
    
}
.regRightBtn {
    float: right;
    margin-left:80px;

}

.regRightBtn:before, .regRightBtn:after {
    border-right: 2px solid;
    content: '';
    display: block;
    height: 8px;
    margin-top: -6px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 10px;
    top: 50%;
    width: 0;
}

.regRightBtn:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.regLeftBtn {
   padding-left: 30px;

}

.regLeftBtn:before, .regLeftBtn:after {
    border-right: 2px solid;
    content: '';
    display: block;
    height: 8px;
    margin-top: -6px;
    position: absolute;
    /*
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    */
    -moz-transform: rotate(227deg);
    -o-transform: rotate(227deg);
    -webkit-transform: rotate(227deg);
    transform: rotate(227deg);
    left: 10px;
    top: 50%;
    width: 0;
}

.regLeftBtn:after {
    margin-top: -1px;
    /*
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    */
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.regNav {
    display: inline-block;
    margin-left: 10px;
    border-radius: 10px;
    border: 1px solid gray;
    padding: 8px;
    width: 100%;
}

.regNav.ok {
   /* background-color:green;*/
   border: solid 0px;
}
/*
.register_row .selected {
    margin: 0px 0px 20px;
}
*/
.register_row.ok:not(.selected) {
    margin-bottom: 0px;
}

.regNav.selected {
   border-width: 3px;
   transition: max-height 0.2s ease-out;
}
.regNav.ok:before{
    content: '';
    display: block;
    display: inline-block;
    margin-left: 1%;
    width: 6px;
    height: 12px;
    border: solid green;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.registerPanel {
    margin-bottom: 20px;
}

.freetextbox {
    max-width: 100%;
}

.regRightBtn.lastBack, .lastBack {
    margin-top: 0px;
}

.addressCaption {
    
}

.addressWithExtra {
    display:inline-grid;
    
}

.txtNumbers input[type="tel"] {
    text-align: left;
}
.txtNumbers {
    min-width: 240px !important;
}

#logoPicShow, #mainPicShow {
    margin-top: 20px;
    max-width: 300px;
    max-height: 300px;
}

/*cards view*/

.wrapper cardsView {
    text-align: center;
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

#lb_userName {
    direction: ltr;
    display: inline-block;
}

.innerWrapper cardsView {
    padding-bottom: 150px;
    direction: rtl;
}

   /*.wrapper {direction:ltr;}*/
        .card {
            margin-bottom: 10px;
            width: 100%;
            clear: both;
            display: inline-block;
            position: relative;
            border: solid 1px #243E6B;
            border-radius: 10px;
            min-height: 145px;
        }

            .card .mainImg {
                margin-left: 30px;
                margin-top: 20px;
                margin: 20px 10px 25px 30px;
                margin-right: 10px;
                max-width: 100px;
                max-height: 100px;
                min-height: 100px;
                float: right;
                border-radius: 20px;
            }

            .card .detailsDiv {
                padding-left: 10px;
                text-align: left;
                direction: ltr;
                max-width: 40%;
                margin-right: 5%;
                float: left;
                clear: right;
            }

            .card .moreinfo {
                position: absolute;
                bottom: 17px;
            }
            .card .info {
                margin-top: 20px;
                margin-bottom: 20px;
                text-align: right;
            }
            .card.newCard {
                line-height: 145px;
                text-align:center;
            }
            .link {
                text-decoration: underline;
                color: blue;
                cursor: pointer;
            }
/*
        .btn {
            line-height: 27px;
        }

            .btn.create, .btn.share {
                width: 38%;
                min-height: 95px;
                display:inline-table;
                margin-bottom:20px;
                    max-height: 95px;
            }

                .btn.create span, .btn.share span {
                    margin-top:10px;
                    display: block;
                }*/
      /*EO cards view*/
      #ajaxLoader{
          display: none;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 10px;
          background-color: #bbb;
      }
      .newCard {
          cursor: pointer;
          text-decoration: underline;
          color: blue;
      }

@media only screen and (max-width: 900px) {
    .footerBar {
        left: 0;
    }
    .regLeftBtn {
        /*float: left;*/
        margin-left: 30px;
        margin-bottom: 20px;
    }
    .regRightBtn {
        /*float: right;*/
        margin-right: 30px;
        margin-bottom: 20px;
    }
    .regNav {
        width: 93%;
    }
}
@media only screen and (max-width: 350px) {
    .btn {
        font-size: 17px !important;
    }

    .map {
        display: none;
    }
}