@import url(https://fonts.googleapis.com/css?family=Droid+Arabic+Kufi:400,700);
@import url(https://fonts.googleapis.com/css?family=Cairo:400,700,900);
@font-face {
 font-family:'num';
 font-display:auto;
 src:local(Arial);
 unicode-range:U+30-39,
 U+24
}
@font-face {
 font-family:'eng';
 src:local(Arial);
 unicode-range:U+40-5a,
 U+60-7a,
 U+3f,
 U+61f;
 font-weight:700
}
@font-face {
 font-family:'GM';
 font-display:auto;
 src:url(../fonts/ge_ss_two_medium.eot);
 src:url('../fonts/ge_ss_two_medium.eot?#iefix') format('embedded-opentype'),
 url(../fonts/ge_ss_two_medium.woff) format('woff'),
 url(../fonts/ge_ss_two_medium.ttf) format('truetype'),
 url('../fonts/ge_ss_two_medium.svg#ge_ss_twomedium') format('svg');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:'GMbold';
 font-display:auto;
 src:url(../fonts/GE_SS_Two_Bold.otf) format("opentype");
 font-weight:400;
 font-style:normal
}
body {
 letter-spacing:0;
 color:#2a2a2a;
 font:14px/1.1 'num','eng','Gm',Arial,Helvetica,sans-serif;
 font-weight:400;
 line-height:1.5;
 min-height:100vh
}
h1 {
 font-weight:400;
 font-size:1em
}
h4 {
 font-weight:700;
 color:#000;
 font-size:18px
}
* {
 box-sizing:border-box;
 margin:0;
 padding:0;
 text-decoration:none;
 border:2px;
}
.fa,
.fab,
.fal,
.far,
.fas {
 display:initial
}
.fa-facebook-square,
.fa-instagram {
 font-size:2em
}
.fa-calendar-check {
 font-size:2em
}
input:focus,
select:focus,
textarea:focus,
button:focus {
 outline:none
}
*::-webkit-scrollbar {
 width:10px
}
*::-webkit-scrollbar-track {
 background:#F8F8F8
}
*::-webkit-scrollbar-thumb {
 background:#929292
}
input[type="checkbox"] {
 visibility:hidden;
 margin-right:5px
}
input[type="radio"] {
 visibility:hidden;
 margin-right:5px
}
label {
 position:relative
}


.m-item {
font-size: 1em;
}

.lx-unchecked-box::before {
 position:absolute;
 content:"";
 display:inline-block;
 width:14px;
 height:14px;
 border:1px solid #858585
}
.lx-checked-box::before {
 position:absolute;
 content:"";
 width:14px;
 height:14px;
 border:1px solid #a9447c
}
.lx-checked-box::after {
 position:absolute;
 content:"";
 top:4px;
 left:4px;
 width:8px;
 height:8px;
 background:#a9447c
}
.lx-unchecked-radio::before {
 position:absolute;
 content:"";
 display:inline-block;
 width:14px;
 height:14px;
 border:1px solid #858585;
 border-radius:50%
}
.lx-checked-radio::before {
 position:absolute;
 content:"";
 width:14px;
 height:14px;
 border:1px solid #a9447c;
 border-radius:50%
}
.lx-checked-radio::after {
 position:absolute;
 content:"";
 top:4px;
 left:4px;
 width:8px;
 height:8px;
 background:#a9447c;
 border-radius:50%
}
.lx-clear-fix {
 clear:both
}
.lx-g1 {
 position:relative;
 width:100%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g1-f {
 position:relative;
 width:100%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g2 {
 float:right;
 position:relative;
 width:48%;
 background:white;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s;
 margin-bottom:50px;
 border: 1px solid #eee;
 margin-top:10px;
 color:#020202;
 margin:0;
 margin-bottom:30px;
}
.lx-g2-f {
 float:right;
 position:relative;
 width:50%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g3 {
 float:right;
 position:relative;
 width:33.33%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g3-f {
 float:right;
 position:relative;
 width:33.33%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g3-2 {
 float:right;
 position:relative;
 width:66.66%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g3-2-f {
 float:right;
 position:relative;
 width:66.66%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g4 {
 float:right;
 position:relative;
 width:20%;
 opacity:1;
 margin:auto;
 padding:10px
}
.lx-g4-f {
 float:right;
 position:relative;
 width:25%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g4-3 {
 float:right;
 position:relative;
 width:75%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g4-3-f {
 float:right;
 position:relative;
 width:75%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5 {
 float:right;
 position:relative;
 width:20%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-f {
 float:right;
 position:relative;
 width:20%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-2 {
 float:right;
 position:relative;
 width:40%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-2-f {
 float:right;
 position:relative;
 width:40%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-3 {
 float:right;
 position:relative;
 width:60%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-3-f {
 float:right;
 position:relative;
 width:60%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-4 {
 float:right;
 position:relative;
 width:80%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g5-4-f {
 float:right;
 position:relative;
 width:80%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g6 {
 float:right;
 position:relative;
 width:16.66%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g6-f {
 float:right;
 position:relative;
 width:16.66%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g6-5 {
 float:right;
 position:relative;
 width:83.33%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g6-5-f {
 float:right;
 position:relative;
 width:83.33%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g8 {
 float:right;
 position:relative;
 width:12.5%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g8-f {
 float:right;
 position:relative;
 width:12.5%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g8-7 {
 float:right;
 position:relative;
 width:87.5%;
 padding:15px;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
.lx-g8-7-f {
 float:right;
 position:relative;
 width:87.5%;
 opacity:1;
 -webkit-transition:all 0.8s;
 transition:all 0.8s
}
@media(max-width:768px) {
 .lx-g1 {
  width:100%;
  padding:10px
 }
 .lx-g1-f {
  width:100%
 }
 .lx-g2 {
  width:100%!important
 }
 .lx-g2-f {
  width:100%
 }
 .lx-g3 {
  width:100%;
  padding:10px
 }
 .lx-g3-f {
  width:100%
 }
 .lx-g3-2 {
  width:100%;
  padding:10px
 }
 .lx-g3-2-f {
  width:100%
 }
 .lx-g4 {
  width:50%;
  padding:5px
 }
 .lx-g4-f {
  width:100%
 }
 .lx-g4-3 {
  width:100%;
  padding:10px
 }
 .lx-g4-3-f {
  width:100%
 }
 .lx-g5 {
  width:100%;
  padding:10px
 }
 .lx-g5-f {
  width:100%
 }
 .lx-g5-2 {
  width:100%;
  padding:10px
 }
 .lx-g5-2-f {
  width:100%
 }
 .lx-g5-3 {
  width:100%;
  padding:10px
 }
 .lx-g5-3-f {
  width:100%
 }
 .lx-g5-4 {
  width:100%;
  padding:10px
 }
 .lx-g5-4-f {
  width:100%
 }
 .lx-g6 {
  width:100%;
  padding:10px
 }
 .lx-g6-f {
  width:100%
 }
 .lx-g6-5 {
  width:100%;
  padding:10px
 }
 .lx-g6-5-f {
  width:100%
 }
 .lx-g8 {
  width:100%;
  padding:10px
 }
 .lx-g8-f {
  width:100%
 }
 .lx-g8-7 {
  width:100%;
  padding:10px
 }
 .lx-g8-7-f {
  width:100%
 }
}
.xc-white-font {
 color:#fff
}
.xc-blue-bg {
 background-color:#24272d;
}
.m-auto {
 margin:0 auto
}
.footer-wrapper {
 float:left;
 width:100%
}
.xc-dark-blue-bg {
 background-color:#24272d;
}
.pad15-b {
 padding-bottom:15px!important;
 padding:15px;
 margin:15px;
 text-align:center;
 color:#e3e3e3;
}
.pad15-t {
 padding-top:15px!important;
 font-size:.9em
}
.pad10-b {
 padding-bottom:10px;
 font-size:.9em;
 border:2px dashed #0273c6;
 background:#6f9fc3;
 margin:15px;
 color:#000;
 border-bottom-left-radius:30px;
 border-top-right-radius:30px
}
.pad10-t {
 padding-top:10px
}
.container {
 margin-right:auto;
 margin-left:auto;
 padding-left:10px;
 padding-right:15px;
 width:50%
}
.row {
 margin-left:-15px;
 margin-right:-15px
}
.xc-white-font {
 /*! color:#c6dfff; */
}
.col-xs-12 {
 width:100%;
 position:relative;
 padding-left:15px;
 padding-right:15px;
 padding-top:20px;
 padding-bottom:10px;
 padding-top:20px!important;
 margin-top:0
}
.text-center {
 text-align:center;
 margin:40px 0 10px;
 direction:ltr;
 font-size:.8em;
 display:block;
 float:right;
 width:100%;
 color:rgb(195,195,195)
}
.mar30-b {
 margin-bottom:2px
}
.mar30-t {
 margin-top:2px
}
.col-lg-3 {
 width:25%;
 float:right
}
.col-xs-6,
.col-sm-3,
.col-md-3,
.col-lg-3 {
 position:relative;
 min-height:1px;
 padding-left:15px;
 padding-right:20px
}
.h4,
h4 {
 font-size:1.1em;
 margin-top:20px;
 margin-bottom:8px;
 line-height:1.5;
}
.list-unstyled {
 padding-left:0;
 padding-right:0;
 font-size:0.9em;
}
.footer-link-list li {
 line-height:1.5;
 font-size:1em;
 list-style-type:none;
 font-family: 'Cairo',sans-serif;
 font-weight: normal;
 /*! display: inline-block; */
}
h.footer-link-list li a {
 color:#daebff;
 padding:initial;
 text-align:right;
 display:block;
 font-weight: normal;
}
.footer-link-list li:hover a {
 padding-right:1px;
 transition:all .2s ease-in-out;
 color:#f00
}
a {
 background-color:#0000;
 color:white
}
.list-inline {
 padding-left:0;
 list-style:none;
 margin-left:-5px
}
.col-xs-6 {
 width:25%;
 text-align:center;
 margin-bottom:10px;
 text-align:right;
 display:block
}
*,
::after,
::before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.lx-purchase-btns {
 margin:2px;
 margin-top:0;
 color:#484848 !important;
 margin-top:10px;
 border-top:1px solid #ddd;
 margin-top:10px;
 padding-top:10px!important;
 font-family: 'Cairo',sans-serif;
}
.key_features_pdp *,
::after,
::before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.discription {
 margin:0 10px;
 color:#000!important;
 margin-bottom:5px;
 display:block;
 font-weight:700;
 line-height:1.3;
 font-size:1.2em;
 font: 13px/1.1 'num','eng','Gm',Arial,Helvetica,sans-serif;
}
.key_features_pdp {
 margin:0 17px;
 color:#252525!important;
 font-weight:400;
 font-size:1.1em;
 margin-bottom:10px;
 display:block
}
.contact1 {
 color:blue;
 width:50%;
 float:right
}
.contact2 {
 color:red;
 width:50%;
 float:left
}
.page-banner {
 margin-bottom:5px;
 margin-top:10px
}
.col-md-12 img {
 //width:calc(100%);
 //margin-right:auto;
 //margin-left:auto
}
.top-container {
 width:100%;
 font-family:'GM','Droid Arabic Kufi';
 font-weight:400
}
.top-container>.breadcrumbs {
 padding-top:9px;
 padding-bottom:0;
 font-size:13px;
 line-height:1;
 color:#333;
 background-color:transparent
}
.top-container>.breadcrumbs li a {
 vertical-align:middle;
 font-weight:700;
 color:#2e6da4;
 padding-left:0;
 font-weight:400
}
.cms-page-view .top-container>.breadcrumbs {
 text-align:right
}
.col-sm-12 {
 width:100%;
 float:right;
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px;
 padding-right:0
}
.first-row h2.filter-title {
 margin-top:5px
}
h2.filter-title {
 background:none;
 text-transform:initial;
 color:#0f6ab2;
 font-size:20px;
 line-height:1;
 margin-top:30px;
 padding-bottom:5px;
 margin-bottom:0;
 border-bottom:none;
 padding-right:0;
 text-align:right
}
h2.filter-title .content {
 background-color:transparent;
 padding-left:20px;
 display:inline-block;
 vertical-align:bottom;
 line-height:1.5
}
h2.filter-title .content strong {
 line-height:1;
 font-weight:400;
 font-family:'Gm',Arial,Helvetica,sans-serif;
 font-size:.8em
}
p {
 margin:0 0 5px;
 line-height: 1.5;
}
.main-container .container .row:last-child {
 margin-bottom:0
}
h5 {
 font-size:1.1em;
 text-transform:uppercase;
 color:#0f6ab2;
 padding-bottom:5px;
 line-height:1.4;
 font-weight:400;
 font-family:'Gm',Arial,Helvetica,sans-serif;
 padding-top:15px
}
.col-sm-6 {
 width:50%;
 float:right;
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px;
 padding-bottom:10px;
 font-size:.9em
}
.col-sm-12 {
 padding-right:0;
 float:right;
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px;
 font-weight:400;
 color:#5c5c5c
}
.strongplus {
 text-align:center;
 background:#24272d;
 color:#e5e5e5;
 width:30%;
 margin:auto;
 border-top-left-radius:20px;
 border-top-right-radius:20px;
 padding:10px
}
.breadcrumbs li a {
 display:inline;
 vertical-align:top
}
@media (max-width:767px) {
 .strongplus {
  width:100%;
  padding:5px;
  color: #eee;
 }
  
  .list-unstyled {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.9em;
    width: 140%;
}
  
}
.gif-bannar {
 padding:0 15px;
 position:relative;
 min-height:1px;
 max-width:100%;
 display:inline-flex
}
img.center {
 display:block;
 margin-left:auto;
 margin-right:auto;
 max-width:100%
}
.img-ajuster {
 width:calc(100%);
 margin-right:auto;
 margin-left:auto
}
.img-ajuster-star {
 width:calc(35%);
}
@media(max-width:768px) {
 .img-ajuster-star {
  width:calc(55%)
 }
}
<!-- Demo styles swiper -->html,
body {
 position:relative;
 height:100%
}
@media (max-width:767px) {
 .swiper-slide {
  height:50%
 }
}
.swiper-container {
 padding:2px!important
}
.swiper-slide {
 text-align:center;
 font-size:18px;
 background:#fff;
 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
}