@font-face { font-family: 'Mj_AramcoLight'; src: url('../_fonts/Mj_AramcoLight.eot'); font-family: 'Mj_AramcoLight'; src: local('?'), url('../_fonts/Mj_AramcoLight.woff') format('woff'), url('../_fonts/Mj_AramcoLight.ttf') format('truetype'), url('../_fonts/Mj_AramcoLight.svg') format('svg'); font-weight: normal; font-style: normal; }
* { padding: 0; margin: 0; }
.clr { clear: both; }
.fleft { float: left !important; }
.fright { float: right !important; }
body { overflow-x: hidden; }
.container_220 .owl-carousel { z-index: 1; position: relative; width: 100%; display: none }
.container_220 .owl-carousel .owl-stage { position: relative }
.container_220 .owl-carousel .owl-stage:after { height: 0; line-height: 0; visibility: hidden; clear: both; display: block; content: "." }
.container_220 .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; max-height: 400px !important; }
.container_220 .owl-stage-outer { height: auto !important }
.container_220 .owl-carousel .owl-controls .owl-nav .owl-prev, .container_220 .owl-carousel .owl-controls .owl-nav .owl-next, .container_220 .owl-carousel .owl-controls .owl-dot { cursor: pointer }
.container_220 .owl-carousel.owl-loaded { display: block }
.container_220 .owl-carousel.owl-loading { display: block; opacity: 0 }
.container_220 .owl-carousel.owl-hidden { opacity: 0 }
.container_220 .owl-carousel .owl-refresh .owl-item { display: none }
.container_220 .owl-carousel .owl-item { float: left; min-height: 1px; position: relative }
.container_220 .owl-carousel .owl-item img { display: block }
.container_220 .owl-carousel.owl-rtl { direction: rtl }
.container_220 .owl-carousel.owl-rtl .owl-item { float: right }
.container_220 .no-js .owl-carousel { display: block }
.container_220 .owl-carousel .owl-video-wrapper { background: #000; height: 100%; position: relative }
.container_220 .owl-theme .owl-controls { position: absolute; bottom: 10px; right: 50%; }
.container_220 .owl-theme .owl-controls .owl-nav .disabled { cursor: defult; opacity: .5 }
.container_220 .owl-theme .owl-dots .owl-dot { display: inline-block }
.container_220 .owl-theme .owl-dots .owl-dot span { transition: opacity 200ms ease; display: block; background: #d6d6d6; margin: 5px 3px; height: 13px; width: 13px; border: 1px solid #fff; }
.container_220 .owl-theme .owl-dots .owl-dot.active span, .container_220 .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
.item a img { width: 100%; height: auto; }
/*start css for category*/
.category-resize { background-color: #000; padding-top: 80px; padding-bottom: 40px; }
.container_197 .slidernav a:active { box-shadow: 1px 1px 0 rgba(0,0,0,0.2) }
.container_197 .c { color: #e61511 }
.container_197 .fright { float: right }
.container_197 .crsl-item p.readmore a:hover { background: #4b6caa; color: #fff }
.container_197 .border { outline: 1px solid #fff; outline-offset: -6px; }
.container_197 .content { margin: 0 auto; max-width: 1200px }
.container_197 .crsl-item h3 { margin-bottom: 12px; line-height: 1.25em; font-size: 1.95em }
.container_197 .crsl-item p { margin: 0 auto; line-height: 2.75em; width: 200px; background-color: #c2c2c2; height: 2.75em; overflow: hidden; }
.container_197 .crsl-item .thumbnail:hover img { opacity: 0.8 }
.container_197 .crsl-items { padding-bottom: 20px; display: block }
.container_197 .crsl-item .thumbnail { position: relative; margin-bottom: 10px; display: block; cursor: pointer; width: 240px; height: 300px; margin: 20px auto; background-color: #3a3a3a; float: none !important; }
.container_197 .slidernav { margin-bottom: 5px; display: block; position: relative; }
.container_197 .color { text-align: center; text-align: center !important; background-color: #f7f6f4 }
.container_197 a { text-decoration: none }
.container_197 .crsl-item h3 a { text-decoration: none; color: #333 }
.container_197 .crsl-item h3 a:hover { text-decoration: underline }
.container_197 .crsl-item .postdate { text-shadow: 1px 1px 0 rgba(0,0,0,0.4); right: 0; position: absolute; padding: 6px; font-weight: bold; background: #4e90da; font-size: 1.2em; display: block; color: #fff; bottom: 0 }
.container_197 .crsl-item { box-sizing: border-box; height: 300px !important; }
.container_197 .color img { box-sizing: border-box }
.container_197 .slidernav a { text-decoration: none; display: inline-block; color: #666; }
.container_197 .crsl-item p.readmore a { -webkit-transform: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; padding: 3px 5px; font-weight: bold; float: right; display: block; color: #4e90da }
.container_197 .crsl-item .thumbnail img { height: 200px; width: 200px; margin: 15px auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: block; padding-top: 20px; }

@media screen and (max-width: 895px) and (min-width: 770px) {
.container_197 .color img { margin: 0 }
}

@media screen and (max-width: 895px) and (min-width: 770px) {
.container_197 .crsl-item p { margin-bottom: 0px }
}

@media screen and (max-width: 660px) {
.container_197 h1 { font-size: 2.4em; line-height: 1.2em }
}

@media screen and (max-width: 660px) {
.container_197 .crsl-item h3 { font-size: 1.65em }
}
.leyer1_40 { padding: 20px 0; background-image: url(../images/parallax-img1_40.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center }
.leyer2_40 { padding: 20px 0 }
.leyer3_40 { padding: 20px 0; background-image: url(../images/parallax-img2_40.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center }
.leyer4_40 { padding: 20px 0 }
.leyer5_40 { padding: 20px 0; background-image: url(../images/parallax-img3_40.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center }
.bitem1_40 { min-height: 300px }
.bitem2_40 { min-height: 300px }
.bitem3_40 { min-height: 300px }
.bitem4_40 { min-height: 300px }
.bitem5_40 { min-height: 300px; width: 98% }
.bitem6_40 { min-height: 300px }
.floatr_40 { float: right }

@media screen and (max-width:767px) {
.size_40 { width: 100% !important }
}
.leyer0_40 { padding: 20px 0 }
.bitem0_40 { width: 100%; min-height: 200px }
.borderall_40 { text-align: center }
.previous .fa-angle-left { font-size: 30px; }
.previous { position: absolute; left: 0; top: 150px; }
#navbtns .previous { position: absolute; top: -180px; left: 0 !important; }
#navbtns .previous i { font-size: 30px !important; }
#navbtns .nextt i { font-size: 30px !important; }
#navbtns .nextt { position: absolute; top: -180px; right: 0 !important; }
/*start css for cosial box*/
.social-box { width: 100%; background-image: url(../images/social-back.jpg); background-repeat: repeat; padding-top: 15px; padding-bottom: 40px; text-align: center; }
.social-box .title1 { height: 1px; background-color: #000; position: relative; margin-top: 20px; margin-bottom: 30px; }
.social-box .title1 .title1-text { font-family: Mj_AramcoLight; font-size: 20px; margin-bottom: 10px; position: absolute; background-image: url(../images/social-back.jpg); top: -15px; left: 38%; padding: 0 50px; }
.social-box .title2 { font-family: Mj_AramcoLight; font-size: 14px; color: #727272; margin-bottom: 10px; }
.social-box .title3 { font-family: arial; font-size: 11px; color: #8f8f8f; }

@media screen and (max-width:850px) {
.social-box .title1 { height: auto; background-color: transparent; position: relative; margin-top: 20px; margin-bottom: 30px; text-align: center; }
.social-box .title1 .title1-text { font-family: Mj_AramcoLight; font-size: 20px; margin-bottom: 10px; position: relative; background-image: none; top: 0; left: 0; padding: 0; }
}
.social-icon { list-style: none; margin-top: 20px; }
.social-icon li { display: inline; padding: 0 15px; }
.social-icon li i { font-size: 35px !important; font-family: FontAwesome !important; }
.social-icon li:nth-child(5) i { font-size: 30px !important; }
.social-icon li:nth-child(1) { color: #4e598f; }
.social-icon li:nth-child(2) { color: #95255f; }
.social-icon li:nth-child(3) { color: #65a2d9; }
.social-icon li:nth-child(4) { color: #e50000; }
.social-icon li:nth-child(5) { color: #12a0bf; }
/*start css for about box*/
.about-box { width: 100%; background: url(../images/about-back.jpg) repeat; padding-top: 40px; padding-bottom: 40px; }
.about-box p { text-align: justify; direction: rtl; color: #fff; line-height: 2.5em; font-size: 17px; font-weight: bold; }
/*start css for article box*/
.total_129 .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; }
a { text-decoration: none; color: inherit; text-decoration: none; color: inherit; text-decoration: none; color: inherit; text-decoration: none; color: inherit; text-decoration: none; color: inherit; color: inherit }
.total_129 .news { background-color: #ffffff; width: 100%; }
.total_129 .nowl { margin-bottom: 5%; }
.total_129 .prev { transition: all 0.2s ease; display: inline-block; overflow: hidden; box-sizing: border-box; padding: 0; position: relative; cursor: pointer; text-align: center; height: 23px; width: 23px; background-color: #5f5f61; border: 1px solid #eeeeee; }
.total_129 .prev .fa-chevron-left { line-height: 23px !important; color: #eeeeee; text-align: center !important; font-size: 14px !important; }
.total_129 .next:hover, .prev:hover { transition: all 0.2s ease; color: #2fa0e6; cursor: pointer; }
.total_129 .customNavigation { float: right; margin: 40px auto 0; z-index: 200; overflow: hidden; text-align: center; position: relative; height: 45px; width: 100%; margin-bottom: 20px; }
.total_129 .next { transition: all 0.2s ease; display: inline-block; overflow: hidden; box-sizing: border-box; padding: 0; position: relative; cursor: pointer; text-align: center; height: 23px; width: 23px; border: 1px solid #eeeeee; background-color: #5f5f61; }
.total_129 .next .fa-chevron-right { line-height: 23px !important; color: #eeeeee !important; font-size: 14px !important; }
.total_129 .time p { margin-left: 10px; margin-top: 58px; text-align: center; color: #ffffff; }
.total_129 .box-news { width: 98% !important; margin-left: 20px; background-color: #fff; float: right; padding: 15px; }
.total_129 .news-a p { padding-top: 8px; }
.total_129 .list5info { overflow: visible; width: inherit; }
.total_129 .list5info h3 br { display: none; }
.total_129 .col4list { margin-bottom: 30px; }
.total_129 .box2 { margin-bottom: 20px; }
.total_129 .box3 .title7 { margin-top: 10px; line-height: 16px; margin-left: 0; display: block; }
.total_129 .news-a { margin: 0 auto; color: #fff3f8; background-color: #2098d1; border-radius: 10px; text-align: center; font-size: 20px; height: 50px; width: 200px; }
.total_129 .list_carousel .caroufredsel_wrapper { margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important; margin: 35px auto 0 !important }
.total_129 .list_carousel li a .texts1, .caruselbuttons { left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px; left: 20px }
.total_129 .caruselbuttons { margin-left: -115px; left: 50%; margin-left: -115px; left: 50%; }
.total_129 #owl-demo .item { margin: 10px; color: #FFF; padding: 0px; margin-left: 30px; border: 1px solid #ccc; }
.total_129 .owlbox { margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0; margin-left: 0 }
.total_129 img { max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100%; max-width: 100% }
.total_129 .owl-carousel .owl-wrapper:after { height: 0; line-height: 0; visibility: hidden; clear: both; display: block; content: "."; }
.total_129 .owl-carousel { width: 100%; position: relative; }
.total_129 .owl-carousel .owl-wrapper { -webkit-transform: translate3d(0px, 0px, 0px); position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px); }
.total_129 .owl-carousel .owl-wrapper-outer { width: 100%; position: relative; overflow: hidden; }
.total_129 .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -webkit-transition: height 500ms ease-in-out; }
.total_129 .owl-carousel .owl-item { float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left; float: left }
.total_129 .owl-controls .owl-page, .total_129 .owl-controls .owl-buttons div { cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer }
.total_129 .project-desc { width: 100%; height: 60px; background-color: #fff; border: 1px solid #ccc; text-align: center; }
.box_161 .project-desc { width: 100%; height: 60px; background-color: #fff; border: 1px solid #ccc; text-align: center; }
.box_161 .box-news { width: 90%; float: right; margin-bottom: 20px; }
.total_129 .news-a:hover { height: 50px; width: 200px; background-color: #ffba00; margin: 0 auto; color: #fff3f8; border-radius: 10px; text-align: center; font-size: 20px; cursor: pointer; }

@media screen and (max-width: 1200px) and (min-width:230px) {
.total_129 .img-caruusel { float: left }
}
.article-resize { width: 100%; background-color: #909090; }
.news { background-color: transparent !important; }
.item .box { padding: 0 !important; margin: 0 !important; }
.item { padding: 0 !important; margin: 0 !important; }
.project-desc a.title { line-height: 60px; font-weight: bold; }
.project-desc p { float: right !important; margin: 0 10px; color: #7b7b7b; text-align: right !important; }
.customNavigation p { display: inline; text-align: center; }
.cover_45 { background-position: center center; background-repeat: no-repeat; background-size: cover }
.wrapper-1075_45 { padding: 10px; float: right; position: relative; margin: 0 auto; height: 200px; width: 200px }
.overlay_45 { z-index: 2; left: 0; bottom: 0; right: 0; left: 0; top: 0; position: absolute }
.overlay_45:before { transform: scale(0, 1); -webkit-transform: scale(0, 1); border-bottom: 1px solid #fff; border-top: 1px solid #fff; transition: opacity 0.35s ease, -webkit-transform 0.35s ease; -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease; z-index: 1; opacity: 0; content: ''; left: 21px; bottom: 21px; right: 21px; top: 21px; position: absolute }
.overlay_45:after { transform: scale(1, 0); -webkit-transform: scale(1, 0); border-left: 1px solid #fff; border-right: 1px solid #fff; transition: opacity 0.35s ease, -webkit-transform 0.35s ease; -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease; z-index: 1; opacity: 0; content: ''; left: 21px; bottom: 21px; right: 21px; top: 21px; position: absolute }
.overlay-color_45 { transition: opacity .35s; -moz-transition: opacity .35s; -o-transition: opacity .35s; -webkit-transition: opacity .35s; -webkit-transition: pacity .35s; opacity: 0; background: #000; left: 0; bottom: 0; right: 0; top: 0; position: absolute }
.color1_45 { background-color: rgba(240,78,5,0.5) }
.overlay-content_45 { direction: rtl; text-align: right; transform: translate3d(-40px, 0, 0); -webkit-transform: translate3d(-40px, 0, 0); transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; opacity: 0; color: #fff; right: 15px; bottom: 27px; z-index: 4; position: absolute }
.overlay-content h3 small { margin-top: 4px; line-height: 1.15em; color: #6c6c6c; font-style: italic; display: block; font-size: 18px }
.overlay-content_45 h3 a { display: block }
.overlay-content_45>a { letter-spacing: 1px; padding: 13px 0; display: block; font-weight: 700; font-size: 13px }
.overlay-content_45>a.light_45 { transition: all .15s; -ms-transition: all .15s; -o-transition: all .15s; -moz-transition: all .15s; -moz-transition: all .15s; -webkit-transition: all .15s; opacity: 0.7 }
.overlay-content_45>a.light_45:hover { opacity: 1 }
.overlay-content_45 .hr_45 { margin-top: 8px; background: #fff; height: 1px; width: 42px; display: block; border: none; margin: 0 }
.overlay-content_45 hr { margin-top: 8px; background: #fff; height: 1px; width: 42px; display: block; border: none; margin: 0; margin: 0 }
.fig-hover-item_45 .fig_45 { width: 100%; margin: 0 }
.fig-hover-item_45 .fig_45 img { height: auto; width: 100%; }
.fig-hover-item_45 .caption_45 { text-align: center; z-index: 1; color: #000; font-size: 14px; line-height: normal; font-weight: 700; right: 0; bottom: -40px; left: 0; position: absolute }
.fig-hover-item_45>.full-link_45 { z-index: 1 }
.fig-hover-item_45:hover .overlay-color_45 { opacity: 0.9 }
.fig-hover-item_45:hover .overlay_45:before { transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s; transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
fig-hover-item_45:hover .overlay_45:after { transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s; transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.fig-hover-item_45:hover .overlay-content_45 { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); opacity: 1 }
.full-link_45 { z-index: 3; left: 0; bottom: 0; right: 0; top: 0; position: absolute }
.grid-col-50_45 .content-grid-item_45 { height: auto }
.grid-col-50_45 .content-grid-item_45 .fig_45 { position: relative }
.grid-col-50_45 .content-grid-item_45 img { display: block }
.home-portfolio_45 { float: right; height: 100%; width: 100%; margin-bottom: 80px; }
.home-portfolio_45 .fig-hover-item.height-380_45 { height: 200px }

@media screen and (max-width:767px) {
.fig-hover-item_45 { height: auto !important }
}

@media screen and (max-width:767px) {
.fig-hover-item_45 .fig_45 img { display: block }
}

@media screen and (max-width:767px) {
.fig-hover-item_45 .caption_45 { font-size: 11px; padding: 0 0 10px 15px }
}
.fig-hover-item_45 { height: 200px; width: 200px; line-height: normal; position: relative; clear: both }
.item .fig-hover-item_45 { height: auto; width: 100%; }
.overlay-content_45 a.light_45 { color: #fff }
.overlay-content h3 { color: #6c6c6c; margin: 0; font-weight: 400; font-size: 18px }
.product-box { padding-right: 6%; }

@media screen and (max-width: 600px) {
.wrapper-1075_45 { float: none !important; }
}
.article-title { text-align: right; color: #5c5c5c; font-weight: bold; font-size: 17px; direction: rtl; float: right; margin-top: 20px; margin-right: 20px; }
.article-title:hover { color: #2fa0e6; }
.article-date { text-align: right; color: #8c8c8c; direction: rtl; }
.article-desc { text-align: right; color: #000; direction: rtl; margin-top: 30px; margin-right: 20px; }
a.more { color: #5c5c5c; float: right; margin-top: 20px; margin-right: 20px; border-top: 3px solid #00db00; }
a.more:hover { color: #2fa0e6; }
.articlebox-title { height: 1px; background-color: #fff; margin-top: 15px; }
.articlebox-title p { font-family: Mj_AramcoLight; color: #fff; font-size: 14px; padding: 0 40px; background-color: #909090; position: absolute; top: 3px; right: 40%; }
.title-cat { padding: 0 20px; }

@media screen and (max-width: 1200px) {
.title-cat { padding: 0 10px !important; }
.articlebox-title p { right: auto !important; position: relative; padding: 0 !important; }
.articlebox-title { background-color: transparent !important; }
}
/*start css for slider*/
button, hr, input { overflow: visible }
audio, canvas, progress, video { display: inline-block }
progress, sub, sup { vertical-align: baseline }
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
menu, article, aside, details, footer, header, nav, section { display: block }
h1 { font-size: 2em; margin: .67em 0 }
figcaption, figure, main { display: block }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent; -webkit-text-decoration-skip: objects }
a:active, a:hover { outline-width: 0 }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
dfn { font-style: italic }
mark { background-color: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative }
sub { bottom: -.25em }
sup { top: -.5em }
audio:not([controls]) { display: none; height: 0 }
img { border-style: none }
svg:not(:root) { overflow: hidden }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { }
button, select { text-transform: none }
[type=submit], [type=reset], button, html [type=button] { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:ButtonText dotted 1px
}
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { }
textarea { overflow: auto }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
summary { display: list-item }
[hidden], template { display: none }
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slider-wraper { width: 100vw; height: 100vh; }
.slider--item { width: 100vw; height: 100vh; background-repeat: no-repeat; background-size: cover; }
.slick-slide { position: relative; outline: none; z-index: 1; }
.slick-slide.slick-current { z-index: 2; }
.slick-arrow { position: absolute; width: 150px; top: 0; height: 100%; border: none; outline: none; background-color: rgba(255, 255, 255, 0); text-indent: -9999px; z-index: 999; cursor: pointer; visibility: hidden; }
.slider-wrapper:hover .slick-arrow { visibility: visible; }
.slick-arrow:before { content: ""; position: absolute; display: block; width: 42px; height: 42px; top: 50%; margin-top: -21px; -webkit-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -khtml-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -moz-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -ms-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -o-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; }
.slick-arrow:after { content: ""; position: absolute; display: block; height: 2px; width: 160px; top: 50%; background-color: white; -webkit-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -khtml-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -moz-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -ms-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; -o-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out; opacity: 0; }
.slick-arrow.slick-prev { left: 0; }
.slick-arrow.slick-prev:before { border-top: 2px solid white; border-left: 2px solid white; left: 50px; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.slick-arrow.slick-prev:after { left: 300px; }
.slick-arrow.slick-prev:hover:before { left: 120px; }
.slick-arrow.slick-prev:hover:after { left: 113px; opacity: 1; width: 80px; }
.slick-arrow.slick-next { right: 0; }
.slick-arrow.slick-next:before { border-bottom: 2px solid white; border-right: 2px solid white; right: 50px; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.slick-arrow.slick-next:after { right: 300px; }
.slick-arrow.slick-next:hover:before { right: 120px; }
.slick-arrow.slick-next:hover:after { right: 113px; opacity: 1; width: 80px; }
.slick-dots { padding: 0; margin: 0; width: 100%; position: absolute; bottom: 30px; text-align: center; }
.slick-dots li { display: inline-block; vertical-align: middle; margin: 0 6px; }
.slick-dots li.slick-active button { background-color: #000; height: 13px; width: 13px; }
.slick-dots li.slick-active button:hover { background-color: white; }
.slick-dots li button { outline: none; display: block; width: 14px; height: 14px; border: 1px solid white; background-color: #ccccccc; text-indent: -9999px; cursor: pointer; -webkit-transition: all, 0.2s, ease-in 1s ease-in-out; -khtml-transition: all, 0.2s, ease-in 1s ease-in-out; -moz-transition: all, 0.2s, ease-in 1s ease-in-out; -ms-transition: all, 0.2s, ease-in 1s ease-in-out; -o-transition: all, 0.2s, ease-in 1s ease-in-out; transition: all, 0.2s, ease-in 1s ease-in-out; visibility: hidden; }
.slider-wrapper:hover .slick-dots li button { visibility: visible !important; }
.slick-dots li button:hover { background-color: rgba(255, 255, 255, 0.5); }
/*start css for article page*/
.article-boxx { background-color: #f9f9f9; border-top: 5px solid #1bc01d; }
.article-date { border-top: 1px solid #c8c8c8; text-align: left; padding-left: 30px; }
.article-date p { line-height: 50px; }
.article-text { width: 95%; float: right; text-align: justify; direction: rtl; }
.article-text-inner { min-height: 145px; }
.article-image img { }
.article-image { border: 2px solid #B3B3B3; width: 148px !important; height: 148px; margin-right: 20px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; }
.article-image:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; }
.article-image:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; }
.article-title a::before { content: ""; display: inline-block; font: 400 30px/19px "FontAwesome"; margin: 0px 13px 0px 0px; position: relative; vertical-align: top; transform: rotate(180deg); margin-top: 4px; margin-left: 10px; }
.article-title { margin-bottom: 10px; }
/*start css for article show*/
.article-show { background-color: #f9f9f9; margin-bottom: 20px; text-align: right; direction: rtl; padding: 30px; }
h1.pages-title { color: #1bc01d; }
.article-title1 { color: #1bc01d; font-size: 17px; font-weight: bold; }
.article-link { color: #1bc01d; font-weight: bold; }
.related-title { text-align: right; direction: rtl; line-height: 3em; font-size: 20px; color: #1bc01d; }
/*start css for footer*/
.footer-resize { width: 100%; background-color: #000;margin-top:0 !important; }
.access-title { font-family: Mj_AramcoLight; color: #a8f400; font-size: 20px; text-align: right; margin-top: 15px; }
ul.access { width: 90%; float: right; background-color: #333333; margin-top: 30px; margin-bottom: 30px; }
ul.access li { text-align: right; color: #fff; width: 85%; margin: 0 auto; border-bottom: 1px solid #484646; }
ul.access li a { line-height: 40px; }
#newsletter input { width: 90%; float: right; text-align: right; padding-right: 10px; background-color: #333333; color: #fff; border: none; height: 30px; }
#newsletter{ margin-top:30px; margin-bottom:30px;}
#refreshimg111{ color:#fff;}
#newsletter input.sabt{ padding-right:0 !important; text-align:center !important; background-color:#059605; float:left !important;}
input.name-box2{ float:left !important;}
.newsletter-pic{ width:100%; height:auto;}
.answer{ color:#fff; text-align:center;}
@media screen and (max-width: 760px) {
	ul.access{ float:none !important; margin:0 auto !important; margin-top:30px !important;}
}
@media screen and (max-width: 600px) {
	#newsletter{ width:90% !important; margin:0 auto !important; margin-bottom:20px;}
	#newsletter input{ width:100% !important; margin-top:10px;}
	.news-refresh i{ margin-top:10px;}
	.captcha-img{ margin-top:10px;}
	#refreshimg111{ text-align:center;}
	
}