@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px;width:100%; min-height:100% !important;position:relative !important}

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
  outline: none;
}



.navbar-toggle .icon-bar section {
  
font-size: 25px !important;
color: #000;

}

.transpar{background-color: transparent !important;}



body {


width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.container-fluid{margin:0px !important;padding:0px !important;min-height: 100%;}
p{padding:0px; margin:0px;}
#container { min-height:100%;padding:0px; margin:0px; position:relative;}


.mdisp{display: none;}

.loaded{overflow: auto !important;}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 0px !important;}
.fbicon{background-color: #f00; }

  .loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../public/images/animation3.gif') 50% 50% no-repeat rgb(249,249,249);
}
.pointer{cursor: pointer;}
.spinner {
    position: absolute;

top: 50%;
left: 50%;
  width: 70px;
  margin-left: -35px;
  text-align: center;
  -webkit-transform: skew(-20deg) !important;
  -ms-transform: skew(-20deg) !important;
-moz-transform: skew(-20deg) !important; 
-o-transform: skew(-20deg) !important;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #e84f17;


  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}





@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0); }
  40% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0);-o-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);}
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
  }
}
@-moz-keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
  }
}
@-ms-keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
  }
}
@-o-keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
  }
}






a:focus, a:hover {
    color: rgba(58,191,240,0.9) !important;
    /* color: #23527c; */
    text-decoration: none !important;
}





   







