.wrapper {
	max-width: 678px;
	margin: auto
}

pre {
	border-left: .3rem solid #4039ff
}

body {
	background: #f2f2f2
}

.push_left {
	margin-left: 6px
}

.push_right {
	margin-right: 6px
}

code,
xmp {
	white-space: normal!important
}

textarea {
	margin-bottom: 0;
	min-height: 200px;
	line-height: 1
}


.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 100% !important;
}


.close {
	opacity: 100%;
	width: 20px;
	height: 21px;
	bottom: -14px;
	position: relative;
	display: inline-block;
	vertical-align: text-bottom;
	text-align: center;
	cursor: pointer
}

.close:before,
.close:after {
	position: absolute;
	left: -12px;
	content: ' ';
	height: 30px;
	width: 3px;
	background-color: #fff
}

.close:before {
	transform: rotate(45deg)
}

.close:after {
	transform: rotate(-45deg)
}

.card {
	margin: 20px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}

.card_title,
.title,
.pushbar {
	background: #fff;
	color: #fff
}

.card_title,
.title {
	padding: 15px 20px;
	font-weight: 700;
	background: #b9e1d8;
	border-bottom: 2px solid #244ba8;
}

.card_title {
	border-radius: 4px 4px 0 0
}

.card_content {
	padding: 15px
}

.pushbar {

}

.nav-button{
	background: #fff;
	display: none;
}



.small {
	font-size: 14px;
	font-weight: 400
}

/*.menu li {
	list-style: none;
	padding:0px 0px;
	border-top: 1px solid #244ba8;
    display: block;
    /* margin: 0; */
    /*margin-left: -40px;
	color: rgba(255, 255, 255, .65)*/
