@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Cairo:400,700&subset=arabic');

*{ font-family: 'Montserrat', 'Cairo', sans-serif; font-size: 12px; color:rgba(51,51,51,1); font-weight: 400; -webkit-font-smoothing: antialiased; box-sizing: border-box; }
body{ padding: 0; margin: 0; }
@media only screen and (max-width: 900px) {
    body{ overflow-x: hidden; }
}
b, strong{ font-weight: 700; color:inherit; }
path{ color:#ffffff !important; }

.only-mobile{ display: none; }
@media only screen and (max-width: 900px) {
    .only-desktop{ display: none; }
    .only-mobile{ display: block !important; }
}



.SecureAlertError{ padding: 20px; background-color: #f2dede; text-align: center; color:#a94442; margin-bottom: 40px; }
.SecureAlertAlert{ padding: 20px; background-color: #fcf8e3; text-align: center; color:#8a6d3b; margin-bottom: 40px; }
.SecureAlertSuccess{ padding: 20px; background-color: #dff0d8; text-align: center; color:#3c763d; margin-bottom: 40px; }

.LoginFormContainer{ width: 100%;  margin: auto; position: relative; }
.LoginForm{  width: 100%; max-width: 400px; margin: auto; padding: 100px 20px; }

.ApplyDSLTable{ border-radius: 5px; overflow: hidden; border:0px solid rgba(144,144,144,0.5); background-color: rgba(144,144,144,0.5); }
.ApplyDSLTable th{ background-color: rgba(34,34,34,1); color:#ffffff; font-weight: 700; height:50px; text-align: left;  }
.ApplyDSLTable td{ text-align: left; height: 26px;  transition: 0.3s all; }
.ApplyDSLTable tr{ page-break-inside: avoid; page-break-before:auto; background-color: #ffffff; transition: 0.3s all; }
.ApplyDSLTable tr:nth-child(even){ background-color:rgba(238,238,238,1); }
.ApplyDSLTable tr:nth-child(odd){ background-color:#ffffff; }
.ApplyDSLTable tr:not(.disabled):hover td{ background-color:rgba(49,39,131,1); color:#ffffff; cursor: pointer; }
.ApplyDSLTable tr:not(.disabled):hover td i{ color:#ffffff; }
.ApplyDSLTable tr.disabled{ opacity: 0.6; }
.ApplyDSLTable tr.selected td, .ApplyDSLTable tr.selected td i{ background-color:rgba(49,39,131,1) !important; color:#ffffff !important; }


.gm-style-cc{ display: none !important;  }

.Title1{ font-size: 28px; font-weight: 700; text-align: center; margin: auto;  margin-bottom: 40px; text-transform: uppercase; }
.Title1 span{ display: block; text-transform: none; font-size: 13px; margin-top: 5px; }
.Title2{ font-size: 24px; font-weight: 700; text-align: left; margin-bottom: 20px; text-transform: uppercase; }
.Title2Colored{ font-size: 24px; font-weight: 700; text-align: left; margin-bottom: 20px; color:rgba(49,39,131,1); }
.Title1White{ font-size: 24px; color:#ffffff; font-weight: 700; text-align: center;  margin: auto;  margin-bottom: 40px; text-transform: uppercase; }
.PageTitle{ width: 100%; padding: 50px 20px; clear: both; background-image: url("../img/bgdGrey.png"); background-position: cover; background-repeat: no-repeat;  }
.PageTitle2{ width: 100%; padding: 30px 0 30px 20px; clear: both; background-image: url("../img/bgdGrey.png"); background-position: cover; background-repeat: no-repeat;  }
.PageTitle, .PageTitle2{ background: rgb(203,36,67);  background: url('../img/bgdGrey.png'), -moz-linear-gradient(45deg, rgba(33,64,154,1) 0%, rgba(237,22,81,1) 100%);  background: url('../img/bgdGrey.png'), -webkit-linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  background: url('../img/bgdGrey.png'),linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a2678', endColorstr='#cb2443',GradientType=1 ); background-size: cover; }
.PageTitle div{ width: 100%; max-width: 1100px; margin: auto; font-size: 32px; font-weight: 700; color:#ffffff; text-transform: uppercase; }
.PageTitle2 div{ width: 100%; max-width: 1100px; margin: auto; font-size: 24px; font-weight: 700; color:#ffffff; text-transform: uppercase; }
.Text{ text-align: justify; }
.Link1{ font-weight: 700; text-decoration: none; }
.Link1:hover{ text-decoration: underline; }
.Link2{ display: inline-block; border-radius: 20px; padding: 10px 20px; text-decoration: none; color:#ffffff; transition: 0.5s all; }
.Link2:hover, .Link3:hover{ opacity: 0.6; }
.Link3{ display: inline-block; text-decoration: none; color:rgba(49,39,131,1); transition: 0.5s all; }
.ButtonRounded{ width: 130px; height:130px; position: relative; clear: both; margin: auto; border-radius: 50%;  box-shadow: 0 0 20px -3px rgba(0,0,0,0.6) }
.ButtonRounded input,.ButtonRounded a{ position: absolute; display: block; top:10px; width: calc(100% - 20px); left:10px; bottom:10px; right:10px; margin: auto; background-color: rgba(255,255,255,1); line-height: 110px; border:0; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 50%; text-align: center; text-decoration: none; transition: 0.5s all; }
.ButtonRounded input:hover,.ButtonRounded a:hover{ background-color: rgba(255,255,255,0); color:#ffffff; }
.Title3{ }
.Title4{ font-size: 16px; font-weight: 700; }

.HeaderDesktopContainer{ width: 100%; height:140px; background-color: rgba(34,34,34,1); border-bottom:10px solid #000000; clear: both; }
.HeaderDesktop, .HeaderMobile{ margin: auto; width: 100%; max-width: 1100px; }
.HeaderDesktopLogo{ float:left; height:130px; width: 172px; overflow: hidden; margin: 0 10px; }
.HeaderDesktopLogo img{ width: 100%; }

.HeaderMobileContainer{ width: 100%; height:140px; background-color: rgba(34,34,34,1); border-bottom:10px solid #000000; clear: both; display: none; }
.HeaderMobileMenuLink, .HeaderMobileMenuLink i{ width: 60px; height:140px; line-height: 140px; float:right; text-align: center; color:#ffffff; font-size: 24px; text-decoration: none; position: relative; }
.HeaderMobileMenuLink span{ font-size: 14px; font-weight: 700; text-decoration: none; color:#ffffff; width: 25px; height:25px; border-radius: 2px; line-height: 25px; position: absolute; top:0; bottom:0; margin: auto; left:0; right:0; }
.HeaderMobileMenuLink:hover span{ background-color:#ffffff; color:rgba(34,34,34,1); }

.HeaderMobileMenu div{ height:1px; background-color:rgba(49,39,131,1); }
.HeaderMobileMenu{ background-color: #000000; overflow: hidden !important; display: none; height:0; transition: 0.5s all; }
.HeaderMobileMenuExpanded{ height:auto !important; transition: 0.5s all; }
.HeaderMobileMenu a{ color:#ffffff; padding: 15px 0; text-align: center; display: block; text-decoration: none; text-transform: uppercase; font-size: 14px; border-bottom:1px solid rgba(34,34,34,1); }
.HeaderMobileMenu a i{ color:#ffffff; font-size: 12px; margin-right: 5px; }
.HeaderMobileMenu a:last-of-type{ border-bottom:0; margin-bottom: 10px; }
@media only screen and (max-width: 1020px) {
    .HeaderMobileContainer{ display:block; }
    .HeaderDesktopContainer{ display: none; }
    .HeaderMobileMenu{ display: block !important; }
}



.sep{ height:20px; clear: both; display: block; }


.ColRow{ display: flex; justify-content: space-between; }
.Col30{ width: calc(33.333333333% - 5px); }
.Col50 {
    width: calc(50% - 5px);
    margin-left: 5px;
    margin-right: 5px;
}

.message h2{ font-size: 28px; font-weight: 700; }

.FooterContainr{ width: 100%; background-color:#eeeeee; padding: 20px 0; position: relative; overflow: hidden }
.Footer{ margin: auto; width: 100%; max-width: 1100px; }
.FooterSection1{ float:left; padding-top: 5px; }
@media only screen and (max-width: 900px) {
    .FooterSection1{ float:none; width: 100%; text-align: center; padding: 20px; }
    .FooterSection2{ text-align: center; width: 100%; }
}


.FooterSection1 div{ padding-top: 5px; }
.FooterSection1 a{ margin-right: 10px; text-decoration: none; font-weight: 700; }
.FooterSection1 a:hover{ text-decoration: underline; }
.FooterSection2{ float:right; }
.FooterSection2 a, .SideLinksSocial{ display: inline-block; margin-left: 5px; width: 40px; height:40px; line-height: 40px; text-align: center; border:0px solid rgba(34,34,34,1); box-shadow: 0 0 3px rgba(34,34,34,1); color:rgba(34,34,34,1); font-size: 18px; border-radius: 50%; }
.SideLinksSocial{ background-color: #ffffff; }
.FooterSection2 a:hover, .SideLinksSocial:hover{ background-color: rgba(34,34,34,1); color:#ffffff;}
.FooterSection2 a:hover i, .SideLinksSocial:hover i{ color:#ffffff;}
.FooterSection2 a i, .SideLinksSocial i{ line-height: 40px; }
.FooterSection2 div{ display: inline-block; }

.SideLinksCotainer{ position: absolute; top:150px; right:0; z-index: 999; overflow: hidden; height:700px; padding-top: 3px; }
@media only screen and (max-width: 1000px) {
    .SideLinksCotainer{ display: none; }
}
.SideLinksCotainerFixed{ position: fixed !important; top:20px; right:0; }
.SideLink1{ display: block; float:right; clear: both; text-align: center; text-decoration: none; width: 160px; height: 160px; position: absolute; right:-80px; font-size: 14px; padding-top: 40px; border-radius: 50%; font-weight: 700; color:#ffffff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transition: 0.5s all; }
.SideLink2{ display: block; float:right; clear: both; text-align: center; text-decoration: none; width: 100px; height: 100px; position: absolute; right:-50px; font-size: 12px; padding-top: 22px; border-radius: 50%; font-weight: 700; color:#ffffff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transition: 0.5s all; }
.SideLink1:hover, .SideLink2:hover{ transform: rotate(-90deg) translate(0px,-10px); }
.SideLink1 i{ position: absolute; top:10px; left:0; right:0; margin: auto; width: 20px; height:20px; line-height: 20px; color:#ffffff; font-size: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.SideLink2 i{ position: absolute; top:5px; left:0; right:0; margin: auto;  width: 20px; height:20px; line-height: 20px; color:#ffffff; font-size: 14px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.SideLink1 span{ display: block; color:#ffffff; font-size: 11px; }

.MenuBtn1{ float:left; margin-left: 20px; width: 110px; height:110px; border-radius: 50%; margin-top: 12px; font-size: 14px; text-decoration: none; text-align: center; text-transform: uppercase; }
.MenuBtn1 span{ width: calc(100% - 6px); height:calc(100% - 6px); margin: 3px; background-color: rgba(34,34,34,1); display: block; border-radius: 50%; color:#ffffff; line-height: 104px; transition:0.5s all; }
.MenuBtn1:hover span{ background-color: rgba(34,34,34,0); }

.MenuBtn2{ float:right; width: 85px; height:85px; display: block; margin-left: 10px; border-radius: 50%; margin-top: 22px; font-size: 12px; color:#ffffff; text-decoration: none; text-align: center; text-transform: uppercase; overflow: hidden; }
.MenuBtn2 div{ height:85px; line-height: 85px; font-size: 26px; font-weight: 700; color:#ffffff; transition: 0.5s all; }
.MenuBtn2 i{ height:44px; line-height: 30px; position:absolute; top:0; left:0; right:0; margin: auto; font-size: 26px; color:#ffffff; display: block; font-weight: 100; clear: both; padding-top: 10px; }
.MenuBtn2 span{ width: calc(100% - 6px); position:relative; height:calc(100% - 6px); margin: 3px; background-color: rgba(34,34,34,1); display: block; border-radius: 50%; color:#ffffff; line-height: 100px; transition:0.5s all; }
.MenuBtn2:hover span{ background-color: rgba(34,34,34,0); }
.MenuBtn2:hover div{ background-color: rgba(93,93,93,1); }

.MenuBtn3{ position: relative; float:right; height:40px; line-height: 40px; margin-top:42px; color:#ffffff; text-decoration: none; padding: 0 15px; text-transform: uppercase; transition: 0.5s all; }
.MenuBtn3 span{ position: absolute; height:3px; left:0; right:0; bottom:0; margin: auto; display: block; transition: 0.5s all; opacity: 0;  }
.MenuBtn3:hover span{ opacity: 1; }
.MenuBtn3:hover{ background-color: #000000; }

.BackgroundGradient{ background-color: rgba(49,39,131,1);  background: -moz-linear-gradient(45deg, rgba(33,64,154,1) 0%, rgba(237,22,81,1) 100%);  background: -webkit-linear-gradient(45deg, rgba(33,64,154,1) 0%, rgba(237,22,81,1) 100%);  background: linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 ); }
.BackgroundGradient:disabled{ opacity: 0.6; }
.BackgroundGradientGray{ background-color: rgba(237,22,81,1);  background: -moz-linear-gradient(45deg, rgba(59,59,60,1) 0%, rgba(82,82,82,1) 100%);  background: -webkit-linear-gradient(45deg, rgba(59,59,60,1) 0%, rgba(82,82,82,1) 100%);  background: linear-gradient(45deg, rgba(59,59,60,1) 0%,rgba(82,82,82,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a2678', endColorstr='#cb2443',GradientType=1 ); }
.TextGradient{  background: rgba(49,39,131,1);  background: -moz-linear-gradient(45deg, rgba(33,64,154,1) 0%, rgba(237,22,81,1) 100%);  background: -webkit-linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  background: linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a2678', endColorstr='#cb2443',GradientType=1 );  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  }


.CommonContactContainer{ width: 100%; overflow: hidden; padding: 100px 0; background-color: rgba(34,34,34,1); }
.CommonContact{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.CommonContactBlock{ background-color: rgba(0,0,0,0.2); overflow: hidden; padding: 40px; }
.CommonContactBlockLeft{ float:left; width: calc(50% - 40px); padding-left: 10%; padding-top: 40px; }
.CommonContactBlockRight{ float:right; width: calc(40% - 40px);  }
@media only screen and (max-width: 700px) {
    .CommonContactBlockLeft{ float:left; width: calc(100% - 0px); padding-left: 0%; padding-top: 40px; margin-bottom: 40px; }
    .CommonContactBlockRight{ float:right; width: calc(100% - 0px);  }

}


.CommonContactBlockLeft div{ display: block; margin-bottom: 20px; color:#ffffff; font-size: 13px; }
.CommonContactBlockLeft div span{ color:#ffffff; font-size: 13px; font-weight: 700; }
.CommonContactBlockLeft div i{ color:#ffffff; font-size: 13px; margin-right: 20px; }
.CommonContactBlockRight a{ color:#ffffff; font-weight: 700; font-size: 14px; margin-bottom: 10px; display: block; text-decoration: underline; transition: 0.5s all; }
.CommonContactBlockRight a i{ color:#ffffff; margin-right: 5px; transition: 0.5s all; }
.CommonContactBlockRight a:hover, .CommonContactBlockRight a:hover i{ color:rgba(49,39,131,1);  }
.FormTextField1{ display: block; width: 100%; border:0px; padding: 10px; margin-bottom: 10px; }
.FormBtn1{ cursor: pointer; display: block; width: 100%; padding: 10px 0; font-size: 12px; color:#ffffff; font-weight: 700; border:0; border-radius: 20px; transition: 0.5s all; -webkit-appearance: none; }
.FormBtn1:hover{ opacity: 0.6; }


.HomePageSlideShowContainer{ width: 100%; position: relative; padding-bottom: 50%; margin-bottom: 20px; }
.HomePageSlideShowCarousel{ position: absolute !important; left:0; top:0; right:0; bottom:0; margin: auto; z-index: 1; }
.HomePageSlideShowDots{ position: absolute; bottom:0; left:0; right:0; width: 100%; margin: auto; max-width: 1100px; z-index: 2; display: flex; }
.HomePageSlideShowDots li{ list-style: none; display: block; flex:1; position: relative; font-size: 14px; text-transform: uppercase; border-top:3px solid #dfdfdf; padding-top: 15px; margin: 10px; opacity:0.7; transition: 0.5s all; cursor: pointer; }
.HomePageSlideShowDots li:hover{ opacity:1; }
.HomePageSlideShowDots li.active{ opacity:1; }
.HomePageSlideShowDots li span{ font-weight: 700; font-size: 18px; padding-right: 5px; }
.HomePageSlideShowDots li div{ height:3px; background-color:rgba(49,39,131,1); width:0; left:0; top:-3px; margin: auto; position: absolute; }

@media only screen and (max-width: 700px) {
    .HomePageSlideShowDots{ display: none; }

}



.HomePageServicesContainer{ width: 100%; overflow: hidden; padding: 100px 0; background-color: rgba(238,238,238,1); }
.HomePageServices{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.HomePageServicesInside{ width: 100%; padding-bottom: 50%; position: relative; text-align: center; }
.HomePageServicesPersonal{ position: absolute; left:0; top:0; bottom:0; width: 50%; display: block; transition: 0.5s all; }
.HomePageServicesBusiness{ position: absolute; right:0; top:0; bottom:0; width: 50%; display: block; }
.HomePageServicesPersonalColored, .HomePageServicesBusinessColored{ width: 75%; height:75%; position: absolute; z-index: 2; top:0; bottom:0; left:0; right:0; margin: auto; box-shadow: -5px 5px 10px rgba(0,0,0,0.2); border-radius:50%; font-size: 28px; font-weight: 700; text-align: center; transition: 2s all; }
.HomePageServicesPersonalColored div, .HomePageServicesBusinessColored div{     position: absolute;  top: 0;  left: 0;  padding-top: 18%;  font-size: 24px;  font-weight: 700;  right: 0;  bottom: 0;  width: 50%;  height: 50%;  margin: auto;  background-image: url(../img/circle_services_inside.png);  background-size: contain; background-repeat: no-repeat; }
.HomePageServicesPersonalGray{ position: absolute; left:0; bottom:0; z-index: 1; margin: auto; width: 40%; height:40%; background-image: url("../img/circle_darkgray.png"); background-position: center; background-repeat: no-repeat; background-size: contain; transition: 1.5s all;  }
.HomePageServicesSep{ position: absolute; top:0; bottom:0; width: 10px; left:0; right:0; margin: auto; background-color: rgba(0,0,0,0.1); }
.HomePageServicesBusinessColored{ width: 75%; height:75%; position: absolute; z-index: 2; top:0; bottom:0; left:0; right:0; margin: auto; box-shadow: -5px 5px 10px rgba(0,0,0,0.2); border-radius:50%;  padding: 165px 120px 0 120px; font-size: 28px; font-weight: 700; text-align: center;  transition: 2s all; }
.HomePageServicesBusinessGray{ position: absolute; right:0; top:40px; z-index: 1; margin: auto; width: 40%; height:40%; background-image: url("../img/circle_darkgray.png"); background-position: center; background-repeat: no-repeat; background-size: contain;  transition: 1.5s all;  }

@media only screen and (max-width: 800px) {
    .HomePageServicesPersonal{ position: static; display: inline-block; margin: auto; width: 350px; height:350px; transition: 0.5s all; }
    .HomePageServicesBusiness{ position: static; display: inline-block; margin: auto; width: 350px; height:350px; transition: 0.5s all; }
    .HomePageServicesSep{ display: none; }
    .HomePageServicesInside{ width: 100%; position: relative; padding-bottom: 0; }
    .HomePageServicesPersonalColored div, .HomePageServicesBusinessColored div{  font-size: 18px; }
}

.HomePageServicesPersonal:hover .HomePageServicesPersonalColored{ transform: translate(25px,-10px); }
.HomePageServicesPersonal:hover .HomePageServicesPersonalGray{ transform: translate(-15px,-10px); }

.HomePageServicesBusiness:hover .HomePageServicesBusinessColored{ transform: translate(-25px,10px); }
.HomePageServicesBusiness:hover .HomePageServicesBusinessGray{ transform: translate(15px,10px); }

.HomePageArticlesContainer{ width: 100%; overflow: hidden; padding: 100px 0; }
.HomePageArticles{  width: 100%; max-width: 1100px;  padding: 100px 0; margin: auto;}
.HomePageArticle{  display: block; float:left; margin: 10px;  width: calc(33.33333% - 20px); padding-bottom: calc(22.22222% - 13.3333px); position: relative; overflow:hidden; }
.HomePageArticlesImage{ width: 100%; position: absolute; z-index: 2; left:0; top:0; }
.HomePageArticlesFilter1{ opacity: 0.8; z-index: 3; position: absolute; left:0; right:0; bottom:0; top:0; margin: auto; transition: 0.5s all; }
.HomePageArticlesFilter2{ opacity: 1; z-index: 0; position: absolute; left:0; right:0; bottom:0; top:0; margin: auto; transition: 0.5s all; }
.HomePageArticlesTitle{ left:15px; right:15px; bottom:15px; position: absolute; margin: auto; z-index: 4; font-size: 18px; line-height: 20px; text-align: justify; font-weight: 700; color:#ffffff; }
.HomePageArticlesTitle i{ color:#ffffff; position: absolute; right:10px; top:0; bottom:0; margin: auto; transition: 0.5s all; }
.HomePageArticlesGrayBg{ position: absolute; left:0; right:0; top:0; bottom:0; margin: auto; background-color: rgba(34,34,34,1); opacity: 0; transition: 0.5s all; }
.HomePageArticle:hover .HomePageArticlesFilter1{ opacity:0; }
.HomePageArticle:hover .HomePageArticlesFilter2{ transform: translate(10px,10px); }
.HomePageArticle:hover .HomePageArticlesTitle i{ transform: translate(10px,0px); }
.HomePageArticle:hover .HomePageArticlesGrayBg{ opacity: 1; }
.HomePageArticlesTitleFilter{ position: absolute; opacity: 0.7; bottom:0; right:0; z-index: 2; left:0; top:50%; margin: auto;  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

@media only screen and (max-width: 700px) and (min-width:  500px) {
    .HomePageArticle{   width: calc(50% - 20px); padding-bottom: calc(33.3333333% - 13.3333px); }
}
@media only screen and (max-width: 500px){
    .HomePageArticle{   width: calc(100% - 20px); padding-bottom: calc(66.6666666% - 13.3333px); }
}


.HomePageSocialContainer{ display: block; width: 100%; background-color: rgba(238,238,238,1); padding: 100px 0; overflow: hidden; }
.HomePageSocial{ width: 100%; padding: 0 10px; max-width: 1100px; margin: auto; }

.HomePageSocialBlock1{ width: calc(50% - 10px); overflow: hidden; }

@media only screen and (max-width: 700px) {
    .HomePageSocialBlock1{   width: calc(100% - 0px); margin-bottom: 40px; overflow: hidden; }
    .HomePageSocialBlock2{ margin-top: -40px; }
}

.HomePageSocialBlock1:nth-child(odd){ float:left; }
.HomePageSocialBlock1:nth-child(even){ float:right; }



.HomePageSocialBlock1Inside{ background-color: #ffffff; display: block; text-decoration: none; transition: 0.5s all; }
.HomePageSocialBlock1InsideHeader{ display: block; border-radius: 4px; padding:20px 0; color:#ffffff; background-color: rgba(34,34,34,1); text-align: center; }
.HomePageSocialBlock1InsideHeaderTimer{ text-align: center; margin: 10px 0 20px 0; }
.HomePageSocialBlock1InsideHeaderTimer div{ display: inline-block; color:#ffffff; font-size: 30px; font-weight: 700; position: relative; }
.HomePageSocialBlock1InsideHeaderTimer div b{ color:#ffffff; font-size: 38px; font-weight: 700; padding: 0 10px; }
.HomePageSocialBlock1InsideHeaderTimer div span{ color:#ffffff; font-size: 12px; position: absolute; left:0; right:0; bottom:-15px; text-align: center; }
.HomePageSocialBlock1InsideHover.HomePageSocialBlock1Inside:hover { background-color: rgba(34,34,34,1); color:#ffffff !important;  }
.HomePageSocialBlock1InsideHover:hover .HomePageSocialBlock1InsideImgContainer{ transform: scale(1.1);   }
@media only screen and (max-width: 1000px) {
    .HomePageTestimonialsContainer{ display: none; }
}
.HomePageSocialBlock1InsideHover:hover .HomePageSocialBlock1InsideDescription{ color:#ffffff; }
.HomePageSocialBlock1InsideImgContainer{ width: 60%; border-radius: 50%; margin: 40px auto; padding-bottom: 60%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,0.6); transition: 0.5s all; }
.HomePageSocialBlock1InsideImg{ background-size: cover; background-position: center; position: absolute; left:7px; top:7px; bottom: 7px; right:7px; margin: auto; border-radius: 50%; }
.HomePageSocialBlock1InsideDescription{ padding: 0 40px 40px 40px; text-align: justify; transition: 0.5s all; }

.HomePageSocialInstagramProfilePicture{ float:left; width: 100px; height:100px; border-radius: 50%; margin-right: 20px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.HomePageSocialinstagramDescription{ float:left; width: calc(100% - 120px); }
.HomePageSocialinstagramDescriptionTitle{ font-size: 20px; font-weight: 700; margin: 10px 0 10px 0; }
.HomePageSocialinstagramPost{ float:left; margin: 5px; width: calc(20% - 10px); padding-bottom: calc(20% - 10px);; display: block; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
@media only screen and (max-width: 700px) {
    .HomePageSocialinstagramPost{ width: calc(50% - 10px); padding-bottom: calc(50% - 10px); }
}

.HomePageSocialinstagramPost i{ position: absolute; top:0; bottom:0; left:0; right:0; margin: auto; width: 50px; height:50px; text-align: center; line-height: 50px; display: block; font-size: 70px; color:#ffffff; text-shadow: 0 0 20px rgba(0,0,0,0.4); z-index: 2; opacity: 0.5; }
.HomePageSocialinstagramPostFilter{ position: absolute; top:0; bottom:0; left:0; right:0; margin: auto; opacity: 0; transition: 0.5s all; z-index: 1; }
.HomePageSocialinstagramPost:hover .HomePageSocialinstagramPostFilter{ opacity:0.7; }

.HomePageTestimonialsContainer{ width: 100%; padding: 100px 0; }
.HomePageTestimonials{  width: 100%; max-width: 1100px;  padding: 100px 0; margin: auto; }
.HomePageTestimonialsCircle{ width: calc(100% - 40px); padding-bottom: calc(100% - 40px); margin: 120px 20px;  border-radius: 50%; border-width: 2px; position: relative;  }
.HomePageTestimonialsCircleInside{ position:absolute; left:7px; top:7px; bottom:7px; right:7px; margin: auto; background-color: #f4f4f4; border-radius:50%; text-align: center; padding: 20px; }
.HomePageTestimonialsCircleInsideTable{ display: table; height:100%; }
.HomePageTestimonialsCircleInsideTableCell{ display: table-cell; vertical-align: middle; }
.HomePageTestimonials .owl-item.active.center{ transform: scale(1.5); z-index: 2; transition: 1s all; }
.HomePageTestimonials .owl-item.center{ transition: 1s all; }
.HomePageTestimonials .owl-item{ transition: 1s all; }
.HomePageTestimonials .owl-item.active{  transition: 1s all; }
.HomePageTestimonials .owl-item.active .HomePageTestimonialsCircle{ opacity:1; transition: 1s all; box-shadow: 0 0 35px rgba(0,0,0,0.4); }
.HomePageTestimonialsCircleTitle{ font-weight:700; margin-bottom: 15px; font-size: 15px !important; text-align: center; margin: auto; }
.HomePageTestimonialsCircleTitle, .HomePageTestimonialsCircleText{ font-size: 10px; line-height: 13px; min-width: 270px; padding-top: 5px; direction: ltr !important;; }

.HomePageTestimonialsDots{ margin: auto; text-align: center; margin-top: -100px;}
.HomePageTestimonialsDots .owl-dot{ list-style: none; display: inline-block; width: 20px; height:3px; background-color: rgba(238,238,238,1); margin: 4px; transition: 0.5s all;}
.HomePageTestimonialsDots .owl-dot.active{ background: rgba(49,39,131,1);  background: -moz-linear-gradient(45deg, rgba(33,64,154,1) 0%, rgba(237,22,81,1) 100%);  background: -webkit-linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  background: linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a2678', endColorstr='#cb2443',GradientType=1 ); }
.HomePageTestimonials .owl-nav{ display: block !important; }
.HomePageTestimonials .owl-prev{ position: absolute; width: 50px; height:50px; line-height: 50px; text-align: center; font-size: 40px; top:0; left:-50px; bottom:0; margin: auto; opacity: 0.1; transition: 0.5s all;  }
.HomePageTestimonials .owl-next{ position: absolute; width: 50px; height:50px; line-height: 50px; text-align: center; font-size: 40px; top:0; right:-50px; bottom:0; margin: auto;  opacity: 0.1; transition: 0.5s all;  }
.HomePageTestimonials .owl-prev:hover, .HomePageTestimonials .owl-next:hover{ opacity: 1; }


.HomePageTestimonialsForm{ position: relative; z-index: 3; width: 100%; max-width: 1100px;  padding: 0 140px; margin: auto;  }
.HomePageTestimonialsFormRate{ float:right; font-size: 14px; height:26px; line-height: 26px; }
.HomePageTestimonialsFormStars{ float:right; margin-left: 10px; }
.HomePageTestimonialsFormStar{ display: inline-block; font-size: 24px; }
.HomePageTestimonialsFormLabel{ font-size: 12px; font-weight: 700; margin-bottom: 10px; }
.HomePageTestimonialsFormHint{ font-size: 12px; font-weight: 400; opacity: 0.6; padding-left: 10px; border-left:3px solid #666666; display: block; clear: both; }
.HomePageTestimonialsFormTextInput{ width: 100%; padding: 15px; font-size: 12px; border:0; box-shadow: 0 0 20px -3px rgba(0,0,0,0.6) !important; margin-bottom: 20px; outline: none; transition: 0.5s all; -webkit-appearance: none; border-radius: 0; }
.HomePageTestimonialsFormTextInput:focus, .HomePageTestimonialsFormSelect2:focus{ box-shadow: 0 0 20px 0px rgba(49,39,131,1); }
.HomePageTestimonialsFormSelect{ width: 100%; padding: 15px; font-size: 12px; border:0; box-shadow: 0 0 20px -3px rgba(0,0,0,0.6); margin-bottom: 20px; outline: none; transition: 0.5s all; border-radius: 0; background-color: #ffffff; -webkit-appearance:none; background-image: url("../img/icon_chevron_select.png"); background-position: calc(100% - 15px); background-repeat: no-repeat; }
.HomePageTestimonialsFormSelect2{ width: 100%; padding: 10px; font-size: 12px; border:0; box-shadow: 0 0 20px -3px rgba(0,0,0,0.6); margin-bottom: 20px; outline: none; transition: 0.5s all; border-radius: 0; background-color: #ffffff; -webkit-appearance:none; background-image: url("../img/icon_chevron_select.png"); background-position: calc(0% + 15px); background-repeat: no-repeat; }
.HomePageTestimonialsFormTextInput_LightShadow{ box-shadow: 0 0 10px -3px rgba(0,0,0,0.4)  !important;; margin-bottom: 13px; }
.HomePageTestimonialsFormTextInput_LightShadow:focus{ box-shadow: 0 0 10px 0 rgba(49,39,131,1) !important; }
.HomePageTestimonialsFormBtn{ float:right; border:0; padding: 10px; font-size: 16px; text-transform: uppercase; font-weight: 700; color:rgba(49,39,131,1); cursor: pointer; transition: 0.5s all; }
.HomePageTestimonialsFormBtn:hover{ color:rgba(34,34,34,1);}


.HomePageSupportContainer{ width: 100%; padding: 100px 0; }
.HomePageSupport{ width: 100%; max-width: 1100px;  padding: 60px 120px 40px 120px; margin: auto; background-color: rgba(0,0,0,0.1); overflow: hidden;}
.HomePageSupportSection1{ float:left; width: calc(50% - 10px); }
.HomePageSupportSection2{ float:right; width: calc(50% - 10px); }
.HomePageSupportSection1 input{ margin-bottom: 10px !important; padding: 0 15px; height:40px; line-height: 40px; }
.HomePageSupportBtn{ width: 130px; height:130px; position: relative; clear: both; margin: auto; border-radius: 50%;  box-shadow: 0 0 20px -3px rgba(0,0,0,0.6) }
.HomePageSupportBtn input, .HomePageSupportBtn a{ position: absolute; display: block; top:10px; width: calc(100% - 20px); left:10px; bottom:10px; right:10px; margin: auto; background-color: rgba(255,255,255,1); line-height: 110px; border:0; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 50%; text-align: center; text-decoration: none; transition: 0.5s all; cursor: pointer; -webkit-appearance: none; }
.HomePageSupportBtn input:hover, .HomePageSupportBtn a:hover{ background-color: rgba(255,255,255,0); color:#ffffff; }


.HomePageDownloadAppContainer{ width: 100%; padding: 0; }
.HomePageDownloadApp{ width: 100%; position: relative; min-height:700px; max-width: 1100px; padding: 40px 0; margin: auto; background-image: url("../img/bg_downloadapp.jpg"); background-size: contain; background-position: bottom right; background-repeat: no-repeat; }
.HomePageDownloadAppContent{ position:absolute; left:0; top:200px; width: 400px; text-align: center; }
.HomePageDownloadAppContent div{ font-size: 24px; margin-bottom: 10px; }
.HomePageDownloadAppContent b{ font-size: 24px; font-weight: 700; display: block}
.HomePageDownloadAppContent a{ float:left; width: calc(50% - 10px); margin: 20px 5px 0 5px; overflow: hidden; transition: 0.5s all; }
.HomePageDownloadAppContent a:hover{ opacity: 0.6; }
.HomePageDownloadAppContent a img{ width: 100%; }

@media only screen and (max-width: 700px) {
    .HomePageDownloadAppContent{ position:static; width: 100%; margin: auto; margin-top: 100px; margin-bottom: 50px; max-width: 400px; padding: 0 20px; text-align: center; }
}


.MeetOgeroProfileContainer{ width: 100%; overflow: hidden; padding: 100px 0; background-color: rgba(238,238,238,1); }
.MeetOgeroProfile{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.MeetOgeroProfileSection1{ width: 40%; float:left;  min-height: 200px; background-size: 80%; background-position: center; background-repeat: no-repeat; }
.MeetOgeroProfileSection2{ width: calc(50% - 0px); float:right; padding-right: 20px; }
@media only screen and (max-width: 700px) {
    .MeetOgeroProfileSection1{ width: 0% !important; }
    .MeetOgeroProfileSection2{ width: calc(100% - 0px); float:right; padding: 20px; }
}


.MeetOgeroMilestonesContainer{ width: 100%; padding: 100px 0; overflow: hidden; }
.MeetOgeroMilestones{  width: 100%; max-width: 1100px;  padding: 100px 0; margin: auto; }
.MeetOgeroMilestonesCarousel{ position: relative; }
.MeetOgeroMilestonesCarouselMilestone{ position: relative; }
.MeetOgeroMilestonesCarouselMilestonePicture{ position: relative; z-index: 2; width: 70px; height:70px; margin: auto; clear: both;  border-radius: 50%; margin-top: 40px; transition: 0.5s all; box-sizing: content-box !important;  }
.MeetOgeroMilestonesCarouselMilestonePictureSelected{ border: 15px solid rgba(255,255,255,0.3) !important; transition: 0.5s all; width: 90px !important; height:90px !important; left:-10px !important; }
.MeetOgeroMilestonesCarouselMilestonePicture img{ width: 70px !important; height:70px !important; margin: auto; border: 5px solid rgba(255,255,255,0.1); border-radius: 50%; position: absolute; left:0; right:0; top:0; bottom:0; box-sizing: content-box !important; transition: 0.5s all; }
.MeetOgeroMilestonesCarouselMilestonePicture img:hover{ border: 10px solid rgba(255,255,255,0.1); transition: 0.5s all; width: 70px; height:70px; left:-5px; box-sizing: content-box !important; cursor: pointer; }
.MeetOgeroMilestonesCarouselMilestoneDate{ text-align: center; margin-top: 20px; font-size: 14px; color:#ffffff; }
.MeetOgeroMilestonesCarouselMilestoneLine{ position: absolute; left:0; right:0; top:39px; height:1px; background-color: rgba(255,255,255,0.2); z-index: 1; }
.MeetOgeroMilestonesCarousel .owl-prev{ position: absolute !important; width: 50px; height:50px; line-height: 50px; text-align: center; font-size: 40px; left:-42px; bottom:38px; margin: auto; opacity: 0.2; transition: 0.5s all; }
.MeetOgeroMilestonesCarousel .owl-next{ position: absolute !important; width: 50px; height:50px; line-height: 50px; text-align: center; font-size: 40px; right:-42px; bottom:38px; margin: auto;  opacity: 0.2; transition: 0.5s all; }
.MeetOgeroMilestonesCarousel .owl-prev:hover, .MeetOgeroMilestonesCarousel .owl-next:hover{ opacity: 1; }
.MeetOgeroMilestonesCarousel .owl-prev i, .MeetOgeroMilestonesCarousel .owl-next i{ color:#ffffff; }
.MeetOgeroMilestonesCarousel .owl-nav{ display: block !important; }

.MeetOgeroMilestonesCarouselDetailsImg{ float:left; width: 200px !important; height:200px !important; margin-right: 10px; }
.MeetOgeroMilestonesCarousel2{ width: 70% !important; margin: auto; padding: 10px; border-radius: 5px; background-color: #ffffff; }

.MeetOgeroMilestonesCarouselDetailsInside{ color:rgba(51,51,51,1); text-align: justify; }
.MeetOgeroMilestonesCarouselDetailsInside span{ color:rgba(51,51,51,1); font-weight: 700; font-size: 14px; display: block; margin: 5px 0 10px 0; }
.MeetOgeroMilestonesCarouselDetailsInside b{ color:rgba(49,39,131,1); font-size: 14px;  }
.MeetOgeroMilestonesCarouselDetailsInsideRight{ float:right; width: calc(100% - 210px); }

@media only screen and (max-width: 700px) {
    .MeetOgeroMilestonesCarousel2{ width: calc(100% - 20px) !important; }
}
@media only screen and (max-width: 400px) {
    .MeetOgeroMilestonesCarouselDetailsImg { float:left; width: calc(100% - 0px) !important; margin-bottom: 10px; }
    .MeetOgeroMilestonesCarouselDetailsInsideRight{ float:left; width: calc(100% - 0px); }

}



.MeetChairmanContainer{ width: 100%; overflow: hidden; padding: 100px 0; background-color: rgba(238,238,238,1); }
.MeetChairman{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.MeetChairmanSection1{ width: 35%; float:left;  min-height: 200px;   background-image: url("../img/meetogeropic.png"); background-size: 80%; background-position: center; background-repeat: no-repeat; margin-top: 50px; }
.MeetChairmanSection2{ width: calc(55% - 80px); float:left; margin-left: 80px; }
@media only screen and (max-width: 800px) {
    .MeetChairmanSection1{ width: 80%; margin: auto !important; float: none !important; }
    .MeetChairmanSection2{ width: calc(100% - 0px); padding: 20px !important; float:left; margin: 0; }

}

.MeetChairmanSection1 div{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 50%; box-shadow: 0 0 60px rgba(0,0,0,0.6); }
.MeetChairmanSection1 div span{ position: absolute; display: block; left:10px; right:10px; top:10px; bottom:10px; background: center / cover; border-radius: 50%;}
.MeetChairmanSection1Text{ text-align: justify }
.MeetChairmanSection2Live{ float:left; width: calc(100% - 200px); background-color: rgba(34,34,34,1); height: 150px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.MeetChairmanSection2Link{ float:left; width: 200px; padding: 10px 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.MeetChairmanSection2LiveText{ text-align: center; padding:50px 30px 0 30px; color:rgba(238,238,238,1); }
@media only screen and (max-width: 1100px) {
    .MeetChairmanSection2Live{ float:none; width: calc(100% - 0px); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px;  }
    .MeetChairmanSection2Link{ float:none; width: calc(100% - 0px);  border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

}
@media only screen and (max-width: 350px) {
    .HomePageSocialBlock1InsideHeaderTimer div{ display: inline-block; color:#ffffff; font-size: 24px; font-weight: 700; position: relative; }
    .HomePageSocialBlock1InsideHeaderTimer div b{ color:#ffffff; font-size: 24px; font-weight: 700; padding: 0 10px; }
    .HomePageSocialBlock1InsideHeaderTimer div span{ color:#ffffff; font-size: 10px; position: absolute; left:0; right:0; bottom:-15px; text-align: center; }
    .MeetChairmanSection2Live{ height: 120px; }
}


.MeetMissionContainer{ width: 100%; overflow: hidden; padding: 100px 20px; background-color: rgba(34,34,34,1); }
.MeetMission{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.MeetMissionMission{ float:left; width: calc(50% - 20px); background-color: #ffffff; }
.MeetMissionVision{ float:right; width: calc(50% - 20px); background-color: #ffffff; }
.MeetMissionMission img, .MeetMissionVision img{ width: 100%; }
.MeetMissionMission div, .MeetMissionVision div{ padding: 40px 60px; font-weight: 700; text-align: justify; line-height: 20px; color:#666666; }
@media only screen and (max-width: 800px) {
    .MeetMissionMission{ width: calc(100% - 0px); margin-bottom: 20px; }
    .MeetMissionVision{ width: calc(100% - 0px);  }

}


.MeetCultureContainer{ width: 100%; overflow: hidden; padding: 100px 0; background-color: rgba(238,238,238,1); }
.MeetCulture{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.MeetCultureCarouselItem{ width: 180px; text-align: center; font-weight: 700; }
.MeetCultureCarouselItemCircle{ width: 180px; height:180px; border-radius: 50%; border:7px solid #ffffff; background-color: #f3f3f3; background-size: auto 40%; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; filter: grayscale(100%); transition: 0.5s all; }
.MeetCultureCarouselItem:hover .MeetCultureCarouselItemCircle{ filter: grayscale(0%); }
.MeetCultureCarousel{ position: relative; }
.MeetCultureCarousel .owl-prev{ position: absolute !important; width: 50px; height:50px; line-height: 50px; text-align: center; font-size: 40px; left:-70px; top:100px; margin: auto; opacity: 0.2; transition: 0.5s all; }
.MeetCultureCarousel .owl-next{ position: absolute !important; width: 50px; height:50px; line-height: 50px; text-align: center; font-size: 40px; right:-42px; top:100px; margin: auto;  opacity: 0.2; transition: 0.5s all; }
.MeetCultureCarousel .owl-prev:hover, .MeetCultureCarousel .owl-next:hover{ opacity: 1; }
.MeetCultureCarousel .owl-prev i, .MeetCultureCarousel .owl-next i{ color:rgba(49,39,131,1); }
.MeetCultureCarousel .owl-nav{ display: block !important; }

.ServicesListContainer{ width: 100%; overflow: hidden; padding: 200px 0 300px 0; background-color: rgba(238,238,238,1); }
.ServicesListContainerMobile{ width: 100%; overflow: hidden; padding: 50px 0 50px 0; background-color: rgba(238,238,238,1); display: none; }
@media only screen and (max-width: 700px) {
    .ServicesListContainerMobile{ display: block; }
    .ServicesListContainer{ display: none; }
}


.ServicesList{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.ServicesListPositionContainer{ width: 70%; margin: auto; padding-bottom: 35%; position: relative; }

.ServicesListCircle1{ transition: 0.5s all; position:absolute; bottom:0; left:0; right:0; width: 50%; height:50%; margin: auto; }
.ServicesListCircle1 section{ transition: 0.5s all; position:absolute; left:0; right:0; top:0; bottom:0; overflow: hidden; }
.ServicesListCircle1 div{ transition: 0.5s all; position:absolute; left:0; right:0; top:0; bottom:-100%; border-radius: 50%; background:linear-gradient(45deg, rgba(33,64,154,1) 0%,rgba(237,22,81,1) 100%);; }
.ServicesListCircle1 div::after { transition: 0.5s all; position: absolute;  top: 4px; bottom: 4px;  left: 4px; right: 4px; background-color:rgba(238,238,238,1);   content: '';  z-index: 1;  border-radius: 50%;  }
.ServicesListCircle1 span, .ServicesItemCircle{ transition: 0.5s all; display: block; width: 20px; height:20px; border-radius: 50%; position: absolute; background-color: blue; z-index: 2; }
.ServicesItemCircle::after { transition: 0.5s all; position: absolute;  top: 4px; bottom: 4px;  left: 4px; right: 4px; background-color:rgba(238,238,238,1);   content: '';  z-index: 1;  border-radius: 50%;  }
.ServicesItemCircle::before { transition: 0.5s all; position: absolute;  top: 0; bottom: 0;  left: 0; right: 0; z-index: 2; border-radius: 50%; background-color: rgba(34,34,34,1); width: 8px; height:8px; margin: auto; content: '';   }

.ServicesListCircle2{ transition: 0.5s all; position: absolute; display: flex; justify-content:center; align-items:center;  left:0; right:0; width: calc(50% - 100px);  margin-left: auto; margin-right: auto;  background-color: #ffffff; z-index: 5; border-radius: 50%; box-shadow: 0 0 60px rgba(0,0,0,0.6); text-decoration: none; }
.ServicesListCircle2 span{  text-align: center; font-size: 18px; font-weight: 700; }

.ServicesItem{ position: absolute; width: 150px; height:150px; border-radius: 50%; text-align: center; transition: 0.5s all; cursor: pointer; text-decoration: none; }
.ServicesItem table{ background-color: #ffffff; width: 82%; height:82%; margin: 9%; border-radius: 50%; box-shadow: 0 0 20px -3px rgba(0,0,0,1); transition: 0.5s all; }
.ServicesItem table td{ transition: 0.5s all; font-weight: 700; text-transform: uppercase; overflow-wrap: break-word;  word-wrap: break-word; }
.ServicesItem:hover{ box-shadow: 0 0 60px rgba(0,0,0,0.6); }
.ServicesItem:hover table{  box-shadow: 0 0 20px -3px rgba(0,0,0,0); }


.ServicesListCircle0{ position:absolute; bottom:0; left:0; right:0; width: calc(100% - 131px); height:0; margin: auto; z-index: 10; }
.ServicesItem0Circle{ transition: 0.5s all; position: absolute; border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 10px solid #ffffff;  }


.ServicesRedirectContainer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: rgba(34,34,34,1); }
.ServicesRedirect{ width: 100%; max-width: 1100px; margin: auto; position: relative; }
.ServicesRedirectText{ float:left; height:100px; line-height: 110px; width: calc(100% - 400px); font-size: 32px; color:#ffffff; font-weight: 700; text-transform: uppercase; text-align: center; }
.ServicesRedirectRight{ float:right; width: 400px; text-align: left; }
@media only screen and (max-width: 800px) {
    .ServicesRedirectText{ width: 100%; font-size: 24px; }
    .ServicesRedirectRight{ width: 100%; }
}

.ServiceInfoContainer{ width: 100%; overflow: hidden; padding: 0; }
.ServiceInfo{ width: 100%; max-width: 1100px; margin: auto; position: relative;  background:linear-gradient(0deg, rgba(34,34,34,1) 0%,rgba(34,34,34,1) 100%); background-size: 300px; background-position: left; background-repeat: repeat-y;  }
.ServiceInfoMenu{ float:left; width: 300px; }
.ServiceInfoText .HomePageTestimonialsFormSelect{ margin-left: 40px; width: calc(100% - 40px); display: none; }

.ServicesListItemMobile{ display: block; margin: 10px 20px; border-radius: 10px; padding: 10px; text-decoration: none; }
.ServicesListItemMobile div{ background-color: #ffffff; border-radius: 6px; padding: 10px; color:rgba(49,39,131,1); text-transform: uppercase; text-decoration: none; font-weight: 700; position: relative; }
.ServicesListItemMobile div i{ color:rgba(49,39,131,1); font-weight: 700; position: absolute; right:10px; top:0; bottom:0; margin: auto; height:20px; line-height: 20px; }

@media only screen and (max-width: 900px) {
    .ServiceInfoMenu{ display: none; }
    .ServiceInfo{ background:none; }
    .ServiceInfoText{ float:left !important;; width: calc(100% - 20px) !important; }
    .ServiceInfoTextText{ padding-left:20px !important; text-align: justify; }
    .ServiceInfoTextTitle{ padding-left:20px !important; text-align: justify; }
    .ServiceInfoText .HomePageTestimonialsFormSelect{ display: block !important; }
}

.ServiceInfoText{ float:right; width: calc(100% - 300px); padding-top: 40px; }
.ServiceInfoText2{ margin: 20px; display: block; }
.ServiceInfoText2 .ServiceInfoTextTitle{ padding-left: 0 !important; }
.ServiceInfoText2 .ServiceInfoTextText{ padding-left: 0 !important; }

.ServiceInfoMenuTitle{ padding: 40px; font-size:18px; font-weight: 700; text-transform: uppercase; color:#ffffff; box-shadow: 0 0 30px rgba(0,0,0,0.6); }
.ServiceInfoMenuTitle2{ font-size: 18px; color:#ffffff; padding: 20px; }
.ServiceInfoMenu{ background-color: rgba(34,34,34,1);  }
.ServiceInfoMenuCategory{ display:block; position: relative; text-decoration: none; padding: 20px; color:#ffffff; font-size: 14px; border-bottom:1px solid rgba(255,255,255,0.1); transition:0.5s all; }
.ServiceInfoMenuCategory:hover{ background-color: rgba(255,255,255,0.05); }
.ServiceInfoMenuCategorySelected{ background-color: rgba(255,255,255,0.05) !important; }
.ServiceInfoMenuCategory i{ position: absolute; right:20px; height:20px; line-height: 20px; color:#ffffff; font-size: 20px; top:0; bottom:0; margin: auto; }
.ServiceInfoMenuSubCategory{ display: block; }
.ServiceInfoMenuSubCategory a{ display: block; padding: 10px 10px 10px 45px; color:rgba(144,144,144,1); text-decoration: none; font-size: 12px; border-bottom:1px solid rgba(255,255,255,0.1); transition:0.5s all; }
.ServiceInfoMenuSubCategory a:hover{ color:rgba(255,255,255,1); }
.ServiceInfoMenuSubCategorySelected{ color:rgba(255,255,255,1) !important; }
.ServiceInfoMenuSubCategorySelected2{ background-color: rgba(255,255,255,0.05) !important; }
.ServiceInfoTextText{ padding-left:80px; text-align: justify; }
.ServiceInfoTextText a:not(.BidDownload){ padding: 2px 10px; color:#ffffff; text-decoration: none; border-radius: 5px; transition: 0.5s all; display: inline-block; margin-bottom: 2px; }
.ServiceInfoTextText a b{ padding-left:5px; color:inherit; }2
.ServiceInfoTextText a strong{ color:inherit; }
.ServiceInfoTextText a:hover{ background-color:rgba(34,34,34,1); }
.ServiceInfoTextTitle{ padding-left:80px; text-align: justify; }
.ServiceInfoTextText b, .ServiceInfoTextText strong{ font-weight: 700; }
.ServiceInfoTextText table{ width: 100% !important; background-color: rgba(238,238,238,1); border:0px solid #ffffff; margin: 20px 0; }
.ServiceInfoTextText table td{ border:1px solid #ffffff; padding: 10px; position: relative;  }
.ServiceInfoTextText table td a{ margin: -10px; padding: 10px 5px; text-decoration: none; display: block; text-transform: uppercase; font-size: 10px; transition: 0.5s all; }
.ServiceInfoTextText table td a:hover{ background-color: rgba(144,144,144,1); color:#ffffff;  }
.ServiceInfoTextText table td a:hover i{ color:#ffffff; transition: 0.5s all; }
.ServiceInfoTextText table td a i{  display: inline-block; margin-right: 3px; font-size: 14px; }
@media only screen and (max-width: 800px) {
    .TDHideMobile{ display:none; }
}

.ServiceInfoTextBreadCrumbs{ padding-left: 30px; margin-bottom: 40px; }
.ServiceInfoTextBreadCrumbs, .ServiceInfoTextBreadCrumbs a{ font-size: 14px; text-decoration: none; color:rgba(144,144,144,1); transition: 0.3s all; }
.ServiceInfoTextBreadCrumbs a{ display: inline-block; padding: 0 10px; }
.ServiceInfoTextBreadCrumbs a:hover{ color:rgba(34,34,34,1); }




.ContactFirstSectionContainer{ width: 100%; overflow: hidden; background-color: rgba(238,238,238,1); padding: 100px 20px; }
.ContactFirstSection{ width: 100%; max-width: 1100px; margin: auto; position: relative;   }
.ContactFirstSection1{ width: 100%; overflow: hidden; display: flex; }
.ContactFirstSection1 div{ border:1px solid #d5d5d5; flex:1; text-align: center; padding-bottom: 40px; }
.ContactFirstSection1 div:nth-child(2){ margin: 0 -1px;  }
.ContactFirstSection1 div i{ width: 100%; display: block; text-align: center; font-size: 42px; margin: 40px 0; }
.ContactFirstSection1 div span{ display: block; font-weight: 700; margin-bottom: 10px; }
@media only screen and (max-width: 800px) {
    .ContactFirstSection1{  display: block; }
    .ContactFirstSection1 div{ display: block; width: 100%;  }
}


.ContactLocateContainer{ width: 100%; overflow: hidden; padding: 100px 0; }
.ContactLocate{ width: 100%; max-width: 1100px; margin: auto; position: relative;   }
.ContactLocateOptions{ margin: auto; text-align: center; }
.ContactLocateOptions a{ padding: 10px 40px; margin: 10px; text-decoration: none; font-size: 14px; font-weight: 700; border-radius: 20px; transition: 0.5s all; display: inline-block; }
.ContactLocateOptions a:hover{  background-color: rgba(238,238,238,1);  }
.ContactLocateOptionsSelected{ color:#ffffff; }
.ContactLocateLocations{ width: 100%; margin-top: 40px; position: relative; padding-bottom: 50%; }
.ContactLocateLocations section{ display:block; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:rgba(238,238,238,1) url('../img/spinner_gray.svg') center no-repeat; }
.ContactMapLeft{ position: absolute; left:0; top:0; bottom:0; width: 300px; overflow-y:scroll; overflow-x: hidden; background-color:rgba(238,238,238,1);  }
.ContactMapLeftLocation{ display: block; padding: 20px 20px 20px 60px; transition: 0.5s all; text-decoration: none; background-position: 20px; background-size: 25px; background-repeat: no-repeat; position: relative; }
.ContactMapLeftLocation:hover{ background-color: rgba(34,34,34,1); color:#ffffff; }
.ContactMapLeftLocation:hover div, .ContactMapLeftLocation:hover span{ color:#ffffff; }

.ContactMapLeftLocationSelected{ background-color: rgba(34,34,34,1); color:#ffffff; }
.ContactMapLeftLocationSelected div, .ContactMapLeftLocationSelected span{ color:#ffffff; }

@media only screen and (max-width: 800px) {
    .ContactLocateLocations{ padding-bottom: 0px; }
    .ContactMapLeft{ position: static !important; width: 100%; float:none; clear: both; height:200px;  }
    .ContactMapRight{ position: static !important; width: 100%; float:none; clear: both; height: 500px; }
}


.ContactMapLeftLocation div{ display: block; font-weight: 700; margin-bottom: 5px; transition: 0.5s all; text-decoration: none; }
.ContactMapLeftLocation span{ display: block; width: 100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; transition: 0.5s all;  text-decoration: none;}
.ContactMapLeftLocation b{ display: block; color:rgba(49,39,131,1); }

.ContactMapRight{ position: absolute; right:0; top:0; bottom:0; left:300px; margin: auto; background-color: rgba(238,238,238,1); }
.ContactMapTooltip{ text-align: justify; }
.ContactMapTooltip h3{ font-weight: 700; }
.ContactMapTooltip a{ margin: 20px 0; display: block; text-align: center;  padding: 10px 20px; font-size: 11px; border-radius: 20px; color:#ffffff; text-decoration: none; }

.ContactConnect{ width: 100%; overflow: hidden; padding: 100px 0; background: url("../img/contact_connect.jpg") center / cover fixed; text-align: center; }
.ContactConnectIcon{ display: inline-block; border:1px solid rgba(34,34,34,1); border-radius: 50%; font-size: 20px; width: 50px; height:50px; text-decoration: none; margin: 5px; transition: 0.5s all; }
.ContactConnectIcon i{ display: block; height:50px; line-height: 50px; text-decoration: none; transition: 0.5s all; }

.ContactConnectIcon:hover{ background-color: rgba(34,34,34,1); color:#ffffff; }
.ContactConnectIcon:hover i{ color:#ffffff; }





.AskTicketContainer{ width: 100%; overflow: hidden; padding: 100px 20px; }
.AskTicket{ width: 100%; max-width: 1100px; margin: auto; position: relative;   }
.AskTicketSection1{ float:left; width: calc(50% - 10px); }
.AskTicketSection2{ float:right; width: calc(50% - 10px);}
@media only screen and (max-width: 800px) {
    .AskTicketSection1{ width: calc(100% - 0px); }
    .AskTicketSection2{ width: calc(100% - 0px); }

}


.AskFaqsContainer{ width: 100%; overflow: hidden; padding: 100px 20px; background-color: rgba(238,238,238,1); }
.AskFaqs{ width: 100%; max-width: 1100px; margin: auto; position: relative;   }


.FAQsQAContainer{ background-color: #ffffff; margin: 4px 0; padding: 20px; display: block; text-decoration: none; transition: 0.5s all; }
.FAQsQAContainerGray{ background-color: rgba(238,238,238,1); }
.FAQsQAContainer:hover{ opacity: 0.6; }
.FAQsQAQuestion{ font-size: 14px; font-weight: 700; text-align: justify; position: relative; width: calc(100% - 40px); }
.FAQsQAQuestion i{ position:absolute; right:-40px; top:5px; }
.FAQsQAAnswer{ text-align: justify }
.FAQsMore{  display: block; margin:auto; margin-top: 20px; padding: 20px; text-align: center; text-transform: uppercase; font-weight: 700; background-color: #ffffff; text-decoration: none; }
.FAQsCategoriesLink{ display: block; text-decoration: none; }

.FAQsSearchField{ display: block; width: calc(100% - 0px); margin: 00px;  padding: 20px; border:1px solid rgba(238,238,238,1); border-top:0px;  }
.FAQsSearchFieldIcon{ position: absolute; right:10px; top:0px; bottom:0px; font-size: 24px; }
.FAQsSearchFieldIcon i{ line-height:48px;  color:rgba(144,144,144,1); }



.GuidText{font-size: 13px; text-align: justify; padding: 20px; }

.ArticleContainer{ width: 100%; overflow: hidden; padding: 0; background-color: rgba(238,238,238,1); }
.Article{ width: 100%; max-width: 1100px; margin: auto; position: relative; padding: 0 0 40px 40px;  }

@media only screen and (max-width: 1100px) and (min-width: 901px) {
    .Article{ padding: 0 20px 40px 40px !important;  }
}
@media only screen and (max-width: 900px) {
    .Article{ padding: 0 0 40px 20px !important;  }
}


.ArticleImage{ width: 100%; margin: 40px 0; clear: both; }
.ArticleImage img{ width: 100%; }
.ArticleTitle{ font-size: 28px; font-weight: 700; color:rgba(34,34,34,1); padding:0; width: 100%; text-align: justify; }
.ArticleText{ text-align: justify; }
.ArticleText img{ width: 100% !important; height:auto !important; display: block; }

.ServiceInfoMenuMostReadContainer a{ display:block; position: relative; text-decoration: none; padding: 20px; font-size: 14px; border-top:1px solid rgba(255,255,255,0.1); transition:0.5s all; overflow: hidden; color:#ffffff; }
.ServiceInfoMenuMostReadContainer a:hover{ background-color: rgba(255,255,255,0.1); }
.ServiceInfoMenuMostReadContainer a img{ float:left; }
.ServiceInfoMenuMostReadContainer a div{ color:#ffffff; text-align: justify; font-weight: 700; float:right; width: calc(100% - 110px) }

.ArticleInfo{ padding: 10px; overflow: hidden; border-bottom: 1px solid rgba(238,238,238,1); background-color: rgba(248,248,248,1) }
.ArticleInfo span{ font-weight: 700; color:rgba(49,39,131,1); padding-right: 10px; display: inline-block; }
.ArticleInfo a{ float:right; width: calc(100% - 55px); text-decoration: none; }
.ArticleInfo a:hover{ text-decoration: underline; }
.ArticleTagsTitle{ float:left; color:rgba(49,39,131,1); font-weight: 700; width: 45px;  padding: 5px 0px; }
.ArticleTagsContent{ float:right; width: calc(100% - 45px); }
.ArticleTagsContent a{ float:left; padding: 5px 10px; background-color: rgba(248,248,248,1); border:1px solid rgba(238,238,238,1); margin-right: 5px; text-decoration: none; transition: 0.5s all; }
.ArticleTagsContent a:hover{ background-color: rgba(238,238,238,1); }
.ReadGalleryItem{ float:left; width: calc(14.2857% - 4px); padding-bottom: calc(14.2857% - 4px); margin: 2px; background-position: center; background-repeat: no-repeat; background-size: cover; }


.CommonLoader{ position: fixed; top:0; left:0; right:0; bottom:0; margin: auto; background-color: rgba(0,0,0,0.8); z-index: 999999; background-image: url("../img/spinner_gray.svg"); background-position: center; background-size: 200px; background-repeat: no-repeat; }


.DirectoryFormContainer{ width: 100%; max-width: 1100px; margin: auto; position: relative; padding: 0; min-height: 400px;  }
.DirectoryFormFieldContainer{ display: flex; justify-content: space-between; padding-top: 40px; direction: rtl; }
.DirectoryFormField{ width: calc(25% - 6px); float:left; }
.DirectoryFormFieldFull{ width: calc(50% - 6px); }
.yamliapi_simpleLink{ left:10px; position: absolute; }
@media only screen and (max-width: 700px) {
    .DirectoryFormField{ width: calc(100% - 0px) !important; }
    .DirectoryFormFieldContainer{ display: block !important; }
}



.DirectoryResultsContainer{ width: 100%; max-width: 1100px; margin: auto; position: relative; padding: 0;  margin-bottom: 60px; }
.DirectoryResultsContainer table{ width: 100%; background-color: rgba(238,238,238,1); border:0px solid #ffffff; margin: 20px 0; direction: rtl; }
.DirectoryResultsContainer table tr:first-child td{ font-weight: 700; }
.DirectoryResultsContainer table td{ border:1px solid #ffffff; padding: 10px; position: relative;  }
.DirectoryResultsContainer table td a{ margin: -10px; padding: 10px 5px; text-decoration: none; display: block; text-transform: uppercase; font-size: 10px; transition: 0.5s all; }
.DirectoryResultsContainer table td a:hover{ background-color: rgba(144,144,144,1); color:#ffffff;  }
.DirectoryResultsContainer table td a:hover i{ color:#ffffff; transition: 0.5s all; }
.DirectoryResultsContainer table td a i{  display: inline-block; margin-right: 3px; font-size: 14px; }


@media only screen and (max-width: 1100px) {
    .DirectoryFormContainer{ padding: 0 20px 20px 20px; }
    .DirectoryResultsContainer{ padding: 0 20px 20px 20px; }
}

.ArticlesSearchInfo{ display: block; margin-bottom: 40px; }
.ArticlesSearchInfo b{ font-weight: 700; }
.ArticlesSearchInfo a{ color:rgba(49,39,131,1); text-decoration: none; }
.ArticlesSearchInfo a:hover{ text-decoration: underline; }

.yamliapi_menuContent div{ display: block; height:20px; clear: both; }
.yamliapi_menuContent div:last-of-type{ display: block;  height:12px; clear: both; margin-top: -12px; }


.TryOurFAQLink{ color:rgba(51,51,51,1); font-weight: 700; font-size: 14px; margin-bottom: 10px; display: block; text-decoration: underline; transition: 0.5s all; }
.TryOurFAQLink i{ color:rgba(51,51,51,1); margin-right: 5px; transition: 0.5s all; }
.TryOurFAQLink:hover, .TryOurFAQLink:hover i{ color:rgba(49,39,131,1);  }

.SpeedTestResult{ display: block; margin: auto; text-align: center; width: 100%; max-width: 1100px; padding: 100px 20px; font-size: 24px }
.SpeedTestResult span{ display: inline-block; clear: both; padding: 20px; margin: auto; margin-top: 20px; border-radius: 5px; color:#ffffff; font-size: 32px; font-weight: 700; }

.LanguageMenu{ position: fixed; top:10px; left:5px; }
.LanguageMenu a{ color:#ffffff; font-size: 10px; text-transform: uppercase; padding: 3px; border:1px solid #ffffff; border-radius: 3px; text-decoration: none;  background-color: rgba(34,34,34,1); }
.LanguageMenu a:hover{ background-color: #ffffff; color:rgba(34,34,34,1); }
.LanguageMenu a.selected{ background-color: #ffffff; color:rgba(34,34,34,1); }

.FooterScrollUp{ position: fixed; font-size: 20px; bottom:0; right:calc(50% - 550px); width: 40px; height:30px; background-color: rgba(238,238,238,1); text-align: center; border:1px solid rgba(0,0,0,0.1); border-bottom:0; z-index: 99999; }
.FooterScrollUp i{ width: 40px; height:30px; line-height: 30px; text-align: center; z-index: 9999; }
.FooterScrollUp:hover{ background-color: rgba(34,34,34,1); color:#ffffff; }
.FooterScrollUp:hover i{ color:#ffffff; }
.FooterScrollUpNotFixed{ position: absolute; top: -126px; right:calc(50% - 550px); }
.FooterScrollUpContainer{ display: block; width: 100%; height:0; position: relative; }
@media only screen and (max-width: 900px) {
    .FooterScrollUp{ display: none; }
}


.OgeroTabsMain{ display: flex; width: 100%; margin-top: 40px; }
.OgeroTabsMain a{ float:left; width: 150px; height:50px; border:1px solid transparent; border-top:2px solid transparent; border-bottom:1px solid rgba(144,144,144,0.5); text-align: center; line-height: 50px; font-weight: 700; text-decoration: none; }
.OgeroTabsMain a.selected{ border:1px solid rgba(144,144,144,0.5); border-bottom-color:transparent; border-top:2px solid rgba(49,39,131,1) !important; }
.OgeroTabsMain div{ float:left; width: calc(100% - 300px); height:50px; border:1px solid transparent; border-bottom:1px solid rgba(144,144,144,0.5); }



.CoverageLeft{ position: fixed; left:0; top:0; bottom:0; width: 350px; background-color: rgba(34,34,34,1); color:#ffffff; padding: 20px; overflow-y: scroll; }
.CoverageLeftTitle{ font-size: 32px; color:#ffffff; }
.CoverageMap{ position: fixed !important; left:350px; right:0; top:0; bottom:0; margin: auto; background-color: #000000; }
.CoverageLabels{ position: absolute; bottom:0; left:0; right:0; padding: 20px; }
.CoverageLabels a{ display: block; color:#ffffff; width: 50%; float:left; height:42px; line-height: 34px; padding:5px; transition: 0.5s all; border-radius: 5px; text-decoration: none; }
.CoverageLabels a:hover{ background-color: rgba(255,255,255,0.1); }
.CoverageLabels a img{ float:left; width: 30px; margin-right: 5px; }
.CoverageLabels a i{ font-size: 18px; color:#ffffff; margin-right: 10px;  }
.CoverageLabelsASelected{ background-color: rgba(255,255,255,0.1) !important; }
@media only screen and (max-width: 900px) {
    .CoverageLeft{ position: fixed; left:0; top:0; bottom:auto; width: 200px; background-color: rgba(34,34,34,1); color:#ffffff; padding: 20px; z-index: 999; }
    .CoverageLeft img{ display: none; }
    .CoverageLeft .sep{ display: none; }
    .CoverageLeftTitle{ font-size: 18px; }
    .CoverageMap{ left:0px; z-index: 1;}
    .CoverageLabels{ display: none; }
}



.DeploymentListTitle{ display: block; background-color: #262626; color:#fff; font-weight: 700; padding: 20px; position: relative; margin:20px 0; }
.DeploymentListTitle a{ float:right; height:30px; line-height: 30px; padding: 0 20px; border-radius:20px !important;; position: absolute; right:20px; top:0; bottom:0; margin: auto !important;  }
.DeploymentListItem{ float:left; width: 50%; display: block; }
.DeploymentLisSearchContainer{ position: relative;  }
.DeploymentLisSearchContainer i{ position: absolute; top:0; right:20px; height:45px; line-height: 45px; font-size: 14px; }





.Table{ border-radius: 5px; overflow: hidden; border:0px solid rgba(144,144,144,0.5); background-color: rgba(144,144,144,0.5); }
.Table th{ background-color: rgba(34,34,34,1); color:#ffffff; font-weight: 700; height:50px; text-align: left;  }
.Table td{ text-align: left; height: 26px;  transition: 0.3s all; }
.Table tr{ page-break-inside: avoid; page-break-before:auto; background-color: #ffffff; transition: 0.3s all; }
.Table tr:nth-child(even){ background-color:rgba(238,238,238,1); }
.Table tr:nth-child(odd){ background-color:#ffffff; }
.Table tr:not(.disabled):hover td{ background-color:rgba(49,39,131,1); color:#ffffff; cursor: pointer; }
.Table tr:not(.disabled):hover td i{ color:#ffffff; }
.Table tr.disabled{ opacity: 0.6; }
.Table tr.selected td, .ApplyDSLTable tr.selected td i{ background-color:rgba(49,39,131,1) !important; color:#ffffff !important; }
.Table td.red{ color:rgba(237,22,81,1); }
.Table td.red i{ color:rgba(237,22,81,1); }
.Table td.bold{ font-weight:700; }
.Table td.nowrap{ white-space: nowrap; }

.Table table tr{ background-color: transparent !important; }

.Table.rtl{ direction: rtl; text-align: right; }
.Table.rtl *{ direction: rtl; text-align: right; }




.banner-blocklist{ width: 100%; display: block; background-image: url("../img/banner-blocklist.jpg"); height:27vw; min-height: 300px; background-size: cover;  text-decoration: none; background-position: center; }
.banner-blocklist h1{ font-size: 24px; text-align: center; max-width: 500px; margin: auto; padding-top: 40px; padding-bottom: 20px; color:#fff; text-decoration: none; font-weight: 700; text-transform: uppercase; }
.banner-blocklist div{ text-align: center; max-width: 500px; color:#fff; text-decoration: none; margin: auto; }


.report-left{ float:left; width: 400px; height:400px; background-image: url("../img/report.jpg"); background-position: top center; background-size: contain; background-repeat: no-repeat; }
.report-right{ float:left; width: calc(100% - 400px); }
.report-right h1{ font-size: 24px; text-align: left; padding-bottom: 0px; text-decoration: none; font-weight: 700; text-transform: uppercase; }
.report-right .BackgroundGradient{ color:#fff; padding: 10px 20px; border-radius: 10px; margin-top: 20px; text-decoration: none; display: block; float:left; transition: 0.3s all;}
.report-right .BackgroundGradient:hover{ opacity: 0.6;}
.report-right .BackgroundGradient i{ color:#fff; margin-right: 5px; }
@media only screen and (max-width: 900px) {
    .report-left{ float:left; width: 100%; margin-bottom: 40px; }
    .report-right{ float:left;width: 100%; }

}