/* ===== Reset & Basics ========================================================
   ========================================================================== */
html{height: 100%;width:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0; }

.clearfix:before,.clearfix:after{content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.clearfix:after {clear: both; }
.clearfix {zoom: 1; }

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
body {
font-family:Tahoma;
color:#5e5e5e;
font-size:12px;
padding:0;
margin:0 auto;
direction: rtl;
overflow-x: hidden;
}
p{margin: 0 0 15px 0;}
a{
color:white;
outline: none;
}
a:hover {
color:#ff4a47;
}
ul{margin:0 20px 0 0;}
.blue{color: #3fa9f5;}
.container {
position:relative;
width:970px;
margin: 0 auto;
}

header{
position: fixed;
height: 202px;
z-index: 100;
width:100%;
top:0;
left:0;
background-color: white;
border-bottom: solid 1px #3fa9f5;
-webkit-box-shadow:inset 0 -10px 10px -10px rgba(63,169,245,.25);
-moz-box-shadow:inset 0 -10px 10px -10px rgba(63,169,245,.25);
box-shadow:inset 0 -10px 10px -10px rgba(63,169,245,.25);
}
#header-top{
height: 88px;
border-bottom: solid 1px #d2d0d0;
background: url(../images/bg-header.png) no-repeat center bottom;
}
#logo{
float: left;
width:220px;
margin:0;
padding: 0;
}
#btn-contact{
float: right;
width:293px;
margin-top:18px;
height: 42px;
background: url(../images/btn-contact.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#btn-contact:hover{opacity: 0.9;}

header nav{height: 113px;overflow: hidden;width:100%;}
header nav ul{
list-style: none;
padding: 0;
margin: 0;
}
header nav ul li{
display: inline-block;
margin-right:24px;
font-size: 13px;
color: #3c3c3c;
}
header nav ul li:first-child{margin-right: 0;}
header nav ul li:hover/*,header nav ul li.active*/{
border-bottom:solid 4px #fe6446; 
}
header nav ul li a{
display: block;
text-decoration: none;
font-size: 13px;
color: #3c3c3c;
padding: 62px 5px 5px 5px;
text-align: center;
}
header nav ul li a:hover{
text-decoration: none;
color: #3c3c3c;

}
header nav ul li.item1 a{background: url(../images/menu-item1.png) no-repeat center 13px;}
header nav ul li.item2 a{background: url(../images/menu-item2.png) no-repeat center 13px;}
header nav ul li.item3 a{background: url(../images/menu-item3.png) no-repeat center 16px;}
header nav ul li.item4 a{background: url(../images/menu-item4.png) no-repeat center 13px;}
header nav ul li.item5 a{background: url(../images/menu-item5.png) no-repeat center 13px;}
header nav ul li.item6 a{background: url(../images/menu-item6.png) no-repeat center 16px;}
header nav ul li.item7 a{background: url(../images/menu-item7.png) no-repeat center 13px;}

#main{
margin-top:190px;
}

#slider{
border-bottom: solid 1px #d2d0d0;
height: 394px;
}
#slides {display: none;}
#slides div{height: 394px !important;}
.slidesjs-navigation{visibility: hidden;}
.slidesjs-pagination {
margin: 12px 0 0 48%;
list-style: none;
}
.slidesjs-pagination li {
float: left;
margin: 0 5px;
}
.slidesjs-pagination li a {
display: block;
width: 10px;
height: 0;
padding-top: 10px;
background-image: url(../images/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -10px;}

#about{margin-top:70px;}
.box{margin-bottom: 25px;}
.box-img{
float: right;
width:320px;
}
.box-text{
float: right;
width:620px;
line-height: 17px;
}
.box-title1{
background: url(../images/logo1.jpg) no-repeat right top;
width:249px;
height: 81px;
text-indent: -9999px;
overflow: hidden;
margin:0 0 10px 0;
}
.box-title2{
background: url(../images/title2.jpg) right top;
width:240px;
height: 37px;
text-indent: -9999px;
overflow: hidden;
margin:0 0 15px 0;
}
.box-gray{
background-color: #f6f6f6;
border-top: solid 1px #d2d0d0;
margin-top:30px;
padding:25px 0 10px 0;
}

#boxes{
background: url(../images/sep.jpg) no-repeat center top;
padding-top:82px;
}
#boxes .box{
background: url(../images/sep1.png) no-repeat center bottom;
margin:20px 0 10px 0;
}
#boxes .box:last-child{background: none;}
.box.left .box-img{float: left;}
.box.left .box-text{float: left;}
#boxes .box-img{
text-align: center;
}
#boxes .box-text h2{
color: #ff5838;
font-size: 20px;
margin: 0 0 20px 0;
font-weight: normal;
}
#boxes .box-text{
font-size:14px;
line-height: 22px;
}

