.container{ }
@media (max-width: 769px) {
.hidden-xs {
display: none !important;
}
}
@media (max-width: 770px) {
.visible-xs { 
display: block !important;
}
}
*{
padding: 0;
margin: 0;
}
a{
text-decoration: none;
transition: all 0.3s ease 0s;
}
a:hover{
text-decoration: none;
transition: all 0.3s ease 0s;
}
img{
}
ul,ol{
padding: 0;
margin: 0;
}
p{
font-weight: normal !important;
font-size: 18px;
line-height: 1.7;
direction: rtl;
font-family: Changa;
}
.col-xs-12{
padding: 0;
} @font-face {
font-family: 'mic';
src: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/fonts/MicrosoftUighur.eot);
src: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/fonts/MicrosoftUighur.woff2) format('woff2'),
url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/fonts/MicrosoftUighur.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'mic';
src: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/fonts/MicrosoftUighur.woff) format('woff'),
url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/fonts/MicrosoftUighur.ttf) format('truetype'),
url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/fonts/MicrosoftUighur.svg#MicrosoftUighur) format('svg');
font-weight: normal;
font-style: normal;
}
body{
color: #000;
font-size: 14px;
font-family: 'Changa', sans-serif;
padding: 0;
margin: 0;
text-align: right;
} header{
background-color: #3c617c;
padding: 0 15px ;
min-height: 150px;
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/header.png);
background-repeat: repeat-x;
background-position: top;
margin: 0;
}
header .row{
position: relative;
}
.head{
float: right;
padding: 0 15px;
position: relative;
}
@media (max-width: 769px) {
.head,header{
padding: 0;
min-height: 0;
}
}
.head img.logo{
position: absolute;
top: 0;
left: 0;
z-index: 99;
height: auto;
width: 100%;
}
@media (max-width: 769px) {
.head img.logo{
}	
}
.head p{
width: 100%;
font-size: 11px;
padding: 18px 5px 0;
text-align: right;
direction: rtl;
color: #4a6a83;
}
@media (max-width: 769px) {
.head p{
width: 100%;
font-size: 10px;
padding: 18px 5px 9px;
text-align: center;
direction: rtl;
color: #4a6a83;
}	
}
.head p a{
color: #4a6a83;
text-decoration: none;
}
.head p a:hover{
color: #e1b401;
text-decoration: none;
}
.head .login{
padding: 20px 0 0 0;
}
@media (max-width: 769px) {
.head .login{
padding: 20px ;
overflow: hidden;
}	
}
.login h4{
color: #92a5b2;
font-size: 16px;
}
.head label{
display: none;
}
.head p.login-username,
.head p.login-password,
.head p.login-remember{
width: 60% !important;
float: right;
padding: 0;
margin: 0;
}
.head .input{
width: 100%;
background: #527996 !important;
float: right;
padding: 1px 10px;
border-radius: 15px;
border: none;
color: #3c617c;
text-align: right;
direction: rtl;
font-size: 13px;
outline: none;
margin: 5px 0  0 0;
}
.head p.login-submit{
width: 40%;
float: left;
position: absolute;
top: 60px;
left: 0;
}
@media (max-width: 769px) {
.head p.login-submit{
top: 6px;
}
}
.head .button{
width: 60px;
height: 60px;
line-height: 30px;
background: #527996 !important;
float: none;
padding: 1px 10px;
border-radius: 50%;
border: none;
color: #3c617c;
text-align: center;
direction: rtl;
font-size: 14px;
outline: none;
margin: auto ;
display: block;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: inherit !important;
background-image: none !important;
color: rgb(0, 0, 0) !important;
} .cool{
display: block;
direction: ltr;
padding: 40px 0 10px 0;
text-align: center;
}
@media (max-width: 769px) {
.cool{
padding: 5px 0 10px 0;
}	
}
.cool .fa,.word .fa{
font-size: 15px;
width: 25px;
height: 25px;
transition: all 0.5s ease 0s;
line-height: 25px;
text-align: center;
color: #e8e8e8;
display: inline-block;
margin: 0px;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 5px;
background: inherit;
opacity: 0.5;
}
.cool .fa:hover,.word .fa:hover{
text-decoration: none;
transition: all 0.5s ease 0s;
background: #fff;
opacity: 1;
color: #437495;
border-color: #437495;
} .fa-bars{
margin: 10px auto;
color: #fff;
text-align: center;
font-size: 25px;
cursor: pointer;
}
.navbarheader{
display: block;
padding: 0 15px;
}
@media (max-width: 769px) {
.navbarheader{
display: none;
margin: 0;
}	
}
.navbarheader ul{
list-style: none;
display: block;
direction: rtl;
position: relative;
}
.navbarheader ul li{
display: block;
float: right;
position: relative;
list-style: none;
}
@media (min-width: 769px) {
.navbarheader ul li.full{
position: initial
}
.navbarheader ul li.full ul{
width: 100%;
column-count: 3;
background: #f1f1f1;
}
}
.navbarheader ul li a{
padding: 15px;
color: #fff;
text-decoration: none;
display: block;
}
.navbarheader li ul{
display: none;
}
.navbarheader li:hover ul{
display: block;
width: 220px;
padding: 20px 0;
position: absolute;
right: 0;
top: 40px;
z-index: 999;
}
.navbarheader li li{
float: none;
display: block;
}
.navbarheader li li a{
display: block;
color: #3c617c;
background-color: #f1f1f1;
text-decoration: none;
font-size: 13px;
padding: 5px 10px;
}
@media (max-width: 769px) {
.navbarheader ul{
padding: 20px;
width: 100%;
}
.navbarheader ul li{
display: block;
width: 100%;
float: none;
list-style: none;
}
.navbarheader ul li a{
padding: 15px;
width: 100%;
text-align: center;
border-bottom: 1px solid #436a87;
}
.navbarheader li:hover ul{
display: block;
width: 100%;
padding: 20px 0;
position: relative;
right: auto;
top: auto;
}
}
.navbarheader ul li:hover > a{
color: #e1b401;
text-decoration: none;
}
.navbarheader ul li.current-menu-item > a{
color: #e1b401;
text-decoration: none;
}
.navbarheader .fa{
font-size: 20px;
} .slaider{
position: relative;
clear: both;
display: block;
border-radius: 10px !important;
padding: 0;
background-color: #3c617c;
overflow: hidden;
}
.slaider img{
width: 100%;
height: auto;
}   .zs-enabled{position:relative}.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}.zs-enabled.overlay-plain .zs-slideshow:after{background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/plain.png)}.zs-enabled.overlay-dots .zs-slideshow:after{background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/dots.png)}
#demo-1 {
position: relative; overflow: hidden; width: 100%;
min-height: 310px;
background-color: #000;
}
.zs-enabled .zs-slideshow .zs-bullets {
position: absolute;
z-index: 20;
bottom: 15px;
left: 0;
width: 100%;
text-align: center;
display: block;
}
.zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide {
opacity: 1;
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
display: inline-block;
cursor: pointer;
border: none;
width: 14px;
height: 14px;
border-radius: 50%;
margin: 10px 5px 0;
background: #c1ad88;
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{
background: #fff;
}
#demo-1{
min-height: 310px;
}
@media (max-width: 769px) {
#demo-1{
min-height: 220px;
}
}    .news{
background-color: #f2f2f2;
border-radius: 10px;
min-height: 45px;
margin: 10px 0;
overflow: hidden;
}
.news i{
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/bateen_01_11.jpg);
background-repeat: no-repeat;
background-position: right;
float: right;
font-size: 18px;
color: #fff;	
height: 45px;
padding: 10px 0 0 0;
text-align: center;
font-style: inherit;
}
.news .owl-theme .owl-controls{
display: none !important;
}
.news a{
padding: 10px ;
text-decoration: none;
color: #3c617c;
display: inline-block;
}
.news a:hover{
text-decoration: none;
color: #e4b005;
}
.content,.sidbars{
float: right;
padding: 25px 10px;
}
.widgit{
background-color: #3c617c;
padding: 50px 0 10px;
border-radius: 10px;
overflow: hidden;
margin: 0 0 25px;
position: relative;
}
.widgit h4{
color: #fff;
display: block;
padding: 15px;
position: absolute;
top: 0;
right: 0;
width: 100%;
font-size: 16px;
margin: 0;
font-weight: normal;
text-align: right;
direction: rtl;
}
.cont{
background-color: #f2f2f2;
border-radius: 10px;
min-height: 50px;
padding: 15px;
}
.cont ul{
list-style: none;
display: block;
}
.cont ul li{
list-style: none;
display: block;
float: none;
}
.cont ul li a{
display: inline-block;
padding: 3px 15px 3px 3px;
position: relative;
font-size: 14px;
text-decoration: none;
color: #3c617c;
}
.cont ul li a:hover{
text-decoration: none;
color: #6ab84b;
}
.cont ul li a:after{
content: "";
background-color: #6ab84b;
position: absolute;
top: 10px;
right: 0;
width: 5px;
height: 5px;
}
.cont img{
width: auto;
max-width: 100%;
display: block;
margin: 5px auto ;
} .title-num{
display: block;
color: #3c617c;
margin: 20px 0;
text-align: center;
font-size: 17px;
}
.num{
background-color: #fff;
color: #68b34c;
border: 1px solid #eeeeee;
font-family: tahoma;
font-size: 16px;
font-weight: bold;
text-align: center;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
margin: auto;
display: block;
} .aboutus{
background-color: #f8f8f8;
border-radius: 10px;
}
.aboutus img{
float: right;
margin: 15px 20px;
display: block;
}
@media (max-width: 769px) {
.aboutus img{
float: none;
margin: 15px auto;
display: block;
max-width: 100%;
}
}
.aboutus span{
background-color: #fff;
border-radius: 15px;
padding: 20px;
text-align: right;
direction: rtl;
display: flex;
box-shadow: 0 0 10px #ddd;
min-height: 230px;
color: #3d627c;
position: relative;
}
.aboutus strong{
display: block;
padding: 0;
margin: 0 0 0 ;
font-size: 20px;
font-weight: normal;
width: 100%;
text-align: right;
}
.aboutus p{
width: 100%;
display: block;
padding: 0 0 15px 0;
}
.aboutus a{
padding: 5px 15px;
box-shadow: 0 0 10px #ddd;
background-color: #fff;
border-radius: 10px;
color: #3d627c;
text-decoration: none;
position: absolute;
bottom: -10px;
left: 30px;
} .bodycont{
background-color: #eeeeee;
border-radius: 15px;
padding: 25px;
text-align: right;
direction: rtl;
margin: 30px 0 ;
} .serv2{
float: right;
padding: 15px;
position: relative;
color: #000;
text-align: center;
}
.serves{
background: #437495;
width: 200px;
height: 200px;
transition: all 0.5s ease 0s;
max-width: 100%;
margin: 0 auto;
display: block;
float: none;
padding: 1px;
border-radius: 0 20%; 
}
.serv2:hover .serves{
transition: all 0.5s ease 0s;
background: #ffad00;
}
.serv2 img{
width: 200px;
height: 200px;
max-width: 100%;
border-radius: 50%;
display: block;
}
.serv2 span{
display: block;
font-size: 16px;
padding: 10px;
margin: 0;
min-height: 70px;
}
section{
display: block;
clear: both;
padding: 60px 15px;
}
.about{
background-color: #3f5376;
text-align: center;
display: block;
position: relative;
direction: rtl;
color: #fff;
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/about.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}
.about .row{
position: relative;
}
.about h1{
display: block;
padding: 0 15px 25px;
text-align: center;
direction: rtl;
font-size: 25px;
}
.about p{
padding: 10px 15px 50px;
display: block;
direction: rtl;
margin: 0 auto;
display: block;
line-height: 2;
max-width: 850px;
}
.about i{
position: absolute;
bottom: -110px;
left: 0;
font-style: italic;
right: 0;
z-index: 99;
}
.about a{
width: 110px;
height: 110px;
text-align: center;
text-decoration: none;
color: #437495;
border: 5px solid #5675ae;
margin: 0 auto;
background: #fff;
font-style: italic;
border-radius: 50%;
display: block;
font-size: 16px;
padding: 25px 5px;
} .servies{
background: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
text-align: center;
background-size: cover;
display: block;
color: #3f5378;
}
.servies h1{
display: block;
padding: 15px;
font-size: 25px;
margin: 0;
font-weight: normal;
}
.servies i{
display: block;
padding: 0 15px 50px;
font-weight: normal;
}
.serv{
padding: 15px;
float: right;
text-align: right;
display: block;
border-radius: 14px !important;
direction: rtl;
position: relative;
overflow: hidden;
}
.serv img{
border-radius: 14px !important;
width: 100%;
height: 250px;
}
.serv span{
color: #fff;
padding: 80px 20px 20px;
position: absolute;
left: 15px;
min-height: 140px;
right: 15px;
transition: all 0.5s ease 0s;
font-size: 18px;
bottom: 15px;
z-index: 9;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background: linear-gradient(163deg, rgba(63,81,117,0) 40%,rgba(63,81,117,1) 40%);
}
.serv:hover span{
min-height: 150px;
transition: all 0.5s ease 0s;
} .sup{
background: #fff;
color: #3f5376;
text-align: center;
direction: ltr;
}
.sup h1{
display: block;
padding: 15px;
font-size: 25px;
margin: 0;
font-weight: normal;
}
.sup i{
display: block;
padding: 0 15px 50px;
font-weight: normal;
}
.sup .block{
float: right;
padding: 0;
}
.projects{
float: right;
padding: 5px;
transition: all 0.5s ease 0s;
background: #ebedec;
overflow: hidden;
}
.projects:hover{
transition: all 0.5s ease 0s;
background: #437495;
}
.projects img{
width: 100%;
transition: all 0.5s ease 0s;
height: 220px;
}
.projects2 img{
height: 450px;
}
.projects span{
position: absolute;
bottom: -100px;
left: 5px;
right: 5px;
padding: 25px;
background: #437495;
transition: all 0.5s ease 0s;
color: #fff;
text-align: right;
display: block;
direction: rtl;
font-size: 16px;
}
.projects:hover span{
bottom: 0px;
transition: all 0.5s ease 0s;
}
.projects:hover img{
transform: scale(0.95);
transition: all 0.5s ease 0s;
}
.block2{
direction: ltr !important;
}
@media (max-width: 769px) {
.projects img{
width: 100%;
height: 220px !important;
}
} .order{
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/bg2.jpg);
background-position: center bottom;
text-align: right;
direction: rtl;
color: #fff;
padding: 40px 20px;
font-size: 25px;
line-height: 1.6;
} .orderbox{
float: right;
padding: 15px;
}
.orderbox img{
margin: -15px auto 0;
display: block;
max-width: 100%;
}
.orderbox a{
background: #dd695c;
font-size: 18px;
color: #fff;
padding: 20px 15px;
border-radius: 10px;
display: block;
text-align: center;
text-decoration: none;
direction: rtl;
}
.orderbox a:hover{
text-decoration: none;
opacity: 0.7;
} .tab{
background: #dfdfdf;
padding: 0;
margin: 0;
}
.tab .nav-tabs{
border: none;
text-align: center;
display: block;
direction: rtl;
margin: 0 auto;
}
.tab .nav-tabs li{
float: none;
display: inline-block;
}
.tab .nav-tabs li a{
padding: 40px 20px;
color: #405479;
font-size: 22px;
border-radius: 0;
border: none;
background: inherit;
display: block;
position: relative;
}
@media (max-width: 769px) {
.tab .nav-tabs li a{
padding: 25px 5px;
font-size: 15px;
}
}
.tab .nav-tabs li a:hover{
background: inherit;
}
.tab .nav-tabs > li.active > a,.tab  .nav-tabs > li.active > a:hover,.tab  .nav-tabs > li.active > a:focus{
background: inherit;
border: none;
position: relative;
color: #000;
}
.tab .nav-tabs > li.active > a:after{
content: "";
width: 0;
height: 0;
border: 10px solid;
border-color: transparent transparent #eaeaea;
position: absolute;
bottom: 0;
left: 48%;
z-index: 9;
}
.tab2{
background-color: #eaeaea;
padding: 40px 0 0 0;
}
.tab2 .row{
position: relative;
padding: 60px 15px;
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/bottom.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center bottom;
}
@media (max-width: 769px) {
.tab2 .row{
background-position: center 85%;
}
}
.tab2 img{
width: 100%;
transition: all 0.5s ease 0s;
padding: 1px;
height: 160px;
}
.tab2 img:hover{
transition: all 0.5s ease 0s;
background-color: #437495;
padding: 10px;
} .tab .owl-pagination{
display: none !important;
}
.tab .owl-prev,
.tab .owl-next{
background: inherit !important;
border: 1px solid #fff;
width: 60px;
height: 39px;
margin: 40px 0 0px !important;
border-radius: 0 !important;
position: relative;
opacity: 1 !important;
}
.tab .owl-prev:hover,
.tab .owl-next:hover{
opacity: 0.7;
}
.tab .owl-prev:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/fa5rAlaman_15.png);
background-repeat: no-repeat;
background-position: center;
}
.tab .owl-next:after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 99;
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/img/fa5rAlaman_17.png);
background-repeat: no-repeat;
background-position: center;
}
.tab .owl-theme .owl-controls{
position: absolute;
top: -120px !important;
left: 0 !important;
right: 0 !important;
z-index: 9999;
} footer{
clear: both;
display: block;
direction: rtl;
color: #fff;
background: #3c617c;
padding: 40px 15px;
} .foot{
float: right;
padding: 15px;
text-align: right;
display: block;
direction: rtl;
color: #fff;
font-size: 11px;
}
.foot img{
display:block;
margin: 50px auto 10px;
max-width: 100%;
}
.foot h2{
display: block;
color: #ffad00;
text-align: right;
direction: rtl;
font-size: 18px;
margin: 30px 0 20px;
}
.foot ul{
list-style: none;
display: block;
}
.foot ul li{
list-style: none;
display: block;
float: none;
}
.foot ul li a{
display: inline-block;
padding: 3px 15px 3px 3px;
position: relative;
font-size: 11px;
text-decoration: none;
color: #fff;
}
.foot ul li a:hover{
text-decoration: none;
color: #6ab84b;
}
.foot ul li a:after{
content: "";
background-color: #6ab84b;
position: absolute;
top: 7px;
right: 0;
width: 5px;
height: 5px;
} .headpage{
background: #ffad00;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
text-align: center;
color: #000;
font-size: 13px;
clear: both;
padding: 50px 15px 15px;
}
@media (max-width: 769px) {
.headpage{
padding: 130px 15px 15px;
}
}
.headpage h2{
color: #fff;
margin: 0 auto;
display: block;
padding: 15px 10px 10px ;
max-width: 900px;
font-size: 25px;
}
.headpage p{
color: #fff;
margin: 0 auto;
display: block;
padding:  0 10px 15px ;
max-width: 900px;
}
.headpage a{
text-decoration: none;
color: #fff;
}
.naav{
background-color: #437495;
padding: 0;
margin: 0;
} .word{}
.word ul,.word ol{
direction: rtl;
}
.word .blocks{
float: right;
padding: 15px;
text-align: right;
display: block;
direction: rtl;
text-align: right;
}
.word .nav-tabs{
text-align: right;
border: none;
width: 100%;
padding: 30px;
background-color: #f8f8f8;
}
.word .nav-tabs li{
text-align: right;
width: 100%;
display: block;
}
.word .nav-tabs li a{
color: #868686;
text-align: right;
display: block;
font-size: 14px;
padding: 10px 0;
background: inherit;
border: none;
}
.word .nav-tabs li a:hover{
color: #437495;
}
.word .nav-tabs > li.active > a,.word .nav-tabs > li.active > a:hover,.word .nav-tabs > li.active > a:focus{
color: #437495;
border: none;
background: inherit;
}
.tit,.title{
color: #437495;
text-align: right;
display: block;
font-size: 22px;
padding: 15px 0;
font-weight: normal;
background: inherit;
border: none;
}
.boxs{
border-left: 2px solid #eeeeee;
overflow: hidden;
display: block;
padding: 0 0 0 30px;
}
@media (max-width: 769px) {
.boxs{
border-left: none;
padding: 0 ;
}
}
.wpcf7-text,.wpcf7-textarea,select{
width: 100%;
display: block;
transition: all 0.5s ease 0s;
direction: rtl;
outline: none;
border: none;
border-bottom: 1px solid #dedede;
padding: 15px 0;
background: #fff;
max-height: 150px;
margin: 0 0 10px;
}
.wpcf7-text:focus,.wpcf7-textarea:focus{
transition: all 0.5s ease 0s;
border-bottom: 1px solid #437495;
}
.wpcf7-submit{
width: 100%;
display: block;
direction: rtl;
outline: none;
border: none;
padding: 25px 0;
color: #fff;
transition: all 0.5s ease 0s;
font-size: 25px;
text-align: center;
background: #437495;
max-height: 150px;
margin: 15px 0 0;
}
.wpcf7-submit:hover{
opacity: 0.7;
transition: all 0.5s ease 0s;
} .word .box{
float: right;
padding: 15px 0;
}
.word .box img{
max-width: 100%;
width: 80%;
height: auto;
display: block;
margin: 0;
padding: 0;
float: right;
}
@media (max-width: 769px) {
.word .box img{
max-width: 100%;
width: 100%;
height: auto;
display: block;
margin: auto;
padding: 0;
float: none;
}
}
.word .box ul{
list-style: none;
width: 100%;
direction: rtl;
display: block;
}
.word .box ul li{
border: 3px solid #fff;
background: #f4f4f4;
padding-right: 15px;
font-size: 12px;
overflow: hidden;
line-height: 2.2;
}
.word .box ul li span{
background: #f9f9f9;
border-right: 6px solid #fff;
line-height: normal;
padding: 5px 15px;
width: 65%;
min-height: 28px;
float: left;
margin: 0 5% 0 0;
}
.word .fa-star{
background: inherit;
color: #cd9e54;
float: right;
margin: 0 0 0 5px;
}
.word .block .nav-tabs{}
.word .block .nav-tabs li a{
padding: 20px;
background: #12684b;
color: #fff;
margin: 0 0 2px;
border-radius: 0;
border: none;
}
.block  .nav-tabs > li.active > a,.block  .nav-tabs > li.active > a:hover,.block  .nav-tabs > li.active > a:focus{
border: none;
color: #11694b;
background: #e0b87a !important;
}
.block .tab-pane{
padding: 25px;
min-height: 100px;
overflow: hidden;
}
@media (max-width: 769px) {
.block .tab-pane{
padding: 25px;
min-height: auto;
}
} .photos{
float: right;
padding: 0;
margin: 0;
border: 3px solid #f9f1e4;
overflow: hidden;
}
.photos img{
width: 100%;
height: 150px;
transition: all 0.5s ease 0s;
}
.photos img:hover{
transition: all 0.5s ease 0s;
transform: scale(1.2);
} .ordernow{
width: 80%;
display: block;
direction: rtl;
outline: none;
border: none;
padding: 30px 0;
color: #fff;
transition: all 0.5s ease 0s;
font-size: 25px;
text-align: center;
background: #437495;
margin: 15px auto 30px;
}
.ordernow:hover{
color: #fff !important;
transition: all 0.5s ease 0s;
opacity: 0.7;
}
@media (max-width: 769px) {
} .copy{
padding: 15px;
text-align: center;
display: block;
direction: rtl;
color: #ccc;
line-height: 2;
background-color: #000000;
text-decoration: none;
font-size: 11px;
}
@media (max-width: 769px) {
.copy{
text-align: center;
}	
}
.copy a{
color: #ccc;
text-decoration: none;
}
.copy a:hover{
color: #ccc;
text-decoration: none;
}
.copy .fa{
float: left;
font-size: 17px;
margin: 0 10px;
transition: all 0.5s ease 0s;
color: #cccccc;
}
.copy .fa:hover{
transition: all 0.5s ease 0s;
color: #33464d;
text-decoration: none;
}
@media (max-width: 769px) {
}         #vlb1overlay{
position:absolute;
top:0;
left:0;
z-index: 999999999999999999999999999999999999;
width:100%;
height:auto;
background-color:#000;
}
#vlb1lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:9999999999999999999999999999999999999;
text-align:center;
color:#151410;
line-height:0;
}
#vlb1lightbox td{
vertical-align:top;
}
#vlb1lightbox a, #vlb1lightbox a:hover {
border-bottom:none;
color:#FFFFFF;
text-decoration:underline;
}
#vlb1lightbox a img{ border:none;}
#vlb1outerImageContainer{
width:auto;
height:auto; margin:0 auto;
position:relative;
}
#vlb1lightboxImage{
width:100%;
height:100%;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#vlb1imageContainerMain{
margin:0 auto;
overflow:visible;
position:relative;
font-size:0; }
#vlb1imageContainer{
width:150px;
height:30px;
margin:0 auto;
overflow:hidden;
background-color:#fff;
position:relative;
font-size:0; border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#vlb1loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
font-size:10px;
z-index:1;
}
#vlb1loadingLink {
display:block;
margin:0 auto;
padding:0;
width:32px;
height:32px;
text-indent:-9999px;
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
#vlb1hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:9997;
}
#vlb1imageContainer>#hoverNav{ left:0;}
#vlb1prevLinkImg{
top:50%;
margin-top:-16px;
width:38px;
height:33px;
position:absolute;
z-index:9998;
outline-style:none;
display:block;
text-indent:-9999px;
background-position: 0 0; 
background:none;
}
#vlb1nextLinkImg{
top:50%;
margin-top:-16px;
width:38px;
height:33px;
position:absolute;
z-index:9998;
outline-style:none;
display:block;
text-indent:-9999px;
background-position: 100% 0; 
background:none;
}	
* html #vlb1prevLinkImg,* html #vlb1nextLinkImg{
background-image:url(data:image/gif;base64,AAAA); }
#vlb1prevLinkImg { left: 0px; }
#vlb1nextLinkImg { right: 0px; }
#vlb1imageContainerMain:hover #vlb1prevLinkImg:hover, 
#vlb1imageContainerMain:hover #vlb1prevLinkImg.hover, 
#vlb1imageContainerMain:hover #vlb1prevLinkImg:visited:hover { 
background-position: 0 100%;  
}
#vlb1imageContainerMain:hover #vlb1nextLinkImg:hover, 
#vlb1imageContainerMain:hover #vlb1nextLinkImg.hover, 
#vlb1imageContainerMain:hover #vlb1nextLinkImg:visited:hover { 
background-position: 100% 100%; 
} 
#vlb1imageContainerMain:hover #vlb1prevLinkImg{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/arrows.png);
background-position: 0 0;
}
#vlb1imageContainerMain:hover #vlb1nextLinkImg{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/arrows.png);
background-position: 100% 0;
}
* html #vlb1prevLinkImg{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/arrows.png);
}
* html #vlb1nextLinkImg{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/arrows.png);
} 
#vlb1imageDataContainer{
font: 20px 'Prosto One', "Comic Sans MS",cursive;
line-height: 22px;
color: #333333;
text-shadow: -1px 1px 1px #000;
width: auto;
position: absolute;
z-index:9999;
bottom: 25px;
left: 8px;
opacity:1;	
}
#vlb1imageData{
overflow:hidden;
background:#eeeeee;
background:-webkit-linear-gradient(270deg, #eeeeee, #BBBBBB);
background:-moz-linear-gradient(270deg, #eeeeee, #BBBBBB);
background:-o-linear-gradient(270deg, #eeeeee, #BBBBBB);
background:linear-gradient(to bottom, #eeeeee, #BBBBBB);
border-width: 1px;
border-style: solid;
border-color: #fafafa #cbc8c8 #bbbbbb #cbc8c8;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px; 	
text-align:center; 
position: relative;
z-index:9999;
margin-right: 8px;
}
#vlb1imageDetails{ width:100%; padding:0;}
#vlb1caption{
padding: 10px;
display:block;
text-align: right;
color: #000;
background-color: #d7d2d2;
direction: rtl;
font-family: flat;
}
#vlb1numberDisplay{ display:none;text-align:right;}
#vlb1detailsNav{display:none;}
#vlb1prevLinkDetails, #vlb1nextLinkDetails, #vlb1slideShowControl{display:none;}
#vlb1close{
position:relative;
width:100%;
height:0;
z-index:21;
}
#vlb1closeLink {
position:absolute;
top:8px;
right:7px;
display:block;
outline-style:none;
margin:0;
padding:0;
text-decoration:none;
width:38px;
height:33px;
background-position: 0 0;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close.png', sizingMethod='scale');
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/close.png);
background-repeat: no-repeat;
}
#vlb1closeLink:hover {
background-position: 0 100%;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close.png', sizingMethod='scale');	
background-image: url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/close.png);
background-repeat: no-repeat;
}   
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix {/*\*/height:1%;/**/}	
#vlb1outerImageFrame{
border:none;
height:100%;
width:100%;
position:absolute;
}
#vlb1outerImageContainer{
overflow:visible;
}
#vlb1outerImageContainer td{
text-align:center;
padding:0;
}
#vlb1lightboxFrameBody{
background-color:#FFFFFF;
padding: 10px;
}
#vlb1outerImageContainer td, #vlb1outerImageContainer tr{
font-size:0;
border:0 none;
}
#vlb1outerImageContainer td.tl, #vlb1outerImageContainer td.br{
height:7px;
width:7px;
}
.vlb{display:none;}
#vlb1outerImageContainer td.tl{
margin-top: 1px;
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderTopLeft.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopLeft.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.tc{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderTopCenter.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopCenter.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.tr{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderTopRight.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopRight.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.ml{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderMiddleLeft.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderMiddleLeft.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.mr{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderMiddleRight.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderMiddleRight.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.bl{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderBottomLeft.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomLeft.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.bc{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderBottomCenter.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomCenter.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.br{
background-image:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/images/borderBottomRight.png);
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomRight.png', sizingMethod='scale');
}  .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//baca.org.sa/wp-content/themes/bateen-dc.net.sa/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: empty 1ms both ease;
-moz-animation: empty 1ms both ease;
animation: empty 1ms both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
white-space : nowrap ;
}
.news {
max-height: 45px;
}