body {
    direction: rtl;
    font-family:'Alef Hebrew', sans-serif;
}
h1,h2,h3
{
  font-family:'Open Sans Hebrew', sans-serif;
}

h1
{
  color:#fff;
  font-size:80px;
  font-weight:700;
  text-transform:uppercase;
  position:relative;
  z-index:150;
  margin-bottom:20px;
  text-shadow: 1px 1px 3px #000000;
}

h1.small
{
  font-size:40px;
  margin-bottom:40px;
  text-shadow: 1px 1px 3px #000000;
}

h2
{
  font-size:60px;
  font-weight:700;
  color:#434343;
  text-transform:uppercase;
  text-align:center;
  margin-top:90px;
  margin-bottom:80px;
}

h2.white
{
  color:#fff;
}

span.lines
{
  border-top:1px solid #aeaeae;
  border-bottom:1px solid #aeaeae;
}

h3
{
  font-size:30px;
  text-transform:uppercase;
  font-weight:600;
  color:#434343;
}

h3.white
{
  color:#fff;
}

h4
{
  font-family:'Alef Hebrew', sans-serif;
  font-size:36px;
  font-weight:600;
  color:#fff;
  text-transform:uppercase;
}

h5
{
  font-family:'Alef Hebrew', sans-serif;
  font-size:24px;
  font-weight:600;
  text-transform:uppercase;
  color:#fff;
}

p
{
  font-family:'Alef Hebrew', sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:23px;
  color:#3d3d3d;
}

p.white
{
  color:#f9f9f9;
}

.button1,input[type="submit"],input[type="reset"],input[type="button"]
{
  background:#3a3a3a;
  border:0;
  color:#fff;
  display:inline-block;
  font-size:15px;
  font-weight:400;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  margin-bottom:20px;
  line-height:normal;
  padding:6px 10px;
  font-family:'Alef Hebrew', sans-serif;
}

.button1:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover
{
  color:#3a3a3a;
  background:#e8e8e8;
  border:0;
}

.button1:active,button1:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active
{
  color:#3a3a3a;
  background:#e8e8e8;
  border:0;
}

.button2
{
  background:#e8e8e8;
  border:0;
  color:#3a3a3a;
  display:inline-block;
  font-size:15px;
  font-weight:400;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  line-height:normal;
  padding:6px 10px;
  font-family:'Alef Hebrew', sans-serif;
}

.button2:hover
{
  color:#e8e8e8;
  background:#3a3a3a;
  border:0;
}

.button1::-moz-focus-inner,input::-moz-focus-inner
{
  border:0;
  padding:0;
}

.action
{
  margin-top:50px;
  padding:40px 0 20px;
  text-align:center;
  border-top:1px solid #d3d3d3;
}

.action p
{
  font-size:22px;
  font-weight:600;
  color:#515151;
}

.action p.white
{
  color:#ececec;
}

p.separator
{
  font-size:30px;
  font-weight:600;
  font-style:italic;
  color:#fff;
  line-height:38px;
  text-transform:uppercase;
  position:relative;
  z-index:200;
  text-align:center;
  padding-top:240px;
}

#separator1
{
  width:100%;
  height:500px;
  position:relative;
}

#separator1 .bg2
{
  background: url(../images/002.png) repeat fixed #ea7900;
  margin:0 auto;
  padding:0;
  position:absolute;
  z-index:200;
  width:100%;
  height:500px;
}

#separator2
{
  width:100%;
  height:500px;
  position:relative;
}

#separator2 .bg3
{
  background:#2c0571;
  margin:0 auto;
  padding:0;
  position:absolute;
  z-index:200;
  width:100%;
  height:500px;
}

#separator3
{
  width:100%;
  height:500px;
  position:relative;
}

#separator3 .bg4
{
  background:url(../images/004.png) repeat fixed #91a200;
  margin:0 auto;
  padding:0;
  position:absolute;
  z-index:200;
  width:100%;
  height:500px;
}

nav
{
  background:#fff;
  width:100%;
  position:relative;
  z-index:1000;
  text-align:center;
  height:38px;
  -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
  box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
}

nav ul
{
  padding-top:10px;
}

nav ul li
{
  display:inline;
  border-left:1px solid #e6e6e6;
  padding:11px 10px 8px;
  margin:0;
}

nav ul li:first-child
{
  border-right:1px solid #e6e6e6;
}

nav a
{
  font-family:'Alef Hebrew', sans-serif;
  font-size:16px;
  color:#515151;
  font-weight:300;
  text-decoration:none;
}

nav a:visited
{
  color:#515151;
}

nav a:hover
{
  color:#000;
}

#intro
{
  width:100%;
  height:690px;
  text-align:center;
}

.title
{
  background: url(../images/001.png) repeat fixed #5a016d;
  position:fixed;
  width:100%;
  text-align:center;
  z-index:150px;
  padding-top:70px;
  top: 0;
  height: 690px;
}

