html, body {
overflow-x: hidden
}
body {overflow: hidden !important;width: 100%;height: 100%;margin: 0;background: #FFF;color: #000;font-family: 'Droid Arabic Kufi', serif;direction: rtl;}
body a {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;
-o-transition: 0.5s all;-ms-transition: 0.5s all;text-decoration: none;
font-family: 'Droid Arabic Kufi', serif;}
body a:hover {text-decoration: none;}
body a:focus,
a:hover {text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6 {margin:0;padding:0;font-family:'Droid Arabic Kufi', serif;}
p {margin:0;font-size: 15px;font-weight:500;text-align: justify;}
ul {margin:0;padding:0;font-weight:500;font-size:15px;}
label {margin:0;}
a:focus,
a:hover {text-decoration: none;outline: none;}
/* -- TOP HEADER */
.top-middle li {display: inline-block;float: left;}
.top-middle1 li {display: inline-block;float: right;}
.top .top-left,
.top .top-middle,
.top .top-middle1,
.top .top-right {padding: 0px;}
.top-header {background: #fff;padding: 20px 0;}
.top-right {text-align: right;float: right;}
.top-middle {text-align: right;padding: 0;}
.top-middle1 {text-align: right;padding: 0;}
.top-left p {color: #fff;font-size: 15px;margin-top: 3px;letter-spacing: 1px;}
.top-left i.fa.fa-map-marker {margin-right: 7px;color: #ffffff;font-size: 20px;}
.top-right a {margin-left: 0px;color: #fff;padding: 5px 13px;font-size: 14px;font-weight: 600;
line-height: 25px;letter-spacing: 0px;}
.top-right a:hover {color: #243d91;}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent;}
span {color: #000;}
.top-middle li {margin-left: 10px;}
.top-middle1 li {margin-left: 10px;}
/*-- navigation --*/
.navigation {padding: 3em 0;background: #000;}
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color: #009af7;background-color: transparent;}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {color: #009af7;background-color: transparent;}
.navbar-default .navbar-nav>li>a {color: #009af7;}
.navbar {position: relative;min-height: 0;margin-bottom: 0;border: 1px solid transparent;}
.logo {float: left;}
.navigation-right ul li {display: inline-block;}
.navigation-right ul li a {color: #808488;font-size: 14px;text-decoration: none;padding: 10px 0;
text-transform: uppercase;letter-spacing: 0px;}
.navigation {padding: 10px 0;background: #fff;}
/*-- nav-hover --*/
.about {padding: 3em 0;background: #f3ededde;}
.about-grids {margin-top: 4em;background: #effbfb;border: 1px solid #212121;}
.about1 {padding: 2em 0;background: #fff;}
.about1-grids {margin-top: 4em;background: #effbfb;border: 1px solid #212121;}
.about2 {padding: 2em 0;background: #dedcdc;}
.about2-grids {margin-top: 4em;background: #effbfb;border: 1px solid #212121;}
.about02 {padding: 1em 0;background: #fff;}
.about02-grids {margin-top: 4em;background: #effbfb;border: 1px solid #212121;}
.about h2,
.about1 h2,
.about2 h2,
.about02 h2,
.testimonial h3,
.news h3,
.grid-gallery h3,
.agile_secives h3 {font-size: 1.5em;color: #1f4182;text-align: center;text-transform: uppercase;letter-spacing: 2px;}
.img-banner-home {border:2px solid #000;}
/* Grid style */
@font-face {
font-family: 'fontawesome';
src: url('../fonts/fontawesome/fontawesome.eot?-e43dk9');
src: url('../fonts/fontawesome/fontawesome.eot?#iefix-e43dk9') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome.woff?-e43dk9') format('woff'), url('../fonts/fontawesome/fontawesome.ttf?-e43dk9') format('truetype'), url('../fonts/fontawesome/fontawesome.svg?-e43dk9#fontawesome') format('svg');
font-weight: normal;
font-style: normal;}
/* Made with http://icomoon.io/app */
.copyrights {background: #21589b; text-align: center;}
.copyrights p {padding: 20px -1px; color: #fff; text-align: center;}
.copyrights1 {background: #21589b; text-align: center;}
.copyrights1 p {padding: 10px 0px; color: #fff;}
/*--responsive starts here--*/
@media (max-width:1080px) {
.about h2,
.about1 h2,
.about2 h2,
.about02 h2,
.testimonial h3,
.news h3,
.grid-gallery h3,
.agile_secives h3 {font-size: 1.5em;}}
@media screen and (max-width:1024px) {
.about,
.about1,
.about2,
.about02 h2 {padding: 4em 0;}
.about-grids,
.about1-grids,
.about2-grids,.footer
.about02-grids h2 {margin-top: 3em;}
.navigation-right ul li a {font-size: 11px;}}
@media (max-width:991px) {
div#bs-example-navbar-collapse-1 {padding: 0;}
.logo h1 a {font-size: 0.8em;}}
@media (max-width:800px) {
.about,
.about1,
.about2,
.about02 h2 {padding: 3em 0;}
.about-grids,
.about1-grids,
.about2-grids,
.about02-grids h2 {margin-top: 2em;}}
@media (max-width:768px) {
.about h2,
.about1 h2,
.about2 h2,
.about02 h2 {font-size: 2.5em;}
.about,
.about1,
.about2,
.about02 h2 {padding: 2em 0;}
.navigation-right ul li a {font-size: 9px;}}
@media (max-width:767px) {
.navbar-header.navbar-left {display: block;float: right;margin-top: 4px;}
.top-middle li {margin-right: 10px;}
.top-middle1 li {margin-left: 10px;}
.navigation-right ul li {display: block;}
.abt-lt-grid {padding: 1.5em 1em 4em;}
.navbar-nav {margin: 0;}
.navigation-right {float: none;position: relative;background: rgb(255, 255, 255);z-index: 9999;width: 100%;}}
@media (max-width:736px) {
.navbar-header.navbar-left {display: block;float: right;margin-top: 4px;}
.top-middle li {margin-right: 10px;}
.top-middle1 li {margin-left: 10px;}
.navbar-toggle {padding: 9px 10px;margin-top: -60px;margin-right: 0px;margin-bottom: 0px;
border-radius: 4px;}}
@media (max-width:667px) {
.top-left {width: 100%;text-align: center;margin-bottom: 0.6em;}
.top-right {width: 100%;text-align: center;}
.contact-head h4,
.about h2,
.about1 h2,
.about2 h2,
.about02 h2 {font-size: 2em;}
.logo {float: none;}
.footer-nav {float: none;text-align: center;margin: 1em 0;}}
@media (max-width:600px) {
.top-right a {margin-left: 16px;}}
@media (max-width:568px) {
.top-right a {margin: 0px;}
.logo h1 a {font-size: 0.9em;}
.contact-head h4,
.about h2,
.about1 h2,
.about2 h2,
.about02 h2 {font-size: 1.8em;}}
@media (max-width:480px) {
.top-left {width: 100%;text-align: center;}
.top-right {width: 100%;text-align: center;}
.navbar-header.navbar-left {margin-top: 0;}
.copy-right-grids {width: 100%;text-align: center;}
.copy-left-grids {width: 100%;text-align: center;}
.top-middle {text-align: center;width: 100%;margin-top: 1em;}
.top-middle1 {text-align: center;width: 100%;margin-top: 1em;}
#quote-carousel .carousel-indicators {margin-left: 30px;}}
@media (max-width:414px) {
.contact-head h4,
.about h2,
.about1 h2,
.about2 h2,
.about02 h2 {font-size: 1.4em;}
.logo h1 a {font-size: 0.8em;}}
@media (max-width:384px) {
button.navbar-toggle.collapsed {margin: 2px 0 0 0;}
img.img-responsive {width: auto;}
.img-width1 {width: 100%;margin-left: -30px;}
.logo h3 a {font-size: 0.9em;}
.navbar-toggle {margin-top: 100px;}}
@media (max-width:375px) {
.logo h1 a {font-size: 0.7em;}
.navbar-toggle {margin-top: -60px;}
.img-width1 {max-width: 100%;}}
/*--//responsive end here--*/
.color {color: #428bca;font-weight: 600;font-size: 15px;font-family: 'Raleway', sans-serif;}
.color:hover {color: #428bca;}
.col-centered {float: left;margin: -15px auto;margin-left: -80px;width: 55%;}
.banner-bottom {padding: 2em 0;text-align: left;background-color: #03418ee0;}
h2.bold {font-size: 30px;color: #fff;font-weight: 700;text-align: center;}
.bold1 {color: #fff;font-size: 18px;}
.img-left {float: left;margin-top: -5px;}
.gap-right {margin-right: 10px;}
.hovereffect {width: 100%;height: 100%;float: left;overflow: hidden;position: relative;
text-align: center;cursor: default;}
.hovereffect .overlay {position: absolute;overflow: hidden;opacity: 0;filter: alpha(opacity=0);width: 85%;
height: 55%;left: 12%;top: 20%;border: 0px solid #FFF;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(50%,50%,0);
transform: translate3d(50%,50%,0);}
.hovereffect:hover .overlay {background: #29282899;background:url(../images/icons/Picture02.png) no-repeat;}
.hovereffect img {display: block;position: relative;-webkit-transition: all 0.35s;transition: all 0.35s;}
.hovereffect:hover img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: brightness(1.4);-webkit-filter: brightness(1.4);}
.hovereffect h2 {text-transform: uppercase;text-align: center;position: relative;font-size: 15px;padding: 10px;background-color: transparent;color: #FFF;padding: 7em 0;opacity: 0;left: -12px;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-150%,-400%,0);transform: translate3d(-150%,-400%,0);}
.hovereffect a, .hovereffect p {color: #FFF;padding: 1em 0;opacity: 0;filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-150%,-400%,0);transform: translate3d(-150%,-400%,0);}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2, .hovereffect:hover .overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.effect5 {color: #03418ee0;margin-left: 90px;font-weight: 700;}
.effect6 {color: #03418ee0;margin-left: 80px;font-weight: 700;}
.effect5 {color: #03418ee0;margin-left: 55px;font-weight: 700;}
.effect06 {color: #143ca7;margin-left: auto;font-weight: 700;font-size: 14px;margin-top: -8px;
text-align: center;}
@media (max-width: 1024px){
.effect06 {margin-left: 40px;margin-top: -8px;}
.effect5 {margin-left: 60px;}}
@media (max-width: 768px){
.effect06 {margin-left: 40px;margin-top: -8px;}
.effect5 {margin-left: 110px;}}
@media (max-width: 320px){
.effect06 {margin-left: 40px;margin-top: -25px;}
.effect5 {margin-left: 88px;}}
@media (max-width: 425px){
.effect06 {margin-left: 30px;margin-top: -4px;}
.img-width1 {width: 100%;margin-left: -30px;}}
.wrap {width:80%;margin:0 auto;}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 480px) {
.wrap {width:95%;}}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap {width:95%;}
.hovereffect h2 {padding: 7em 0;left: 10px;}}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap {width:95%;}}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap {width:95%;}
.grids {margin-bottom:15px;}
.lead2 {margin-top: -30px;}}
@media screen and (max-width: 1366px) {
.wrap {width:90%;}}
@media screen and (max-width: 1280px) {
.wrap {width:90%;}}
@media screen and (max-width: 1024px) {
.wrap {width:90%;}}
@media screen and (max-width: 800px) {
.wrap {width:760px;}}
@media screen and (max-width:768px) {
.wrap {width: 736px;}
.hovereffect .overlay {width: 65%;height: 50%;}
.hovereffect h2 {padding: 7em 0;left: -10px;}}
@media screen and (max-width:736px) {
.wrap {width: 706px;}}
@media screen and (max-width:667px) {
.wrap {width: 640px;}}
@media screen and (max-width:640px) {
.wrap {width:89%;}}
@media screen and (max-width:480px) {
.wrap {width:86%;}
#quote-carousel .carousel-indicators li {margin-left: 50px 0;}}
.list {color: #fff;font-family: 'Raleway', sans-serif;}
.lead {color: #428bca;float: right;}
.bottom1 {padding-top: 12px;}
#quote-carousel .carousel-control {background: none;color: #222;font-size: 2.3em;text-shadow: none;margin-top: 30px;}
/* Previous button */
#quote-carousel .carousel-control.left {left: -12px;}
/* Next button */
#quote-carousel .carousel-control.right {right: -12px !important;}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {left:55%;}
.carousel-indicators {margin-bottom: -15px;}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {background: #c0c0c0;text-indent: 0;margin: 0 2px;width: 30px;height: 30px;border: none;border-radius: 100%;line-height: 30px;color: #fff;background-color: #999;transition: all 0.25s ease;}
#quote-carousel .carousel-indicators .active {background: #0c3cad;}
#quote-carousel img {width: 400px;height: 160px}
.quote-carousel > .item > img, .quote-carousel > .item > a > img{margin:auto;}
/* End carousel */
.item blockquote {border-left:none;margin:0;}
.item blockquote img {margin-bottom: 10px;}
.item blockquote p:before {content: "\f10d";font-family: 'Fontawesome';float:left;margin-right: 10px;}
/* Small devices (tablets, up to 768px) */
@media (max-width: 425px) {
.hovereffect h2 {padding: 8em 0;font-size: 8px;left: -8px;}
.hovereffect .overlay {width: 75%;height: 75%;left: 20px;top: 50px;}
.effect6 {margin-left: 45px;}
.hovereffect:hover .overlay {background: #29282899;background:url(../images/icons/Picture-mobile.png) no-repeat;}
.img-left {width: 150px;display: block;margin:auto;text-align: center;float: none;}}
@media (min-width: 320px) {
#quote-carousel .carousel-indicators {bottom: -75px;margin-left: 0px;}
#quote-carousel .carousel-indicators li {display: inline-block;margin: 80px 0px;width: 30px;height: 30px;}
.effect6 {margin-left: 25px;}}
@media (max-width: 375px) {
.hovereffect h2 {padding: 8em 0;font-size: 8px;left: 5px;}
.hovereffect .overlay {width: 65%;height: 65%;left: 20px;top: 40px;}
.img-width1 {max-width: 100%;}
.hovereffect:hover .overlay {background: #29282899;background:url(../images/icons/Picture-mobile.png) no-repeat;}}
@media (max-width: 320px) {
.hovereffect h2 {padding: 8em 0;font-size: 8px;left: 0px;}
.hovereffect .overlay {width: 90%;height: 65%;left: 5px;top: 40px;}
.img-width1 {max-width: 100%;}
.hovereffect:hover .overlay {background: #29282899;background:url(../images/icons/Picture-mobile.png) no-repeat;}}
@media (min-width: 1440px){
.effect6 {margin-left: 85px;}}
@media (max-width: 1024px){
.effect6 {margin-left: 60px;}
.bottom1 {padding-top: 0px;}}
@media (max-width: 768px){
.effect6 {margin-left: 105px;}
.bottom1 {padding-top: 25px;text-align: center;margin-left: 40%;}}
@media (max-width: 425px){
.effect6 {margin-left: 45px;}}
@media (max-width: 375px){
.effect6 {margin-left: 30px;}}
@media (max-width: 320px){
.effect6 {margin-left: 15px;}}
.btn-secondary1 {background: #21589b;color: #fff;padding: 5px;border:none;float: right;margin-top: 0px;z-index:9999;}
.margin {margin-left: -10px;}
.img-left1 {margin-top:-8px;float:left;padding-right: 5px;}
.less-padding {padding: 10px !important;margin: 10px !important;}
.no-padding {margin-right: -80px;}
.no-margin {margin: 0;padding: 0;}
#main-slider {position: relative;}
#main-slider .carousel .carousel-content {margin-top: 150px;}
#main-slider .carousel .slide-margin{margin-top: 140px;}
#main-slider .carousel h2 {color: #fff;}
#main-slider .carousel .btn-slide{padding: 8px 20px;background: #c52d2f;color: #fff;border-radius: 4px;margin-top: 25px;display: inline-block;}
#main-slider .carousel .slider-img{text-align: right;position: absolute;}
#main-slider .carousel .item {background-position: 50%;background-repeat: no-repeat;background-size: cover;left: 0 !important;opacity: 0;top: 0;position:absolute;width: 100%;display: block !important;-webkit-transition: opacity ease-in-out 500ms;-moz-transition: opacity ease-in-out 500ms;-o-transition: opacity ease-in-out 500ms;transition: opacity ease-in-out 500ms;}
#main-slider .carousel .item:first-child {top: auto;position: relative;}
#main-slider .carousel .item.active {opacity: 1;-webkit-transition: opacity ease-in-out 500ms;-moz-transition: opacity ease-in-out 500ms;-o-transition: opacity ease-in-out 500ms;transition: opacity ease-in-out 500ms;z-index: 1;}
#main-slider .prev,
#main-slider .next {position: absolute;top: 50%;background-color: #c52d2f;color: #fff;display: inline-block;margin-top:-25px;height: 40px;line-height: 40px;width: 40px;line-height: 40px;text-align:center;border-radius: 4px;z-index: 5;}
#main-slider .prev:hover,
#main-slider .next:hover {background-color: #000;}
#main-slider .prev {left: 10px;}
#main-slider .next {right: 10px;}
#main-slider .carousel-indicators li {width: 20px;height: 20px;margin: 0 5px 0 0;position: relative;}
#main-slider .carousel-indicators li:after {position: absolute;content: "";width: 24px;height: 24px;left: -3px;top: -3px;}
#main-slider .carousel-indicators .active{width: 20px;height: 20px;margin: 0 15px 0 0;position: relative;}
#main-slider .carousel-indicators .active:after {position: absolute;content: "";width: 24px;height: 24px;left:-3px;top:-3px;}
.lead2 {margin-left: 55px;}
.lead3 {margin-left: 70px;margin-top: -20px;font-size: 20px;color: #163666;padding-bottom: 10px;}
.container-side {margin-left: 30px;}
.footer {padding: 0px 0 0px 0;color: #193466;background-color: #fff;}
.footer .title {text-align: left;color:#fff;font-size:20px;}
.footer .title1 {text-align: right;color:#fff;font-size:20px;}
.footer .social-icon {padding:0px;margin:0px;}
.footer .social-icon a {display:inline-block;color:#fff;font-size:25px;padding:1px;}
.footer .acount-icon a {display:block;color:#fff;font-size:11px;font-weight: 600;padding:5px;text-decoration:none;text-align: right;font-family: 'arial';}
.footer .acount-icon .fa{margin-right:0px;}
/* Custom CSS*/
.input-search {padding: 1px 5px; font-size: 14px;}
.content-holder {margin: 30px 0px;}
.title-center {padding: 10px 0px; text-align: center;}
.page-title {text-align: center; font-size: 36px; border-bottom: 0px solid #ccc; padding: 10px 0px; color: #124ebb; font-weight: bold;}
.page-title1 {text-align: center; font-size: 36px; border-bottom: 1px solid #ccc; padding: 10px 0px; color: #124ebb;}
.page-title-contact {text-align: center; font-size: 36px; border-bottom: 0px solid #ccc; padding: 10px 0px; color: #124ebb;}
.highlight-text {font-size: 16px; font-weight: bold; margin: 20px 0px;}
.text-justify {text-align: justify;}
.address-box {border: 1px solid #ccc; padding: 29px; max-width: 90%; background: #f5f5f5;}
.address-box i {padding-right: 5px;}
.address-box h3 {margin: 10px 0px; font-size: 17px; font-weight: bold; color: #cf202f;}
.address-box p {margin: 0px; padding: 0; line-height: 24px;}
.input-text.text-area {height:100px;resize:none;overflow:auto;}
.input-btn {padding: 5px 10px;background:#000;border-radius:4px;color:#ffffff;font-size:14px;text-transform:uppercase;
font-family: 'Droid Arabic Kufi',serif;font-weight:400;border:0px;transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.input-btn:hover {background: #ff0000;color: #fff;}
.breadcrumb {float:left; width:100%; padding:5px 0; background: transparent; font-weight: 500;}
.mid_cont {float:left; width:100%; padding:10px 0 15px 0;}
@media only screen and (min-width:600px) and (max-width:989px) {
.mid_cont {float:left; width:98%; padding:25px 1% 15px 1%;}}
@media only screen and (max-width:599px){
.mid_cont {float:left; width:100%; padding:25px 1% 15px 1%;}}
h1 {float:right; width:100%; font-size:24px; color:#003767; padding:10px 0;}
h1 span {float:right; width:auto; padding:15px 0px 0 0px; display:block; background:url(../images/line.png) left top no-repeat; color:#1f4182; font-size: 20px; font-weight: bold;}
h4 span {float:right; width:auto; padding:15px 0px 0 0px; display:block; font-size: 20px; color:#1f4182;font-weight: bold;}
h3 span {text-align: center; width:auto; padding:15px 0px 0 0px; display:block; font-size: 20px; color:#ccc;font-weight: bold;}
h6 span {text-align: right; width:auto; padding:15px 0px 0 0px; display:block; font-size: 16px; color:#ff0000;font-weight: bold;}
h1 strong {float:right;width:auto; padding:12px 0px 0 0; display:block; font-size:14px; font-weight:normal;}
h2 span {width: auto; padding: 15px 0px 10px 30px; display: block; color: #1f4182; font-size: 25px;}
h5 span {float:right; width:auto; padding:15px 0px 0 0px; display:block; font-size: 20px; font-weight: bold; color:#ff0000;}
h6 strong {text-align: center; width:auto; padding:15px 0px 0 0px; display:block; font-size: 25px; font-weight: bold; color:#1f4182;}
.management_team {float:left; width:100%;}
.management_team_img {float:left; width:35%; padding:10px 0 0 0;}
.management_team_cont {float:left; width:65%;}
.management_team_cont h3 strong {font-size:13px; color:#666; font-weight:normal; padding:0 0 0 10px;}
@media only screen and (min-width:600px) and (max-width:989px) {
.management_team {float:left; width:100%;}
.management_team_img {float:left; width:40%; padding:10px 0 0 0;}
.management_team_img img {width:90%;}
.management_team_cont {float:left; width:60%;}
.management_team_cont h3 strong {font-size:13px; color:#666; font-weight:normal; padding:0 0 0 10px;}}
@media only screen and (max-width:599px) {
.management_team {float:left; width:100%;}
.management_team_img {float:left; width:100%; max-height:250px; overflow:hidden; padding:0 0 0 0; text-align:center;}
.management_team_cont {float:left; width:100%; padding:10px 0 0 0;}
.management_team_cont h3 strong {font-size:13px; color:#666; font-weight:normal; padding:0 0 0 10px;}}
p {padding: 7px 0;text-align: justify;}
.head-3 {color: #003767;}
.title2 {color: #428bca;font-size: 15px;}
a.secondary2 {color: #ece82e;font-size: 22px;font-weight: 800;}
ul.b {list-style-type:square; margin-left:35px;}
ol.b {font-size: 15px;}
.border2 {border: 1px solid #000;}
.text {color:#000;font-weight: bold;font-size: 15px;}
.text1 {color: #1f4182;font-weight: bold;font-size: 18px;float: right;}
.text001 {color:#1f4182;font-weight: bold;font-size: 13px;}
.text3 {color: #1f4182;font-weight: bold;font-size: 16px;}
.text4 {color: #1f4182;font-weight: bold;font-size: 22px;}
.text01 {color: #949292;font-weight: bold;font-size: 18px;}
.color1 {font-family: 'Droid Arabic Kufi', serif;font-size: 20px;font-weight: 500;color: #ff0000;
margin-left: auto;}
.color1:hover {color: #ff0000;}
p.content-left {margin-left: 25px;}
p.content-left1 {margin-left: 10px;}
ul {list-style:none;}
.feedback-input {color:white;font-family:'Droid Arabic Kufi',serif;font-weight:500;font-size: 18px;border-radius:5px;
line-height: 22px;background-color: transparent;border:2px solid #333;transition: all 0.3s;
padding: 10px;margin-bottom: 15px;width:80%;box-sizing: border-box;outline:0;}
.feedback-input:focus {border:2px solid #000; }
textarea {height: 150px;line-height: 150%;resize:vertical;}
[type="submit"] {font-family: 'Droid Arabic Kufi', serif;width: auto;background:#1f4182;border-radius:5px;border:0;
cursor:pointer;color:#fff;font-size:18px;padding-top:0px;padding-bottom:0px;transition: all 0.3s;
margin-top:0px;font-weight:600;}
[type="submit"]:hover {background:#1f4182; }
.form-head {font-size: 15px;}
.col-image {padding-bottom: 20px;}
.table {width: 100%;margin: 0;padding: 0;border: transparent 1px solid;background: #FFF;
border-collapse: collapse;font-weight: 500;font-size: 20px;}
.table th {padding: 7px;text-align: left;background: transparent;font-weight: bold;border: 1px solid #CCC;}
.abc {margin-top: -7px;float: left;margin-right: -10px}
.slider-2 {margin-left: 20px;float: inherit;}
@media only screen and (max-width: 425px){
.bottom1 {padding-top: 25px;text-align: center;margin-left: 12%;}
.about02 h2 {font-size: 0.9em;font-weight: 700;}}
h1.arabic {color: #cf202f;font-weight: 500;font-size: 32px;margin-top: -10px;text-align: center;
margin-left: 40px;margin-bottom: -10px;font-family: 'Droid Arabic Kufi', serif;}
h1.english {color: #153f89;font-weight: 600;text-align: center;margin-left: 50px;font-size: 23px;
font-family: 'Raleway', sans-serif;}
@media only screen and (max-width: 1024px){
h1.english {font-size: 20px;}
h1.arabic {font-size: 27px;margin-top: 18px;}
.col-centered {margin-left:-50px;width: 70%;margin-top:-5px;}
.color1 {font-size: 19px;}
.color {font-size: 15px;}
.img-icon {margin-top: -20%;margin-left: 25px;}}
@media only screen and (max-width: 768px){
h1.english {font-size: 16px;margin-top: 10px;}
h1.arabic {font-size: 22px;margin-top: -10px;}
.col-centered {margin-left: -30px;width: 100%;}}
@media only screen and (max-width: 425px){
h1.english {font-size: 9px;margin-left: 0px;font-weight: 700;margin-top: -5px;}
h1.arabic {font-size: 14px;margin-top: -15px;margin-left: 0px;font-weight: 500;}
.col-centered {width: 100%;margin-top: -12px;}}
@media only screen and (max-width: 375px){
h1.english {font-size: 8px;font-weight: 600;margin-top: -10px;font-stretch: 85%;}
h1.arabic {font-size: 11px;margin-top: -15px;font-weight: 500;}
.col-centered {margin-top: -5px;}
.color1 {font-size: 18px;}
.color {font-size: 13px;}
.bottom1 {margin-left: 12%;}}
@media only screen and (max-width: 320px){
h1.english {font-size: 7px;margin-left: -12px;font-weight: 700;margin-top: -15px;font-stretch: 85%;}
h1.arabic {font-size: 9px;margin-top: -18px;margin-left: -15px;font-weight: 600;}
.col-centered {margin-top: -2px;}
.color1 {font-size: 17px;}
.color {font-size: 13px;}
.bottom1 {margin-left: 25px;}}
@media only screen and (max-width: 1024px){
.color1 {margin-left: -40px;}}
h3.sign {font-size: 18px;}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {-webkit-transform: translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
40% {-webkit-transform: translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
60% {-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}
.hover-bounce {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;
animation-fill-mode: both;-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;color: white;}
.hover-bounce:hover {cursor: pointer;animation-name: bounce;-moz-animation-name: bounce;}
.nestedTab ul {/*background: #e8e8e8;*/}
.nestedTab ul > li {padding-bottom: 10px;}
.nestedTab ul > li a:hover {color: #808080;}
.nestedTab li.active a {color: #808080; font-weight: 600;}
.panel {-webkit-box-shadow: 0;box-shadow: none;}
.content-section-a {padding: 70px 0;}
.panel-primary {border-color: transparent;margin-top: 40px;}
a {color: #428bca;}
a:hover {color: #428bca;}
.contact-form {position: relative;top:100%;left: 50%;transform: translateX(-50%);}
.contact-form * {font-family: 'Droid Arabic Kufi', serif;font-weight: bold;}
.contact-form h1 {width: 100%;text-align: center;}
.field {width: 300px;height: 40px;margin-bottom: 20px;transition: all .3s ease-in-out;}
.field * {width: 260px;height: 40px;margin: 0;padding: 0;border: none;position: absolute;left:20px;}
.field-expanded.message-box {height: 230px!important;}
.field .text-area {background-color: #322d29;font-size: 12px;color: #827e75;
font-family:'Droid Arabic Kufi', serif !important;transform: translateX(0px);
-webkit-transition: all 0.3s ease-in-out;}
.field input:focus {outline:none;}
.field label {color: #cf202f;font-size: 1.25em;letter-spacing: 0.075em;text-align: left;
transform: translateX(0px);-webkit-transition: all 0.3s ease-in-out;
background: url(../images/icons/slider-contact.png) no-repeat #f2f2f2;padding-left: 30px;}
.field-expanded label {background-color: #f2f2f2;width: 150px;transform: translateX(-75px);
-webkit-transition: all 0.3s ease-in-out;}
.field-expanded .text-area {padding-left: 15px;transform: translateX(75px);-webkit-transition: all 0.3s ease-in-out;}
.message-box:hover .text-area {height: 200px;padding: 15px;}
.field-expanded #message {height: 200px;padding: 15px;padding-right:0;}
.contact-submit {width: 100px;height: 40px;border: none;outline:none;background-color: #082d4c;color:#fff;
font-size: 1.45em;letter-spacing: 0.075em;margin-left: 20%;transform: translateX(-50%)}
.contact-submit:hover {background-color: #902727;transition: all .1s ease-in-out;}
.contact-submit:active {transform: scale(1.05) translateX(-50%);transition: all .1s ease-in-out;}
h1.contact-me {font-size: 20px;margin-top: -7%;text-align: left;margin-left: 12%;}
@media only screen and (max-width:1024px){
.contact-submit {margin-left: 25%;}
h1.contact-me {margin-left: 15%;}}
@media only screen and (max-width:768px){
.contact-submit {margin-left: 30%;}
h1.contact-me {margin-left: 17%;margin-top: -40px;}}
@media only screen and (max-width:425px){
.contact-submit {margin-left: 35%;}
h1.contact-me {margin-left: 20%;margin-top: -40px;}
.field * {left: 50px;}}
@media only screen and (max-width:375px){
.contact-submit {margin-left: 40%;}
h1.contact-me {margin-left: 25%;margin-top: -40px;}}
/* borderless table */
.table.table-borderless td, .table.table-borderless th {border: 0 !important;}
.table.table-borderless {margin-bottom: 0px;}
.small {font-size: 19px;}
.slider-contact {margin-left: -30px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {cursor: default;background: #428bca !important;color: #73a2ce !important;}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {border-color: #eee #eee #ddd;background: #428bca !important;color: #73a2ce !important}
.nav-tabs>li {padding: 0px 7px;}
.facts2 {color: #428bca;font-weight: bold;}
#table--boiling {border-collapse: collapse;line-height: 2;width: 100%;}
#table--boiling th {text-align: center;padding: 0px 20px;color: #93005A;background-color: white;vertical-align: middle;border: 2px solid #007192;}
#table--boiling tr:first-child th{color: white;background-color: #428bca;}
#table--boiling td {margin: 0 auto;border: 2px solid #007192;vertical-align: middle;text-align: center;
background-color: white;border-spacing: 0px;}
#table--boiling1 {border-collapse: collapse;line-height: 2;width: 100%;}
#table--boiling1 th {text-align: center;padding: 0px 20px;color: #93005A;background-color: white;vertical-align: middle;border: 2px solid #007192;}
#table--boiling1 tr:first-child th{color: white;background-color: #428bca;}
#table--boiling1 td {margin: 0 auto;border: 2px solid #007192;vertical-align: middle;text-align: center;
background-color: white;border-spacing: 0px;}
#table--boiling1 {border-collapse: collapse;line-height: 2;width: 100%;}
#table--boiling2 th {text-align: right;padding: 0px 20px;font-size: 20px;color: #93005A;background-color: white;vertical-align: middle;border: 2px solid #007192;}
#table--boiling2 tr:first-child th{color: white;background-color: #428bca;}
#table--boiling2 td {margin: 0 auto;border: 2px solid #007192;vertical-align: top;padding: 5px 20px;text-align:right;
background-color: white;border-spacing: 0px;}
.col-centered {float: none;margin: 0 auto;}
.tab {background-color: #ccc;}
h2.head2 {color: #005baa;font-weight: bold;text-align: right;font-size: 15px;text-transform: none;}
.img-thumbnail1 {margin-right: 25%;}
@media only screen and (max-width:425px){
.img-thumbnail1 {margin-right: -5%;}}
ul {list-style-type: none;}
a.red {color: red;font-weight: bold;font-family:'Raleway', sans-serif;}
.heading-2 {color: red;font-size:20px;font-weight: bold;}
.btn {display: block;}
.btn-info {background-color: transparent;border-color: transparent;}
span.strong {color: #1f4182;font-weight: bold;font-size: 20px;}
h6.date-head {color: #000;font-size: 18px;font-weight: 600;text-decoration:none;text-align:center;font-family:'Raleway',sans-serif;}
h6.date-head2 {color: #000;font-size: 18px;font-weight: 600;text-decoration:none;text-align: right;
margin-left: 15%;font-family: 'Droid Arabic Kufi', serif;}
h6.date-head1 {color: #000;font-size: 18px;font-weight: 600;text-decoration: none;text-align: right;
font-family: 'Raleway',sans-serif;}
h6.date-head03 {color: #000;font-size: 18px;font-weight: 600;text-decoration: none;text-align: right;margin-left: 15%;}
.img-123 {display: block;position: absolute;z-index: 9999;margin-top:-1%;margin-right:-5%;}
@media only screen and (max-width:768px){
.img-123 {display: none;}}
h5.counting {color: red;font-size: 20px;font-weight: bold;}
section.footer {padding:0px 0 0px; position:relative;margin-top: 20px;}
.heading1 {font-size: 15px;font-weight: bold;color: #1f4182;}
.navbar-nav {float: right;}
.right {float: right;margin-bottom: 0%;margin-top: -2%;display: none;}
@media only screen and (max-width:768px){
.right {display: block;}}
.fadeInRight {font-family:'Raleway',sans-serif;}
h2.team {text-align: right;text-transform: none;font-weight: bold;font-size: 16px;}
.pos {color: red;font-weight: bold;font-size: 15px;}
.team-member {color: #000;font-size: 18px;}
.nav-tabs > li {float: right;margin-bottom: -1px;}
.holder {background-color: #e6f5f8;margin:0;padding-bottom:2%;}
h3.text-ref {font-family:'Raleway',sans-serif;font-size: 18px;color: #1f4182;font-weight: bold;}
.list1 {font-family:'Raleway',sans-serif;color: #000;font-size: 16px;}
.carousel-indicators .active {background-color: #104362;}
.carousel-indicators li {background-color: #fff;}
.carousel-inner .item,
.carousel-inner .item.active,
.carousel-inner .item img {margin: auto;padding: 0px;}
.header-top {background:#acdaf5; padding: 8px 0;}
.page-top {float: right;}
.top_header {float:left; width:100%; padding:0px 0; background:#acdaf5; font-family:'Raleway',sans-serif;}
.top_header ul {float:left; width:auto; font-size:13px;}
.top_header ul li {float:left; width:auto; margin-left:35px;}
.top_header ul li:first-child {margin-left:0px;}
.top_header ul li a {float:left; width:auto; color:#333; font-weight: bold; font-family:'Raleway',sans-serif;}
.top_header ul li a:hover {color:#00a1b1;}
.punchline {float:left; width:auto; font-family:'Raleway', sans-serif; color:#00a1b1;}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width:768px) {
.punchline {width:100%; text-align:center; display:none;}
.top_header {float:right; width:100%; padding:10px 15%; background:#acdaf5;}
.top_header ul {width:100%; font-size:15px; font-weight: bold;}
.top_header ul li {float:right; width:auto; margin-left:3%;}
.top_header ul li:first-child {margin-left:0px;}}
@media only screen and (max-width:425px) {
.punchline {width:100%; text-align:center; display:none;}
.top_header {float:right; width:100%; padding:5px 0%; background:#acdaf5;}
.top_header ul {width:100%; font-size:12px; font-weight: bold;}
.top_header ul li {float:right; width:auto; margin-left:3%;}
.top_header ul li:first-child {margin-left:0px;}}
@media only screen and (max-width:375px) {
.punchline {width:100%; text-align:center; display:none;}
.top_header {float:right; width:100%; padding:10px 0%; background:#acdaf5;}
.top_header ul {width:100%; font-size:11px; font-weight: bold;}
.top_header ul li {float:right; width:auto; margin-left:3%;}
.top_header ul li:first-child {margin-left:0px;}
.top_header ul li a {font-size: 11px;}}
@media only screen and (max-width:320px) {
.punchline {width:100%; text-align:center; display:none;}
.top_header {float:right; width:100%; padding:0px 3%; background:#acdaf5;}
.top_header ul {width:100%; font-size:10px; font-weight: bold;}
.top_header ul li {float:right; width:auto; margin-left:3%;}
.top_header ul li:first-child {margin-left:0px;}
.top_header ul li a {font-size: 9px;}}
.bottom_area {float:left; width:100%; padding-left:3%; padding-right: 3%; padding-top: 2%; background:#e6f5f8;}
.bottom_area_col {float:left; width:32%; margin-right:2%;}
.bottom_area_col:last-child {margin-right:0;}
.bottom_area_col h3 {float:left; width:100%; padding-top:0; padding-bottom:10px; color:#666;}
.bottom_area_col h5 {padding-bottom:0; color:#333333;}
.bottom_area_col p {margin-top:0; padding-top:0;}
.bottom_area {float:right; width:100%; padding-left: 3%; padding-right: 3%; padding-top: 2%; background:#e6f5f8;}
.bottom_area_col1 {float:right; width:32%; margin-right:2%;}
.bottom_area_col1:last-child {margin-right:0;}
.bottom_area_col1 h3 {float:right; width:100%; padding-top:0; padding-bottom:10px; color:#666;}
.bottom_area_col1 h5 {padding-bottom:0; color:#333333;}
.bottom_area_col1 p {margin-top:0; padding-top:0;}
@media only screen and (min-width:300px) and (max-width:480px) {
.bottom_area_col {width:100%; margin-right:0%; margin-bottom:15px;}
.bottom_area_col:last-child {margin-right:0; margin-bottom:0;}
.bottom_area_col1 {width:100%; margin-right:0%; margin-bottom:15px;}
.bottom_area_col1:last-child {margin-right:0; margin-bottom:0;}
.footer_a ul li {display:inline-block; padding:5px 10px;}
.footer_b {line-height:normal;}
.footer_b_a {width:100%;}
.footer_b_b {width:100%; margin-bottom:10px; margin-top:10px; text-align:left; }
.footer_b_c {width:100%; text-align:left;}}
.footer {float:left; width:100%; padding:20px 0; background:#0974c3; font-size:85%;}
.footer_a {float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #4dbdc9;}
.footer_a ul {float:left; width:100%; text-align:center;}
.footer_a ul li {display:inline; width:auto; padding:0 10px;}
.footer_a ul li a {color:#FFF;}
.footer_a ul li a:hover {color:#000;}
.footer_b {float:left; width:100%; color:#FFF; line-height:35px;}
.footer_b a {color:#FFF;}
.footer_b a:hover {color:#CCC;}
.footer_b_a {float:left; width:20%;}
.footer_b_a img {display:block;}
.footer_b_b {float:left; width:40%; text-align:center; font-size:18px;font-family:'Raleway',sans-serif;}
.footer_b_c {float:left; width:40%; text-align: right;font-size:18px; font-family:'Raleway',sans-serif;}
span.footer-text {font-family: 'Raleway',sans-serif;color: #fff}
#social {margin:20px -10px;text-align:right;}
.smGlobalBtn {display:inline-block;position: relative;cursor: pointer;width: 50px;height: 50px;
border:2px solid #ddd;box-shadow: 0 3px 3px #999;padding: 0px;text-decoration: none;
text-align: center;color: #fff;font-size: 25px;font-weight:normal;line-height: 2em;
border-radius: 27px;-moz-border-radius:27px;-webkit-border-radius:27px;}
/* facebook button class*/
.facebookBtn {background: #4060A5;}
.facebookBtn:before {font-family: "FontAwesome";content: "\f09a";}
.facebookBtn:hover {color: #4060A5;background: #fff;border-color:#4060A5;}
/* twitter button class*/
.twitterBtn {background: #00ABE3;}
.twitterBtn:before {font-family: "FontAwesome";content: "\f099";}
.twitterBtn:hover {color: #00ABE3;background: #fff;border-color:#00ABE3;}
/* google plus button class*/
.googleplusBtn {background: #e64522;}
.googleplusBtn:before {font-family: "FontAwesome";content: "\f0d5";}
.googleplusBtn:hover {color: #e64522;background: #fff;border-color:#e64522;}
/* linkedin button class*/
.linkedinBtn {background: #0094BC;}
.linkedinBtn:before {font-family: "FontAwesome";content: "\f0e1";}
.linkedinBtn:hover {color: #0094BC;background: #fff;border-color:#0094BC;}
/* youtube button class*/
.youtubeBtn {background: #cb2027;}
.youtubeBtn:before {font-family: "FontAwesome";content: "\f167";}
.youtubeBtn:hover {color: #cb2027;background: #fff;border-color:#cb2027;}
.wrapper2 {margin: 15px auto;border-top: 1px solid #adaeaf;}
.wrapper {float:none; padding:0 3%;}
.subscribe-input {margin: 0;padding: 10px;outline: none;background: #FFF;border: 1px solid #CCC;}
@media only screen and (max-width:768px){
.footer_b_b {font-size:13px;}
.footer_b_c {font-size: 13px}}
@media only screen and (max-width:425px){
.footer_b_b {width:100%;text-align: left;}
.footer_b_c {width:100%;text-align: left;}}
#loading {-webkit-animation: rotation 15s infinite linear;}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}}
p.slider-text {font-size: 20px;font-weight: 500;text-align: justify;position: absolute;bottom: 15px;
background-color: #011113b8;color: white;padding-left: 20px;padding-right: 20px;
border: 1px solid;width: 100%;margin-right:10%;}
@media only screen and (max-width:1024px){
p.slider-text {font-size: 20px;}}
@media only screen and (max-width:768px){
p.slider-text {font-size: 16px;}}
@media only screen and (max-width:375px){
p.slider-text {font-size: 10px;bottom: -5px;}}
.kw {font-size: 20px;margin-top: -10%;}
@media only screen and (max-width:425px){
.kw {font-size: 13px;margin-top: -3%;}
h2.bold {font-size: 22px;}
.bold1 {font-size: 16px;}
a.secondary2 {font-size: 16px;}}
.wsmenucontainer {background: #e6f5f8;}
h4.bmi-head {text-align: center;font-weight: bold;}
.bmi {border: 2px solid #000;background-color: #ccc;width: 25%;padding-left: 2%;padding-right: 2%;}
@media only screen and (max-width: 768px){
.bmi {width: auto;}}
.calc {text-align: right;width: 100%;}
p.result {text-align: center;font-size: 20px;font-weight: bold;}
.submit {background-color: #428bca;border: 1px solid #428bca;font-size: 18px;font-weight: bold;}
.eng-font {font-family: 'Raleway',sans-serif;}
.tooltip-inner {font-family: 'Droid Arabic Kufi', serif;background-color: #0974c3; width: 130%;text-align: right;}