/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer{	overflow: hidden;	position: relative;}
.jspPane{	position: absolute;}
.jspVerticalBar{ 	overflow:hidden;	position: absolute;	top: 0px;	right: 0;	width: 5px;	height: 100%;	background:#d0d1d2;}
.jspHorizontalBar{	position: absolute;	bottom: 0;	left: 0;	width: 100%;	height: 16px;	background: red;}
.jspCap{	display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{	background: #d0d1d2;position: relative;}
.jspDrag{	background: #02b1f2;	position: relative;	top: 0;	left: 0;	cursor: pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{	float: left;	height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.jspArrow.jspDisabled{cursor: default;	background: #80808d;}
.jspVerticalBar .jspArrow{	height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
* html .jspCorner{margin: 0 -3px 0 0;}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

html{
    font-size:10px;
 
}

* {
font-family: 'Assistant', sans-serif;
font-weight:400;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 1.8rem;color:#0843a0; line-height:2.6rem;
 font-weight:400;
} 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
address{font-style:normal;}
.relative{position:relative;}
.absolute{position:absolute;}
.flc{clear:both; display: block;}
.flr{float:right;}
.fll{float:left;}
.col-1-1{width:100%;}
.tac{text-align:center; }
 img{display: block;}

 .touti_zakaim_desktop{
     top:0; right:0;    opacity: 0.5;
 }

body{
    background:url('../imgs/bg.jpg') no-repeat;
    background-size:cover;
    background-position: center center;
}

.page_wrap{
 
}
.container1800{
    width:180rem; margin:auto;  
    
}
 .alignmiddle{
	position:absolute;
	top:50%;
	  -webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	transform: translateY(-50%);
	}
.col1{
    width:117rem; padding-top:5.5rem;
}
.title{
    width:calc(100% + 3rem);
    margin-bottom:7rem;
}
.logo{
    width:50rem; left:0; bottom:5rem;
}
.col2{
    width:54rem;
}
.form_outer{
    padding:4rem 5rem; background-color: #fff; 
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
        box-shadow: 15px 15px 25px rgba(0,0,0,0.2);
}
.form_outer p,
.form_outer h4{ text-align: center;
    color:#1b4691; font-size: 4rem; line-height: 5rem;
}
.form_outer p{
    font-weight: 700; margin-bottom: 4rem;
}
.field {
    width:100%; margin-bottom: 3rem;
}
.field label{
    display: block; width:100%; color:#000;  font-size:3rem; line-height: 3rem; margin-bottom: 1rem;
}
.field  input{display: block; width:100%;
    padding:1rem 2rem; font-size:3rem; color:#000; 
    border-radius: 7rem; height:6.5rem; border:1px solid #e5e5e5;
}
.form_outer button{
    background-color:#1b4691; padding:0;border:0;display: block; width:100%;
    height:6rem; line-height: 6rem; text-align: center;
     font-size:3rem;   border-radius: 7rem; color:#fff;
}
.clients{
    display: block;/* position: absolute; bottom:0; right:0;*/
}
.client_profile_outer {
    height: 43.5rem;
    overflow: hidden;
}
.clients a{
   position: relative;position: relative;
    display: block; width:26rem; margin-left: 4rem;
}
.clients a:last-child{
    margin-left: 0;
}
.clients:after{
    clear: both; display: block;content: '';
}
.client_tag{
    margin-bottom:2.5rem;
}
.client_tag_name{
   right:0; z-index: 5;    margin-top: -0.5rem;
}
.client_tag_name h3,
.client_tag_name p,
.client_tag_name h2{ text-align: center;
    font-weight: 700; font-size:3rem; line-height: 3rem; color:#fff;
}
.client_tag_name h3{
    font-weight: 400; font-size: 2.5rem;
}
.client_tag_name p{
  font-size: 1.5rem;
}
.client_profile_outer .client_profile{
    width:100%;
}
.client_profile_outer{
    right: -5rem;
    width: 37rem;
    z-index: 5;
    position: relative;  z-index: 5; position: relative;/*bottom:0; position: absolute; right:-6rem;*/
}
.client[data-id="2"] .client_profile_outer{
      z-index: 2; right: -3rem;
}
.client[data-id="3"] .client_profile_outer {
  z-index: 8;     right: -13rem;
    width: 56rem;
}
.client[data-id="4"] .client_profile_outer{
         right: -10rem;
    width: 48rem;
}
.clients_popup{
    bottom:0; right:0; z-index: 50;
}
.page_wrap {
    overflow: hidden;
}
.clients_popup_item{
    border-top-left-radius: 6rem; position: absolute;
    background-color: #1b4691;
 opacity: 0; visibility: hidden; bottom:-110vh;
   -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.clients_popup_item2{
        padding:4.5rem 2rem 0 5rem;
}
.clients_popup_item:after{
    content: '';
     display: block; width:100%; 
     left:100%; height:100%;
         background-color: #1b4691;
         position: absolute; z-index: -1; top:0;
}
.clients_popup_item_in{
    padding-right: 1rem;
}
.clients_popup_item.active{
   opacity: 1; visibility: visible; bottom:0%;
}
.clients_popup_item_r{
    width:46rem;
}
.clients_popup_item_l{
    width:calc(100% - 48rem); height:58rem; overflow-y: scroll;
}
.clients_popup_item *{
    color:#fff;
}
.clients_popup_item_l h2{
    font-size:4rem; font-weight: 700; line-height: 4rem;
}
.clients_popup_item_l h3{
    font-size:3rem; font-weight: 400; line-height: 3rem; margin-bottom: 3rem;
}
.clients_popup_item_l p,
.clients_popup_item_l h4{
    font-size:2.5rem; font-weight: 700; line-height: 3rem;  
}
.clients_popup_item_l p{
    font-weight: 400;  margin-bottom: 3rem;
}
.clients_popup_close{
    width:3.5rem; top:3rem; left:3rem; z-index: 50;
}
.scroll-pane{
    outline:none;
}
 
.land_title {
        margin-bottom:7rem;
}
.land_title img{
    width:29rem;
}
.land_title_text{    margin-top: 4rem;
    width:calc(100% - 31rem);
}
.land_title_text *{
    font-size:9rem; line-height: 9rem;
}
.land_title_text strong{
    font-weight: 700;
}
.land_title_text p.small{
    font-size:6rem;
}






.modal{
  position: fixed;  display: none; width:100%; height:100%; top:0; right:0; z-index: 6000;
    background-color: rgba(0,0,0,0.7);
}
.modal.active{
    display: block;
}
.modal-in{
    background: url('../imgs/passport_big.png') no-repeat;
    background-size: 100% 100%;
    width:58rem; height:77.9rem; margin:auto;
}
.modal-in h2{
    color:#fff; font-size:4rem; line-height: 4rem; text-align: center;
}
.modal-in h3{
    color:#fff; font-size:4rem; line-height: 4rem; font-weight: 700; text-align: center; margin-bottom: 2rem;
}
.modal-close{
    width:3rem; top:3rem; left:3rem;    z-index: 5;
}
.modal-in2{
    padding:8rem 3rem;
}
.modal-in2 button{
 background-color:#ffffff; display: block; width:100%; padding:0; margin:0;
 text-align: center; border:0; border-radius: 5rem; height:6rem; line-height: 6rem;
 font-size: 5rem; font-weight: 700; color:#2d549a;
}
.form_outer button.button_type2{display: none;}
.modal-in2 button.button_type1{display: none;}
.modal-in2 button.button_type2{display: block;}
.modal .field label{line-height:6rem; height:6rem;}
.modal .field input{ height:6rem;
    background-color: rgba(84,116,173,0.5); border:0;
}
.modal .message_Box {
    color:#fff; font-size: 3rem; line-height: 3rem;
}



.mobile{display: none;}

@media screen and (max-width:1900px){
    html{
        font-size: 0.52vw;
   }
}

@media screen and (max-width:1024px){
    .mobile{display: block;}
    .desktop{display: none;}
    .container1800{
        width:100%;
    }
    html{
        font-size: 10px;
    }
    .header{
        background-color: #fff; height:10rem;
    }
    .logo{
        top:2rem; right:2rem; bottom:auto; width:27rem;
    }
    .sticky_phone,.sticky_whatsapp{
       width: 8rem;
    margin-left: 1rem;
    margin-top: 1rem;
    }
    .title{margin-bottom:3rem;}
    .title,.col2,
    .col1{width:100%;}
    .col1{padding:2.5rem 4rem 0;}
    
    .col2{
       
    }
    .form_outer{padding:0; background-color: #1b4691;    border-radius: 0;
        box-shadow: none; padding:2.5rem 6rem 6rem;}
    .form_outer p, .form_outer h4 {
        text-align: center;
        color: #fff;
        font-size: 4rem;
        line-height: 5rem;
    }
   .form_outer button{
           background-color:#fff; color:#1b4691; font-weight: 700; margin-top:1rem;
    }
    .field{
        margin-bottom:1.5rem;
    }
    .field input {
     padding:1rem 15rem 1rem 1rem;   background-color:#5474ad; color:#fff;
    }
    .field label {
           color: #fff;
    width: 12rem;
    position: absolute;
    height: 6.5rem;
    line-height: 6.5rem;
    right: 2rem;
 
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
        position: absolute; z-index: 100; right:1rem; top:50%; margin-top: -2.6rem;
        width:2.6rem;
        height:4.6rem; background: url('../imgs/right.png') no-repeat;
        background-size: 100% 100%;
    }
    .owl-carousel .owl-nav button.owl-next{
        right:auto; left:1rem; background: url('../imgs/left.png') no-repeat;
        background-size: 100% 100%;
    }
    .clients{clear: both;}
    .clients a{
        width:100%; margin:0; 
    }
   .client_profile_outer {
        height: 40rem;
        overflow: hidden;
        width: 100%;
        right: 0;
    }
    .owl-carousel .owl-item .client_profile_outer img{
        height:100%;width:auto; margin:auto;
    }
    .client_det {
        left:3rem; top:3rem; width:20rem;
    }
    .client_det h2{
        font-weight: 700; font-size:3rem; line-height: 4rem;
    }
    .client_det h3{
        font-weight: 500; font-size:3rem; line-height: 4rem;
    }
    .client_det p{ text-align: center;
        color:#fff; background-color: #1b4691; font-size:2rem; line-height: 4rem; height:4rem; border-radius: 5rem;
        
    }
    
    .client[data-id="2"] .client_profile_outer,
      .client[data-id="3"] .client_profile_outer ,
      .client[data-id="4"] .client_profile_outer{
               right: 0;
          width: 100%;
      }
      .clients_popup_item_r img{
          width:12rem; float:right;
      }
      .clients_popup{
              position: fixed;
      }
      .clients_popup_item2{
          padding:3rem;
      }
      .clients_popup_item{
          border-radius: 0;
      }
      .client_profile2{float:right;    width:12rem; margin-left: 2rem;}
      .clients_popup_item_l{
          width:100%;
      }
      .clients_popup_close{
          width:5rem;
      }
      .clients_popup_item_r{width:100%;}
      .clients_popup_item_r h2{font-weight: 700;font-size: 4rem; margin-top:1rem;
    line-height: 4rem;}
      .clients_popup_item_r h3{font-weight: 400;font-size: 4rem;
    line-height: 4rem;}
      .clients_popup_item_l{margin-top:4rem;}
      
      .owl-carousel .owl-item .client_det  img{
          width:calc(100% + 3rem); margin-right: -1.5rem;
      }
}