.intro-line
{
  position:relative;
  z-index:150;
  border-top:1px solid #ededed;
  width:60%;
  margin:0 auto 50px;
}

.title p
{
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto;
    position: relative;
    text-shadow: 1px 1px 3px #000000;
    width: 85%;
    max-width: 670px;
    z-index: 150;
    font-weight: 600;
}

.social-intro
{
  margin-top:45px;
  position:relative;
  z-index:150;
}

.social-intro ul li
{
  display:inline;
  margin:0 5px;
}

.social-intro a
{
  opacity:0.7;
}

.social-intro a:hover
{
  opacity:1;
}

#work
{
  background:#fff;
  position:relative;
  z-index:300;
  padding-top:20px;
  padding-bottom:40px;
  -webkit-box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
  box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
}

.flexslider
{
  margin-top:40px;
  direction: ltr;
}

p.mid-text
{
  margin-top:40px;
}

.portfolio
{
  text-align:center;
  margin-top:40px;
}

p.proj-title
{
  margin-bottom:5px;
  padding-bottom:2px;
  border-bottom:1px solid #d3d3d3;
  font-weight: bold;
}

p.proj-desc
{
  margin-bottom:35px;
  padding-bottom:2px;
  border-bottom:1px solid #d3d3d3;
  height: 50px;
}

#services
{
  background:url(../images/003.png) repeat fixed #4811AE;
  position:relative;
  z-index:300;
  padding-top:40px;
  padding-bottom:40px;
  -webkit-box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
  box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
}

.serv-list
{
  text-align:center;
  margin-top:60px;
}

.serv-list h4
{
  margin-bottom:50px;
}

.serv-list p
{
  margin-top:35px;
}

.pricing
{
  text-align:center;
  margin-bottom:20px;
}

.pricing h3
{
  margin-top:70px;
  margin-bottom:60px;
}

p.p-name
{
  background:blue repeat;
  font-size:22px;
  font-weight:600;
  text-transform:uppercase;
  padding:12px 0 8px;
  margin:0;
  color:#fff;
}

p.p-price
{
  background:yellow repeat;
  font-size:28px;
  font-weight:600;
  text-transform:uppercase;
  color:#fff;
  padding:20px 0 16px;
  margin:0;
}

span.p-small
{
  font-size:14px;
  color:#a0a0a0;
}

.pricing ul
{
  background:pink repeat;
  margin:0;
}

.pricing ul li
{
  font-size:14px;
  text-transform:uppercase;
  color:#d7d7d7;
  border-bottom:1px solid #333;
  padding:10px 0;
  margin:0;
}

.signup
{
  padding:14px 0;
  margin-bottom:30px;
}

.signup button2
{
  margin:0;
}

.signup
{
  background:purple repeat;
}

#about
{
  background:#fff;
  position:relative;
  z-index:300;
  padding-top:40px;
  padding-bottom:40px;
  -webkit-box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
  box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
}

.skills
{
  margin-top:50px;
}

.skills h3
{
  text-align:center;
  margin-bottom:30px;
}

.skills p
{
  font-size:14px;
  text-transform:uppercase;
  margin:0;
  line-height:18px;
}

.skill-bg
{
  background:#e5e5e5;
  position:relative;
  width:100%;
  height:31px;
  margin-bottom:15px;
}

.skill1
{
  background:#d1d1d1;
  width:63%;
  height:31px;
}

.skill2
{
  background:#c8c7c7;
  width:72%;
  height:31px;
}

.skill3
{
  background:#bdbdbd;
  width:77%;
  height:31px;
}

.skill4
{
  background:#b3b2b2;
  width:85%;
  height:31px;
}

.skill5
{
  background:#a9a8a8;
  width:90%;
  height:31px;
}

.team
{
  margin-top:60px;
  text-align:center;
}

.team h3
{
  margin-bottom:50px;
}

p.t-name
{
  font-size:20px;
  font-weight:600;
  text-transform:uppercase;
  color:#424242;
  margin-top:15px;
  margin-bottom:0;
}

p.t-type
{
  font-size:16px;
  font-weight:300;
  font-style:italic;
  color:#707070;
  margin-bottom:10px;
}

.team ul
{
  margin-bottom:10px;
}

.team ul li
{
  display:inline;
  margin:0 3px;
}

.team ul a:hover
{
  opacity:0.7;
}

#contact
{
  background:url(../images/bg-dark.jpg) repeat;
  position:relative;
  z-index:300;
  padding-top:20px;
  -webkit-box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
  box-shadow:0 0 16px 0 rgba(0,0,0,0.9);
}

.done
{
  font-family:'Alef Hebrew', sans-serif;
  color:#fff;
  font-size:14px;
  margin-bottom:15px;
  padding:10px;
  display:none;
}

.contact-form
{
  position:relative;
  z-index:300;
  margin-top:20px;
}