/*}*/
.menu li {
    list-style: none;
    padding: 0px 0px;
    /* border-top: 1px solid #244ba8; */
    display: block;
    /* margin: 0; */
    /* margin-left: -40px; */
    color: #fff;
    /* background: #fff; */
}
.abt-btn{
	font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
    color: #fff !important;
    border-radius: 6px;
    background: #ff6955;
    transition: opacity .2s;
    padding: 6px 10px;
    border-radius: 25px;
    min-width: 145px;
  /*  margin: 10px 15px;*/
    height: 34px;
    line-height: 0px;
    border: 1px solid #ff6955;
}
.ser-link{
	padding:0;
}


}
.menu li a{
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    font-weight: 500;
    text-decoration: none !important;
   
}
.menu .hom{
color: #fff !important;
overflow-x: hidden;
}
/*.menu li a:hover {
    color: #fff !important;
}*/
ul li .active  {
    color: #ffbb00;
    text-decoration: none !important;
   
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
	background-color: #4039ff;
	border: .1rem solid #4039ff
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background: none;
    color: #ffbb00;
    border-radius: 0px;
    border: none;
}
@media screen and (max-width: 1024px) {
 .nav-button {
  background: no-repeat;
    display: block;
    padding: 5px;
    margin: 0px;
    line-height: 19px;
    border-radius: 0px;
    position: fixed;
    top: 25px;
    right: 9px;
    border: none;
}
header ul.home-nav{
	display: none;
}

  .dropdown-item {
      display: block;
      width: 100%;
      padding: 0px 10px;
      clear: both;
      font-weight: 400;
      text-align: inherit;
      white-space: nowrap;

      border: 0;
      /* margin: 0; */
      /* padding: 0 9px; */
      margin-bottom: 10px;
      /* padding-bottom: 10px; */
      height: 18px;
  }
  .dropdown-item:hover {
      display: block;
      width: 100%;
      padding: 0px 10px;
      clear: both;
      font-weight: 400;
      border: 0;
      /* margin: 0; */
      /* padding: 0 9px; */
      margin-bottom: 10px;
      /* padding-bottom: 10px; */
      height: 18px;
  }
  .mob-men a {
      color: #244ba8 !important;

  }
  .mob-men a:hover {
      color: #244ba8 !important;
       background-color: transparent;
  }
  .mob-men a:focus{
      color: #244ba8 !important;
       background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
 .nav-button {
  background: no-repeat;
    display: block;
    padding: 5px;
    margin: 0px;
    line-height: 19px;
    border-radius: 0px;
    position: fixed;
    top: 25px;
    right: 9px;
    border: none;
}

  header ul.home-nav {
     display: inline-flex; 
  }
  .nav-link {
    display: block;
    padding: .5rem 5px;
}
}
@media screen and (max-width: 1024px) and (orientation : landscape){
  .inner-banner {
    height: 55vh;
}
}
@media screen and (max-width: 1024px) and (orientation : portrait) {
  .inner-banner {
    height: 39vh;
}
}
@media screen and (max-width: 991px) {
  header ul.home-nav{
    display: none;
  }

}
@media(min-width:1388px) and (max-width:2000px){
  .intro:after {
      content: "";
      position: absolute;
      z-index: 50;
      bottom: -80px;
      left: 0;
      width: 100%;
      height: 8vw;
      background-image: url(assets/images/subtract3.svg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }
}
@media only screen and (max-device-width: 1300px) and (min-device-width: 1024px){
header ul li a {
    color: #fff !important;
    font-family: 'poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    
}
/*header .abt-btn {
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
    color: #fff !important;
    border-radius: 6px;
    background: #ff6955;
    transition: opacity .2s;
    padding: 8px 11px;
    border-radius: 25px;
    min-width: 126px;
    margin: 10px 15px;
    height: 30px;
    line-height: 13px;
    border: 1px solid #ff6955;
}*/

.nav-link {
    display: block;
    padding: 5px 10px;
}

}

@media (max-width: 768px)  and (orientation : landscape) {
header ul li a {
    color: #363636 !important;
    font-family: 'poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;

}
    .inner-banner {
    height: 50vh;
}
header.fixed .open-men{
  margin-right: 20px !important;
    margin-bottom: 0 !important;
    margin-top: -2px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

.close {
    bottom: 0px !important;
}
}
@media (max-width: 768px) and (orientation : portrait) {
header ul li a {
    color: #363636 !important;
    font-family: 'poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;

}
    .inner-banner {
    height: 38vh;
}
/*.mob-head-log{
	max-width: 90% !important;
    margin-left: -82px !important;

}*/
header.fixed .open-men{
	margin-right: 20px !important;
    margin-bottom: 0 !important;
    margin-top: -2px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

.close {
    bottom: 0px !important;
}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
/*.mob-head-log{

max-width: 60% !important;
margin-left: -130px !important;
}*/
header.fixed .open-men{
	margin-right: 30px !important; 
	margin-bottom: -20px !important;
	margin-top: 0px !important;
	-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

.close {
    bottom: -22px !important;
}
}
@media(min-width:310px) and (max-width:322px){
  
         .pushbar.from_top .dropdown-menu {
             position: absolute;
             transform: translate3d(5px, -196px, 0px);
             top: 235px !important;
             left: -5px !important;
         }
         .pushbar.from_top .dropdown-menu:lang(ar) {
             position: absolute;
             transform: translate3d(5px, -196px, 0px);
             top: 262px !important;
           }
         .pushbar .menu{
          line-height: 48px !important;
         }
         .social-wrap {
             position: fixed;
             top: 84%;
         }


     }

     @media(min-width:330px) and (max-width:404px){
  
         .pushbar.from_top .dropdown-menu {
           position: absolute;
           transform: translate3d(5px, -196px, 0px);
           top: 298px !important;
           left: -5px !important;}
     }
     .pushbar.from_top .dropdown-menu:lang(ar) {
         position: absolute;
         transform: translate3d(5px, -196px, 0px);
         top: 0px !important;
         left: -20px !important;
         height: 200px;
         direction: ltr;
         width: 100%;
         overflow-y: scroll;
         overflow-x:hidden;
        padding: 2px 10px;
     }
     .social-wrap{
      top: 65%;
     }
   }
 @media(min-width:404px) and (max-width:768px){

        
         .pushbar.from_top .dropdown-menu:lang(ar) {
             position: absolute;
             transform: translate3d(5px, -196px, 0px);
             top: 0px !important;
             left: -20px !important;
             height: 260px;
             direction: ltr;
             width: 100%;
             overflow-y: scroll;
             overflow-x:hidden;
            padding: 2px 10px;
         }
        .social-wrap{
         top: 86%;
        }

     } 

     @media(min-width:768px) and (max-width:1024px){

         .pushbar.from_top .dropdown-menu {
             position: absolute;
             transform: translate3d(5px, -196px, 0px);
             top: 348px !important;
             left: -5px !important;
         }
         .pushbar.from_top .dropdown-menu:lang(ar) {
             position: absolute;
             transform: translate3d(5px, -196px, 0px);
             top: 338px !important;
             left: -5px !important;
             height: 300px;
             overflow-y: scroll;
         }
         .social-wrap{
          top: 85%;
         }
       }
     
      @media(max-width: 1024px){ 
        .header-top {
          background-color: #00843D;
          margin-bottom: -4px;
      }
      .country-selector.weglot-dropdown a{
          display: block;
          height: 36px !important;
      }
      .country-selector:lang(ar) {
          background-color: transparent !important;
          margin-left: 5px !important;
      }
      .golt{
        display: none;
        
      }
      .pushbar.from_top .dropdown-menu:lang(ar) {
          position: absolute;
          transform: translate3d(5px, -196px, 0px);
          top: -19px !important;
          left: -5px !important;
          height: 300px;
          overflow-y: scroll;
      }
     .contact-us .wpcf7-captchar{
      width: 90%;
     }
    }
      @media screen and (max-width: 1024px) {
      .menu .hom {
          
          border: 0;
      }
      .country-selector.weglot-dropdown ul{
        border:0;
      }
      .country-selector.weglot-dropdown a {
        background-color: #244ba8 !important;
      }
      .country-selector.weglot-dropdown span{
        background-color: transparent !important;
      }
      
      .pushbar.from_top {
          top: 0;
          direction: ltr;
        }
     .menu .weg{
        overflow-x:initial !important; 
      }
      .country-selector{
        background-color: transparent !important;
         margin-left: -11px;
      }
       .country-selector:lang(ar) {
        background-color: transparent !important;
         margin-left: -21px !important;
      }
      .social-wrap {
          position: fixed;
          top: 85%;
        }
    /*  .ar-onl:lang(en){
        display:none !important;
      }
      .eng-onl:lang(ar){
         display:none !important;
      }*/
      /*.ar-onl:lang(ar){
       display: inherit;
      }*/
      .country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span {
        display: block;
        height: 26px;
      }
      header {
    
        direction: ltr;
      }
     }
/*# sourceMappingURL=main.css.map test */

iframe#launcher {
    height: 120px !important;
}