#form{
background: #48adf5;
height: 400px;
margin-top:10px;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.25), inset 0 2px rgba(255,255,255,.34);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.25), inset 0 2px rgba(255,255,255,.34);
box-shadow: 0 1px 10px rgba(0,0,0,.25), inset 0 2px rgba(255,255,255,.34);
border: solid 1px rgba(147,147,147,.65);
position: relative;
}
#footer-links{
float: left;
text-align: left;
width:460px;
margin:35px 0 0 30px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
text-shadow: 0 1px rgba(0,0,0,.32);
}
#footer-links a,#footer-links a:hover{text-decoration: none;color: white;}
#footer-btns{margin-top:30px;}
#footer-btns a{
display: block;
float: left;
width:94px;
margin:0 20px;
}
#footer-btns a:hover{opacity: 0.9;}

#form-right{
position: absolute;
top:-24px;
right: -135px;
height: 366px;
width:394px;
background: url(../images/bg-form.png) no-repeat;
padding:60px 220px 0 0;
}
#form-right h2{
background: url(../images/form-title.png) no-repeat;
width:294px;
height: 39px;
overflow: hidden;
text-indent: -9999px;
margin-bottom: 30px;
}
#form-right .unstyled{margin:0;}
#form-right li{margin-bottom: 20px;position: relative;}
#form-right input[type=text]{
width: 266px;
height: 24px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #fff;
-webkit-box-shadow: 0 0 15px rgba(213,121,104,.75), inset 0 1px 3px rgba(0,0,0,.75);
-moz-box-shadow: 0 0 15px rgba(213,121,104,.75), inset 0 1px 3px rgba(0,0,0,.75);
box-shadow: 0 0 15px rgba(213,121,104,.75), inset 0 1px 3px rgba(0,0,0,.75);
border: solid 1px rgba(178,59,37,.62);
color: #5a5a5a;
font-family: arial;
font-size: 19px;
padding:10px 10px 10px 10px;
margin:0;
}
#form-right .submit input[type=submit]{
width: 290px;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #43abf5;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.45);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.45);
box-shadow: 0 2px 3px rgba(0,0,0,.45);
border: solid 1px #1466a0;
color: white;
text-shadow: 0 1px rgba(0,0,0,.32);
font-family: arial;
font-size: 19px;
cursor: pointer;
}
#form-right .submit input[type=submit]:hover{opacity: 0.9;}
#form-right .error{color: white;padding-right: 10px;}
#form-right label.error{display: block;position: absolute;bottom:-15px;right:0;}

::-webkit-input-placeholder {color: #5a5a5a;}
:-moz-placeholder { /* Firefox 18- */color: #5a5a5a;  }
::-moz-placeholder {  /* Firefox 19+ */color: #5a5a5a;  }
:-ms-input-placeholder {  color: #5a5a5a;  }

.container-iframe {
  align-content: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 25%;
  padding-bottom: 0%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
}

.box-text-iframe h2{
text-align: right;
z-index: 1000;
color: #ff5838;
font-size: 20px;
margin: 20px 50px 0 0;
padding: 0 0 0 0;
font-weight: normal;
}