@font-face {
	font-family: 'Conv_MuseoSans_500';
	src: url('../fonts/MuseoSans_500.eot');
	src: local('☺'), url('../fonts/MuseoSans_500.woff') format('woff'), url('../fonts/MuseoSans_500.ttf') format('truetype'), url('../fonts/MuseoSans_500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MuseoSans_500_Italic';
	src: url('../fonts/MuseoSans_500_Italic.eot');
	src: local('☺'), url('../fonts/MuseoSans_500_Italic.woff') format('woff'), url('../fonts/MuseoSans_500_Italic.ttf') format('truetype'), url('../fonts/MuseoSans_500_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MuseoSans_700';
	src: url('../fonts/MuseoSans_700.eot');
	src: local('☺'), url('../fonts/MuseoSans_700.woff') format('woff'), url('../fonts/MuseoSans_700.ttf') format('truetype'), url('../fonts/MuseoSans_700.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MuseoSans_900';
	src: url('../fonts/MuseoSans_900.eot');
	src: local('☺'), url('../fonts/MuseoSans_900.woff') format('woff'), url('../fonts/MuseoSans_900.ttf') format('truetype'), url('../fonts/MuseoSans_900.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'Conv_MuseoSans-300';
	src: url('../fonts/MuseoSans-300.eot');
	src: local('☺'), url('../fonts/MuseoSans-300.woff') format('woff'), url('../fonts/MuseoSans-300.ttf') format('truetype'), url('../fonts/MuseoSans-300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_MuseoSans-100';
	src: url('../fonts/MuseoSans-100.eot');
	src: local('☺'), url('../fonts/MuseoSans-100.woff') format('woff'), url('../fonts/MuseoSans-100.ttf') format('truetype'), url('../fonts/MuseoSans-100.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ProximaNova-Regular';
	src: url('../fonts/ProximaNova-Regular.eot');
	src: local('☺'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}









/*



@font-face {
	font-family: 'DINar';
	src: url('../fonts/GE SS Text Bold.eot');
	src: local('☺'), url('../fonts/GE SS Text Bold.woff') format('woff'), url('../fonts/GE SS Text Bold.ttf') format('truetype'), url('../fonts/GE SS Text Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINREGar';
	src: url('../fonts/GE SS Text Light.eot');
	src: local('☺'), url('../fonts/GE SS Text Light.woff') format('woff'), url('../fonts/GE SS Text Light.ttf') format('truetype'), url('../fonts/GE SS Text Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINREGar';
	src: url('../fonts/GE SS Text Light Italic.eot');
	src: local('☺'), url('../fonts/GE SS Text Light Italic.woff') format('woff'), url('../fonts/GE SS Text Light Italic.ttf') format('truetype'), url('../fonts/GE SS Text Light Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINREGar';
	src: url('../fonts/GE SS Text Medium.eot');
	src: local('☺'), url('../fonts/GE SS Text Medium.woff') format('woff'), url('../fonts/GE SS Text Medium.ttf') format('truetype'), url('../fonts/GE SS Text Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINLIGHTar';
	src: url('../fonts/GE SS Text UltraLight.eot');
	src: local('☺'), url('../fonts/GE SS Text UltraLight.woff') format('woff'), url('../fonts/GE SS Text UltraLight.ttf') format('truetype'), url('../fonts/GE SS Text UltraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/















        
@font-face {
	font-family: "DINar";
	src: url('../fonts/DINNextLTArabic-Bold.eot');
	src: local('☺'), url('../fonts/DINNextLTArabic-Bold.woff') format('woff'), url('../fonts/DINNextLTArabic-Bold.ttf') format('truetype'), url('../fonts/DINNextLTArabic-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DINLIGHTar";
	src: url('../fonts/DINNextLTArabic-Light.eot');
	src: local('☺'), url('../fonts/DINNextLTArabic-Light.woff') format('woff'), url('../fonts/DINNextLTArabic-Light.ttf') format('truetype'), url('../fonts/DINNextLTArabic-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DINMEDar";
	src: url('../fonts/DINNextLTPro-Medium.eot');
	src: local('☺'), url('../fonts/DINNextLTPro-Medium.woff') format('woff'), url('../fonts/DINNextLTPro-Medium.ttf') format('truetype'), url('../fonts/DINNextLTPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DINREGar";
	src: url('../fonts/DINNextLTArabic-Regular.eot');
	src: local('☺'), url('../fonts/DINNextLTArabic-Regular.woff') format('woff'), url('../fonts/DINNextLTArabic-Regular.ttf') format('truetype'), url('../fonts/DINNextLTArabic-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}














.space5{height:5px;}
.space10{height:10px;}
.space15{height:15px;}
.space20{height:20px;}
.space30{height:30px;}
.space60{height:60px;}
.space60_1{height:60px;}
.space100{height:100px;}
.space187{height:187px;}
.titlespace{height: 60px;}
.colpad{padding:10px}
.colpad1{padding:5px}
.colpad30{padding:10px}
.margintop5{margin-top: 4%;}

.losexp{display: table;margin: auto;}


/*.lang{color: #000;position: absolute;top:40px;z-index: 999999;right: 2px;top: 2px;font-family: 'Conv_MuseoSans_700';}
.ar .lang{font-family: 'DINREGar';}*/





/*.swiper-button-next {
    background-image: url('../../assets/images/rightsl.svg') !important;

}*/


.mobileslider{display: none !Important;}
.screenslider{display:block !important;}




/*-------------------------------MENU---------------------------------*/
.imgproject{width: 100%;height: 38vw;position: relative;}
.fixedmenu{   
    background-color: #fff; 
    position: fixed;
    z-index: 9999;
    width: 100%;
    max-height: 83px;
    box-shadow: 0 8px 3px -8px #eee;
       
    
  }
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 10px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}


.navbar-inverse{
    background-color: transparent !important;
    border-color: transparent !important;
    z-index: 999;

}
.navbar{margin-bottom: 0px !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: transparent !important;}
.menucont{padding: 0px 140px;}
.projectdisp .menucont{width: 100%;left: 0;}
.navbar-inverse .navbar-nav>li>a {color: #1c1c1b !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
 color: #1c1c1b !important;
 background-color: rgba(28,28,27,0.3) !important;
  
}


.error{color:#a94442;}
.show{opacity:1 !important;pointer-events:auto}
.dead{opacity:0 !important;z-index:-1 !important;pointer-events:none}
.has-success .form-control-feedback{color:#3c763d}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}
.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}
.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}
.has-warning .form-control-feedback{color:#8a6d3b}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}
.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}
.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}
.has-error .form-control-feedback{color:#a94442}
.vertical-align {
  display: flex;
  flex-direction: row;
}
.sendmail :hover{color: #fff !important;}



.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}

/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
  /* flex: 1; */
  flex-grow: 1;
}


/**
 * S T Y L I N G
 ==================================*/

.vertical-align > div:first-child {
  /*background-color: mediumaquamarine;*/
                             /* This is just for demonstration of
                                padding-box of the columns.
                              
                                I added this background to show 
                                the height of the columns         */
}

.vertical-align > div:last-child {
  /*background-color: gold;*/
                             /* This is just for demonstration of
                                padding-box of the columns.
                              
                                I added this background to show 
                                the height of the columns         */
}








.nav>li>a {

    padding: 16px 0px !important;
}
.nav>li>a {
    padding: 12px 0px !important;
}
.aboutsub3 img{float: right;}
.mobilecheck{display: none;}


.infotext1{display: table;}


.mypath {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
    opacity: 0.75;
    -webkit-animation-name: dash;
    -moz-animation-name: dash;
    -ms-animation-name: dash;
    -o-animation-name: dash;
    animation-name: dash;
    
    

    -webkit-animation-duration: 14500ms;
    -moz-animation-duration: 14500ms;
    -ms-animation-duration: 14500ms;
    -o-animation-duration: 14500ms;
    -animation-duration: 14500ms;
  
    
    
    
 
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    

    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -animation-timing-function: ease-in-out;
     
    
    
    
    
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    
    
    
    -webkit-transition: opacity 600ms;
    -moz-transition: opacity 600ms;
    -ms-transition: opacity 600ms;
    -o-transition: opacity 600ms;
    transition: opacity 600ms;
}
.mypath0 {
    stroke: #fff;
    z-index: -1;
    opacity: 0.5;
}

@-webkit-keyframes dash {
    from {
        fill: transparent;
    }
    80% {
        fill: rgba(0, 0, 0, 0.5);
        opacity: 0.5;
    }
    to {
        fill: transparent;
        stroke-dashoffset: 0;
        opacity: 0.25;
    }
}
 @keyframes dash {
     from {
         fill: transparent;
     }
     80%{
         fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }
 }

 @-moz-keyframes dash {
     from {
         fill: transparent;
     }
     80%{
         fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }}
 @-ms-keyframes dash {
     from {
         fill: transparent;
     }
     80%{
         fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }}
 @-o-keyframes dash {
     from {
         fill: transparent;
     }
     80%{
         fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }
}




 .JhUDzmMj_0{stroke-dasharray:79 81;stroke-dashoffset:80;-webkit-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-moz-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-o-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-ms-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards !important;animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;}
 .JhUDzmMj_1{stroke-dasharray:79 81;stroke-dashoffset:80;-webkit-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-moz-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-o-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-ms-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards !important;animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;}
 .JhUDzmMj_2{stroke-dasharray:79 81;stroke-dashoffset:80;-webkit-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-moz-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-o-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;-ms-animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards !important;animation:JhUDzmMj_draw 1500ms ease-out 0ms forwards;}
 @keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}83.33333333333334%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-webkit-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-webkit-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}83.33333333333334%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-moz-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-moz-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}83.33333333333334%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-ms-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-ms-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}83.33333333333334%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-o-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-o-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}83.33333333333334%{stroke-opacity:1;}100%{stroke-opacity:0;}}


 
 
 
 .JhUDzmMj_01{stroke-dasharray:79 81;stroke-dashoffset:80;-webkit-animation:JhUDzmMj_draw_0 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-moz-animation:JhUDzmMj_draw_0 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-o-animation:JhUDzmMj_draw_0 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-ms-animation:JhUDzmMj_draw_0 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;}
 .JhUDzmMj_11{stroke-dasharray:79 81;stroke-dashoffset:80;-webkit-animation:JhUDzmMj_draw_1 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-moz-animation:JhUDzmMj_draw_1 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-o-animation:JhUDzmMj_draw_1 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-ms-animation:JhUDzmMj_draw_1 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;}
 .JhUDzmMj_21{stroke-dasharray:79 81;stroke-dashoffset:80;-webkit-animation:JhUDzmMj_draw_2 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-moz-animation:JhUDzmMj_draw_2 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-o-animation:JhUDzmMj_draw_2 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;-ms-animation:JhUDzmMj_draw_2 2550ms ease-out 0ms infinite,JhUDzmMj_fade 2550ms linear 0ms infinite;}
 
 @keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}98.03921568627452%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @keyframes JhUDzmMj_draw_0{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @keyframes JhUDzmMj_draw_1{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @keyframes JhUDzmMj_draw_2{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 
 @-webkit-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-webkit-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}98.03921568627452%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-webkit-keyframes JhUDzmMj_draw_0{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-webkit-keyframes JhUDzmMj_draw_1{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-webkit-keyframes JhUDzmMj_draw_2{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 
 @-moz-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-moz-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}98.03921568627452%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-moz-keyframes JhUDzmMj_draw_0{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-moz-keyframes JhUDzmMj_draw_1{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-moz-keyframes JhUDzmMj_draw_2{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 
 @-o-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-o-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}98.03921568627452%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-o-keyframes JhUDzmMj_draw_0{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-o-keyframes JhUDzmMj_draw_1{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-o-keyframes JhUDzmMj_draw_2{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 
 @-ms-keyframes JhUDzmMj_draw{100%{stroke-dashoffset:0;}}
 @-ms-keyframes JhUDzmMj_fade{0%{stroke-opacity:1;}98.03921568627452%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-ms-keyframes JhUDzmMj_draw_0{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-ms-keyframes JhUDzmMj_draw_1{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 @-ms-keyframes JhUDzmMj_draw_2{0%{stroke-dashoffset: 80}98.0392156862745%{ stroke-dashoffset: 0;}100%{ stroke-dashoffset: 0;}}
 
 
 
 
 
 .enHsNKQc_0{stroke-dasharray:872 874;stroke-dashoffset:873;-webkit-animation:enHsNKQc_draw 2000ms linear 0ms forwards;}
 .enHsNKQc_1{stroke-dasharray:862 864;stroke-dashoffset:863;-webkit-animation:enHsNKQc_draw 2000ms linear 38ms forwards;}
 .enHsNKQc_2{stroke-dasharray:48 50;stroke-dashoffset:49;-webkit-animation:enHsNKQc_draw 2000ms linear 76ms forwards;}
 .enHsNKQc_3{stroke-dasharray:57 59;stroke-dashoffset:58;-webkit-animation:enHsNKQc_draw 2000ms linear 115ms forwards;}
 .enHsNKQc_4{stroke-dasharray:51 53;stroke-dashoffset:52;-webkit-animation:enHsNKQc_draw 2000ms linear 153ms forwards;}
 .enHsNKQc_5{stroke-dasharray:48 50;stroke-dashoffset:49;-webkit-animation:enHsNKQc_draw 2000ms linear 192ms forwards;}
 .enHsNKQc_6{stroke-dasharray:55 57;stroke-dashoffset:56;-webkit-animation:enHsNKQc_draw 2000ms linear 230ms forwards;}
 .enHsNKQc_7{stroke-dasharray:55 57;stroke-dashoffset:56;-webkit-animation:enHsNKQc_draw 2000ms linear 269ms forwards;}
 .enHsNKQc_8{stroke-dasharray:52 54;stroke-dashoffset:53;-webkit-animation:enHsNKQc_draw 2000ms linear 307ms forwards;}
 .enHsNKQc_9{stroke-dasharray:40 42;stroke-dashoffset:41;-webkit-animation:enHsNKQc_draw 2000ms linear 346ms forwards;}
 .enHsNKQc_10{stroke-dasharray:55 57;stroke-dashoffset:56;-webkit-animation:enHsNKQc_draw 2000ms linear 384ms forwards;}
 .enHsNKQc_11{stroke-dasharray:52 54;stroke-dashoffset:53;-webkit-animation:enHsNKQc_draw 2000ms linear 423ms forwards;}
 .enHsNKQc_12{stroke-dasharray:53 55;stroke-dashoffset:54;-webkit-animation:enHsNKQc_draw 2000ms linear 461ms forwards;}
 .enHsNKQc_13{stroke-dasharray:36 38;stroke-dashoffset:37;-webkit-animation:enHsNKQc_draw 2000ms linear 500ms forwards;}
 .enHsNKQc_14{stroke-dasharray:50 52;stroke-dashoffset:51;-webkit-animation:enHsNKQc_draw 2000ms linear 538ms forwards;}
 .enHsNKQc_15{stroke-dasharray:40 42;stroke-dashoffset:41;-webkit-animation:enHsNKQc_draw 2000ms linear 576ms forwards;}
 .enHsNKQc_16{stroke-dasharray:51 53;stroke-dashoffset:52;-webkit-animation:enHsNKQc_draw 2000ms linear 615ms forwards;}
 .enHsNKQc_17{stroke-dasharray:47 49;stroke-dashoffset:48;-webkit-animation:enHsNKQc_draw 2000ms linear 653ms forwards;}
 .enHsNKQc_18{stroke-dasharray:40 42;stroke-dashoffset:41;-webkit-animation:enHsNKQc_draw 2000ms linear 692ms forwards;}
 .enHsNKQc_19{stroke-dasharray:45 47;stroke-dashoffset:46;-webkit-animation:enHsNKQc_draw 2000ms linear 730ms forwards;}
 .enHsNKQc_20{stroke-dasharray:53 55;stroke-dashoffset:54;-webkit-animation:enHsNKQc_draw 2000ms linear 769ms forwards;}
 .enHsNKQc_21{stroke-dasharray:55 57;stroke-dashoffset:56;-webkit-animation:enHsNKQc_draw 2000ms linear 807ms forwards;}
 .enHsNKQc_22{stroke-dasharray:42 44;stroke-dashoffset:43;-webkit-animation:enHsNKQc_draw 2000ms linear 846ms forwards;}
 .enHsNKQc_23{stroke-dasharray:51 53;stroke-dashoffset:52;-webkit-animation:enHsNKQc_draw 2000ms linear 884ms forwards;}
 .enHsNKQc_24{stroke-dasharray:48 50;stroke-dashoffset:49;-webkit-animation:enHsNKQc_draw 2000ms linear 923ms forwards;}
 .enHsNKQc_25{stroke-dasharray:40 42;stroke-dashoffset:41;-webkit-animation:enHsNKQc_draw 2000ms linear 961ms forwards;}
 .enHsNKQc_26{stroke-dasharray:47 49;stroke-dashoffset:48;-webkit-animation:enHsNKQc_draw 2000ms linear 1000ms forwards;}
 @keyframes enHsNKQc_draw{100%{stroke-dashoffset:0;}}
 @keyframes enHsNKQc_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}
 @-webkit-keyframes enHsNKQc_draw{100%{stroke-dashoffset:0;}}
 @-webkit-keyframes enHsNKQc_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}

 
 @-moz-keyframes enHsNKQc_draw{100%{stroke-dashoffset:0;}}
 @-moz-keyframes enHsNKQc_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}

 
 @-o-keyframes enHsNKQc_draw{100%{stroke-dashoffset:0;}}
 @-o-keyframes enHsNKQc_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}

 
 @-ms-keyframes enHsNKQc_draw{100%{stroke-dashoffset:0;}}
 @-ms-keyframes enHsNKQc_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}

 
 
 
 
 
 
 
 
 
 
.visible1{visibility: visible !important;}
.submenu{display: table;float: right;}
.menu1{display: inline-block;}
.menu2{display: inline-block;width: 283px;}
.menu33{display: table-cell;vertical-align: top;}


.lang11{  padding: 0px 10px;margin-top: 25px !important;font-family: 'Conv_MuseoSans_700' !Important;}
.ar .lang11{padding-top: 3px;font-family: 'DINREGar' !important;}
.paddinglang{padding-right: 10px;}
.ar .paddinglang{padding-left: 10px;}


 
.mob{display: none !important;}



/*--------------------arabic general------------------------*/





.ar .acol1 {
 
font-size: 3.2rem;
    padding-right: 0%;
    padding-left: 10%;
    border-right: 0px solid #1c1c1b;
    border-left: 1px solid #1c1c1b;
}
.ar .profcol2{font-size: 1.5rem;}
.ar .profcol3{font-size: 1.5rem;}

.ar .container{direction: rtl;}
.ar .container-fluid{direction: rtl;}

.ar .col-sm-1,.ar .col-sm-10,.ar .col-sm-11, .ar .col-sm-12, .ar .col-sm-2, .ar .col-sm-3, .ar .col-sm-4, .ar .col-sm-5, .ar .col-sm-6, .ar .col-sm-7, .ar .col-sm-8, .ar .col-sm-9 {
   float: right;
}

.ar .navbar-nav>li {
    float: right;
    
}

.ar .menubox{  border-left: 0px solid #555554 !important;border-right: 1px solid #555554 !important;padding: 0px 50px !Important;line-height: 19px !important;}
.ar .menuboxlast{padding: 0px 50px !Important;line-height: 19px !important;}
.ar .socialicon {

    border-right: 0px solid #555554 !important;
    border-left: 1px solid #555554 !important;
}
.ar .menuboxsocial{margin: 15px 0px !important;}


.ar .bordeleft{    border-left: 0px solid rgba(255,255,255,0.8);  border-right: 1px solid rgba(255,255,255,0.8);}
.ar .aboutsub1{      margin-left: 35px;line-height: 60px;float: left;}
.ar .aboutsub3 img {float: left;}
.ar .navbar-nav {
    float: left;
}


.ar .navbar-header {
   float: right; 
}
.ar .logotitle {

    margin-right: 90px;
    margin-left: 0px;
  
}
.ar .logosubtitle {

    margin-left: 0px;
    margin-right: 90px;
}

.ar .menusubtitle{font-size: 1.4rem;}
.ar .menutitle{font-size: 1.8rem;}

.ar .logoimg{margin-top: -13px;}

.ar .submenu{float: left;}

.ar .aboutsub2{margin-left: 0px;margin-right: 14px;font-size: 1.7rem;}
.ar .aboutsub2 span {
    padding-left: 0px;
    padding-right: 20px;
    
}
.ar .secondcol{text-align: right;}

.ar .svg-path {
 
    width: 57%;}

.ar .learn {
    margin-right: 0%;}


.ar .right1{padding-left: 10% !important;float: left; }

.ar .line3{font-size: 2.4rem;}

/*.ar .tran-200{transform: translate3d(-100px,0px,0px);-webkit-transform: translate3d(-100px,0px,0px);-moz-transform: translate3d(-100px,0px,0px);-o-transform: translate3d(-100px,0px,0px);-ms-transform: translate3d(-100px,0px,0px);}
.ar .tran200{transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);}*/

.ar .profcol2{padding-right: 0%;padding-left: 10%;}

.ar .whitetext{font-size: 1.8rem;}
.ar .leftline{left: 0;direction: ltr;}
.ar .menu2{width: 349px;}

.ar .loader svg#loading {
    left: -25%;
}

.ar .col3title {

    font-size: 2rem;
 
}

.ar .copyright{font-size: 1.3rem;}


/*------------------------------------------------------------*/



.newbrand{    font-family: 'Conv_MuseoSans_700';
    font-size: 1.4rem;
    color: #1c1c1b;
    padding-right: 10%;}

.ar .newbrand{font-family: "DINREGar";font-size: 1.8rem;padding-right: 0%;padding-left: 10%;}


.newbrand1{    font-family: 'Conv_MuseoSans_700';
    font-size: 1.4rem;
    color: #1c1c1b;
   }

.ar .newbrand1{font-family: "DINREGar";font-size: 1.5rem;;}


.mypath2 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
    opacity: 0.25;
    -webkit-animation-name: dash2;
    -webkit-animation-duration: 14500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-transition: opacity 600ms;
    -moz-transition: opacity 600ms;
    -ms-transition: opacity 600ms;
    -o-transition: opacity 600ms;
    transition: opacity 600ms;
}
.mypath02{
    stroke:#000;
    z-index: -1;
    opacity: 0.1;
}

@-webkit-keyframes dash2 {
    from {
     fill: transparent;
    }
    80% {
    //    fill: rgba(0, 0, 0, 0.5);
        opacity: 0.5;
    }
    to {
        fill: transparent;
        stroke-dashoffset: 0;
        opacity: 0.25;
    }
}
 @keyframes dash2 {
     from {
         fill: transparent;
     }
     80%{
    //     fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }
}
 @-moz-keyframes dash2 {
     from {
         fill: transparent;
     }
     80%{
    //     fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }
}
 @-o-keyframes dash2 {
     from {
         fill: transparent;
     }
     80%{
    //     fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }
}
 @-ms-keyframes dash2 {
     from {
         fill: transparent;
     }
     80%{
    //     fill: rgba(0,0,0,0.5);
         opacity: 0.5;
     }
     to {
         fill: transparent;
         stroke-dashoffset: 0;
         opacity: 0.25;
     }
}











    
    
    
.dropdown-menu{margin-top: -4px !important;width: 100%;margin-left: 0%;border: 1px solid transparent !important;}

.logotop{display: table;}
.logoimg{display: inline-table;margin-top: -14px;}
.logotitle{color:#1c1c1b1; font-size: 1.4rem;	font-family:'Conv_MuseoSans_700';margin-left: 70px;line-height: 15px;}
.ar .logotitle{font-family: 'DINar';font-size: 2.4rem;}


.logosubtitle{color: #656562;font-size: 1.2rem;	font-family:'Conv_MuseoSans_500_Italic';margin-left: 70px;}
.ar .logosubtitle{font-family: 'DINREGar';font-size: 1.4rem;line-height: 39px;}






.navbar-nav{float: right;}
.menutitle{font-family:'Conv_MuseoSans_700';font-size: 1.4rem;}
.ar .menutitle{font-family: 'DINar';}


.menusubtitle{font-family:'Conv_MuseoSans_700';font-size:1rem;color: #555554;}
.ar .menusubtitle{font-family: 'DINREGar';}

.menubox{line-height: 15px !important;       border-left: 1px solid #555554 !important;
         padding: 0px 24px !Important;
         margin: 10px 0px!important; }
.menuboxlast{line-height: 15px !important;       border-left: 1px solid #555554 !important;border-right: 1px solid #555554 !important;
         padding: 0px 22px !Important;
         margin: 10px 0px!important;

}
.menuboxsocial{line-height: 15px !important; 
         padding: 0px 0px !Important;
         margin: 10px 0px !important;}
.social{display: inline-block;}
.socialicon{display: inline-block;cursor: pointer;padding: 0px 8px; border-right: 1px solid #555554 !important;}
.socialiconlast{display: inline-block;cursor: pointer;padding: 17px 0px;}
.menusubtitle span{color: transparent;}
.swiper-container {margin-top: -28px !important;}
.absoluteimg{position: absolute;z-index: 1500;top:23px;}

/*--------------------------------slider-------------------------*/
.boxslider{position: absolute;width: 50%;height: 100%;
          z-index: 2;right: 0;
          //background-color: rgba(28,28,27,0.3);
/*    -ms-transform: skew(-8deg, 0deg);
    -webkit-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);*/
    right: -72px;
}
.tintslider{position: absolute;width: 100%;height: 100%;
          z-index: 2;right: 0;
         background-color: rgba(28,28,27,0.3) !important;
        // background-image:url("../../assets/images/homepattern.svg");
       // background-color: rgba(0,0,0,0.6) !important;
      
         background: url("../../assets/images/homepattern.svg")

}

.aboutmap{position: absolute;left: 300px;top: -170px;}
.insideboxslider{width: 100%;height: 100%;margin-top:18%; position: relative;     }
.sliderdraw{margin-right: 5%;margin-top: 11%;position: absolute;top: 0;left: 31%;width: 100%;height: 100%;}
.sliderdraw2{float: right;margin-right: 28%;margin-top: 0%;}
.svg-path{width: 57%;width: 58%;
    position: absolute;
    left: 0;
  }

/*.image1{position: absolute;    -ms-transform: skew(8deg, 0deg);width: 300px;
    -webkit-transform: skew(8deg, 0deg);cursor: pointer;
    transform: skew(8deg, 0deg);top: 140px;}
.image2{position: absolute;    -ms-transform: skew(8deg, 0deg);
    -webkit-transform: skew(8deg, 0deg);width: 300px;cursor: pointer;
    transform: skew(8deg, 0deg);top: 210px;left: -80px;}
.image3{position: absolute;    -ms-transform: skew(8deg, 0deg);
    -webkit-transform: skew(8deg, 0deg);left: -50px;cursor: pointer;
    transform: skew(8deg, 0deg);top:292px;width: 300px;}
.image4{position: absolute;    -ms-transform: skew(8deg, 0deg);left: 40px;
    -webkit-transform: skew(8deg, 0deg);cursor: pointer;
    transform: skew(8deg, 0deg);top: 358px;width: 300px;}
.smallimage{width: 100%;z-index: 99;}
.boxtext{color: #fff;z-index: 120;  -ms-transform: skew(8deg, 0deg);position: absolute;top: 225px;left: 260px;width: 400px;height: 200px;
    -webkit-transform: skew(8deg, 0deg);line-height: 30px;
    transform: skew(8deg, 0deg)}
.boximages{float: left;width: 100%;margin-top: 100px;position: absolute;bottom: 100%;}
//.hrdiv{width: 15%;text-align: center;z-index: 121;margin: auto;}*/




.boximages {
     float: left;
     width: 300px;
     /* margin-top: 100px; */
     position: absolute;
     /* bottom: 100%; */
     top: 0;
     height: 300px;
     left: 57%;
     top: 50%;
     z-index: 3;
     -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);

 }

 .boximages > div {
     position: relative;
 }
 .boximages .smallimage {
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
 }

.boximages .tint1 {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;

      background-color: rgba(0,0,0,0);
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -ms-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
}

 .boximages>div:hover .tint1{
       background-color: rgba(0,0,0,0.35);
 }

 .image1{position: absolute;   cursor: pointer;  top: 0;box-shadow: 10px 10px 5px rgba(0,0,0,0.5);}
.image2{position: absolute;    cursor: pointer;  top: 73px;left: -80px;box-shadow: 5px 5px 8px rgba(0,0,0,0.4);}
.image3{position: absolute;    left: -50px;cursor: pointer;
    top:155px;box-shadow: 15px 15px 8px rgba(0,0,0,0.3);}
.image4{position: absolute;    cursor: pointer;
    top: 255px;box-shadow: 20px 20px 8px rgba(0,0,0,0.2);}
.smallimage{width: 100%;z-index: 99;}
/*.boxtext{color: #fff;z-index: 120;  -ms-transform: skew(8deg, 0deg);position: absolute;top: 225px;left: 260px;width: 400px;height: 200px;
    -webkit-transform: skew(8deg, 0deg);line-height: 30px;
    transform: skew(8deg, 0deg)}*/
 .boxtext{color: #fff;z-index: 120;
     position: absolute;
     /*top: 100px;*/
     top: 67%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 260px;
     height: 200px;
     line-height: 30px;
     }

.ar .boxtext{line-height: 40px;}


.line1{font-family:'Conv_MuseoSans-300';font-size: 3.4rem;padding-top: 10px;margin-left: -15px;transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-o-transition:all 1s ease-out; -ms-transition:all 1s ease-out; -moz-transition:all 1s ease-out;  }
.ar .line1{font-family: 'DINREGar';}

.line1 span{ border-top: 1px solid #fff !important;transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-o-transition:all 1s ease-out; -ms-transition:all 1s ease-out; -moz-transition:all 1s ease-out;  }



.bordertran span{-webkit-transform: translate3d(-400px,0px,0px);-moz-transform: translate3d(-400px,0px,0px);-o-transform: translate3d(-400px,0px,0px);border-top: 2px solid #fff !important;}





.line2{font-family:'Conv_MuseoSans_700';font-size: 3.4rem;visibility: visible !important;}
.ar .line2{font-family: 'DINREGar';}

.line3{font-family:'Conv_MuseoSans_700';font-size: 1.4rem;background-color: transparent;text-align: center;width: 286px;margin-top: 5px;cursor: pointer;border: 1px solid #fff;}
.ar .line3{font-family: 'DINREGar';}


.navbar-brand{padding-top: 36px;padding-left: 0px !important;}
.acol1{font-size: 2.5rem;	font-family:'Conv_MuseoSans_500_Italic';color: #555554;border-right: 1px solid #1c1c1b;width: 94%;padding-right: 10%;   height: 100%;}

.ar .acol1{font-family: 'DINREGar';}



/*.leftline{position: absolute;width:800px;height:100px;z-index: 9;top: 50%;margin-top: -50px;display: inline-block;}


.whiteline{width: 200px;height: 2px;background-color: #fff;z-index: 99;margin-top: 50px;display: inline-block; transition:all 1s ease-out;}*/



.leftline{position: absolute;width: auto;max-width:800px;height:100px;z-index: 9;top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}


/*.whiteline{width: 200px;height: 2px;background-color: #fff;z-index: 99;margin-top: 50px;display: inline-block; transition:all 1s ease-out;}*/
 .whiteline {
     width: 80%;
     height: 2px;
     background-color: #fff;
     z-index: 99;
     margin-top: 50px;
     display: inline-block;
     transition: all .7s cubic-bezier(0.81, 0, 0.46, 0.65);
     -webkit-transition: all .7s cubic-bezier(0.81, 0, 0.46, 0.65);
     -o-transition: all .7s cubic-bezier(0.81, 0, 0.46, 0.65);
     -moz-transition: all .7s cubic-bezier(0.81, 0, 0.46, 0.65);
     -ms-transition: all .7s cubic-bezier(0.81, 0, 0.46, 0.65);
    

 }




/*@keyframes translating {*/
//.whiteline:hover{transform: translate3d(-200px,0px,0px)}
.tran-200{transform: translate3d(-60px,0px,0px);-webkit-transform: translate3d(-60px,0px,0px);-moz-transform: translate3d(-60px,0px,0px);-o-transform: translate3d(-60px,0px,0px);-ms-transform: translate3d(-60px,0px,0px);}
.tran200{transform: translate3d(80px,0px,0px);-webkit-transform: translate3d(80px,0px,0px);-moz-transform: translate3d(80px,0px,0px);-o-transform: translate3d(80px,0px,0px);-ms-transform: translate3d(80px,0px,0px);}


.absolutebg{position: absolute;background-color: rgba(28,28,27,0.8);height: 120%;top: -10%;width: 140%;left: -20%;z-index: -22;}
.absolutebg2{position: absolute;background-color: rgba(28,28,27,0.8);height: 100%;top: 0%;width: 140%;left: -20%;z-index: -22;}



.floatrl{float: right;padding-top: 9px;}
.ar .floatrl{float: left;}


.tint {
  position: relative;
 
  cursor: pointer;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
background-color: rgba(0, 0, 0, 0.5);

  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  -ms-transition: background .3s linear;
  transition: background .3s linear;
}

.tint:hover:before {
  background: none;
}








/*

.whitetext{display: inline-block;color: #fff;font-family: 'Conv_MuseoSans_900';font-size: 2rem;border-bottom: 1px solid #fff;cursor: pointer;
   -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -50px;


}
.whitetext:hover{color:rgba(58,191,240,0.9);border-bottom: 1px solid rgba(58,191,240,0.9);}*/



.whitetextCnt {
    position: relative;
    margin: -20px 20px;
    -webkit-transition: margin 600ms;
    -moz-transition: margin 600ms;
    -ms-transition: margin 600ms;
    -o-transition: margin 600ms;
    -ms-transition: margin 600ms;
    transition: margin 600ms;
}
.whitetext{
    display: inline-block;
    color: #fff;
    font-family: 'Conv_MuseoSans_900';
    font-size: 1.2rem;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
   
    
    -webkit-transition: color 600ms,  border 600ms;
    -moz-transition: color 600ms,  border 600ms;
    -ms-transition: color 600ms,  border 600ms;
    -o-transition: color 600ms,  border 600ms;
    transition: color 600ms,  border 600ms;
}

.ar .whitetext{font-family: 'DINREGar';}




/*-------------------------------------------endslider-----------------------------------*/


/*---------------------------------------------home-------------------------------------*/
.linegray{width: 70px;height: 12px;background-color: transparent;position: relative;z-index: 33;}
/*rgba(156,156,155,0.6)*/
.blueingray{position: absolute;width:0%;height: 100%;background-color:rgba(58,191,240,0.9);z-index: 2;}



.tansition1{transition-duration: 3000ms;}
.profiletitle{font-family: 'Conv_MuseoSans_900';font-size: 5rem;line-height: 60px;color: #000;}

.ar .profiletitle{font-family: 'DINar';font-size: 3.5rem;}


.profcol2{font-family: 'Conv_MuseoSans_700';font-size: 1.4rem;color: #000; padding-right: 10%;}
.ar .profcol2{font-family: 'DINREGar';}

.profcol2 span{font-family: 'Conv_MuseoSans_500_Italic';font-size: 1.7rem;color: #555554;}

.ar .profcol2 span{font-family: 'DINREGar';}


.profcol3{font-family: 'Conv_MuseoSans_700';font-size: 1.4rem;color:#1c1c1b; padding-right: 10%;}
.ar .profcol3{font-family: 'DINREGar';}


.learn{font-family: 'Conv_MuseoSans_900';font-size: 1.2rem;color:#000; border: solid 1px #000;width: 100px;text-align: center;padding: 4px;cursor: pointer;}
.ar .learn{font-family: 'DINar';}


.homeproj{background-color: rgba(200,200,200,0.2)}
.projtitle{font-family: 'Conv_MuseoSans_900';font-size: 3.5rem;text-align: center;padding-top: 15px;}
.ar .projtitle{font-family: 'DINar';}
.projtitle2{font-family: 'Conv_MuseoSans_900';font-size: 3.5rem;}
.ar .projtitle2{font-family: 'DINar';}



.projsubtitle{font-family: 'Conv_MuseoSans_500';font-size: 1.5rem;text-align: center;width: 70%;margin: auto;}
.ar .projsubtitle{font-family: 'DINREGar';    font-size: 1.7rem;}


.sortby{width: 95px;padding-left:10px; }
.sortbytitle{font-family: 'Conv_MuseoSans_500'; font-size: 1.5rem;border-bottom: 1px solid  #2b2b2a;color: #1c1c1b;margin-bottom: 6px;}
.ar .sortbytitle{font-family: 'DINREGar';}

.option1{font-family: 'Conv_MuseoSans-300'; font-size: 1.5rem;cursor: pointer;color: #262425;width: 190px;}
.ar .option1{font-family: 'DINREGar';}

//.option1:hover{border-bottom: 2px solid #3abff0;}




.seeallproj{float: right;cursor: pointer;font-family: 'Conv_MuseoSans_500'; font-size: 1.5rem;color: #1c1c1b;padding-right: 10px;}
.ar .seeallproj{font-family: 'DINREGar';}


.seeallproj:hover{color:  rgba(78,191,240,1) ;}
.seeallproj1{float: left;cursor: pointer;font-family: 'Conv_MuseoSans_500'; font-size: 1.5rem;color: #555554;padding-right: 10px;}
.ar .seeallproj1{font-family: 'DINREGar'; float: left !Important;  padding-right: 0px;  padding-left: 10px;}
   

  

.seeallproj1:hover{color:  rgba(58,191,240,0.9) ;}

.col3title{font-family: 'Conv_MuseoSans_900'; font-size: 1.6rem;color: #1c1c1b;text-align: center;}
.ar .col3title{font-family: 'DINar';}


.col3text{font-family: 'Conv_MuseoSans_500'; font-size: 1.3rem;color: #1c1c1b;text-align: center;width: 90%;margin: auto;}
.ar .col3text{font-family: 'DINREGar';font-size: 1.5rem;}


.arrow{position: absolute;z-index: 123;text-align: center;margin: auto;width: 100%;bottom: -6px;}
.relative{position: relative;cursor: pointer;}
.white{background-color: #fff;padding: 50px 0px;min-height: 212px;overflow-y: hidden;}

.bgdown{background-image: url('../../assets/images/pattern.svg');position: absolute;width: 100%;height: 100%;opacity: 0.5;top: 0;z-index: -2;}
.bgright{background-image: url('../../assets/images/line.svg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.modelimg{text-align: center;}
.mod3title{font-family: 'Conv_MuseoSans_900';font-size: 2rem;}
.ar .mod3title{font-family: 'DINar';}



.mod3subtitle{font-family: 'Conv_MuseoSans_500'; font-size: 1.5rem;}
.ar .mod3subtitle{font-family: 'DINREGar';font-size: 1.8rem;}


.blueline{width: 50px;height: 5px;background-color: transparent;text-align: center;margin-top: 10px;position: relative;z-index: 33;}

.blueingray1{position: absolute;width:0%;height: 100%;background-color:rgba(58,191,240,0.9);z-index: 2;}

.continfotit{font-family: 'Conv_MuseoSans_700';font-size: 1.8rem;}
.ar .continfotit{font-family: 'DINREGar';}
.ar .continfotext{font-family: 'DINREGar';}


.continfotext{font-family: 'Conv_MuseoSans_500';font-size: 1.6rem;color: #555554;}
.ar .contactinfotext{font-family: 'DINREGar';}
.ar continfotext{font-family: 'DINREGar';}

.continfotext span{font-family: 'Conv_MuseoSans_700';}

.ar .continfotext span{font-family: 'DINREGar';}

.blockmodel3{text-align: center;}

.checkprod{text-align: center;}
.textcheck{font-size: 1.5rem;border: 1px solid #1c1c1b;font-family: 'Conv_MuseoSans_900';margin: auto;display: table;padding: 5px 15px;z-index: 999;background-color: #f2f2f0;cursor: pointer;}
.ar .textcheck{font-family: 'DINar';}


.linecheck{position: absolute;border-top: 1px solid #1c1c1b;width: 100%;left: 0px;margin-top: 16px;z-index: -11;}


.paddingright{padding-right: 40px;}
.paddingleft{padding-left: 40px;}

.ar .paddingright{padding-right: 0px;padding-left: 40px;}
.ar .paddingleft{padding-left: 0px;padding-right: 40px;}

.homemodel{position: relative;}


/*..........................................................*/
/*efefed*/
/*..............................footer............................*/
.footer{height: 100px;text-align: center;}
.inline{display: inline-block;}
.footertext{display: inline-block;font-family: 'Conv_ProximaNova-Regular';font-size: 1.5rem;text-align: center;cursor: pointer;}

.ar .footertext{font-family: 'DINREGar';}



.footertext img{max-height: 13px;margin-bottom: 6px;}
.footertext span:hover{color: rgba(58,191,240,1);}
.copyright{font-family: 'Conv_ProximaNova-Regular';font-size: 1.2rem;}
.copyright1{font-family: 'Conv_ProximaNova-Regular';font-size: 1.2rem;cursor: pointer;}


.ar copyright{font-family: 'DINREGar';}
.ar copyright1{font-family: 'DINREGar';}

.copyright1:hover{color: #3abff0;}


/*..................................about..........................*/
.lineblue{width: 40px;height: 12px;background-color: #3abff0;}
.aboutop{background-color: rgba(28,28,27,0.3) !important;margin-top: -21px;}
.scrolldown{cursor: pointer;}
.subtext{font-size: 1.5rem; font-family: 'Conv_MuseoSans_500'; text-align: center;width: 53%;margin: auto; }
.ar .subtext{font-family: 'DINREGar';
    font-size: 1.8rem;
    
    width: 66%;

}

.city{font-size: 2rem;font-family: 'Conv_MuseoSans_500';color: #1c1c1b;}
.ar .city{font-family: 'DINREGar';}

.citytext{font-size: 2rem;font-family: 'Conv_MuseoSans_500_Italic';color: #555554;}

.ar .citytext{font-family: 'DINREGar';}


.lineblack{background-color: #1c1c1b;width: 40px;height: 3px;}
.projectname{
    display: inline-block;
        line-height: 40px;
    font-family: 'Conv_MuseoSans_900';
    font-size: 3rem;
    color: #555554;
    
    /*border-right: 1px solid #555554;*/
/*    padding-right: 15px;*/
    
}





.maplocation{position: absolute;right: 0;height: 100%;}
.ar .maplocation{position: absolute;left: 0;height: 100%;right: inherit;}

.projinfo{display: inline-block;line-height: 18px; vertical-align: top;margin-top: 10px;}
.projcity{font-size: 1.5rem;font-family: 'Conv_MuseoSans_500';color: #555554;}
.ar .projcity{font-family: 'DINREGar'; text-align: right;}

.projdate{font-size: 1.5rem;font-family: 'Conv_MuseoSans_500_Italic';color: #555554;}
.ar .projdate{font-family: 'DINREGar';}
.ar .projdate1{font-family: 'DINREGar';}


.projdate1{font-size: 1.5rem;font-family: 'Conv_MuseoSans_500_Italic';color: #555554;opacity:0;display: none;}

//.imgproject img{width: 100%;}

.blueline2{width:80%;height: 3px;background-color: transparent;}
.textlineblue{font-size: 1.6rem;color: #1c1c1b;width: 80%;font-family: 'Conv_MuseoSans_500'; }
.ar .textlineblue{font-family: 'DINREGar';}

.infoname{font-size: 1.5rem;font-family: 'Conv_MuseoSans_700';color: #1c1c1b;}
.ar .infoname{font-family: 'DINREGar';}


.infotext{font-size: 1.5rem;font-family: 'Conv_MuseoSans_500_Italic';color: #555554;}
.ar .infotext{font-family: 'DINREGar';}


.bgservices{background-image: url('../../assets/images/bgservices.jpg')}
.contactinfotitle{font-size: 2.5rem;font-family: 'Conv_MuseoSans_500_Italic';color: #555554;}
.ar .contactinfotitle{font-family: 'DINREGar';}


.contactinfotext{font-size: 1.2rem;font-family: 'Conv_MuseoSans_500';color: #1c1c1b;}
.ar .contactinfotext{font-family: 'DINREGar';}

.textinput{border: 0px solid transparent;border-bottom: 1px solid #000;font-family:'Conv_MuseoSans-300'; color:#555554; font-size: 1.7rem;background-color: transparent; width: 100%}
.ar .textinput{font-family: 'DINREGar';}

.boxinput{width: 80%;}

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

:-ms-input-placeholder {  
   color: #000;  
}
.textareabox{width: 100%;}
.textarea{width: 90%;height: 300px;resize: none;background-color: rgba(255,255,255,0.4);border: 1px solid #000;font-family:'Conv_MuseoSans-300'; color:#555554;font-size: 1.7rem;}
.ar .textarea{font-family: 'DINREGar';}

.send{font-family: 'Conv_MuseoSans_900';font-size: 1.2rem;color:#000; border: solid 1px #000;width: 100px;padding: 4px;cursor: pointer;}

.ar .send{font-family: 'DINar';}

.right1{float: right;padding-top:10px;padding-right: 10%;}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 50%;
    width: auto !important;
    right: 0;
    left: auto;
    
}
.swiper-pagination {

    text-align: right !important;
}

.swiper-pagination-bullet {
    width: 28px !Important;
    height: 3px !Important;
    display: block;
    margin: 8px !important;
   border-radius: 0% !important;
background: #fff !important;
    opacity: 1 !important;
/*    margin-left: 97% !important;*/
}


.swiper-pagination-bullet-active {

    background: rgba(58,191,240,0.9) !important;
}






@media screen and (max-width: 1630px){
/*    .menucont{padding: 0px 20px;}
    //.logotop{padding-left: 20px;}
    .dropdown-menu{margin-left: 0%;width: 100%;}*/
}
@media screen and (max-width: 1530px){





.menu2 {
 
    width: 283px;
}
.ar .menu2 {width: 349px;}
.menuboxsocial{margin: 10px !Important;}
.logotitle{font-size: 1.2rem;	}
.logosubtitle{font-size: 1rem;	}
.navbar-brand{padding-top: 35px;}
.secondcol{width: 90% !important;}
.aboutsub1{margin-left: -225px !important;}

.ar .aboutsub1{margin-left: 40px !important;}





}
input:focus{outline: none;}
textArea:focus{outline: none;}

 .myscrollproj{
     position: absolute;
    left: 50%;
    margin-left: -218px;}
.navbar-nav>li>.dropdown-menu {background-color:  transparent;}
.aboutsub1{font-size: 2.7rem;color: #fff;	font-family:'Conv_MuseoSans-100';margin-top: 30px;float: right;margin-right: 38px;line-height: 29px;text-align: right;margin-left: -212px;}
.ar .aboutsub1{font-family: 'DINLIGHTar';}




.aboutsub2{font-size: 1.4rem;color: #fff;font-family:'Conv_MuseoSans-300';cursor: pointer;  border-bottom: 1px solid rgba(255,255,255,0.4); ;margin-left: 14px;line-height: 26px;width: 70%;}
.ar .aboutsub2{font-family: 'DINREGar';}

.aboutsub2 span{padding-left: 20px;}

.aboutsub2:after {
  display:block;
  content: '';
  border-bottom: 1px solid rgba(58,191,240,1);  
  -webkit-transform: scaleX(0);  
  -moz-transform: scaleX(0);  
  -o-transform: scaleX(0);  
  -ms-transform: scaleX(0);  
  transform: scaleX(0);  

 
  -webkit-transition: transform 750ms ease-in-out;
  -moz-transition: transform 750ms ease-in-out;
  -o-transition: transform 750ms ease-in-out;
  -ms-transition: transform 750ms ease-in-out;
  transition: transform 750ms ease-in-out;
}
.aboutsub2:hover{border-bottom:1px solid rgba(255,255,255,0.1);}
.aboutsub2:hover:after { -webkit-transform: scaleX(1);transform: scaleX(1);-moz-transform: scaleX(1);-o-transform: scaleX(1);-ms-transform: scaleX(1); z-index: 9999;}
.aboutsub2.fromLeft:after{ -webkit-transform-origin:  0% 50%; transform-origin:  0% 50%; -moz-transform-origin:  0% 50%; -o-transform-origin:  0% 50%; -ms-transform-origin:  0% 50%;z-index: 9999;}



.ar .aboutsub2.fromLeft:after{ -webkit-transform-origin:  100% 50% !important; transform-origin:  100% 50% !important; -moz-transform-origin:  100% 50% !important; -o-transform-origin:  100% 50% !important; -ms-transform-origin: 100% 50% !important;}


//.ar .aboutsub2:hover:after { -webkit-transform: scaleX(0);transform: scaleX(0);-moz-transform: scaleX(0);-o-transform: scaleX(0);-ms-transform: scaleX(0); }*/


.menuborder{position: absolute;width: 0%;height: 1px;left: 0;bottom: -1px;background-color: #f00;}





.me1 {
    -webkit-animation: mover 2s infinite  alternate;
    -moz-animation: mover 2s infinite  alternate;
    -ms-animation: mover 2s infinite  alternate;
    -o-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { -webkit-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }
    100% { -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); }
}
@keyframes mover {
    0% { -webkit-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
    100% { -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px);}
}
@-o-keyframes mover {
    0% {  -webkit-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
    100% {-webkit-transform: translateY(10px); transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px);}
}
@-moz-keyframes mover {
    0% {  -webkit-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
    100% { -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px);}
}
@-ms-keyframes mover {
    0% {  -webkit-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
    100% {-webkit-transform: translateY(10px); transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); }
}



.EByevBjo_0{
    stroke-dasharray:800 802;
    stroke-dashoffset:801;}

.start .EByevBjo_0{-webkit-animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_1{stroke-dasharray:800 802;stroke-dashoffset:801;}
.start .EByevBjo_1{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_2{stroke-dasharray:48 50;stroke-dashoffset:49;}
.start .EByevBjo_2{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_3{stroke-dasharray:57 59;stroke-dashoffset:58;}
.start .EByevBjo_3{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_4{stroke-dasharray:51 53;stroke-dashoffset:52;}
.start .EByevBjo_4{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_5{stroke-dasharray:48 50;stroke-dashoffset:49;}
.start .EByevBjo_5{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_6{stroke-dasharray:55 57;stroke-dashoffset:56;}
.start .EByevBjo_6{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_7{stroke-dasharray:55 57;stroke-dashoffset:56;}
.start .EByevBjo_7{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_8{stroke-dasharray:52 54;stroke-dashoffset:53;}
.start .EByevBjo_8{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_9{stroke-dasharray:40 42;stroke-dashoffset:41;}
.start .EByevBjo_9{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_10{stroke-dasharray:55 57;stroke-dashoffset:56;}
.start .EByevBjo_10{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_11{stroke-dasharray:52 54;stroke-dashoffset:53;}
.start .EByevBjo_11{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_12{stroke-dasharray:53 55;stroke-dashoffset:54;}
.start .EByevBjo_12{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_13{stroke-dasharray:36 38;stroke-dashoffset:37;}
.start .EByevBjo_13{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_14{stroke-dasharray:50 52;stroke-dashoffset:51;}
.start .EByevBjo_14{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_15{stroke-dasharray:40 42;stroke-dashoffset:41;}
.start .EByevBjo_15{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_16{stroke-dasharray:51 53;stroke-dashoffset:52;}
.start .EByevBjo_16{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_17{stroke-dasharray:47 49;stroke-dashoffset:48;}
.start .EByevBjo_17{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_18{stroke-dasharray:40 42;stroke-dashoffset:41;}
.start .EByevBjo_18{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_19{stroke-dasharray:45 47;stroke-dashoffset:46;}
.start .EByevBjo_19{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_20{stroke-dasharray:53 55;stroke-dashoffset:54;}
.start .EByevBjo_20{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_21{stroke-dasharray:55 57;stroke-dashoffset:56;}
.start .EByevBjo_21{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_22{stroke-dasharray:42 44;stroke-dashoffset:43;}
.start .EByevBjo_22{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_23{stroke-dasharray:51 53;stroke-dashoffset:52;}
.start .EByevBjo_23{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_24{stroke-dasharray:48 50;stroke-dashoffset:49;}
.start .EByevBjo_24{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_25{stroke-dasharray:40 42;stroke-dashoffset:41;}
.start .EByevBjo_25{animation:EByevBjo_draw 3000ms linear 0ms forwards;}
.EByevBjo_26{stroke-dasharray:47 49;stroke-dashoffset:48;}
.start .EByevBjo_26{animation:EByevBjo_draw 3000ms linear 0ms forwards;}

@keyframes EByevBjo_draw{100%{stroke-dashoffset:0;}}
@keyframes EByevBjo_fade{0%{stroke-opacity:1;}94.44444444444444%{stroke-opacity:1;}100%{stroke-opacity:0;}}



.dropdown-menu{top: 99% !important;}


.option1:after {
  display:block;
  content: '';
  border-bottom: solid 2px rgba(58,191,240,0.9);  
-webkit-transform: scaleX(0);  
-o-transform: scaleX(0);  
-ms-transform: scaleX(0);  
-moz-transform: scaleX(0);  
transform: scaleX(0);  






  transition: transform 750ms ease-in-out;
  -webkit-transition: transform 750ms ease-in-out;
  -moz-transition: transform 750ms ease-in-out;
  -o-transition: transform 750ms ease-in-out;
  -ms-transition: transform 750ms ease-in-out;
}
.option1:hover:after { 
    -webkit-transform: scaleX(0.5); 
    -o-transform: scaleX(0.5); 
    -moz-transform: scaleX(0.5); 
    -ms-transform: scaleX(0.5); 
     transform: scaleX(0.5); 




}





.option1.fromLeft:after{ 
    -webkit-transform-origin:  0% 50%;
    -o-transform-origin:  0% 50%;
    -moz-transform-origin:  0% 50%;
    -ms-transform-origin:  0% 50%;
    transform-origin:  0% 50%;



}

.bordeleft{    border-left: 1px solid rgba(255,255,255,0.8);padding: 15px 0px;height: 111px;}
.secondcol{width: 90%;}
.scrollproj{text-align: center;}
.scrolproj:hover{opacity: 0.3;}
/*------------------------------END MENU-----------------------------*/



/*--------------------------------slider----------------------*/

    .swiper-container {
        top: 101px;
        width: 100%;
        height: calc(100% - 73px);
        position: absolute;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
/*        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;*/
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.margintop{margin-top: 49%;  }
.margintopindex{margin-top: 57%;  }
.sliderscroll{position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;height: 125px;z-index: 99;cursor: pointer;}
.myscroll{display: table;margin: auto;}
.myscroll:hover{opacity: 0.5;}

@media screen and (max-width: 1400px){
/*.nav>li>a {
    padding: 25px 7px !important;
}*/
.projectname{font-size: 3.9rem;}
.imgproject{height: 30vw;position: relative;width: 80%;float: right;}
.aboutmap{position: absolute;left: 100px;top: -170px;}


}

@media screen and (max-width: 1200px){
    /*-------------------------------MENU---------------------------------*/
    .aboutmap{display: none;}
  .logotop{padding-left: 10px;}  
.boxslider{display: none;}    
    
.navbar-nav{margin-left: 0%;}
.submenu{padding-left: 0%;}
.aboutsub1{font-size: 2rem;}

.acol1{font-size: 2rem;}
.profcol2{font-size: 1.2rem;}
.profcol3{font-size: 1.2rem;}




.menu2{width:206px;}

.projectname{font-size: 3.2rem;}
.menucont{padding: 0px 10px;}
.menubox{     
         padding: 0px 26px !Important;
         margin: 10px 0px!important;
}
.menuboxlast{ 
 
       padding: 0px 6px !Important;
         margin: 10px 0px!important;

}
.aboutmap{left: 200px;top: -100px;}
.nav>li>a {
        padding: 8px 6px;

}
.profiletitle{   
    font-size: 6rem;
    line-height: 60px;} 
.secondcol{width: 97% !important;}
/*.dropdown-menu {
    margin-top: -22px !important;}*/
.aboutsub2{font-size: 1.2rem !important;width: 60%;}




.ar .menubox{padding: 0px 30px !Important;}
.ar .menuboxlast{padding: 0px 25px !Important;}

.ar .menu2 {
    width: 179px;
}


.menutitle{font-size: 1.2rem;}
.menusubtitle{font-size: 0.9rem;}

/*------------------------------END MENU-----------------------------*/
}

   
			
@media screen and (max-width: 990px){
    .menuboxsocial {
    margin: 3px !Important;
}
.ar .menubox{padding: 0px 10px !Important;}
.ar .menuboxlast{padding: 0px 10px !Important;}

.ar .menuboxsocial {
    margin: 5px 0px !important;
    padding-bottom: 10px !important; 
}

.ar .logoimg {
    margin-top: -6px;
}


    .navbar-toggle{background-color: transparent !important;}
    .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333 !important;
    
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #fff !important;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle{
    background-color: transparent !important;
}
.navbar-inverse .navbar-toggle {
    border-color: transparent !important;
}


    .aboutmap{display: none;}
    .boximages{display: none;}
        .navbar-nav>li>.dropdown-menu {display: none !important;visibility: hidden !important;}
.margintop{margin-top: 140%;}
.margintopindex{margin-top: 150%;}
 .menuboxsocial {
   padding: 0px 0px !Important;
   margin-top:4px !important;
}   
    
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{    padding-top: 10px;padding-bottom: 10px;}   
.profiletitle{   
    font-size: 5rem;
    line-height: 50px;} 
.logotitle{font-size: 1rem;	}
.logosubtitle{font-size: 1.2rem;}
.menusubtitle{display: none;}
 .navbar-nav {
    //margin-left: 5%;   
    float: none;
 }
 .ar .navbar-nav {
    //margin-left: 5%;   
    float: none;
 }
  .swiper-pagination-bullet {

    margin-left: 90% !important;
    margin-right: 4%;
}
.swiper-pagination-bullets{margin-right: 9%;}
  
  .nav>li>a {
    padding: 12px 2px !important;
}  
    
.menubox{padding: 0px 6px !Important;}
.menutitle{font-size: 1.2rem;}
.lang11{margin-top: 21px !important;}

}

@media screen and (max-width: 767px){
.mobileslider{display: block !Important;}
.screenslider{display:none !important;}
    .safaridisp{display: none;}
    .ar .projectname{float: right;}
   .projcity{padding-bottom: 20px;}
    .mob{display: block !Important;}
    .screen{display: none !important;}
.vertical-align {display: block;}
    
    .paddingright{padding-right: 0px;}
.paddingleft{padding-left: 0px;}

.ar .paddingright{padding-right: 0px;padding-left: 0px;}
.ar .paddingleft{padding-left: 0px;padding-right: 0px;}
    
    
    
   .ar .infotext1 {
    /*display: -webkit-inline-box;*/
    float: right;
    margin-bottom: 15px;
}   
    
    
   .ar .logoimg {
    margin-top: -12px;
}
 
    .maplocation{position: relative;;height: 200px;}
.ar .maplocation{position: relative;height: 200px;}
    
    
   .ar .projectname{ border-left: 0px solid #000 !important;   padding-left: 15px !important;} 
 
   
   
   .swiper-button-next{display: none !important;}  
   .swiper-button-prev {display: none !important;}  
    
    
    
    .ar .col-sm-1,.ar .col-sm-10,.ar .col-sm-11, .ar .col-sm-12, .ar .col-sm-2, .ar .col-sm-3, .ar .col-sm-4, .ar .col-sm-5, .ar .col-sm-6, .ar .col-sm-7, .ar .col-sm-8, .ar .col-sm-9 {
   float: none;
} 
    
 .ar .acol1 {
    padding-right: 0%; 
     border-right: 0px solid #1c1c1b;
    border-left: 0px solid #1c1c1b;
 }   


 .ar .profcol3 {

    padding-right: 0%; 
}
 

.ar .menubox{padding: 0px 10px !Important;}
.ar .menuboxlast{padding: 0px 10px !Important;}
.ar .menuboxsocial {
    margin: 5px 0px !important;
}
    
  
.ar .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    padding-top: 10px;
    padding-bottom: 10px;
    width:  100%;
}

.ar .navbar-header {
    float: none;
}



.ar .navbar-toggle {
  
    float: left;

}

    
    
    .ar .navbar-nav>li {
    float: none;}
   .container{padding: 13px !important;}
    .menubox {
   
    border-left: 0px solid #555554 !important;}
    
    .menuboxlast{ border-left: 0px solid #555554 !important;}
    .ar .menubox {
    border-left: 0px solid #555554 !important;
    border-right: 0px solid #555554 !important;
   
}



    .ar .menuboxlast {
    border-left: 0px solid #555554 !important;
    border-right: 0px solid #555554 !important;
   
}
    
    .projdate1{display: block;}
    .mdisp{display: block;}
    .space60_1{height:20px;}
    .textcheck{font-size: 1.4rem;}
    .subtext{width: 100%; }
    .mobilecheck{display: block;}
   .mnone{display: none;}
    .projsubtitle{width: 100%;}
    .checkprod{display: none}
    .boxinput{width: 90%;}
  .imgproject {
    height: 55vw;width: 100%;}
   .scrollproj{padding-top: -55px;margin-top: -35px;display: none;}
   .seeallproj1{padding-bottom: -55px !important;}

   
    .container{padding: 10px;}
    .leftline{display: none;}
     .swiper-pagination-bullet {

    margin-left: 88% !important;
}
.projinfo{display:-webkit-inline-box !important;padding-left: 0px;}
.space30_1{height:30px;}
  .arrow{margin-bottom: -3px;}  
.margin20{margin-bottom: 20px;}
.margint20{margin-top: 20px;}
.modelimg{margin-top: 20px;}
.projectname{border-right: 0px solid #000;}
    .navbar-nav>li>.dropdown-menu {display: none !important;visibility: hidden !important;}
    /*.menucont{padding: 0px 20px;}*/
    .boxslider{display: none;}
    .nav>li{text-align: center;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{overflow-x: hidden;}
.profcol2 span{margin-top: 10px;}
.acol1{border: 0px solid transparent;padding-right: 0%;font-size: 2rem;}

.profiletitle {
    font-size: 4rem;line-height:40px;
    margin-bottom: 10px;}
.navbar-toggle {background-color: #333 !Important;}
.profcol2 {padding-right: 20px;}
.aclo1{padding-right: 20px;}
.colpad30{padding: 0px;}

.navbar-inverse{
    background-color: #fff !important;
    border-color: #fff !important;
    z-index: 999;

}
.swiper-container {
    margin-top: -30px !important;
}

}

.ceosec{background-color: rgba(200,200,200,0.2);}

/* ADD SVG */
svg#tick0 {
     position: absolute;
     right: 37%;
     margin-right: 6%;
     top: 0;
   
     z-index: -1;
 }
svg#tick02 {
     position: absolute;
    right: 28%;
     top: 2%;
    
     z-index: -1;
 }
.leftline:hover .whiteline {
    width: 42%;
}
 .leftline:hover .whitetextCnt  {
     margin: -20px 50px;
 }

.loader {
     position: absolute;
     width: 100%;
     height: 100vh;
     background: #fff;
     z-index: 100000;
}
.loader > div {
    position: absolute;
    width: auto;
    display: inline-block;
    top: 50%;
    left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
}
.loader svg#loading {
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    /* top: 50%; */
    margin-top: 20px;
}