.contact-form p
{
  font-family:'Alef Hebrew', sans-serif;
  font-size:14px;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:2px;
}

.contact-form input
{
  background:url(../images/cont-form-bg.jpg) repeat;
  width:98%;
  height:28px;
  margin-bottom:10px;
  padding-left:4px;
  font-family:'Alef Hebrew', sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff;
  border:0;
}

.contact-form textarea
{
  background:url(../images/cont-form-bg.jpg) repeat;
  margin-bottom:10px;
  padding-left:5px;
  font-family:'Alef Hebrew', sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff;
  width:98%;
  height:125px;
  border:0;
}

.contact-form input.submit-button
{
  background:#e8e8e8;
  border:0;
  color:#3a3a3a;
  display:inline-block;
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  margin-bottom:20px;
  line-height:0;
  padding:3px 4px;
  font-family:'Alef Hebrew', sans-serif;
  width:110px;
  height:24px;
}

.contact-form input.submit-button:hover
{
  color:#e8e8e8;
  background:#3a3a3a;
  border:0;
}

.contact-info
{
  margin-top:50px;
}

.contact-info h5
{
  margin-bottom:40px;
}

.contact-info img
{
  vertical-align:middle;
  margin-right:10px;
}

.social
{
  padding-top:15px;
}

.social ul li
{
  display:inline;
  margin-right:5px;
}

.social img:hover
{
  opacity:0.7;
}

.copyright
{
  border-top:1px solid #858585;
  text-align:center;
  margin-top:30px;
  padding-top:30px;
}

.copyright p
{
  color:#858585;
  font-size:14px;
}

@media only screen and max-width 959px {
  .title
  {
    position:relative;
  }
}

@media only screen and min-width 768px and max-width 959px {
  
}

@media only screen and max-width 767px {
  
}

@media only screen and min-width 480px and max-width 767px {
  
}

@media only screen and max-width 479px {
  #intro
  {
    height:430px;
  }
  
  .title
  {
    position:relative;
    padding-top:30px;
  }
  
  .intro-line
  {
    display:none;
  }
  
  h1
  {
    font-size:60px;
    margin-bottom:20px;
  }
  
  h1.small
  {
    font-size:30px;
    margin-bottom:20px;
  }
  
  .title p
  {
    font-size:18px;
    line-height:28px;
  }
  
  nav ul li
  {
    padding-left:5px;
    padding-right:5px;
  }
}.container .column, .container .columns {
    float: right;
}
#work h5 {
    color: #3D3D3D;
}
.portfolio img {
    border: 1px solid #d3d3d3;
}
#contact_form {
    font-family: Verdana, Arial, "Times New Roman";
    font-size: 12px;
    color: #666;
}
/** FORM STYLES GENERAL **/
#contact_form input, select, textarea {
    font-size: 11px;
    color:#fff;
    width: 90%;
    height: 28px;
    border: #CCC solid 1px;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contact_form input:hover, select:hover, textarea:hover {
    border: 1px solid #999;
}

#contact_form input:focus, select:focus, textarea:focus {
    border: 1px solid #999;
}

/** FORM STYLE: select **/
#contact_form select {
    padding: 5px 5px 3px 5px;
}
#contact_form select option {
    cursor: pointer;
    padding: 5px;
}
/** FORM STYLE: textarea **/
#contact_form textarea {
    height: 80px;
    padding: 4px 2px 2px 4px;
    font-family: Verdana, Arial, "Times New Roman";
}
/** FORM STYLE: input **/
#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
	 background-color: #195F88;
}

input#send {
    padding:0;
    cursor:pointer;
    width:135px;
    height: 23px;
}

#contact_form label {
	clear: both;
    display: block;
    vertical-align: top;
}
/** CONTAINER OF INPUTS **/
#contact_form span {
    border:0;
    padding:0;
    margin:0;
    display: block;
    margin-bottom: 10px;
}

/*#name {
    background-image: url(../assets/img/contact/user_suit.png);
}

#email {
    background-image: url(../assets/img/contact/email.png);
}

#phone {
    background-image: url(../assets/img/contact/phone.png);
}*/

#ajax_loader {
    display:none;
}

.success {
    border: 1px solid #00CC00 ;
    color:#4F8A10;
    background: #F2FFF2;
    display:none;
    margin-top: 3px;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.error {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    border: 1px solid #FF4F4F;
    color:#D6000E;
    background: #FFF2F2;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.warning {
 background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;
    border-radius: 5px 5px 5px 5px;
    color: #FF0000;
    display: none;
    font-size: 11px;
    font-weight: bold;
    margin-top: 3px;
    padding: 5px;
    text-align: center;
    width: 94%;
/** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contact_form .noicon {
    padding: 0px 7px 0 7px;
    text-align:center;
}
label {
    color: #ffffff;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    color: #c5c5c5;
}