@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
.fluid0 { padding: 0; margin: 0; }
.ulpadding { list-style: none; padding-left: 0; }
/********** Template CSS **********/


/********** navbar starts **********/
.topnav{ display:inline-block!important; vertical-align:middle; padding-right:32px;}
.topnavlink{ color:#00588C; font-size:25px;}
.sticky-top { top: -100px; transition: .5s;}
.navbar .navbar-brand,
.navbar a.btn { height: 75px;}
.navbar .navbar-nav .nav-link {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 20px;
 padding: 0px 40px 0px 0px;
 color: #878b8f; 
 font-weight: 400;
 text-transform: uppercase;
 outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active { color:#EF7F1D !important;}
.navbarsubmenu{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 17px;
 font-weight: 500;
 color: #093220;
 display:inline-block;
 vertical-align:middle;
 padding-bottom:20px;
}
.navbarsubmenu:hover{ color: #AB8039;}

.dropdown-menu{ background-color:#E0ECE7!important;border-radius:0;border-color:#AB7F39;padding:10px 10px;}
.dropdown-menu .dropdown-item{
 color: #000000; 
 border-bottom:1px dashed #AB7F39; 
 padding:0px!important;
 line-height: 35px;  
}
.dropdown-menu .dropdown-item:hover{
 color: #AB7F39!important;
 background-color:#E0ECE7!important; 
}
.dropdown-menu.active, .dropdown-item:active {
 color: #AB7F39;
 text-decoration: none;
 background-color:#E0ECE7!important;
}
.navbar .dropdown-toggle::after {
 border: none;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 vertical-align: middle;
 margin-left: 8px;
}
.shadow-sm {box-shadow: none !important;}
.navbar-expand-lg .navbar-collapse {
 display: flex !important;
 flex-basis: auto;
 vertical-align:middle!important;
}
.megamenu-group {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 border-radius: 8px;
}
.megamenu-group-item {
 position: relative;
 display: block;
 padding: 0.5rem 1rem;
 color: #212529;
 background-color: #fff;
 border: 1px solid rgba(0,0,0,0.125);
}
.megamenu-group-item:first-child {
 border-top-left-radius: inherit;
 border-top-right-radius: inherit;
}
.megamenu-group-item+.list-group-item {
 border-top-width: 0;
}
.megamenu-group-item:last-child {
 border-bottom-right-radius: inherit;
 border-bottom-left-radius: inherit;
}
.toplanguagebox01{
 font-family: 'Poppins', sans-serif;
 font-size: 12px;
 font-weight: 400;
 line-height: 20px;
 background: #F4811F!important;
 color: #ffffff;
 border: none;
 border: 1px solid #F4811F;
} 
.toplanguagebox02{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size:12px;
 font-weight:400;
 line-height:20px;
 background: transparent;
 color:#f4811f;
 border: none;
 border: 1px solid #f4811f;
}
.toplanguagebox01:hover{color:#FFFFFF;background:#F4811F;cursor:default;}
.toplanguagebox02:hover{color:#fff;background:#f4811f;}
@media (min-width: 992px) {
 .navbar .nav-item .dropdown-menu { display: block!important; margin-top:0; left:0!important; top:150%;  opacity:0; visibility:hidden; transition:0.5s; z-index:1; }
 .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1;
  background-color:#FFFFFF;width: 100%; }
 .justify-content-start {  justify-content: left !important;}
}
/********** navbar ends **********/

/************************ banner Start ************************/
.bannertopup { margin-top: -125px; z-index: -1;}	
.tbannerhead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 40px;
 color: #FFFFFF;
 line-height: 50px;
 font-weight: 700;
 text-transform: uppercase;
}

.bannertext{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 19px;
 color: #ffffff;
 line-height: 29px;
 font-weight: 500;
 text-align:justify;
}
/************************ banner ends ************************/
/************************ welcome Start ************************/
.welcomebg { background-image:  url("../img/welcomebg.jpg"), url("../img/bodybg.jpg");
 background-repeat:  no-repeat, repeat;
 background-position: right top, right top;
}
.abouthead{width:50%;}
.twelcomehead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 45px;
 color: #EF7F1D;
 line-height: 50px;
 font-weight: 700;
 text-transform: uppercase;
}
.twelcomesubhead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 42px;
 color: #154631;
 line-height: 50px;
 font-weight: 800;
 text-transform: uppercase;
 text-align: justify;
}
.twelcometext{ 
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 19px;
 color: #656565;
 line-height: 35px;
 font-weight: 400;
 text-align: justify;
}
.treadmore{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 20px;
 color: #EF7F1D;
 line-height: 30px;
 font-weight: 400;
 padding-right: 155px;
}
.treadmore:hover{ color: #022B47; }
.welcomebottom { margin-top: 70px;}	
.welcomeline{
 width: 315px;
 position: relative;
 bottom: 15px;
 right: -202px;
 color: #ef7f1d;
 height: 2px;
 opacity: 1;
 animation: lineH 4s 3s infinite linear;
}
@keyframes lineH{
 0%{
	width: 0%;
   }
100%{
     width: 95%;opacity: 0;
    }
 }
.readmore{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 14px;
 color: #E53237;
 text-transform:uppercase;
 
}
.readmore:hover{
 color: #183743;
}
.geeks {
 width:136px;
 height: 2px;
 background: #E53237;
 position: absolute;
 top: 88%;
 left:-20%;
 transform: translate(-50%, -50%);
        }
  
.geeks::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #E53237;
 animation: animate 5s linear infinite;
        }
  
@keyframes animate {
 0% {
 left: 0;
 }
  
 50% {
 left: 100%;
 }
  
 0% {
 left: 0;
 }
 }
 
.welcomefill {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 86px;
 font-weight: 900;
 line-height: 105px;
 -webkit-text-fill-color: #FFFFFF;
 -webkit-text-stroke: 1px #2525254f;
 position: relative;
} 
 
 
 
/************************ welcome Start ************************/


/*********************** home services  Start ***********************/
.margintop{margin-top:-60px;}
.tservicehead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 20px;
 color: #717171;
 line-height: 30px;
 font-weight: 400;
 text-transform: uppercase;
}
.tservicesubhead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 45px;
 color: #EF7F1D;
 line-height: 50px;
 font-weight: 700;
}
.tservicehead01{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 25px;
 color: #EF7F1D;
 line-height: 30px;
 font-weight: 700;
 text-transform: uppercase;
}
.servicebg01 {border-bottom:5px solid; border-bottom-color:#EF7F1D;}
.servicebg01:hover .tservicehead01 { color: #ffffff; transition:0.9s ease all;}
.servicebg01:hover {background-color:#EF7F1D;transition:0.9s ease all;}
.servicebg02 {border-bottom:5px solid; border-bottom-color:#EF7F1D;}
.servicebg02:hover .tservicehead01 { color: #ffffff; transition:0.9s ease all;}
.servicebg02:hover {background-color:#EF7F1D;transition:0.9s ease all;}
.servicebg03 {border-bottom:5px solid; border-bottom-color:#EF7F1D;}
.servicebg03:hover .tservicehead01 { color: #ffffff;transition:0.9s ease all; }
.servicebg03:hover {background-color:#EF7F1D;transition:0.9s ease all;}

.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
figure {
 margin: 0;
 padding: 0;
 background: #fff;
 overflow: hidden;
}
figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.servicebox:hover figure img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/***********************home  services  ends ***********************/



/*********************** Bottom portions starts ***********************/
.tbottomhead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 25px;
 color: #EF7F1D;
 line-height: 35px;
 font-weight: 700;
 padding-right: 10px;
}
.tbottomtext{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 18px;
 color: #fff;
 line-height:30px;
 font-weight: 400;
}
.tbottomtext:hover{color:#ef7f1d;cursor:pointer;}
.tbottomtextactive:hover{color:#ef7f1d;}
.tbottomtextactive{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 18px;
 color: #ef7f1d;
 line-height:30px;
 font-weight: 400;
}
.tbottomtextrightline{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 color: #707070;
 line-height:25px;
 font-weight: 400;
}
.tbottomlinks{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 color: #AB7F39;
 font-weight: 500;
}
.tbottomlinks:hover, .tbottomlinks.hover{ color: #E0ECE7; }
.tbottomlinks:active, .tbottomlinks.active{ color: #E0ECE7; }
.tbottomlinksactive{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 color: #E0ECE7;
 font-weight: 500;
}
.hrline {
 margin-top: 0rem;
 margin-bottom: 0rem;
 border: 0;
 border-top: 1px dashed #E0ECE7;
 width:100%;
}
/** Back-to-top **/
.back-to-top {position: fixed;display: none; right: 45px;bottom:20px; z-index: 99;}
.gotop{
 border-radius: 15%;
 color: #fff;
 background-color: #ef7f1d;
 border-color: #ef7f1d;
 box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
#socialicons ul{ display: flex; position: relative; padding-left: 0px; margin-bottom: 0px;}
ul {list-style-image: none;}
ul {list-style: none;}


.soicaliconbottom {
 height: 35px;
 width: 35px;
 background-color: #ffffff;
 border-radius: 50%;
 display: inline-block;
 color: #022B47;
 line-height: 36px;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 text-align: center;
}
.soicaliconbottom:hover { background-color: #ef7f1d;color:#fff;transition:0.9s ease all;}
.icopyright {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 font-weight: 400;
 color: #fff;
 line-height: 17px;	
}
.idesignby {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 text-transform: lowercase!important;
 line-height: 17px;
 color: #fff;
}
.bottomhr{position: relative;top: 265px;}
.bottombg {
 background-color: #022B47;	
 background-image: none;
 background-position: top right;
 background-repeat: no-repeat;
 margin-top: -16px;
}
.bottomhrmob{position: relative;top: 374px;}
.whtsapp-icon {
 position: fixed;
 right: 106px;
 bottom: 15px;
 z-index: 120;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 transition: 250ms color;
 -webkit-transition: 250ms color;
 -moz-transition: 250ms color;
 -ms-transition: 250ms color;
 -o-transition: 250ms color;
 animation-name: wave;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}
.tfollowuson{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 20px;
 color: #fff;
 line-height: 30px;
 font-weight: 400;
}
.downloadbtn .img-top {display: none;transition:0.9s ease all;}
.downloadbtn:hover .img-top {display: inline;transition:0.9s ease all;}
.downloadbtn:hover .img-back {display: none;transition:0.9s ease all;}
/*********************** Bottom portions ends ***********************/

/******* aboutus starts *******/
.tsubheading01{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 23px;
 color: #EF7F1D;
 line-height: 33px;
 font-weight: 700;
}
.help-item {
 margin-bottom: 30px;
}
.help-left {
 position: relative;
 max-width: 570px;
 padding-top: 65px;
 padding-bottom: 65px;
}
.help-left:before {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
 left: -30px;
 top: 0;
 z-index: -1;
 -webkit-animation: banner-animation 10s infinite linear;
 animation: banner-animation 10s infinite linear;
 border: 25px solid #EF7F1D;
 background-color: transparent;
}
@keyframes banner-animation{
0% {
 -webkit-transform: translate(0,0);
 transform: translate(0,0);
}

50% {
 -webkit-transform: translate(-50,0px);
 transform: translate(-50px,0);
}
100% {
 -webkit-transform: translate(0,0);
 transform: translate(0,0);
}
}
/******* aboutus ends *******/

/*********************** strip starts ***********************/
.headingbg {background: linear-gradient(to right, #ef7f1dde  0%, #EF7F1D 100%);}
.theading {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 32px;
 font-weight: 500;
 color: #FFFFFF;
 text-transform: uppercase;
 line-height: normal;
}
.tyouarein {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 color: #ffffff;
 font-weight: normal;
 text-transform: uppercase;
}
.tyouarein:hover{color: #ffffff!important;}
/*********************** strip ends ***********************/
/************ services starts ************/
.servicebg{background:#fafafa;}
.theading01{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size:18px;
 color: #EF7F1D;
 line-height: 30px;
 font-weight: 600;
}
.tsubheading{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 30px;
 color: #EF7F1D;
 line-height: 40px;
 font-weight: 700;
}
.ttext {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 18px;
 color: #656565;
 line-height: 30px;
 font-weight: 400;
 text-align: justify;
}
.ttextorange {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 18px;
 color: #f18e37;
 line-height: 30px;
 font-weight: 400;
 text-align: justify;
}
.servicelist li {
 list-style: none;
 list-style-image: url(../img/dot.jpg);
 font-family: 'Noto Kufi Arabic', sans-serif;
 color: #000000;
 font-size: 16px;
 font-weight: 600;
 line-height: 28px;
 padding-left: 5px;
}
.servicetopup{
 margin-top: -185px;
 position: sticky;
 z-index: -1;
}	
.servicehead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 20px;
 color:#000000;
 font-weight: 700;
 line-height: 25px;
}
.servicelasthead{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 32px;
 color:#ffffff;
 font-weight: 700;
 line-height: 40px;
}
.servicetext{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 18px;
 color:#000000;
 font-weight: 400;
 line-height: 35px;
}
.servicebtn{
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 15px;
 color:#06A9E4;
 font-weight: 700;
 line-height: 25px;
 max-width: 200px;
 padding: 10px 30px;
 border:none;
 border-radius:5px;
}
.servicebtn:hover{
 animation-name: shine;
 animation-duration: 300ms;
 background: #06A9E4;
 color: #ffffff;
}
@keyframes shine {
  0% { background:#06A9E4; } 
  25% {    background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 25%, #06A9E4 50%);  }
  50% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 50%, #06A9E4 75%);   }
  75% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 75%, #06A9E4 100%);   }
  100% { background: linear-gradient( 30deg, #06A9E4 0%, hsl(260, 85%, 95%) 100%); }
}
.inner-box:hover{ background-image: url(../img/innerboxbg01.png);}
.inner-box:hover .servicehead{color:#06A9E4;}
.inner-box:hover .servicetext{color:#fff;}
.inner-box:hover .read-more {color: #06A9E4;}

.inner-box01:hover{ background-image: url(../img/innerboxbg02.png);}
.inner-box01:hover .servicehead{color:#06A9E4;}
.inner-box01:hover .servicetext{color:#fff;}
.inner-box01:hover .read-more {color: #06A9E4;}
.servicesblock {
 position: relative;
 padding: 8px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.business-section-three .servicesblock .inner-box  .inner-box01 { border-width: 0px; }
.servicesblock .inner-box .inner-box01 .bg-white {
 border-color: transparent;
 box-shadow: 0px 10px 60px rgb(137 151 186 / 15%);
}
.servicesblock .inner-box  {
 position: relative;
 z-index: 2;
 padding: 50px 35px;
 min-height: 375px;
 border: 1px solid var(--color-five);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-boxlast {
 position: relative;
 z-index: 2;
 padding: 50px 35px;
 min-height: 440px;
 border: 1px solid var(--color-five);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-box01  {
 position: relative;
 z-index: 2;
 padding: 50px 35px;
 min-height: 375px;
 border: 1px solid var(--color-five);
 overflow: hidden;
 background-repeat: no-repeat;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesbox {
 background-color: #ffffff;
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.bg-white {background-color: #fff!important;}
.inner-box:before {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box:hover::before {
 content: url(../img/servicelinehover.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 animation: fade-in-move-down 0.7s;
}
.inner-box01:before {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box01:hover::before {
 content: url(../img/servicelinehover.png);
 position: absolute;
 top: -1px;
 right: 0;
 opacity: 1;
 visibility: visible;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 animation: fade-in-move-down 0.7s;
}
@keyframes fade-in-move-down {
 0% { opacity: 0; transform: translateY(-3rem);  }
 100% { opacity: 1; transform: translateY(0);  }
}
.servicesblock .icon {
 position: relative;
 display: inline-block;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 margin-bottom: var(--space-25);
}
.servicesblock .icon img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box:hover .icon img {
 -webkit-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 transform: rotateY(180deg);
}
.inner-box01:hover .icon img {
 -webkit-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 transform: rotateY(180deg);
}
@keyframes animName {
 0%{ transform: rotate(0deg);    }
100%{ transform: rotate(360deg);   }
}
.read-more {
 position: relative;
 font-weight: 600;
 font-size:17px;
 color: #06A9E4;
 display: inline-flex;
 align-items: center;
 margin-top: 15px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-box:after {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -40px;
 right: 0;
 opacity: 0;
 visibility: hidden;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .inner-box01:after {
 content: url(../img/serviceline.png);
 position: absolute;
 top: -40px;
 right: 0;
 opacity: 0;
 visibility: hidden;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.readmore::after{ box-sizing: border-box;}
.business-section-three .servicesblock.all-services-link h5 {
 font-size:34px;
 line-height: 40px;
 font-weight: 700;
 color: #fff;
}
.read-more span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border: 1px dashed transparent;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.servicesblock .read-more span {
 position: relative;
 width: 40px;
 height: 40px;
 background: #fff;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 margin-right: 10px;
 box-shadow: 4px 2px 8px -2px #06A9E4;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.inner-box:hover .read-more span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 border: 1px dashed;
 animation: animName 2s linear infinite;
}
.inner-box01:hover .read-more span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border-radius: 100%;
 text-align: center;
 line-height: 40px;
 transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 border: 1px dashed;
 animation: animName 2s linear infinite;
}
.servicesblock:hover .inner-box .icon { animation: rotateme3 0.8s ease-out; -webkit-animation: rotateme3 0.8s ease-out; }
.inner-boxlast{background-image: url(../img/innerboxlastbg.png);}
@media only screen and (min-device-width:320px) and (max-device-width: 768px){
.servicehead {font-size: 19px;}
.servicelasthead {font-size: 28px;line-height: 37px;}}
@media only screen and (min-device-width:992px) and (max-device-width:1199px){
.servicesblock .inner-boxlast { padding:55px 35px;}
.servicelasthead {font-size: 32px;line-height: 38px;}
}
/************ services ends ************/


/******* contact us starts ********/
.contactbg{
 background-image: url(../img/contactbg.jpg);
 background-repeat: no-repeat;
 background-position: right top;
 background-size:cover;
}
.mapbg{background-color:#2E3546;}
.form-control {border: 1px solid #ef7f1d73!important;border-radius: 0px!important;font-family: 'Noto Kufi Arabic', sans-serif;font-size: 14px;}
.ttextcontact {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #000000;
 line-height: 26px;
}
.ttextcontact:hover {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #000000;
 line-height: 26px;
}
.submitbtn{	
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 font-weight: 600;
 color: #000;
 line-height: 30px;
 display: inline-block;
 line-height: 40px;
 margin: 20px 0px;
 position: relative;
 overflow: hidden;
 border: 1px solid #d3d3d3;
 transition: color .5s;
 padding: 7px 40px;
 background-color: transparent;
}
.submitbtn:before {
 content: "";
 position: absolute;
 z-index: -2;
 background: #EF7F1D;
 height: 127px;
 width: 327px;
 border-radius: 50%;
 top: 100%;
 left: 100%;
 transition:0.7s ease all;
}
.submitbtn:hover {color: #fff;
 z-index: 9;}
.submitbtn:hover {border: 1px solid #EF7F1D;}

.submitbtn:hover:before {
 top: -30px;
 left: -30px;
}
.contactimg {
 position: relative;
 animation: mover01 1s infinite alternate;
}
@keyframes mover01 {
 0% { transform: translateY(0); }
 100% { transform: translateY(-10px); }
}
/******* contact us ends ********/

/************************ button Start ************************/
.button {
 padding: 15px 25px;
 border: none;
 background: none;
 color: inherit;
 vertical-align: middle;
 position: relative;
 z-index: 1;
 -webkit-backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 line-height:normal;
}
.button:focus { outline: none; }
.button > span { vertical-align: middle; }
.button-anzagt {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 letter-spacing: 1px;
 background:#164631;
 color:#ffffff;
 border:1px solid #164631;
 cursor: pointer;
 font-weight: 500;
}
.button--anzagt {
 overflow: hidden;
 -webkit-transition: border-color 0.3s, color 0.3s;
 transition: border-color 0.3s, color 0.3s;
 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--anzagt::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 150%;
 height: 100%;
 background:#164631;
 z-index: -1;
 -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
 transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
 -webkit-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
 transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--anzagt:hover { color:#164631; border-color:transparent;}
.button--anzagt.button--inverted:hover { color:#164631; border-color:transparent;}
.button--anzagt:hover::before {
 opacity: 1;
 background-color:#ffffff;
 color:#164631;
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--anzagt.button--inverted:hover::before { background-color: #fff;}

.button-anzagtsubmit {
 font-family: 'Noto Kufi Arabic', sans-serif;
 font-size: 16px;
 letter-spacing: 1px;
 background:#AB8039;
 color:#ffffff;
 border:1px solid #164631;
 cursor: pointer;
 font-weight: 500;
}
.button--anzagtsubmit {
 overflow: hidden;
 -webkit-transition: border-color 0.3s, color 0.3s;
 transition: border-color 0.3s, color 0.3s;
 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--anzagtsubmit::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 150%;
 height: 100%;
 background:#164631;
 z-index: -1;
 -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
 transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
 -webkit-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
 transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--anzagtsubmit:hover { color:#164631; border-color:transparent;}
.button--anzagtsubmit.button--inverted:hover { color:#164631; border-color:transparent;}
.button--anzagtsubmit:hover::before {
 opacity: 1;
 background-color:#ffffff;
 color:#164631;
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--anzagtsubmit.button--inverted:hover::before { background-color: #fff;}
/************************ button Start ************************/


/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}
/*** Boxpadding ***/
.boxpadding {padding-bottom: 30px;}
/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
 color:#FFFFFF;
 background-color:#01AEF2!important;
 border-color:#01AEF2!important;
}
.btn-square {
 width: 38px;
 height: 38px;
}
.btn-sm-square {
 width: 32px;
 height: 32px;
}
.btn-lg-square {
 width: 48px;
 height: 48px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: normal;
}
.btn-socialicon {
 width: 38px;
 height: 38px;
}
.btn-sm-socialicon {
 width: 32px;
 height: 32px;
}
.btn-lg-socialicon {
 width: 48px;
 height: 48px;
}
.btn-socialicon,
.btn-sm-socialicon,
.btn-lg-socialicon {
 padding: 0px 0px 0px 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: normal;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.bannertopup {margin-top: 0px!important;}
.tbannerhead {font-size: 24px;line-height: 30px;color: #ef7f1d; }
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertextmobbg {height: 100%;  
 background-color: #AB8039; background-image: url("../img/bannertextbg.png");
 background-repeat:  no-repeat;
 background-position:  left center;}
.bannertextmobrightbg {height: 100%; 
 background-color: #093220;
 background-image:  url("../img/bannerbright.jpg");
 background-repeat:  no-repeat;
 background-position:  right center;}
.bannertext {font-family: 'Noto Kufi Arabic', sans-serif;font-size: 18px;line-height: 35px;font-weight: 400;text-align: right;color: #656565;}
.welcomebg { background-image:  url(
"../img/bodybgmob.jpg");
 background-repeat:  no-repeat, repeat;
 background-position: right top, right top;
}
.back-to-top {right: 247px;bottom: 22px;}
.whtsapp-icon {right: 65px; bottom: 75px;}
.twelcomehead {  font-size: 24px; line-height: 30px;}
.twelcomesubhead {  font-size: 25px; line-height: 24px; }
.twelcometext { font-size: 18px; line-height: 35px;  text-align: right;font-weight: 400; }
.tgroupcompaniessubhead { font-size: 25px; line-height: 30px;}
.tinvestmentapproachsubhead { font-size: 25px; line-height: 30px;}
.tinvestmenthead { font-size: 18px; line-height: 25px;}

.button { padding: 10px 15px; }
.button-anzagt { font-size: 14px; }
.ulpaddingmob { list-style: none; padding-right: 0;}
.tservicesubhead {font-size: 25px;line-height: 30px;}
.tbottomhead {font-size: 19px;line-height: 25px;padding-left: 12px;}
.tservicehead01 {font-size: 18px; line-height: 25px;color: #ffffff;background: #ef7f1d;}
.tservicehead01:hover{background: #fff;border-bottom: 5px solid;border-bottom-color: #EF7F1D;color:#ef7f1d!important;transition:0.9s ease all;}
.ttext {font-size: 19px;line-height: 35px;text-align: right;}
.ttextorange {font-size: 19px;line-height: 35px;text-align: left;}
.theading01 {font-size: 18px;line-height: 28px;}
.tsubheading {font-size: 25px;line-height: 30px;}
.theading {font-size: 25px;}
.tsubheading01 {font-size: 20px;line-height: 30px;}
.submitbtn {padding: 5px 25px;}
.servicesbox {box-shadow: none;}
.servicelist li {text-align: right;padding-left: 5px;}
.welcomefill {font-size: 45px;line-height: 65px;}

.toplanguagebox01 {padding: 4px 10px;}
.toplanguagebox02 {padding: 4px 10px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.bannertopup {margin-top: 0px!important;}	
.tbannerhead { font-size: 25px; line-height: 30px;color: #ef7f1d; }
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertextmobbg {height: 100%;  
 background-color: #AB8039; background-image: url("../img/bannertextbg.png");
 background-repeat:  no-repeat;
 background-position:  left center;}
.bannertextmobrightbg {height: 100%; 
 background-color: #093220;
 background-image:  url("../img/bannerbright.jpg");
 background-repeat:  no-repeat;
 background-position:  right center;}
.bannertext {font-family: 'Noto Kufi Arabic', sans-serif;font-size: 19px;line-height: 30px;font-weight: 400;color: #656565; }
.welcomebg { background-image:  url(
"../img/bodybgmob.jpg");
 background-repeat:  no-repeat, repeat;
 background-position: right top, right top;
}
.twelcomehead {  font-size: 25px; line-height: 30px; }
.twelcomesubhead {  font-size: 25px; line-height: 30px; }
.twelcometext { font-size: 19px; line-height: 30px;  text-align: right;font-weight: 400; }
.tgroupcompaniessubhead { font-size: 25px; line-height: 30px;}
.tinvestmentapproachsubhead { font-size: 25px; line-height: 30px;}
.tinvestmenthead { font-size: 14px; line-height: 25px;}
.button { padding: 10px 15px; }
.button-anzagt { font-size: 14px; }
.ulpaddingmob { list-style: none;  padding-right: 0;}
.tservicesubhead {font-size: 25px;line-height: 30px;}
.margintop {margin-top: 0px;}
.tservicehead01 {font-size: 16px;line-height: 25px;}
.tbottomhead {font-size: 20px;line-height: 30px;padding-left: 12px;}
.tbottomtext {font-size: 19px;line-height: 24px;}
.tbottomtextactive {font-size: 19px;line-height: 24px;}
.tsubheading {font-size: 25px;line-height: 30px;}
.theading {font-size: 25px;}
.tsubheading01 {font-size: 20px;line-height: 30px;}
.welcomefill {font-size: 60px;line-height: 70px;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.tbottomhead { font-size: 15px;line-height: 25px;padding-left: 0px;}
.tbottomtext {font-size: 14px;line-height: 24px;}
.tbottomtextactive {font-size: 14px;line-height: 24px;}
.servicetop{margin-top: 192px;}
.tservicehead01 {font-size: 20px;line-height: 25px;}
.tservicesubhead {font-size: 40px;line-height: 45px;}
.welcomefill {font-size: 58px;line-height: 76px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
.tbottomhead{padding-left: 40px;}
.servicetop{margin-top: 136px;}
.tsubheading {font-size: 25px;line-height: 30px;}
.tbottomtext{font-size: 15px;}
.tbottomtext:hover{font-size: 15px;}
.welcomebg { background-image:  linear-gradient(to right, transparent  50%, #ef7f1d 50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/bodybg.jpg")!important;
}
.welcomefill {font-size: 65px;line-height: 100px;}

}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
.tbottomhead{padding-left: 40px;}
.tsubheading {font-size: 25px;line-height: 30px;}
.welcomefill {font-size: 65px;line-height: 100px;}
.tbottomtext{font-size: 15px;}
.tbottomtext:hover{font-size: 15px;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
.tbottomhead{padding-left: 39px;}
.margintop {margin-top:220px!important;}
.tbottomtext {font-size: 15px;}
.welcomebg{height:720px;}
.welcomefill {font-size: 70px;line-height: 100px;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {	
.tbannerhead { font-size: 19px; line-height: 25px; }
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertext {font-size: 15px;line-height: 24px;font-weight: 400;text-align: left;}
.bannertextbg {height: 100%; 
 background-color: #093220;
 background-image: url("../img/bannertexttabbg.png"), url("../img/bannerbright.jpg");
 background-repeat:  no-repeat, no-repeat;
 background-position:  left center, right center;}
.navbar .navbar-nav .nav-link {font-size: 14px; padding: 0px 20px 0px 0px;}
.hideelementsmobile { display:none !important;}
.twelcomehead {  font-size: 26px; line-height: 27px; }
.twelcomesubhead {  font-size: 25px; line-height: 30px; }
.twelcometext { font-size: 14px; line-height: 23px;  text-align: right; }
.welcomebg { background-image:  linear-gradient(to right, transparent  50%, #ef7f1d 50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/bodybg.jpg");
 background-repeat:  repeat-y, no-repeat, no-repeat ;
 background-position: left top,  left top, left center,;
}
.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
.tgroupcompaniessubhead { font-size: 25px; line-height: 30px; color:white;}
.tinvestmentapproachsubhead { font-size: 25px; line-height: 30px;}
.tinvestmenthead { font-size: 18px; line-height: 25px;}
.button-anzagt { font-size: 14px; }
.tservicesubhead {font-size: 40px;line-height: 45px;}
.margintop {margin-top: 0px;}
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1200px) {
.tbannerhead { font-size: 23px;line-height: 36px;}
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertext {font-size: 15px;line-height: 24px;font-weight: 400;text-align: left;}
.bannertextbg {height: 100%; 
 background-color: #093220;
 background-image: url("../img/bannertexttabbg.png"), url("../img/bannerbright.jpg");
 background-repeat:  no-repeat, no-repeat;
 background-position:  left center, right center;}	
.navbar .navbar-nav .nav-link {font-size: 14px; padding: 0px 20px 0px 0px;}
.hideelementsmobile { display:none !important;}
.welcomebg { background-image:  linear-gradient(to right, transparent 50%, #ef7f1d  50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/welcomeimg.jpg");
 background-repeat:  repeat-y,  repeat-y, no-repeat ;
 background-position: left top,  left top, left center,;
}
.twelcomehead {  font-size: 32px; line-height: 30px; }
.twelcomesubhead {  font-size: 25px; line-height: 30px; }
.twelcometext { font-size: 14px; line-height: 23px;  text-align: right; }
.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
.investmentapproachhbg {
 background-color: #E0ECE7;
 background-image: url("../img/investmentapproachhbg02.jpg");
 background-repeat:  no-repeat;
 background-position:  right center;
}
.tinvestmentapproachsubhead {font-size: 25px; line-height: 30px; }
.tinvestmenthead { font-size: 17px; line-height: 20px; }
.tinvestmenttext { font-size: 15px; line-height: 23px; }
.button-anzagt { font-size: 14px; }
.margintop {margin-top: 0px;}
}
@media only screen and (min-device-width : 1201px) and (max-device-width : 1440px) {	
.navbar .navbar-nav .nav-link {font-size: 17px; padding: 0px 20px 0px 0px;}
.tbannerhead { font-size: 25px;line-height: 35px; }
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertext {font-size: 15px;line-height: 24px;font-weight: 400; margin-right: 0px;}
.bannertextbg {height: 100%; 
 background-color: #093220;
 background-image: url("../img/bannertexttabbg01.png"), url("../img/bannerbright.jpg");
 background-repeat:  no-repeat, no-repeat;
 background-position:  left center, right center;}	
.hideelementsdesktop { display:none !important;}
.welcomebg { background-image:  linear-gradient(to right, transparent 50%, #ef7f1d  50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/welcomeimg.jpg");
 background-repeat:  repeat-y,  repeat-y, no-repeat ;
 background-position: left top,  left top, left center,;
}
.twelcomehead {  font-size: 35px; line-height: 35px; }
.twelcomesubhead {  font-size: 30px; line-height: 35px; }
.twelcometext { font-size: 15px; line-height: 23px;  text-align: right; }
.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
.investmentapproachhbg {
 background-color: #E0ECE7;
 background-image: url("../img/investmentapproachhbg02.jpg");
 background-repeat:  no-repeat;
 background-position:  right center;
}
.tinvestmentapproachsubhead {font-size: 30px; line-height: 35px; }
.tinvestmenthead { font-size: 17px; line-height: 25px; }
.tinvestmenttext { font-size: 15px; line-height: 23px; }
.margintop {margin-top: 0px;}
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1599px) {
.tbottomhead{padding-left: 39px;}
.margintop {margin-top:220px!important;}
.tbottomtext {font-size: 15px;}
.welcomebg{height:765px;}
}

@media only screen and (min-device-width : 1441px) and (max-device-width : 1599px) {	
.navbar .navbar-nav .nav-link {font-size: 14px; padding: 0px 20px 0px 0px;}
.tbannerhead { font-size: 25px;line-height: 35px;}
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertext {font-size: 15px;line-height: 24px;font-weight: 400;margin-right: 0px;}
.bannertextbg {height: 100%; 
 background-color: #093220;
 background-image: url("../img/bannertextlapbg.png"), url("../img/bannerbright.jpg");
 background-repeat:  no-repeat, no-repeat;
 background-position:  left center, right center;}	
.welcomebg { background-image:  linear-gradient(to right, transparent 50%, #ef7f1d  50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/welcomeimg.jpg");
 background-repeat:  repeat-y,  repeat-y, no-repeat ;
 background-position: left top,  left top, left center,;
}
.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1699px) {
.tbannerhead { font-size: 25px;line-height: 35px;}
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertext {font-size: 15px;line-height: 24px;font-weight: 400;margin-right:0px;}
.bannertextbg {height: 100%; 
 background-color: #093220;
 background-image: url("../img/bannertextlapbg.png"), url("../img/bannerbright.jpg"); 
 background-repeat:  no-repeat, no-repeat;
 background-position:  left center, right center;}	
.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
.welcomebg { background-image:  linear-gradient(to right, transparent 50%, #ef7f1d  50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/welcomeimg.jpg");
 background-repeat:  repeat-y,  repeat-y, no-repeat ;
 background-position: left top,  left top, left center,;height:800px;
}
.margintop {margin-top: 170px;}
}
@media only screen and (min-device-width : 1700px) and (max-device-width : 1799px) {
.tbannerhead { font-size: 19px; line-height: 25px; }
.tbannersubhead { font-size: 22px; line-height: 25px; text-align: left;}
.bannertext {font-size: 15px;line-height: 24px;font-weight: 400;margin-right: 0px;}
.bannertextbg {height: 100%; 
 background-color: #093220;
 background-image: url("../img/bannertextlapbg.png"), url("../img/bannerbright.jpg");
 background-repeat:  no-repeat, no-repeat;
 background-position:  left center, right center;}	

.servicesbg{background-image:url("../img/bodybg.jpg");background-repeat:  repeat-x;}
.welcomebg { background-image:  linear-gradient(to right, transparent 50%, #ef7f1d  50%),  linear-gradient(to bottom,  transparent 10%, #ffffff 90% ),   url("../img/bodybgmob.jpg"),   url("../img/welcomeimg.jpg");
 background-repeat:  repeat-y,  repeat-y, no-repeat ;
 background-position: left top,  left top, left center,;height:800px;
}
.margintop {margin-top: 170px;}
}