/*@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-family: 'Alef';
}
*/

h1 *, h2 *, h3 *, .menuClass *
,h1, h2, h3 {
    font-family: 'Comfortaa' !important;
}

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

html
{
    overflow-y: scroll;
    width:100%;
    height:100%;
}

body {
    width:100%;
	height:100%;
	border: none;
	margin: 0px;
}

table {
    border-collapse: collapse;
}
table td {
    vertical-align: middle;
}

.crumbs             {line-height: 25px; height: 25px; margin: 0px; direction: rtl; margin-right: 8px;}
.crumbs a           {color: #999999; text-decoration: none;}
.crumbs a:hover     {text-decoration: underline; color: #666666;}

.hide				{display:none;}

.contentWraper {
    overflow: hidden; 
    width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 999;
}

.record_form {
    /*background: white;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);*/
    background:url(../contactTopBg.png) repeat-y;
}

.rounded {
    outline: 0;
    overflow: hidden;
}

.inRounded {
    overflow: hidden;
}

.menuClass.roundedIn {
    border: solid 0px transparent; 
    outline: 0;
    overflow: visible;
}

.menuClass ul
{
    width: 100%;
}

.menu_wrapper
{
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.ulList > div {
    display: table;
}
.ulList > div > div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 8px;
    padding-left: 8px;
}
.ulList > div > img {
    vertical-align: bottom;
}
    
.publishElement{
    width: 25%;
    margin: 0px;
}

.highslide-gallery.rounded, .highslide-gallery.roundedIn {
    height: 100%;
    position: relative;
}

.readMoreButton {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.publishElement .rounded, .publishElement .roundedIn {
    /*background-color: #ffffff;*/
}

.sidePicSizeDiv {
    max-width: 50%;
}

.squarePicSizeDiv {
    text-align: center; 
    height: 150px; 
    width: 150px; 
    overflow: hidden; 
    margin: 8px;
}

.squarePicSizeDiv img {
    max-width: 100%;
}

.publishElement img.publishImg, 
.contentDiv  img.publishImg {
    border: 0px;
    max-width: 100%;
    vertical-align: bottom;
}

.publishContent {
    /*margin: 0px 6px 0px 6px;*/
    margin: 0px;
}

.publishTitle {
    overflow: hidden; 
    line-height: 140%; 
}    

.contentDiv {
    margin: 0px auto;
    width: 70%;
    position: relative;  
    text-align: right; 
    clear: both;
}

.parallax {
    position: relative; 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.parallaxAutoHeight {
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

.parallaxAutoWidth {
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.bgAutoHeight {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

.bgAutoWidth {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.repeatBg {
    position: relative; 
    background-repeat: repeat;
    background-position: top right;
}

.repeatXBg {
    position: relative; 
    background-repeat: repeat-x;
    background-position: top right;
}

.repeatYBg {
    position: relative; 
    background-repeat: repeat-y;
    background-position: 50% 50%;
}

.fullPercent {
    position: relative; 
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.maps iframe{
    pointer-events: none;
    display: block;
}

.mobileMenuDiv {
    position: fixed;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    outline: 0;
    overflow: hidden;
    background-color: rgba(10, 188, 236, 0.71);
}

.mobileMenuDiv .mobileMenuButton, .mobileMenuDiv .mobileMenuButtonLeft {
    margin: 2px;
    float: left;
    position: absolute;
    left: 6px;
    top: 6px;
    cursor: pointer; 
}

.mobileMenuDiv .logoImage{
    height: 100%;
}

.mobileGap {
    display: none;
}
    
.mobileMenu {
    width: 100%; 
    margin: auto; 
    overflow: hidden; 
    position: absolute; 
    top: 0px; 
    min-height: 100%;
    display: none;
    background-color: #668afe;
    background-image: -webkit-linear-gradient(top, #668afe, #00d0ff);
    background-image: -moz-linear-gradient(top, #668afe, #00d0ff);
    background-image: -ms-linear-gradient(top, #668afe, #00d0ff);
    background-image: -o-linear-gradient(top, #668afe, #00d0ff);
    background-image: linear-gradient(to bottom, #668afe, #00d0ff);
}

.mobileMenu a {
    color: #ffffff;
}

.mobileMenu a:hover {
    color: yellow;
}

.toTopButton {
    position: fixed; 
    float: right; 
    bottom: 30px; 
    right: 30px; 
    display: none;
    z-index: 9999;
}

.toTopButton img {
    height: 60px; 
    border: 0px;
}

.toTopButton img:hover{
    content:url("../upIconHover.png");
}

.cartButton {
    position: fixed; 
    float: right; 
    top: 0px; 
    right: 30px; 
    z-index: 9999;
}

.cartButton img {
    height: 60px; 
    border: 0px;
}

.publishContainer {
    margin: auto;
    direction: rtl;
    overflow: hidden;
    text-align: center;
    min-height: 300px;
}    


.publishElement100 {
    width: 100%;
    margin: 0px auto;
    clear: both;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative; 
    overflow: hidden;
}

.publishElement100.parallax, .parallax h1 {
    margin: 0px;
}
    
.publishElement.publishElement33 {width: 33.3%;}
.publishElement.publishElement66 {width: 66.6%;}
.publishElement.publishElement50 {width: 49.9%;}
.publishElement.publishElement75 {width: 75%;}
.publishElement.publishElement20 {width: 20%;}
.publishElement.publishElement40 {width: 40%;}
.publishElement.publishElement60 {width: 60%;}
.publishElement.publishElement80 {width: 80%;}

/*subPublshTicker*/
.subPublshTicker {
    width: 90%; 
    height: 99%; 
    margin: auto;
    text-align: right; 
    border-bottom: dotted 1px #808080;
}

.publishElement100 img.publishImgThumb {
    max-width: 100%;
    border: 0px;
}

.fixed {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-box-shadow: 0 4px 8px -2px gray;
    box-shadow: 0 4px 8px -2px gray;
}

.fixedBottom {
    /*display: block;
    position: fixed;
    bottom: 0px; 
    left: 0;
    z-index: 100;*/
}

.bottom {
    bottom: 0px; 
    clear: both; 
    z-index: 999;
    position: absolute;
}

input {margin: 0px; padding: 0px; padding-right: 4px; padding-left: 4px;}
input[type="button"],input[type="submit"],input[type="text"],input[type="password"],input[type="file"],select,textarea,.button {
    box-shadow: 0 2px 2px rgba(50,50,50,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(50,50,50,0.1);
    outline: 0;
    width: calc(100% - 22px);
}
select {
    width: calc(100% - 12px);
}

input[type="button"],input[type="submit"],select {height: 32px;}

input[type="checkbox"], input[type="radio"] {margin: 4px;}

input[type="button"],input[type="submit"]{
    cursor: pointer;
    padding-right: 8px;
    padding-left: 8px;
}

.contactDiv textarea {
    width: calc(100% - 18px);
    height: 120px;
    display: block;
    margin-bottom: 20px;
}

.contactDiv div {
    margin: 0px;
    width: calc(100% / 3);
    margin-bottom: 4px;
}

.contactFormResult {
    margin: 8px;
}

.cartDiv {
    margin: 6px;
    overflow: hidden;
}
.cartDiv > div {
    line-height: 100%;
    float: right; 
    width: 25%;
}
.cartDiv .cartSep {
    line-height: 150%;
    clear: both;
    width: 100%;
}

.itemsListHeader {
    overflow: hidden;
    background-color: rgb(253, 124, 27);
    color: #ffffff;
}

.itemsList {
    overflow: hidden;
}

.itemsListFooter {
    overflow: hidden;
    background-color: rgb(253, 124, 27);
    color: #ffffff;
}

.itemsListHeader div {
    color: #ffffff;
}

.itemsList div {
    width: 18%;
    margin: 6px;
}

.itemsListFooter div {
    margin: 6px;
}

.displayNoneOnBigScreen {
    display: none;
}

.buttonWraper {
    height: 35px;
    line-height: 35px;
}

@media only screen 
and (min-width : 200px) 
and (max-width : 780px) {
    .contentDiv {
        margin: auto;
        width: 100%;
        position: relative;  
    }
    
    .publishElement{
        width: 49.9%;
    }
    
    .publishElement.publishElement33 {width: 49.9%;}
    .publishElement.publishElement66 {width: 49.9%;}
    .publishElement.publishElement50 {width: 49.9%;}
    .publishElement.publishElement75 {width: 100%;}
    .publishElement.publishElement20 {width: 49.9%;}
    .publishElement.publishElement40 {width: 49.9%;}
    .publishElement.publishElement60 {width: 49.9%;}
    .publishElement.publishElement80 {width: 100%;}
    
    .toTopButton {
        position: fixed; 
        float: right; 
        top: 1px; 
        right: 10px; 
        display: none;
        height: 40px;
    }

    .cartButton {
        right: 50px;
        height: 40px;
    }

    .cartButton img, .toTopButton img {
        height: 40px; 
    }
    
    .publishElement100 img.publishImg {
        border: 0px;
        max-width: 100%;
        vertical-align: bottom;
    }

    .parallax {
        background-position: 50% 0px;
    }

    .sidePicSizeDiv {
        float: none !important;
        margin-right: 0px !important;
        max-width: 100%;
    }

    .bottom {
        position: relative !important;
    }

    .fixedBottom {
        /*position: relative !important;
        z-index: 0 !important;*/
    }

    .fixedGap {
        height: 0px !important;
    }

    .contactDiv div {
        width: 100%;
        float: none;
    }

    .itemsListHeader {
        display: none;
    }

    .itemsList div {
        width: 100%;
    }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 200px) and (max-width : 550px) {   
    .publishElement {
        width: 100%;
    }
    
    .publishElement.publishElement33 {width: 100%;}
    .publishElement.publishElement66 {width: 100%;}
    .publishElement.publishElement50 {width: 100%;}
    .publishElement.publishElement75 {width: 100%;}
    .publishElement.publishElement20 {width: 100%;}
    .publishElement.publishElement40 {width: 100%;}
    .publishElement.publishElement60 {width: 100%;}
    .publishElement.publishElement80 {width: 100%;}

    .squarePicSizeDiv {
        float: none !important;
        width: 100%;
        height: auto;
        margin: 0px;
    }

    .publishContent table td, .publishContent table th {
        font-size: 12px !important;
        /*text-align: left;*/
    }

    * {font-size: 1em !important;}
    .publishTitle {
        font-size: 120% !important;
    }

}

@media only screen 
and (min-width : 1024px) 
and (max-width : 1490px) {
    .contentDiv {
        margin: auto;
        width: 1150px;
        position: relative;  
    }  
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 781px) 
and (max-width : 1024px) {
    .contentDiv {
        margin: auto;
        width: 100%;
        position: relative;  
    } 
    .publishElement.publishElement20 {width: 25%;}
    .publishElement.publishElement80 {width: 75%;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 200px) and (max-width : 920px) { 
    .displayNoneOnBigScreen {
        display: block;
    } 
    
    .displayNoneOnMobile {
        display: none !important;
    }
    .mobileMenuDiv {
        display: block; 
    }

    .mobileMenu {
        display: block; 
    }

    .mobileGap {
        display: block;
    }
    .publishElement.publishElement75 {width: 100%;}
    .publishElement.publishElement80 {width: 100%;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-pixel-ratio : 1.5),
only screen and (min-pixel-ratio : 1.5) {
    .contentDiv {
        margin: auto;
        width: 100%;
        position: relative;  
    } 

    .displayNoneOnBigScreen {
        display: block;
    } 
    
    .displayNoneOnMobile {
        display: none !important;
    }
    
    .publishElement{
        width: 49.9%;
    }
    
    .logoDiv img {
        display: none;
    }
    
    .mobileMenuDiv {
        display: block; 
    }

    .mobileMenu {
        display: block; 
    }

    .mobileGap {
        display: block;
    }
}

.menuClass {
    overflow: visible !important;
    margin: 0 auto;
    line-height: 100% !important;
    border: 0px !important;
    z-index: 100;
}

.menuVerticalClass {
    z-index: 99;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    color: rgba(170, 170, 170, 0.7);
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: rgba(170, 170, 170, 0.7);
}
*::-moz-placeholder {
    /* FF 19+ */
    color: rgba(170, 170, 170, 0.7);
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(170, 170, 170, 0.7);
}

a img {
    border: 0px;
}