/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

@import url('https://fonts.googleapis.com/css?family=El+Messiri');



@font-face { font-family: 'ge_dinar_tworegular'; src: url('../fonts/ge_dinar_two_light-webfont.woff2') format('woff2'), url('../fonts/ge_dinar_two_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;  unicode-range: U+30-39;
}
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; height: 0 }
[hidden] {
display:none
}
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html, button, input, select, textarea { font-family: sans-serif }
body { margin: 0; margin: 0px; }
a:focus { outline: thin dotted }
a:active, a:hover { outline: 0 }
h6 { font-size: .67em; margin: 2.33em 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl, menu, ol, ul { margin: 0 0 }
dd { margin: 0 0 0 0px }
menu, ol, ul { padding: 0 0 0 0px }
nav ul, nav ol, li { list-style: none; list-style-image: none }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal; *margin-left:-7px
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle
}
button, input { line-height: normal; border: none; }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow:visible
}
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height:13px;
*width:13px
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] { -moz-appearance: textfield; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
html, body, form { width: 100%; height: 100%; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html, button, input, select, textarea { font-family: 'El Messiri', sans-serif; font-size: 14px; }
html, body, form { width: 100%; height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; font-family: 'El Messiri', sans-serif; font-size: 14px; color: #828282; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { text-decoration: none; }
a:focus { outline: thin dotted }
a:active, a:hover { outline: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

:focus::-webkit-input-placeholder {
color:transparent;
}
:focus::-moz-placeholder {
color:transparent;
}
:-moz-placeholder {
color:transparent;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 9999999; /* makes sure it stays on top */ }
#status { width: 100px; height: 100px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 46%; /* centers the loading animation vertically one the screen */ background-image: url(../images/loading2.gif);/* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin-left: -36px; }
#wrapper { width: 100%; height: auto; float: right; min-height: 100%; height: 100%; }
.main-warp { width: 100%; height: auto; float: right; min-height: 100%; overflow: hidden; }
.page { width: 100%; height: auto; float: right; padding-bottom: 285px; direction: rtl; }
a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; outline: none !important; }
h1, h2, h3, h4 { margin: 0px; padding: 0px; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
*:focus { outline: 0; }
body { font-family: 'El Messiri', sans-serif; }
.container { max-width: 1170px; margin: 0 auto; }
header { width: 100%; float: right; height: 183px; position: relative; z-index: 500; }
.hdr-top { width: 100%; float: right; padding-top: 15px; padding-bottom: 23px; }
.logo { float: right; }
.hdr-top-rgt { float: left; }
.hdr-top-rgt ul li h1 { font-size: 20px; color: #222222; text-transform: uppercase; padding-right: 37px; padding-top: 14px; direction: ltr; font-family: 'ge_dinar_tworegular'; font-weight: bold; }
.hdr-top-rgt ul li h1 a { color: #222222; }
.hdr-top-rgt ul li h1.icon1 { background: url(../images/icon1.png) no-repeat right 0px top 5px;     color: #31a3d9;}
.icon2 { background: url(../images/icon2.png) no-repeat right 0px top 5px; }
.hdr-top-rgt ul li h1 span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #31a3d9;
}

.hdr-top-rgt ul li p {
    padding-right: 38px;
}

.hdr-top-rgt ul { float: left; }
.hdr-top-rgt ul li { float: right; padding-right: 45px; display: inline-block; max-width: 340px; }
p { font-size: 13px; color: #818181; }
.hdr-bottom { width: 100%; float: right; height: 54px; background: #31a3d9; }
nav { width: 100%; height: auto; float: right; position: relative; }
nav > ul > li { float: right; color: #fff; font-size: 18px; text-transform: uppercase; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; position: relative; }
.child { position: absolute; top: 54px; background: rgba(239, 65, 120, 0.9); left: 0px; display: none; padding: 15px 25px; width: 360px; }
.child li { font-size: 14px; padding: 8px 0px; text-transform: none; border-bottom: 1px solid #f8abc3; }
.child li:last-child { border-bottom: none; }
.child li a { color: #fff; }
.child li a:hover { color: #a2daf5; }
nav > ul > li:hover { background: #f15285; }
nav > ul > li> a { color: #fff; padding: 14.5px 32px; display: inline-block; }
.banner { width: 100%; float: right; }
.welcome-sec { width: 100%; float: right; padding: 60px 0px; }
.welcome-lft { float: right; width: 45%; padding-left: 24px; }
.img-outer { float: left; position: relative; width: 100%; padding: 0 24px; }
.img-outer::after { content: ""; display: inline-block; width: 24px; border: 10px solid #ef4178; border-left: none; height: 80%; position: absolute; right: 0; top: 10%; }
.img-outer::before { content: ""; display: inline-block; width: 24px; border: 10px solid #ef4178; border-right: none; height: 80%; position: absolute; left: 0; top: 10%; }
.img-outer img { width: 100%; }
.welcome-rgt { float: right; width: 55%; padding-right: 38px; }
.welcome-rgt h2 { font-weight: 700; text-transform: uppercase; color: #e74b80; display: inline-block; padding-bottom: 15px; border-bottom: 1px solid #31a3d9; position: relative; margin-bottom: 22px; }
.welcome-rgt h2 span { color: #31a3d9; }
.welcome-rgt h2::after { content: ""; position: absolute; display: inline-block; width: 23px; height: 23px; background: url(../images/icon3.png) no-repeat 0px 0px; left: 50%; margin-left: -12px; bottom: -11px; }
.welcome-rgt p { padding-bottom: 30px; }
.welcome-rgt p span { font-size: 13px; text-transform: uppercase; color: #1e6587; }
.btn-blue { padding: 15px 48px; background: #31a3d9; font-size: 14px; text-transform: uppercase; color: #fff; float: right; }
.btn-blue:hover { background: #ef4178; }
.about-sec { width: 100%; float: right; padding: 49px 0px; background: url(../images/img2.jpg) no-repeat center 0px; background-attachment: fixed; position: relative; min-height:400px; margin-bottom: 52px; }
.about-sec-overlay { position: absolute; width: 100%; height: 100%; background: rgba(239, 65, 120, 0.8); top: 0; left: 0; padding: 70px 0px; }
.abt-lft { float: right; width: 20%; }
.abt-rgt { float: right; width: 79%; padding-right: 42px; }
.doc-img { width: 224px; height: 224px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.doc-img-outer { padding: 5px; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 237px; }
.abt-rgt h2 { font-size: 25px; color: #fff; font-weight: 700; text-transform: uppercase; text-shadow: 1px 1px #666; padding-bottom: 15px; }
.abt-rgt p { font-size: 16px; color: #f7e3e7; line-height: 32px; }
.inner-banner { width: 100%; height: auto; float: right; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); direction: ltr; }
.inner-banner h1 { width: auto; height: 55px; float: none; position: absolute; top: 50%; margin: -22px 0 0 0; background: #f25a8b; border-right: #31a3d9 solid 8px; color: #FFF; font-size: 24px; font-weight: 500; padding: 0 20px 0 20px; text-transform: uppercase; line-height: 55px; }
.inner-banner img { max-width: 100%; }
.content-area { width: 100%; height: auto; float: right; margin: 50px 0 0 0; }
.content-area h1 { width: 100%; height: auto; float: right; font-size: 30px; color: #525050; padding-bottom: 20px; }
.content-area p { width: 100%; height: auto; float: right; covlor: #747272; font-size: 15px; line-height: 24px; padding-bottom: 20px; }
.services-cont { width: 100%; height: auto; float: right; margin: 0px 0 0 0; }
.services-cont h2 { width: 100%; height: auto; float: right; font-size: 18px; color: #525050; line-height: 24px; padding-bottom: 20px; }
.services-cont h3 { width: 100%; height: auto; float: right; font-size: 14px; color: #525050; font-weight: 500; padding-bottom: 15px; }
.services-cont ul { width: 100%; height: auto; float: right; padding-bottom: 20px; }
.services-cont li { width: 100%; height: auto; float: right; background: url(../images/listing_item_ar.png) no-repeat top 4px right 0px; font-size: 15px; color: #747272; padding: 0 35px 15px 0px; line-height: 24px; }
.bdr-dtd { border-bottom: #f4779d dotted 1px; }
.accordion-content h2 { width: 100%; height: auto; float: right; font-size: 20px; color: #525050; padding: 24px 0px; font-weight: 700; }
.services-cont ul>li>ul { width: 100%; height: auto; float: right; padding-bottom: 0px; margin: 10px 0 0 0; }
.services-cont ul li ul li { width: 100%; height: auto; float: right; background: url(../images/sub_listing_ar.png) no-repeat right 0px top 5px; padding: 0px 35px 10px 0px; }
.cont-division { width: 100%; height: auto; float: right; padding: 0 0 20px 0; margin: 0 0 40px 0; }
.right-part { width: 52%; height: auto; float: right; padding-left: 70px; }
.image-cont { width: 48%; height: auto; float: right; }
.circle-outer { width: 100%; float: right; min-height: 310px; margin-top: -15px; }
.co2 { min-height: 360px; margin-top: -50px; }
.circle1 { width: 100%; display: table; padding-bottom: 30px; background: url(../images/shadow1.png) no-repeat right 40px top 250px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; padding-top: 10px; }
.circle2 { width: 100%; display: table; padding-bottom: 30px; background: url(../images/shadow1.png) no-repeat left 70px bottom -22px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; padding-top: 10px; }
.circle1 .img-blk { width: 256px; height: 256px; display: table-cell; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 2px solid #f25a8b; position: relative; }
.circle2 .img-blk { width: 307px; height: 307px; display: table-cell; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #f25a8b; position: relative; overflow: hidden; }
.circle1:hover { background-position: right 40px top 235px; padding-top: 0px; }
.circle2:hover { background-position: left 70px bottom -15px; padding-top: 0px; }
.circle2 .img-blk a, .circle1 .img-blk a { display: block; }
.circle1 .txt-blk { width: 55%; display: table-cell; vertical-align: middle; }
.circle2 .txt-blk { width: 55%; display: table-cell; vertical-align: middle; }
.circle1 .txt-blk p { font-size: 14px; font-weight: 400; padding-right: 60px; text-align: right; background: url(../images/arrowAr.png) no-repeat right 20px top 3px; }
.circle2 .txt-blk p { font-size: 14px; font-weight: 400; padding-left: 60px; text-align: left; background: url(../images/arrow2Ar.png) no-repeat left 20px top 3px; }
.circle-outer a { position: relative; }
.circle-outer a::after { content: ""; position: absolute; background: url(../images/zoom.png) no-repeat center center, rgba(242, 90, 139, 0.7); top: 0px; right: 0px; display: block; width: 100%; height: 100%; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.circle-outer a:hover::after { opacity: 1; }
.normal-circle-outer { margin: 0 auto; width: 409px; padding-bottom: 50px; /*background:url(../images/shadow2.png) no-repeat center 100%;*/ position: relative; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.normal-circle { overflow: hidden; width: 409px; height: 409px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #f25a8b; display: block; position: relative; z-index: 5; }
.dotted-li li { border-bottom: #f4779d dashed 1px; margin-bottom: 20px; }
.normal-circle img { transition: all 900ms ease-out 0s; -moz-transition: all 900ms ease-out 0s; -webkit-transition: all 900ms ease-out 0s; -o-transition: all 900ms ease-out 0s; display: block; max-width: 100%; z-index: 3; }
.part-50 { width: 50%; float: right; position: relative; height: 510px; }
.part-50 p { position: absolute; bottom: 0px; padding-bottom: 20px; }
.normal-circle:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.normal-circle-outer:hover { margin-top: -10px; background-position: center 97.5% }
.part-50 h3 { text-align: center; padding-bottom: 10px; }
.normal-circle a { display: block; position: relative; }
.normal-circle a::after { content: ""; position: absolute; background: url(../images/zoom.png) no-repeat center center, rgba(242, 90, 139, 0.7); top: 0px; left: 0px; display: block; width: 100%; height: 100%; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.normal-circle a:hover::after { opacity: 1; }
.cntr-hdr h2 { text-align: center; }
.compare-block { width: 100%; float: right; border: 1px solid #f4779d; display: table; }
.compare-block .block { width: 33.3%; float: none; border-left: 1px solid #f4779d; display: table-cell; vertical-align: top; }
.compare-block .block:first-child { border-left: none; }
.compare-block .block h2 { width: 100%; float: right; border-bottom: 1px solid #f4779d; padding: 10px; }
.compare-block .block ul { margin-left: 10px; margin-top: 10px; padding-right: 10px; width: auto; }
.compare-block .block ul li { background: url(../images/sub_listing_ar.png) no-repeat right 0px top 5px; }
.compare-block .block p { padding: 10px; }
.compare-block .block img { padding: 10px; margin: 0 auto; display: block; }
.faq-block-outer { width: 100%; padding-bottom: 50px; }
.faq-block-outer .accordionTab .accordion-header { background: #fff url(../images/dwn-arw2.png) no-repeat right 98% center; color: #626161; border: 1px solid #f25a8b; padding: 7px 20px; font-size: 18px; font-weight: 400; }
.faq-block-outer .accordionTab .accordion-header:hover { background-color: #fff; }
.faq-block-outer .accordionTab .active-header { background: #fff url(../images/up-arw2.png) no-repeat right 98% center; }
.faq-block-outer .accordionTab { margin-bottom: 15px; }
.faq-block-outer .accordionTab .accordion-content { padding: 30px 24px 0px 24px; }
.faq-block-outer .accordionTab .accordion-content ul { float: right; }
/* accordion */

/* faq page */


.accordionTab { width: 100%; height: auto; float: right; margin: 3px 0 0 0; padding: 0px 0px; }
.accordionTab .accordion-content { display: none; }
.accordionTab .accordion-header { color: #FFF; border: none; cursor: pointer; background: #f25a8b url(../images/dwn-arw-ar.png) no-repeat right 98% center; font-size: 22px; font-weight: 300; padding: 15px 20px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.accordionTab .active-header { background: #d84977 url(../images/up-arw-ar.png) no-repeat right 98% center; }
.accordionTab .accordion-header.trasilate { background: #f25a8b url(../images/dwn-arw.png) no-repeat left 98% center; }
.accordionTab .accordion-header.trasilate.active-header { background: #d84977 url(../images/up-arw.png) no-repeat left 98% center; }
.accordionTab .accordion-header:hover { background-color: #d84977; }
.accordionTab .accordion-content { float: right; line-height: 20px; padding: 30px 24px 30px 24px; }
.accordionTab .accordion-content p { padding: 0px 10px 10px 0px; font-size: 14px; color: #666666; line-height: 24px }
.accordionTab .accordion-content a { color: #666666; text-decoration: underline; }
.accordionTab .accordion-content a:hover { color: #31a3d9; }
.acco-faq { width: 100%; float: right; }
.acco-faq h2 { font-size: 18px; font-weight: 500; padding: 10px 0px; }
.accordionTab ul>li {/*border-bottom: #f4779d dotted 1px; */ padding: 0px 35px 20px 0px; background: url(../images/listing_item_ar.png) no-repeat top 0px right 5px; }
.accordionTab ul>li:last-child { border: none; }
/* end acc */


/* news page */


.news-cont { width: 100%; height: auto; float: right; overflow: hidden; }
.news-cont .news-listing { width: 107%; height: auto; float: right; margin: 0 0 0 -60px; }
.news-cont .news-listing>li { width: 50%; height: auto; float: right; border-bottom: #f4779d dotted 1px; padding: 50px 0px 50px 60px; margin: 0 0 0 0px; }
.news-cont .news-listing>li .date-box { width: 16%; max-width: 90px; height: 80px; float: right; background: #31a3d9; display: table; }
.date-box span { width: 100%; height: auto; float: none; display: table-cell; vertical-align: middle; color: #FFF; font-size: 18px; text-align: center; clear: both; }
.news-text { width: 78%; height: auto; float: left; }
.news-text h2 { width: 100%; max-height: 48px; float: right; font-size: 18px; color: #525050; font-weight: 500; overflow: hidden; text-overflow: ellipsis; line-height: 24px; }
.news-cont .news-listing li p { padding-top: 17px; max-height: 95px; overflow: hidden; text-overflow: ellipsis; }
.news-more { width: auto; height: auto; float: right; color: #31a3d9; font-size: 15px; border: #31a3d9 solid 1px; padding: 7px 30px; margin: 25px 0 0 0; }
.news-more:hover { background: #31a3d9; color: #fff; }
.contact-part { width: 100%; height: auto; float: right; }
.contact-right { width: 54%; height: auto; float: right; padding-bottom: 70px; }
.contact-right h2, .contact-right h3 { width: 100%; height: auto; float: right; font-size: 24px; color: #31a3d9; font-weight: normal; }
.contact-right h3 { color: #f25a8b; font-size: 19px; font-weight: 300; }
.form-listing { width: 100%; height: auto; float: right; margin: 15px 0 0 0px; }
.form-listing li { width: 48%; height: auto; float: right; margin: 30px 0 0 0px; }
.form-listing li .field { width: 100%; height: auto; float: right; border: #b0b0b0 solid 1px; border-radius: 3px; padding: 12px 10px 12px 0px; }
.form-listing li.fullWidth { width: 100%; }
.tex-area { height: 60px; margin: 0px; resize: none; }
.contact-right .tex-area { height: 145px !important; }
.btn, a.btn { width: auto; height: auto; float: right; background: #0088da; color: #FFF; font-size: 15px; padding: 14px 25px; border-radius: 4px; }
.message-btn, a.message-btn { background: #0088da url(../images/message.png) no-repeat 17px 15px; padding-left: 65px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.message-btn:hover, a.message-btn:hover { background-color: #f25a8b; }
.cont-left { width: 38%; height: auto; float: left; padding-top: 100px; }
.address-block { width: 100%; height: auto; float: right; }
.address-image { width: 56px; height: 60px; float: right; }
.fRight { float: left !important; }
.cont-left ul { width: 100%; float: right; }
.cont-left ul li { float: right; padding-bottom: 30px; width: 100%; }
.cont-left ul li .icon-blk { display: inline-block; margin-left: 26px; float: right; }
.cont-left ul li p { float: right; width: auto !important; padding-bottom: 0px; }
.cont-left ul li p a { color: #818181 !important; }
.cont-left ul li p span { font-size: 18px; color: #31a3d9; }
.cont-left ul li p span span { color: #f25a8b; }
.span1 { display: inline-block; color: #818181 !important; font-size: 15px !important; min-width: 60px; float: right; }
.phone-arabic { direction: ltr; font-family: 'ge_dinar_tworegular'; }
.phone-arabic span { font-family: 'El Messiri', sans-serif; }
#map-canvas { width: 100%; float: right; height: 405px; }
.news-detail li { width: 100% !important; border-top: 1px solid red; }
.news-detail .news-text { width: 90%; }
.news-detail li p { max-height: 100% !important; }
.quts { position: relative; padding-left: 40px; display: inline-block; padding-top: 40px; background: url(../images/q1Ar.png) no-repeat right top; color: #f25a8b !important; font-weight: 300; margin-bottom: 50px; padding-bottom: 50px !important; }
.quts::after { content: ""; width: 29px; height: 31px; background: url(../images/q2Ar.png) no-repeat 0px 0px; display: block; left: 96px; position: absolute; bottom: 20px; }
.listed-ul li { padding-right: 20px; font-size: 14px; background: url(../images/ftr-li-icon2.jpg) no-repeat right 0px top 7px; padding-bottom: 5px; }
.listed-ul { padding-bottom: 30px; }
.abt-rgt .btn-blue { padding: 7px 10px; margin-top: 10px; text-transform: none; }
.mid-txt { right: 159px; top: -7px; position: relative; font-size: 12px !important; }
.right-part ul li p { padding-bottom: 0px; }
 .blk-outer span { display: inline-block; width: 100% ; }
footer .blk-outer span { display: inline-block; width: 100% !important; }
.blk-outer span a { color: #FFF; }
.cv-outer { width: 100%; float: right; padding-bottom: 40px; }
.cv-img-outer { overflow: hidden; width: 250px; height: 250px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #31a3d9; display: block; position: relative; z-index: 5; margin: 0 auto; margin-bottom: 20px; }
.cv-top { width: 100%; float: right; }
.cv-top h2 { padding-bottom: 20px; }
.cv-top h2 span { display: block; font-size: 18px; font-weight: 300; }
.cv-top h1 { font-size: 18px; }
.cv-outer table { width: 100%; margin-bottom: 30px; }
.cv-outer > h2 { margin-bottom: 10px; }
.cv-outer table tr td { width: 50%; padding: 15px; border-top: 1px solid #cfcdcd; font-size: 14px; font-weight: normal; vertical-align: top; text-align: right; }
.cv-outer table tr td ul li { list-style: circle outside; padding-bottom: 10px; margin-right: 10px; }
.cv-outer table tr td:first-child { font-weight: 700; }
.cv-outer table tr td a { color: #828282; }
.cv-img-outer img { max-width: 100%; }
.cv-top-lft { width: 30%; float: right; }
.cv-top-lft h2 { text-align: center; }
.cv-top-rgt { width: 70%; float: right; }
.mr-lft { margin-left: -200px !important; }
.mr-lft2 { margin-left: -229px !important; }
.mr-lft3 { margin-left: -300px !important; }
.mr-tp { margin-top: -58px; }
.big-size { width: 410px; height: 550px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.big-size:hover img { moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.black { color: #000; }
.black-listed > li { background: url(../images/blk-ltdAr.png) no-repeat right 0px top 5px !important; }
.spl-p { position: absolute; top: 50%; right: 109px; }
footer { width: 100%; float: right; height: 285px; margin-top: -285px; padding-top: 48px; background: #242730 url(../images/footer-bg.jpg) center center no-repeat; position: relative; direction: rtl; }
.footer-cnt { width: 100%; float: right; }
.ftr-blk { float: right; padding-right: 57px; }
.ftr-blk h2 { font-size: 21px; color: #fff; font-weight: 500; text-transform: uppercase; padding-bottom: 30px; }
.ftr-blk:first-child { padding-right: 0px; }
.ftr-blk ul { float: right; min-width: 130px; }
.ftr-blk ul li { padding-bottom: 5px; padding-right: 20px; background: url(../images/ftr-li-icon.jpg) no-repeat right 0px top 3px; text-align: right; }
.ftr-blk a { color: #d4d4d5; font-size: 14px; }
.ftr-blk a:hover { color: #0088da; }
.blk-outer { float: right; }
.blk-outer > img { width: 56px; height: 61px; float: right; margin-left: 15px; }
.blk-outer p { float: right; max-width: 203px; color: #fff; }
.blk-outer a { margin-top: 15px; display: inline-block; margin-left: 3px; }
.footer-bottom { width: 100%; height: 44px; position: absolute; left: 0px; bottom: 0px; background: #1a1c23; font-size: 13px; color: #fff; padding-top: 18px; }
.footer-bottom p { font-size: 13px; color: #fff; }
.footer-bottom-lft { float: right; }
.footer-bottom-rgt { float: left; }
.trasilate { direction: ltr; }
.accordionTab ul.trasilate > li { background: url(../images/listing_item.png) no-repeat 0px 5px; padding: 0px 0px 20px 35px; }
p.trasilate { direction: ltr; text-align: left; }
.blk-outer span.number-flip { direction: ltr; width: 85px; text-align: right; font-family: 'ge_dinar_tworegular'; font-size: 14px; }
.rtl-style { direction: ltr; display: inline-block; }

 .comingsoon-head{
  width:100%;
  height:auto;
  float:right;
  font-size:35px;
  padding:0 0 100px 0;
  color:#31a3d9 ;
  text-transform:uppercase;
         
        }
          
          .number-ar{
          font-family: 'ge_dinar_tworegular'; 
          font-style:normal;
          }
          
          
          

/* ==========================================================================
   Media Queriesd
   ========================================================================== */

@media only screen and (max-width:1170px) {
.container { padding-left: 10px; padding-right: 10px; }
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}