/*@font-face {
    font-family: myFirstFont;
    src: url(../fonts/Arimo.woff);
}*/

@font-face {
  /*font-family: 'Open Sans Hebrew';*/
  font-family: myFirstFont;
  src: url('../fonts/opensans-hebrew/opensanshebrew-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensans-hebrew/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans-hebrew/opensanshebrew-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans-hebrew/opensanshebrew-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans-hebrew/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #101010;
    /*font-size: 28px;*/
    /*text-shadow: 1px 1px 2px #555;*/
}

/*.header{
    background-image: url('../images/sunset_beach_palm_with_hammock.jpg');
    background-size: cover;
    display:block;
    padding: auto !important;
    margin:0;
}*/

html {
    /*font-family: arial;*/
    /*font-family: 'Arimo', sans-serif;*/
    font-family: myFirstFont;
    font-weight: normal;
}

h1, h2 {
    font-weight: normal;
    /*margin-top: 1%;*/
    /*margin-bottom: 1%;*/
}

.container-fluid {
    margin: auto;
}

.logo-header {
    width: 700px;
}

.image-wrapp {
  position: relative;
}
.img-responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.text-wrapp {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.text-top,
.text-center {
  position: absolute;
}

.nav-logo {
    display: none;
    float: right;
    right: 1.5%;
    margin-top: -0.5%;
    /*top: 3%;*/
    width: 20%;
}
.top-logo {
    z-index: 100;
    position: absolute;
    float: right;
    right: 1.5%;
    margin-top: 1%;
    /*top: 3%;*/
    width: 20%;
}

.text-white {
    color: #fff;
}

.text-top {
  position: fixed;
  z-index: 2;
  /*top: 2%;*/
  /*left: 2%;*/
  font-size: 0.8em;
}
.text-center {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 1.5em;
  line-height: 1;
  font-weight: normal;
  
}


.nav-items {
/*    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.7);*/
    padding: 5px;
    width: 100%;
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    text-align: left;
/*    border-top: #ccc solid thin;
    border-bottom: #ccc solid thin;*/
}

.nav-items a {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 25px;
  margin-left: 2%;
  font-weight: normal;
}

.nav-links {
    width: 70%;
}

.bg_grey {
    background: -webkit-radial-gradient(circle, white 20%, #e8e8e8); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, white 20%, #e8e8e8); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, white 20%, #e8e8e8); /* For Firefox 3.6 to 15 */
    background: radial-gradient(circle, white 20%, #e8e8e8); /* Standard syntax (must be last) */
}

.block {
    padding:4em 0 4em 0;
}

.block1 {
    position: relative;
    margin-top: 1px;
    /*padding-top: 4em;*/
    text-align: center;
}
#reputation-management {
    margin-top: 1px;
    top: 1px;
    height: 1px;
    position:absolute;
}

h2 {
    font-size: 48px;
    line-height: 1.1;
    margin-bottom: 0.05em;
}
p {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 2em;
}

.people-images {
    list-style: none;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
}

.people-images li {
    width: 10%;
    /*float:left;*/
    display:inline-block;
    margin: 1%;
}

.people-holder {
    margin: 7% auto 0;
    width: 80%;
}

.block2 .text-wrapp {
    width: 50%;
    text-align: right;
    margin-top: 3%;
}

.block2 .image-holder {
    float: right;
    width: 44%;
}

.cb {
    clear:both;
} 

.col-left {
    width: 45%;
    float:left;
}

.col-right {
    /*width: 52%;*/
    width: 49%;
    float:left;
    margin-left: 5%;
}
.partners-text {
    display: table;
}

.col-right .text-wrapp {
    position: relative;
    text-align: right;
}

.block-image-wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.block-image-1 {
    width: 33%;
    
}
.block-image-2 {
    width: 30%;
    
}

.text-holder-center {
    text-align: center;
}

.block4 .image-holder {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 69%;
}

.block5 .image-holder {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 20%;
}

.block6 .image-holder {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 30%;
}
.block7 .image-holder {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 25%;
}

/*
.block4 .text-wrapp, 
.block5 .text-wrapp, 
.block6 .text-wrapp,
.block7 .text-wrapp,
.block8 .text-wrapp
{
    margin-top: 3%;
}

.block5 .text-wrapp {
    margin-top: 6%;
}

.block8 .text-wrapp p {
    margin-bottom: 3%;
}*/


/*
.block9 {
    padding-top: 3%;
    padding-bottom: 10%;
}

.block9 .text-pricing {
    margin-top: 3%;
    margin-bottom: 3%;
}
*/
.block9 {
    padding-bottom: 10%;
}

.block-image-1,
.block-image-2 {
    -webkit-transition: all 0.2s linear; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 0 3%;
}

.block-image-1:hover,
.block-image-2:hover {
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Chrome, Safari, Opera */
    transform: scale(1.05,1.05); /* Standard syntax */
    
}

.form {
    /*width: 33%;*/
    width: 550px;
    margin: 0 auto;
}

.form-field {
    margin-bottom: 15px;
}

.form-field input[type="text"],
.form-field textarea {
    width: 69%;
    padding: 2%;
    border: 1px solid #999;
    font-style: normal;
    font-weight: normal;
    /*font-family: arial;*/
    /*font-family: 'Arimo', sans-serif;*/
    font-family: myFirstFont;
    direction: rtl;
}

.form-field textarea {
    resize: vertical;
    min-height: 150px;  
}
.form-field label {
    display: inline-block;
    width: 29%;
    text-align: right;
    font-size: 30px;
}

.form-buttons {
    margin-top: 35px;
    margin-bottom: 35px;
    width: 69%;
}

.btn {
    color: #fff;
    background: #f15734;
    border: 0;
    padding: 1em 2em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    /*font-family: arial;*/
    /*font-family: 'Arimo', sans-serif;*/
    font-family: myFirstFont;
    font-size: 30px;
    padding: 0.4em 2em;
}

.v-top {
    vertical-align: top;
}

.fright {
    float: right;
}
.fleft {
    float: left;
}

.text-pricing {
    text-align: center;
}

.mail-sent {
    font-size: 28px;
    text-align: center;
    color: #ed1c24;
    display: none;
}

a:active,
a:focus {
    outline: none;
}

.pricing_block {
    width: 80%;
    margin: 0 auto;
    
}
.pricing_block ul, .pricing_block table  {
    font-size: 1.8vw;
}

.pricing_block ul {
    margin-top: 5%;
    list-style: none;
}

.pricing_block li {
    text-align: right;
    float: right;
    width: 50%;
    margin-bottom: 2%
}

span.checked {
    display: inline-block;
    width: 8%;
    margin-left: 4%;
}

tr.border_bottom_orange td {
  border-bottom: 1pt solid #f05634;
}


 
.pricing_block table {
    margin-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%; 
    border: 3px solid orangered; 
    border-radius: 10px;
    line-height: 3em;
    /*font-size: 2vw;*/
}

.pricing_block td {
    text-align: center;
}


@media screen and (max-width:1400px) {
    h2 {
        font-size:42px;
    }
    html, p, .mail-sent, .btn, .form-field label, .nav-items a {
        font-size: 22px;
    }
    
    .form {
        width: 550px;
    }
    .form-field input[type="text"],
    .form-field textarea {
        font-size: 14px;
    }
    .nav-items {
        padding: 0.75em 5px 0.75em 1em;
    }
}

@media screen and (max-width:960px) {
    html {
        font-size: 13px;
    }
    
    h2 {
        font-size:24px;
    }
    html, p, .mail-sent, .btn, .form-field label {
        font-size:13px;
    }
    .nav-items a {
        font-size:11px;
    }
    
    .form {
        width: 265px;
    }
    .form-field input[type="text"],
    .form-field textarea {
        font-size: 11px;
    }
    .form-field textarea {
        min-height: 55px;  
    }
    .nav-items {
        padding: 0.75em 5px 0.75em 1em;
    }
}

@media screen and (max-width:600px) {
/*    .text-center h1 {
        font-size:18px;
    }
    .text-center h2 {
        font-size:14px;
    }*/
    
    h2 {
        font-size:22px;
    }
    html, p, .mail-sent, .btn, .form-field label {
        font-size:12px;
    }
    .nav-items a {
        font-size:9px;
    }
    .nav-items {
        padding: 0.5em 5px 0.5em 1em;
    }
}

@media screen and (max-width:480px) {
/*    .text-center h1 {
        font-size:18px;
    }
    .text-center h2 {
        font-size:14px;
    }*/
    
    h2 {
        font-size:18px;
    }
    html, p, .mail-sent, .btn, .form-field label {
        font-size:9px;
    }
    .nav-items a {
        font-size:7px;
    }
    .nav-items {
        padding: 0.5em 5px 0.5em 1em;
    }
}

@media screen and (max-width:320px) {
/*    .text-center h1 {
        font-size:18px;
    }
    .text-center h2 {
        font-size:14px;
    }*/
    
    h2 {
        font-size:13px;
    }
    html, p, .mail-sent, .btn, .form-field label {
        font-size:7px;
    }
    .nav-items a {
        font-size:5px;
    }
    .nav-items {
        padding: 0.5em 5px 0.5em 1em;
    }
}



/* Default wide-screen styles */

@media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 768px) {
    /* styles for narrower desktop browsers and iPad portrait */
}

@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
}

@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
}

@media all and (max-width: 240px) {
    /* styles for smaller devices */
}