body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #4F4F4F;
   text-decoration: none;
}
a:hover
{
   color: #4F4F4F;
   text-decoration: none;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid6 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid6 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid6 > .row > .col-1
{
   float: left;
}
#LayoutGrid6 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid6:before,
#LayoutGrid6:after,
#LayoutGrid6 .row:before,
#LayoutGrid6 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid6:after,
#LayoutGrid6 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid6 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#LayoutGrid4 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#Layer17
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#YouTube5
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_LayoutGrid1
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid1 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 0 50px;
}
#LayoutGrid1 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#LayoutGrid1 > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 25px 0 0;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#LayoutGrid1-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 5px;
}
#LayoutGrid1-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid1-divider-bottom .divider-fill
{
   fill: #DCDCDC;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_Image25
{
   margin: 0;
   vertical-align: top;
}
#Image25
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 422px;
   height: 122px;
   vertical-align: top;
}
#wb_headerMenu
{
   border: 0px solid #C0C0C0;
   background-color: transparent;
   margin: 0;
   text-align: left;
   z-index: 1111 !important;
}
#wb_headerMenu ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
}
#wb_headerMenu li
{
   float: left;
   margin: 0;
   padding: 8px 20px 8px 0px;
}
#wb_headerMenu a
{
   display: block;
   float: left;
   color: #2A1711;
   border: 1px solid rgba(255,255,255,0.00);
   background-color: transparent;
   background-image: none;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 17px;
   font-style: normal;
   text-decoration: none;
   height: 26px;
   line-height: 26px;
   padding: 0px 10px 0px 10px;
   vertical-align: middle;
   text-align: center;
}
#wb_headerMenu li:hover a, #wb_headerMenu a:hover
{
   color: #4F4F4F;
   border: 1px solid #4F4F4F;
   background-color: transparent;
   background-image: none;
}
#wb_headerMenu li.firstmain
{
   padding-left: 8px;
}
#wb_headerMenu li.lastmain
{
   padding-right: 8px;
}
#wb_headerMenu li:hover, #wb_headerMenu li a:hover
{
   position: relative;
}
#wb_headerMenu a.withsubmenu
{
   padding: 0 15px 0 15px;
   background-image: none;
}
#wb_headerMenu li:hover a.withsubmenu, #wb_headerMenu a.withsubmenu:hover
{
   background-image: none;
}
#wb_headerMenu ul ul
{
   position: absolute;
   z-index: 9999;
   left: 0;
   top: 0;
   visibility: hidden;
   width: 127px;
   height: auto;
   border: none;
   background-color: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}
#wb_headerMenu ul :hover ul
{
   left: 1px;
   top: 44px;
   padding-top: 0px;
   visibility: visible;
}
#wb_headerMenu .firstmain:hover ul
{
   left: 9px;
}
#wb_headerMenu li li
{
   width: 125px;
   padding: 0 0px 0px 0px;
   border: 1px #C0C0C0 solid;
   border-width: 0 1px;
}
#wb_headerMenu li li.firstitem
{
   border-top: 1px #C0C0C0 solid;
}
#wb_headerMenu li li.lastitem
{
   border-bottom: 1px #C0C0C0 solid;
}
#wb_headerMenu ul ul a, #wb_headerMenu ul :hover ul a
{
   float: none;
   margin: 0;
   width: 100px;
   height: auto;
   white-space: normal;
   padding: 10px 15px 9px 10px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   color: #2A1711;
   font-family: Tajawal;
   font-weight: normal;
   font-size: 9.3px;
   font-style: normal;
   line-height: 9.3px;
   text-align: center;
   text-decoration: none;
}
#wb_headerMenu ul :hover ul .firstitem a
{
   margin-top: 0px;
}
#wb_headerMenu ul ul :hover a, #wb_headerMenu ul ul a:hover, #wb_headerMenu ul ul :hover ul :hover a, #wb_headerMenu ul ul :hover ul a:hover
{
   background-color: #4F4F4F;
   background-image: none;
   border: 0px solid #4F4F4F;
   color: #FFFFFF;
}
#wb_headerMenu br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#headerMenu li i
{
   font-size: 17px;
   margin-right: 4px;
   width: 19px;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Layer7
{
   background-color: rgba(255,255,255,0.71);
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#YouTube1
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer2
{
   background-color: #3C3C3C;
   background-image: none;
   border-radius: 0px;
}
#wb_Text28 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text28 div
{
   text-align: left;
}
#wb_IconFont1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont1
{
   height: 55px;
   width: 28px;
}
#IconFont1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont1:hover i
{
   color: #D3D3D3;
}
#wb_IconFont10
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont10
{
   height: 55px;
   width: 28px;
}
#IconFont10 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont10:hover i
{
   color: #D3D3D3;
}
#wb_IconFont11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont11
{
   height: 55px;
   width: 28px;
}
#IconFont11 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont11:hover i
{
   color: #D3D3D3;
}
#wb_IconFont12
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont12
{
   height: 55px;
   width: 28px;
}
#IconFont12 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont12:hover i
{
   color: #D3D3D3;
}
#wb_IconFont13
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont13
{
   height: 55px;
   width: 28px;
}
#IconFont13 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont13:hover i
{
   color: #C0C0C0;
}
#wb_IconFont14
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont14
{
   height: 55px;
   width: 28px;
}
#IconFont14 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont14:hover i
{
   color: #D3D3D3;
}
#wb_IconFont15
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont15
{
   height: 55px;
   width: 28px;
}
#IconFont15 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont15:hover i
{
   color: #C0C0C0;
}
#wb_Text29 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text29 div
{
   text-align: left;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_IconFont16
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont16
{
   height: 55px;
   width: 28px;
}
#IconFont16 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont16:hover i
{
   color: #D3D3D3;
}
#wb_Text71 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text71 div
{
   text-align: left;
}
#shapeWelcome{
   opacity: 0;
}
#shapeWelcome_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.43%;
   top: 1.61%;
   width: 99.15%;
   height: 96.77%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5 div
{
   text-align: center;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#Layer3
{
   background-color: rgba(255,255,255,0.91);
   background-image: none;
   border-radius: 0px;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape9
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7 div
{
   text-align: center;
}
#Shape12
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text9 div
{
   text-align: right;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text8
{
   color: #4F4F4F;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 16px;
   line-height: 43px;
}
#wb_Text8 p, #wb_Text8 ul
{
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   vertical-align: top;
}
#Image20
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_caseStudiesCarousel
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#caseStudiesCarousel .frame
{
   width: 728px;
   display: inline-block;
   float: left;
   height: 614px;
}
#wb_caseStudiesCarousel .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   z-index: 998;
}
#wb_caseStudiesCarousel .pagination a
{
   display: inline-block;
   margin: 12px 12px 12px 12px;
   width: 9px;
   height: 9px;
   cursor: pointer;
   text-indent: -999px;
   border-radius: 50%;
   background-color: #000000;
   -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
   transition: transform 0.3s ease, background-color 0.3s ease;
}
#wb_caseStudiesCarousel .pagination a.active
{
   background-color: #000000;
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
}
#wb_caseStudiesCarousel .pagination a:hover
{
   background-color: #000000;
}
#caseStudiesCarousel .frame-1
{
   background-color: transparent;
   background-image: url('images/yemen 03.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: 100% 100%;
}
#caseStudiesCarousel .frame-2
{
   background-color: transparent;
   background-image: url('images/yemen.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
#caseStudiesCarousel .frame-3
{
   background-color: transparent;
   background-image: url('images/yemen 02.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
#caseStudiesCarousel .frame-4
{
   background-color: transparent;
   background-image: url('images/yemen 01.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
#wb_caseStudiesCard1
{
   margin: 0;
   background-color: #000000;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#caseStudiesCard1-card-body
{
   padding: 0;
   font-size: 0;
}
#caseStudiesCard1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 10px 0 ;
   padding: 0;
   border: 2px solid #FAB915;
   border-radius: 50%;
   max-width: 144px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 144px;
}
#caseStudiesCard1-card-item1
{
   box-sizing: border-box;
   margin: 30px 50px 30px 50px;
   padding: 0;
   color: #999999;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 16px;
}
#caseStudiesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 10px 30px;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#caseStudiesCard1-card-item3
{
   box-sizing: border-box;
   margin: 0 30px 30px 30px;
   padding: 0;
   color: #7F7F7F;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 12px;
}
#caseStudiesCard1-card-item4
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item4 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item5
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item5 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item6
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item6 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item7
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item7 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item8
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item8 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#wb_caseStudiesCard2
{
   margin: 0;
   background-color: #000000;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#caseStudiesCard2-card-body
{
   padding: 0;
   font-size: 0;
}
#caseStudiesCard2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 10px 0 ;
   padding: 0;
   border: 2px solid #FAB915;
   border-radius: 50%;
   max-width: 144px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 144px;
}
#caseStudiesCard2-card-item1
{
   box-sizing: border-box;
   margin: 30px 50px 30px 50px;
   padding: 0;
   color: #999999;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 16px;
}
#caseStudiesCard2-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 10px 30px;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#caseStudiesCard2-card-item3
{
   box-sizing: border-box;
   margin: 0 30px 30px 30px;
   padding: 0;
   color: #7F7F7F;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 12px;
}
#caseStudiesCard2-card-item4
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item4 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item5
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item5 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item6
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item6 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item7
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item7 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item8
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item8 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#wb_Image21
{
   vertical-align: top;
}
#Image21
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image23
{
   vertical-align: top;
}
#Image23
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer16
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image24
{
   vertical-align: top;
}
#Image24
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image37
{
   vertical-align: top;
}
#Image37
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image38
{
   vertical-align: top;
}
#Image38
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image39
{
   vertical-align: top;
}
#Image39
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image40
{
   vertical-align: top;
}
#Image40
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image42
{
   vertical-align: top;
}
#Image42
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image41
{
   vertical-align: top;
}
#Image41
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text15 div
{
   text-align: center;
}
#Layer15
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#Shape8
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2
{
   float: left;
}
#LayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid3 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid3:before,
#LayoutGrid3:after,
#LayoutGrid3 .row:before,
#LayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid3:after,
#LayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_Text18 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text18 div
{
   text-align: center;
}
#contactEmail
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 34px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
}
#contactEmail:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#contactName
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 34px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
}
#contactName:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#contactButton
{
   box-sizing: border-box;
   line-height: 39px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #1ABC9C;
   border-radius: 16px;
   background-color: #58514F;
   background-image: none;
   color: #FFFFFF;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 16px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 10px 0 40px 0 ;
}
#contactMessage
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
   overflow: auto;
   resize: none;
}
#contactMessage:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#wb_Text19 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text19 div
{
   text-align: center;
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text20 div
{
   text-align: center;
}
#wb_Image44
{
   vertical-align: top;
}
#Image44
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text21 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text21 div
{
   text-align: center;
}
#wb_IconFont22
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont22
{
   height: 55px;
   width: 28px;
}
#IconFont22 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont22:hover i
{
   color: #4F4F4F;
}
#wb_IconFont21
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont21
{
   height: 55px;
   width: 28px;
}
#IconFont21 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont21:hover i
{
   color: #4F4F4F;
}
#wb_IconFont20
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont20
{
   height: 55px;
   width: 28px;
}
#IconFont20 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont20:hover i
{
   color: #4F4F4F;
}
#wb_IconFont19
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont19
{
   height: 55px;
   width: 28px;
}
#IconFont19 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont19:hover i
{
   color: #4F4F4F;
}
#wb_IconFont18
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont18
{
   height: 55px;
   width: 28px;
}
#IconFont18 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont18:hover i
{
   color: #4F4F4F;
}
#wb_Image46
{
   vertical-align: top;
}
#Image46
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_IconFont23
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont23
{
   height: 55px;
   width: 28px;
}
#IconFont23 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont23:hover i
{
   color: #4F4F4F;
}
#wb_Text22 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text22 div
{
   text-align: left;
}
#wb_IconFont24
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont24
{
   height: 55px;
   width: 28px;
}
#IconFont24 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont24:hover i
{
   color: #4F4F4F;
}
#wb_Text23 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text23 div
{
   text-align: left;
}
#wb_Image47
{
   vertical-align: top;
}
#Image47
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image48
{
   vertical-align: top;
}
#Image48
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer14
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#wb_Image16
{
   vertical-align: top;
}
#Image16
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image18
{
   vertical-align: top;
}
#Image18
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image19
{
   vertical-align: top;
}
#Image19
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_IconFont47
{
   background-color: transparent;
   background-image: none;
   border: 1px solid #4F4F4F;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
}
#IconFont47
{
   height: 33px;
   width: 34px;
}
#IconFont47 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 33px;
   line-height: 33px;
   vertical-align: middle;
   width: 32px;
}
#IconFont47:hover i
{
   color: #4F4F4F;
}
#Layer1
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#YouTube2
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#YouTube3
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#YouTube4
{
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#wb_LayoutGrid5
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#LayoutGrid5 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#LayoutGrid5-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 50px;
}
#LayoutGrid5-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid5-divider-bottom .divider-fill
{
   fill: #DCDCDC;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_Image51
{
   margin: 0;
   vertical-align: top;
}
#Image51
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 0 10px 0;
   display: inline-block;
   width: 156px;
   height: 82px;
   vertical-align: top;
}
#Shape25
{
   border-width: 0;
   vertical-align: top;
}
#wb_OverlayMenu2
{
   position: relative;
}
#OverlayMenu2
{
   background-color: #F5DEB3;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
}
#OverlayMenu2:hover
{
   background-color: #F5DEB3;
   background-image: none;
   border-color: #FFFFFF;
}
#OverlayMenu2
{
   display: block;
   width: 31px;
   height: 20px;
   position: relative;
   overflow: hidden;
}
#OverlayMenu2 .line
{
   width: 20px;
   height: 4px;
   position: relative;
   top: -3px;
   background: #2B1A11;
   display: block;
   margin: 4px auto;
}
#OverlayMenu2-close
{
   background: transparent;
   font-size: 10px;
   height: 2.8em; 
   outline: none;
   position: absolute;
   right: 10px;
   text-align: left;
   top: 10px;
   width: 3em; 
}
#OverlayMenu2-close:before, #OverlayMenu2-close:after
{
   background: #4F4F4F;
   content: "";
   display: block;
   height: 0.6em;
   left: 0;
   opacity: 1;
   position: absolute;
   top: 0;
   width: 100%;
}
#OverlayMenu2-close span
{
   background: #4F4F4F;
   height: 0.6em;
   margin-top: -0.3em;
   position: absolute;
   top: 50%;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   width: 100%;
}
#OverlayMenu2-close span::after
{
   background: #4F4F4F;
   content: "";
   display: block;
   height: 0.6em;
   position: absolute;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   width: 100%;
}
#OverlayMenu2-close:before
{
   margin-top: -0.3em;
   opacity: 0;
   top: 50%;
}
#OverlayMenu2-close:after
{
   bottom: 50%;
   opacity: 0;
}
#OverlayMenu2-close span
{
   background: #4F4F4F;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
#OverlayMenu2-close span:after
{
   background: #4F4F4F;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
}
#OverlayMenu2-overlay
{
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   left: 0;
   overflow-y: auto;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: -1;
   background-color: rgba(255,255,255,0.87);
}
#OverlayMenu2-overlay ul
{
   font-family: Tajawal;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   list-style: none;
   margin: 0;
   padding: 0;
}
.OverlayMenu2
{
   height: 60%;
   width: 100%;
   max-width: 352px;
   margin: 0 auto 0 auto;
}
.OverlayMenu2 a
{
   text-decoration: none;
}
.OverlayMenu2 ul
{
   list-style: none;
   padding: 0;
   text-align: center;
}
.OverlayMenu2 li 
{
   position: relative;
}
.OverlayMenu2 li a 
{
   display: block;
   position: relative;
   padding: 10px 15px 10px 15px;
   color: #4F4F4F;
   outline: none;
}
.OverlayMenu2 li a:hover
{
   color: #4F4F4F;
   background-color: #FFFFFF;
}
#OverlayMenu2-overlay
{
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 400ms, visibility 0s 400ms;
   transition: opacity 400ms, visibility 0s 400ms;
}
#OverlayMenu2-overlay.show
{
   opacity: 1;
   visibility: visible;
   -webkit-transition: opacity 400ms;
   transition: opacity 400ms;
}
#OverlayMenu2-overlay ul li a
{
   opacity: 0;
   transform: translateX(100px) translateZ(-1000px);
   transition: transform 400ms, opacity 400ms;
}
#OverlayMenu2-overlay.show ul li a
{
   opacity: 1;
   transform: translateX(0) translateZ(0);
}
#OverlayMenu2-overlay.show ul li:nth-child(2) a
{
   transition-delay: 50ms;
}
#OverlayMenu2-overlay.show ul li:nth-child(3) a
{
   transition-delay: 100ms;
}
#OverlayMenu2-overlay.show ul li:nth-child(4) a
{
   transition-delay: 150ms;
}
#OverlayMenu2-overlay.show ul li:nth-child(5) a
{
   transition-delay: 200ms;
}
#OverlayMenu2-overlay.show ul li:nth-child(6) a
{
   transition-delay: 250ms;
}
.OverlayMenu2 li.drilldown-back > a 
{
   padding-left: 40px;
   background: rgba(0,0,0,0.1);
}
.OverlayMenu2 li.drilldown-back > a:hover
{
   background-color: #FFFFFF;
}
.OverlayMenu2 li.drilldown-back:after,
.OverlayMenu2 li > a:not(:only-child):after
{
   position: absolute;
   top: 15px;
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 9px;
   border-left: 9px solid #4F4F4F;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-right: 0 dotted;
   content: " ";
}
.OverlayMenu2 li.drilldown-back:after
{
   left: 9px;
   color: #4F4F4F;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.OverlayMenu2 li.drilldown-back:hover:after,
.OverlayMenu2 li > a:not(:only-child):hover:after
{
   border-left-color: #4F4F4F;
}
.OverlayMenu2 li > a:after
{
   color: rgba(0,0,0,0.15);
   right: 10px;
}
.OverlayMenu2 .drilldown-menu 
{
   margin: 0;
   width: 100%;
}
.OverlayMenu2 li .drilldown-submenu 
{
   display: none;
}
.drilldown-menu.drilldown-subview li,
.drilldown-menu.drilldown-subview li.drilldown-subviewopen > a,
.drilldown-menu.drilldown-subview li.drilldown-subview > a 
{
   display: none;
}
.drilldown-menu.drilldown-subview li.drilldown-subview,
.drilldown-menu.drilldown-subview li.drilldown-subview .drilldown-submenu,
.drilldown-menu.drilldown-subview li.drilldown-subviewopen,
.drilldown-menu.drilldown-subview li.drilldown-subviewopen > .drilldown-submenu,
.drilldown-menu.drilldown-subview li.drilldown-subviewopen > .drilldown-submenu > li 
{
   display: block;
}
.OverlayMenu2 > .drilldown-submenu 
{
   left: 0;
   margin: 0;
   position: absolute;
   top: 50px;
   width: 100%;
}
#OverlayMenu2-overlay .overlay-icon
{
   margin: 0 10px 0 0 ;
}
#OverlayMenu2-social
{
   padding: 40px 0 0 0;
}
#OverlayMenu2-social .social-icon 
{
   border-radius: 50%;
   background-color: #4F4F4F;
   color: #FFFFFF;
   display: inline-block;
   font-size: 19px;
   margin: 0 .5em;
   padding: 7px;
   -webkit-transition: all .2s linear 0s;
   transition: all .2s linear 0s;
   width: 19px;
}
#OverlayMenu2-social .social-icon:hover 
{
   background-color: #4F4F4F;
   color: #FFFFFF;
}
.OverlayMenu2-effect
{
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
}
#Shape16
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image55
{
   margin: 0;
   vertical-align: top;
}
#Image55
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 22px;
   height: 25px;
   vertical-align: top;
}
#wb_IconFont26
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont26
{
   height: 55px;
   width: 28px;
}
#IconFont26 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont26:hover i
{
   color: #C49842;
}
#wb_IconFont27
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont27
{
   height: 55px;
   width: 28px;
}
#IconFont27 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont27:hover i
{
   color: #C49842;
}
#wb_IconFont28
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont28
{
   height: 55px;
   width: 28px;
}
#IconFont28 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont28:hover i
{
   color: #C49842;
}
#wb_IconFont29
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont29
{
   height: 55px;
   width: 28px;
}
#IconFont29 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont29:hover i
{
   color: #C49842;
}
#wb_IconFont30
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont30
{
   height: 55px;
   width: 28px;
}
#IconFont30 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont30:hover i
{
   color: #C49842;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#Shape10
{
   border-width: 0;
   vertical-align: top;
}
#Shape11
{
   border-width: 0;
   vertical-align: top;
}
#Shape13
{
   border-width: 0;
   vertical-align: top;
}
#Shape14
{
   border-width: 0;
   vertical-align: top;
}
#Shape15
{
   border-width: 0;
   vertical-align: top;
}
#Shape33
{
   border-width: 0;
   vertical-align: top;
}
#wb_IconFont2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont2
{
   height: 33px;
   width: 28px;
}
#IconFont2 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 33px;
   vertical-align: middle;
   width: 27px;
}
#IconFont2:hover i
{
   color: #D3D3D3;
}
#wb_LayoutGrid9
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid9
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid9 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid9 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid9 > .row > .col-1
{
   float: left;
}
#LayoutGrid9 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid9:before,
#LayoutGrid9:after,
#LayoutGrid9 .row:before,
#LayoutGrid9 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid9:after,
#LayoutGrid9 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid9 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#Layer18
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#Shape19
{
   border-width: 0;
   vertical-align: top;
}
#wb_LayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid7
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid7 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid7 > .row > .col-1
{
   float: left;
}
#LayoutGrid7 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid7 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0;
}
#LayoutGrid7:before,
#LayoutGrid7:after,
#LayoutGrid7 .row:before,
#LayoutGrid7 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid7:after,
#LayoutGrid7 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid7 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Carousel1
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_Carousel1
{
   box-sizing: border-box;
width: 100%;   height: 284px;
   display: none;
}
#Carousel1
{
   position: relative;
   margin: 0;
   line-height: 1;
   height: 100%;
   box-sizing: border-box;
}
#Carousel1 .carousel-inner
{
   overflow: hidden;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-perspective: 1200px;
   perspective: 1200px;
}
.carousel.pointer-event
{
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
#Carousel1 .carousel-inner::after
{
   display: block;
   clear: both;
   content: "";
}
#Carousel1 .carousel-inner > .carousel-item
{
   display: none;
   position: relative;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: opacity 2000ms ease-in-out;
   transition: opacity 2000ms ease-in-out;
   height: 100%;
   text-align: left;
}
#Carousel1 .carousel-innerframe
{
   padding: 0 0 20px 0;
}
#Carousel1 .carousel-inner > .carousel-item > img, #Carousel1 .carousel-inner > .carousel-item > a > img
{
   display: block;
   line-height: 1;
}
#Carousel1 .carousel-inner > .active, #Carousel1 .carousel-inner > .carousel-item-next, #Carousel1 .carousel-inner > .carousel-item-prev
{
   display: block;
}
#Carousel1 .carousel-inner > .active
{
   -webkit-animation: Carousel1-animation-show 2000ms ease 0ms both;
   animation: Carousel1-animation-show 2000ms ease 0ms both;
}
#Carousel1 .carousel-inner > .carousel-item-next, #Carousel1 .carousel-inner > .carousel-item-prev
{
   position: absolute;
   top: 0;
   width: 100%;
}
#Carousel1 .carousel-inner > .carousel-item-next.carousel-item-left, #Carousel1 .carousel-inner > .carousel-item-prev.carousel-item-right
{
   -webkit-animation: Carousel1-animation-show 2000ms ease 0ms both;
   animation: Carousel1-animation-show 2000ms ease 0ms both;
}
#Carousel1 .carousel-inner > .active.carousel-item-left, #Carousel1 .carousel-inner > .active.carousel-item-right
{
   -webkit-animation: Carousel1-animation-hide 2000ms ease both;
   animation: Carousel1-animation-hide 2000ms ease both;
   z-index: 999;
}
#Carousel1 .carousel-indicators
{
   list-style: none;
   bottom: 0;
   padding: 0;
   margin: 0;
   position: absolute;
   margin-left: -68px;
   left: 50%;
   vertical-align: middle;
   z-index: 999;
}
#Carousel1 .carousel-indicators li
{
   display: block;
   float: left;
   margin: 12px 12px 12px 12px;
   width: 9px;
   height: 9px;
   cursor: pointer;
   text-indent: -999px;
   border-radius: 50%;
   background-color: #000000;
   -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
   transition: transform 0.3s ease, background-color 0.3s ease;
}
#Carousel1 .carousel-indicators .active
{
   background-color: #000000;
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
}
#Carousel1 .carousel-indicators li:hover
{
   background-color: #000000;
}
#Carousel1 .frame
{
   width: 1870px;
   display: inline-block;
   float: left;
   height: 284px;
}
#Carousel1 .frame-1
{
   background-color: transparent;
   background-image: url('images/yemen 03.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: 100% 100%;
}
#Carousel1 .frame-2
{
   background-color: transparent;
   background-image: url('images/yemen.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
#Carousel1 .frame-3
{
   background-color: transparent;
   background-image: url('images/yemen 02.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
#Carousel1 .frame-4
{
   background-color: transparent;
   background-image: url('images/yemen 01.jpg');
   background-repeat: repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
@-webkit-keyframes Carousel1-animation-show
{
   0%   { opacity: 0; -webkit-transform: scale(0.8); }
   100% { opacity: 1; -webkit-transform: scale(1.0); }
}
@-webkit-keyframes Carousel1-animation-hide
{
   0%   { -webkit-transform: translateY(0); }
   100% { -webkit-transform: translateY(-100%); }
}
@keyframes Carousel1-animation-show
{
   0%   { opacity: 0; transform: scale(0.8); }
   100% { opacity: 1; transform: scale(1.0); }
}
@keyframes Carousel1-animation-hide
{
   0%   { transform: translateY(0); }
   100% { transform: translateY(-100%); }
}
#Layer13
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_LayoutGrid8
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid8
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid8 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid8 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid8 > .row > .col-1
{
   float: left;
}
#LayoutGrid8 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid8:before,
#LayoutGrid8:after,
#LayoutGrid8 .row:before,
#LayoutGrid8 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid8:after,
#LayoutGrid8 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid8 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid10
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: none;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid10
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid10 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2
{
   float: left;
}
#LayoutGrid10 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid10 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 66.66666667%;
   text-align: left;
}
#LayoutGrid10:before,
#LayoutGrid10:after,
#LayoutGrid10 .row:before,
#LayoutGrid10 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid10:after,
#LayoutGrid10 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_Image64
{
   vertical-align: top;
}
#Image64
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text35 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text35 div
{
   text-align: left;
}
#wb_Text37 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text37 div
{
   text-align: left;
}
#wb_Text38 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text38 div
{
   text-align: left;
}
#wb_Image65
{
   vertical-align: top;
}
#Image65
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape23
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text36 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text36 div
{
   text-align: left;
}
#wb_Text34 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text34 div
{
   text-align: left;
}
#Layer19
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_Text39 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text39 div
{
   text-align: center;
}
#wb_Image67
{
   vertical-align: top;
}
#Image67
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image66
{
   vertical-align: top;
}
#Image66
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image68
{
   vertical-align: top;
}
#Image68
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer20
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#Shape24
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image69
{
   vertical-align: top;
}
#Image69
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text40 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text40 div
{
   text-align: center;
}
#wb_Image70
{
   vertical-align: top;
}
#Image70
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_IconFont31
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont31
{
   height: 55px;
   width: 28px;
}
#IconFont31 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont31:hover i
{
   color: #C49842;
}
#wb_IconFont32
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont32
{
   height: 55px;
   width: 28px;
}
#IconFont32 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont32:hover i
{
   color: #C49842;
}
#wb_IconFont33
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont33
{
   height: 55px;
   width: 28px;
}
#IconFont33 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont33:hover i
{
   color: #C49842;
}
#wb_IconFont34
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont34
{
   height: 55px;
   width: 28px;
}
#IconFont34 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont34:hover i
{
   color: #C49842;
}
#wb_IconFont35
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont35
{
   height: 55px;
   width: 28px;
}
#IconFont35 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont35:hover i
{
   color: #C49842;
}
#wb_IconFont37
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont37
{
   height: 55px;
   width: 28px;
}
#IconFont37 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont37:hover i
{
   color: #4F4F4F;
}
#wb_IconFont38
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 50%;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#IconFont38
{
   height: 55px;
   width: 28px;
}
#IconFont38 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 28px;
   line-height: 55px;
   vertical-align: middle;
   width: 27px;
}
#IconFont38:hover i
{
   color: #4F4F4F;
}
#wb_Text43 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text43 div
{
   text-align: left;
}
#wb_Text42 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text42 div
{
   text-align: left;
}
#wb_Image71
{
   vertical-align: top;
}
#Image71
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer21
{
   background-color: #D5B57C;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_Text41 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text41 div
{
   text-align: center;
}
#wb_Text44 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text44 div
{
   text-align: center;
}
#wb_Text45 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text45 div
{
   text-align: center;
}
#Editbox1
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 34px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
}
#Editbox1:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#Editbox2
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 34px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
}
#Editbox2:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#TextArea1
{
   border: 2px solid #ECF0F1;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #999999;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   padding: 8px 12px 8px 12px;
   margin: 5px 0 10px 0 ;
   text-align: left;
   overflow: auto;
   resize: none;
}
#TextArea1:focus
{
   border-color: #ECF0F1;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(236,240,241,0.60);
   outline: 0;
}
#Button1
{
   box-sizing: border-box;
   line-height: 39px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #1ABC9C;
   border-radius: 16px;
   background-color: #58514F;
   background-image: none;
   color: #FFFFFF;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 10px 0 40px 0 ;
}
#Layer31
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#wb_Image102
{
   vertical-align: top;
}
#Image102
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image103
{
   vertical-align: top;
}
#Image103
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image104
{
   vertical-align: top;
}
#Image104
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image105
{
   vertical-align: top;
}
#Image105
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_IconFont49
{
   background-color: transparent;
   background-image: none;
   border: 1px solid #4F4F4F;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 7px 7px 7px 7px;
   vertical-align: top;
}
#IconFont49
{
   height: 25px;
   width: 24px;
}
#IconFont49 i
{
   color: #4F4F4F;
   display: inline-block;
   font-size: 24px;
   line-height: 25px;
   vertical-align: middle;
   width: 17px;
}
#IconFont49:hover i
{
   color: #4F4F4F;
}
#Layer12
{
   background-color: #FBFBFB;
   background-image: none;
   border-radius: 0px;
   margin: 0;
}
#Shape21
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text31 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text31 div
{
   text-align: left;
}
#Shape22
{
   border-width: 0;
   vertical-align: top;
}
#Shape20
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text32 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text32 div
{
   text-align: left;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#Shape5{
   opacity: 0;
}
#Shape5_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.49%;
   top: 2.22%;
   width: 99.03%;
   height: 95.56%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#YouTube8
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#wb_YouTube8
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 56.25%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#YouTube6
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
}
#wb_YouTube6
{
   display: block;
   position: relative;
   margin: 0;
   height: 0;
   overflow: hidden;
   box-sizing: border-box;
   padding-bottom: 56.25%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
#Shape17
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   display: none;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text12 div
{
   text-align: center;
}
#wb_Text12
{
   display: none;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#TextArea1
{
   position: absolute;
   left: 516px;
   top: 5716px;
   width: 397px;
   height: 158px;
   visibility: hidden;
   z-index: 157;
}
#Shape20
{
   width: 235px;
   height: 578px;
}
#Layer12_Container
{
   width: 1900px;
   position: relative;
   margin-left: auto;
   margin-right: 0;
   text-align: left;
}
#wb_YouTube3
{
   position: absolute;
   left: 750px;
   top: 55px;
   width: 397px;
   height: 223px;
   z-index: 107;
}
#wb_Shape1
{
   display: inline-block;
   width: 185px;
   height: 116px;
   z-index: 21;
   position: relative;
}
#Layer31_Container
{
   width: 1280px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer21_Container
{
   width: 360px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer13_Container
{
   width: 1900px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Shape21
{
   width: 135px;
   height: 613px;
}
#Shape19
{
   width: 317px;
   height: 8px;
}
#Layer18_Container
{
   width: 1900px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_OverlayMenu2
{
   display: none;
   width: 31px;
   height: 20px;
   z-index: 109;
}
#wb_Text19
{
   position: absolute;
   left: 1311px;
   top: 225px;
   width: 304px;
   height: 33px;
   text-align: center;
   z-index: 85;
}
#contactEmail
{
   position: absolute;
   left: 247px;
   top: 393px;
   width: 397px;
   height: 34px;
   z-index: 81;
}
#wb_Image39
{
   position: absolute;
   left: 950px;
   top: 131px;
   width: 131px;
   height: 131px;
   z-index: 70;
}
#wb_Image38
{
   position: absolute;
   left: 790px;
   top: 130px;
   width: 131px;
   height: 131px;
   z-index: 69;
}
#wb_Image37
{
   position: absolute;
   left: 630px;
   top: 129px;
   width: 131px;
   height: 131px;
   z-index: 68;
}
#wb_Shape2
{
   position: absolute;
   left: 4px;
   top: 41px;
   width: 367px;
   height: 971px;
   z-index: 54;
}
#wb_Text28
{
   position: absolute;
   left: 976px;
   top: 28px;
   width: 128px;
   height: 20px;
   z-index: 22;
}
#Layer7
{
   position: relative;
   text-align: left;
   width: 100%;
   height: 738px;
   float: left;
   clear: left;
   display: block;
   z-index: 174;
}
#Shape33
{
   width: 84px;
   height: 28px;
}
#Layer31
{
   position: relative;
   text-align: center;
   width: 1280px;
   height: 81px;
   float: left;
   display: none;
   z-index: 190;
}
#wb_Text40
{
   position: absolute;
   left: 10px;
   top: 131px;
   width: 135px;
   height: 47px;
   visibility: hidden;
   text-align: center;
   z-index: 139;
}
#contactButton
{
   position: absolute;
   left: 413px;
   top: 681px;
   width: 92px;
   height: 39px;
   z-index: 83;
}
#wb_Text18
{
   position: absolute;
   left: 1293px;
   top: 264px;
   width: 340px;
   height: 48px;
   text-align: center;
   z-index: 80;
}
#Html1
{
   position: absolute;
   left: 1263px;
   top: 325px;
   width: 425px;
   height: 414px;
   z-index: 79;
}
#wb_Image24
{
   position: absolute;
   left: 469px;
   top: 129px;
   width: 131px;
   height: 131px;
   z-index: 67;
}
#wb_Image23
{
   position: absolute;
   left: 970px;
   top: 990px;
   width: 79px;
   height: 83px;
   z-index: 63;
}
#wb_Image21
{
   position: absolute;
   left: 987px;
   top: 960px;
   width: 88px;
   height: 92px;
   z-index: 62;
}
#wb_Image20
{
   position: absolute;
   left: 1614px;
   top: 292px;
   width: 281px;
   height: 628px;
   z-index: 60;
}
#wb_Text29
{
   position: absolute;
   left: 1285px;
   top: 26px;
   width: 286px;
   height: 20px;
   z-index: 30;
}
#wb_Image1
{
   position: absolute;
   left: 1340px;
   top: 71px;
   width: 560px;
   height: 667px;
   z-index: 35;
}
#wb_Image25
{
   display: inline-block;
   width: 422px;
   height: 122px;
   z-index: 20;
}
#wb_Shape3
{
   display: none;
   width: 12px;
   height: 38px;
   z-index: 2;
   position: relative;
}
#Button1
{
   position: absolute;
   left: 682px;
   top: 5925px;
   width: 92px;
   height: 39px;
   visibility: hidden;
   z-index: 158;
}
#wb_Text41
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 340px;
   height: 20px;
   visibility: hidden;
   text-align: center;
   z-index: 151;
}
#wb_Text35
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 65px;
   height: 30px;
   visibility: hidden;
   z-index: 122;
}
#wb_caseStudiesCarousel
{
   position: absolute;
   left: 1032px;
   top: 390px;
   width: 728px;
   height: 614px;
   z-index: 61;
   overflow: hidden;
}
#wb_Image2
{
   position: absolute;
   left: 186px;
   top: 174px;
   width: 174px;
   height: 265px;
   z-index: 16;
}
#Editbox1
{
   position: absolute;
   left: 516px;
   top: 5556px;
   width: 397px;
   visibility: hidden;
   height: 34px;
   z-index: 155;
}
#wb_Text42
{
   position: absolute;
   left: 1128px;
   top: 25px;
   width: 286px;
   height: 20px;
   visibility: hidden;
   z-index: 149;
}
#wb_Text34
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 276px;
   height: 174px;
   visibility: hidden;
   z-index: 128;
}
#Layer13
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 289px;
   float: left;
   clear: left;
   display: none;
   z-index: 184;
}
#contactMessage
{
   position: absolute;
   left: 247px;
   top: 472px;
   width: 397px;
   height: 158px;
   z-index: 84;
}
#wb_Text5
{
   position: absolute;
   left: 1649px;
   top: 594px;
   width: 211px;
   height: 33px;
   text-align: center;
   z-index: 38;
}
#wb_Text71
{
   position: absolute;
   left: 1773px;
   top: 28px;
   width: 90px;
   height: 20px;
   z-index: 33;
}
#Editbox2
{
   position: absolute;
   left: 516px;
   top: 5637px;
   width: 397px;
   visibility: hidden;
   height: 34px;
   z-index: 156;
}
#wb_Text43
{
   position: absolute;
   left: 651px;
   top: 25px;
   width: 128px;
   height: 20px;
   visibility: hidden;
   z-index: 148;
}
#Layer20
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 567px;
   float: left;
   clear: left;
   display: none;
   z-index: 188;
}
#wb_YouTube8
{
   display: inline-block;
   width: 100%;
   z-index: 129;
}
#wb_Text37
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 135px;
   height: 47px;
   visibility: hidden;
   z-index: 123;
}
#Layer12
{
   position: relative;
   text-align: right;
   width: 100%;
   height: 289px;
   float: right;
   clear: both;
   display: none;
   z-index: 119;
}
#wb_Text15
{
   position: absolute;
   left: 762px;
   top: 27px;
   width: 392px;
   height: 52px;
   text-align: center;
   z-index: 74;
}
#wb_caseStudiesCard2
{
   position: absolute;
   left: 1150px;
   top: 1832px;
   width: 930px;
   height: 395px;
   text-align: center;
   z-index: 53;
}
#wb_IconFont49
{
   position: absolute;
   left: 1142px;
   top: 24px;
   width: 24px;
   height: 25px;
   text-align: center;
   z-index: 163;
}
#wb_Text44
{
   position: absolute;
   left: 10px;
   top: 131px;
   width: 135px;
   height: 47px;
   visibility: hidden;
   text-align: center;
   z-index: 152;
}
#Layer21
{
   position: relative;
   text-align: center;
   width: 360px;
   height: 1333px;
   float: left;
   display: none;
   z-index: 189;
}
#wb_Text36
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 1367px;
   height: 76px;
   visibility: hidden;
   z-index: 127;
}
#wb_IconFont19
{
   position: absolute;
   left: 956px;
   top: 278px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 92;
}
#wb_caseStudiesCard1
{
   position: absolute;
   left: 1150px;
   top: 1832px;
   width: 930px;
   height: 395px;
   text-align: center;
   z-index: 52;
}
#wb_Text7
{
   position: absolute;
   left: 12px;
   top: 85px;
   width: 204px;
   height: 30px;
   text-align: center;
   z-index: 56;
}
#Shape1
{
   width: 185px;
   height: 116px;
}
#wb_IconFont29
{
   display: none;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 9;
}
#wb_Image104
{
   position: absolute;
   left: 569px;
   top: 15px;
   width: 95px;
   height: 50px;
   visibility: hidden;
   z-index: 161;
}
#wb_Text45
{
   position: absolute;
   left: 10px;
   top: 131px;
   width: 135px;
   height: 47px;
   visibility: hidden;
   text-align: center;
   z-index: 154;
}
#wb_IconFont38
{
   position: absolute;
   left: 593px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 147;
}
#wb_Carousel1
{
}
#wb_Text31
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 135px;
   height: 47px;
   visibility: hidden;
   z-index: 114;
}
#wb_IconFont18
{
   position: absolute;
   left: 1002px;
   top: 278px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 93;
}
#Shape2
{
   width: 367px;
   height: 971px;
}
#wb_shapeWelcome
{
   position: absolute;
   left: 1630px;
   top: 578px;
   width: 239px;
   height: 66px;
   z-index: 37;
}
#wb_Image6
{
   position: absolute;
   left: 246px;
   top: 22px;
   width: 22px;
   height: 25px;
   z-index: 31;
}
#Shape13
{
   width: 12px;
   height: 38px;
}
#wb_IconFont28
{
   display: none;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 7;
}
#wb_Image105
{
   position: absolute;
   left: 464px;
   top: 14px;
   width: 78px;
   height: 50px;
   opacity: 0.50;
   visibility: hidden;
   z-index: 162;
}
#wb_IconFont37
{
   position: absolute;
   left: 1070px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 146;
}
#wb_IconFont47
{
   position: absolute;
   left: 1710px;
   top: 23px;
   width: 34px;
   height: 33px;
   text-align: center;
   z-index: 105;
}
#wb_Text22
{
   position: absolute;
   left: 863px;
   top: 391px;
   width: 128px;
   height: 20px;
   z-index: 96;
}
#wb_Shape8
{
   position: absolute;
   left: 874px;
   top: 45px;
   width: 150px;
   height: 150px;
   z-index: 76;
}
#Shape12
{
   width: 520px;
   height: 1003px;
}
#wb_Text1
{
   position: absolute;
   left: 10px;
   top: 71px;
   width: 135px;
   height: 47px;
   visibility: hidden;
   text-align: center;
   z-index: 17;
}
#Layer17
{
   position: relative;
   text-align: left;
   width: 100%;
   height: 276px;
   float: none;
   clear: both;
   vertical-align: top;
   display: none;
   z-index: 171;
}
#wb_IconFont27
{
   display: none;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 5;
}
#Shape3
{
   width: 12px;
   height: 38px;
}
#wb_Shape17
{
   display: inline-block;
   width: 265px;
   height: 57px;
   z-index: 132;
   position: relative;
}
#wb_Shape19
{
   position: absolute;
   left: 10px;
   top: -41px;
   width: 317px;
   height: 8px;
   visibility: hidden;
   z-index: 118;
}
#wb_Text23
{
   position: absolute;
   left: 863px;
   top: 355px;
   width: 286px;
   height: 20px;
   z-index: 98;
}
#Layer16
{
   position: absolute;
   text-align: center;
   left: 1px;
   top: 2929px;
   width: 1896px;
   height: 312px;
   z-index: 176;
}
#caseStudiesCarousel
{
   position: absolute;
}
#wb_Shape12
{
   position: absolute;
   left: 136px;
   top: 133px;
   width: 520px;
   height: 1003px;
   z-index: 57;
}
#wb_Shape9
{
   position: absolute;
   left: 4px;
   top: 1004px;
   width: 332px;
   height: 228px;
   z-index: 55;
}
#wb_Text11
{
   position: absolute;
   left: 1647px;
   top: 668px;
   width: 213px;
   height: 40px;
   text-align: center;
   z-index: 39;
}
#wb_IconFont16
{
   position: absolute;
   left: 1227px;
   top: 10px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 32;
}
#wb_headerMenu
{
   display: inline-block;
   width: 870px;
   height: 48px;
   z-index: 19;
}
#wb_Shape15
{
   display: none;
   width: 12px;
   height: 38px;
   z-index: 12;
   position: relative;
}
#wb_Shape14
{
   display: none;
   width: 12px;
   height: 38px;
   z-index: 10;
   position: relative;
}
#wb_Shape13
{
   display: none;
   width: 12px;
   height: 38px;
   z-index: 8;
   position: relative;
}
#Shape11
{
   width: 12px;
   height: 38px;
}
#wb_Shape11
{
   display: none;
   width: 12px;
   height: 38px;
   z-index: 6;
   position: relative;
}
#wb_Shape10
{
   display: none;
   width: 12px;
   height: 38px;
   z-index: 4;
   position: relative;
}
#wb_IconFont26
{
   display: none;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 3;
}
#wb_Shape16
{
   display: none;
   width: 290px;
   height: 98px;
   z-index: 0;
   position: relative;
}
#wb_IconFont35
{
   position: absolute;
   left: 15px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 145;
}
#wb_Text32
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 222px;
   height: 324px;
   visibility: hidden;
   z-index: 117;
}
#wb_YouTube4
{
   position: absolute;
   left: 1325px;
   top: 55px;
   width: 397px;
   height: 223px;
   z-index: 108;
}
#wb_Text20
{
   position: absolute;
   left: 295px;
   top: 225px;
   width: 304px;
   height: 52px;
   text-align: center;
   z-index: 86;
}
#Layer15
{
   position: absolute;
   text-align: left;
   left: 2px;
   top: 3243px;
   width: 1897px;
   height: 812px;
   z-index: 177;
}
#wb_IconFont15
{
   position: absolute;
   left: 15px;
   top: 8px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 29;
}
#Shape5
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
#Shape10
{
   width: 12px;
   height: 38px;
}
#wb_IconFont34
{
   position: absolute;
   left: 62px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 144;
}
#Shape17
{
   width: 265px;
   height: 57px;
}
#Shape6
{
   width: 265px;
   height: 57px;
}
#Layer14_Container
{
   width: 1896px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer14
{
   position: absolute;
   text-align: center;
   left: 1px;
   top: 4055px;
   width: 1896px;
   height: 95px;
   z-index: 178;
}
#wb_IconFont24
{
   position: absolute;
   left: 805px;
   top: 333px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 97;
}
#wb_Text21
{
   position: absolute;
   left: 806px;
   top: 225px;
   width: 303px;
   height: 56px;
   text-align: center;
   z-index: 88;
}
#Layer16_Container
{
   width: 1896px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_IconFont14
{
   position: absolute;
   left: 62px;
   top: 8px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 28;
}
#wb_IconFont1
{
   position: absolute;
   left: 918px;
   top: 11px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 23;
}
#wb_YouTube5
{
   position: absolute;
   left: 0px;
   top: 174px;
   width: 354px;
   height: 265px;
   z-index: 15;
}
#wb_IconFont2
{
   display: inline-block;
   width: 28px;
   height: 33px;
   text-align: center;
   z-index: 14;
}
#wb_Shape33
{
   display: inline-block;
   width: 84px;
   height: 28px;
   z-index: 13;
   position: relative;
}
#wb_IconFont33
{
   position: absolute;
   left: 108px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 143;
}
#wb_Shape24
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   z-index: 137;
}
#wb_YouTube6
{
   display: inline-block;
   width: 100%;
   z-index: 131;
}
#wb_Shape23
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 35px;
   height: 35px;
   visibility: hidden;
   z-index: 126;
}
#wb_Shape20
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 235px;
   height: 578px;
   visibility: hidden;
   z-index: 116;
}
#wb_Shape22
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 135px;
   height: 129px;
   visibility: hidden;
   z-index: 115;
}
#wb_Shape21
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 135px;
   height: 613px;
   visibility: hidden;
   z-index: 113;
}
#wb_Image51
{
   display: none;
   width: 156px;
   height: 102px;
   z-index: 111;
}
#wb_Shape25
{
   display: none;
   width: 65px;
   height: 50px;
   z-index: 110;
   position: relative;
}
#Layer1
{
   position: absolute;
   text-align: center;
   left: 1px;
   top: 2448px;
   width: 1896px;
   height: 329px;
   z-index: 179;
}
#wb_IconFont23
{
   position: absolute;
   left: 805px;
   top: 374px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 95;
}
#Shape7
{
   width: 1751px;
   height: 668px;
}
#wb_IconFont13
{
   position: absolute;
   left: 108px;
   top: 8px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 27;
}
#wb_Image55
{
   display: none;
   width: 22px;
   height: 25px;
   z-index: 1;
}
#Shape16
{
   width: 290px;
   height: 98px;
}
#wb_Image102
{
   position: absolute;
   left: 793px;
   top: 14px;
   width: 94px;
   height: 51px;
   visibility: hidden;
   z-index: 159;
}
#wb_IconFont32
{
   position: absolute;
   left: 155px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 142;
}
#Shape24
{
   width: 131px;
   height: 131px;
}
#wb_Image48
{
   position: absolute;
   left: 1740px;
   top: 120px;
   width: 82px;
   height: 668px;
   opacity: 0.70;
   z-index: 100;
}
#wb_Image47
{
   position: absolute;
   left: 72px;
   top: 120px;
   width: 82px;
   height: 668px;
   opacity: 0.70;
   z-index: 99;
}
#wb_Image46
{
   position: absolute;
   left: 1047px;
   top: 292px;
   width: 22px;
   height: 25px;
   z-index: 94;
}
#wb_IconFont22
{
   position: absolute;
   left: 816px;
   top: 278px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 89;
}
#wb_Image44
{
   position: absolute;
   left: 800px;
   top: 437px;
   width: 301px;
   height: 302px;
   z-index: 87;
}
#wb_Image41
{
   position: absolute;
   left: 1421px;
   top: 131px;
   width: 131px;
   height: 131px;
   z-index: 73;
}
#wb_Image42
{
   position: absolute;
   left: 1260px;
   top: 131px;
   width: 131px;
   height: 131px;
   z-index: 72;
}
#wb_Image40
{
   position: absolute;
   left: 1108px;
   top: 131px;
   width: 131px;
   height: 131px;
   z-index: 71;
}
#wb_IconFont12
{
   position: absolute;
   left: 155px;
   top: 8px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 26;
}
#Layer2
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 0px;
   width: 1900px;
   height: 71px;
   z-index: 36;
}
#wb_Shape5
{
   position: absolute;
   left: 10px;
   top: 2044px;
   width: 210px;
   height: 49px;
   visibility: hidden;
   z-index: 18;
}
#Shape15
{
   width: 12px;
   height: 38px;
}
#wb_Image103
{
   position: absolute;
   left: 702px;
   top: 15px;
   width: 69px;
   height: 50px;
   visibility: hidden;
   z-index: 160;
}
#wb_Image71
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 230px;
   height: 237px;
   visibility: hidden;
   z-index: 150;
}
#wb_IconFont31
{
   position: absolute;
   left: 201px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   text-align: center;
   z-index: 141;
}
#wb_Image70
{
   position: absolute;
   left: 243px;
   top: 22px;
   width: 22px;
   height: 25px;
   visibility: hidden;
   z-index: 140;
}
#Layer19
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 222px;
   float: left;
   clear: left;
   display: none;
   z-index: 187;
}
#wb_Shape6
{
   display: inline-block;
   width: 265px;
   height: 57px;
   z-index: 130;
   position: relative;
}
#Shape25
{
   width: 65px;
   height: 50px;
}
#wb_IconFont21
{
   position: absolute;
   left: 863px;
   top: 278px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 90;
}
#Shape8
{
   width: 150px;
   height: 150px;
}
#Layer3
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 1039px;
   width: 1900px;
   height: 1358px;
   z-index: 175;
}
#wb_IconFont11
{
   position: absolute;
   left: 201px;
   top: 8px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 25;
}
#Shape14
{
   width: 12px;
   height: 38px;
}
#wb_Image69
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 96px;
   height: 76px;
   visibility: hidden;
   z-index: 138;
}
#wb_Image68
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 90px;
   height: 90px;
   visibility: hidden;
   z-index: 136;
}
#wb_Image66
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 90px;
   height: 90px;
   visibility: hidden;
   z-index: 135;
}
#wb_Image67
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 90px;
   height: 90px;
   visibility: hidden;
   z-index: 134;
}
#wb_Text39
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 304px;
   height: 58px;
   visibility: hidden;
   text-align: center;
   z-index: 133;
}
#Layer19_Container
{
   width: 1900px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Image65
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 317px;
   height: 232px;
   visibility: hidden;
   z-index: 125;
}
#wb_Image64
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 190px;
   height: 93px;
   visibility: hidden;
   z-index: 121;
}
#Shape22
{
   width: 135px;
   height: 129px;
}
#Layer18
{
   position: relative;
   text-align: center;
   width: 100%;
   height: 289px;
   float: left;
   clear: left;
   display: none;
   z-index: 182;
}
#Layer1_Container
{
   width: 1896px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_IconFont20
{
   position: absolute;
   left: 909px;
   top: 278px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 91;
}
#contactName
{
   position: absolute;
   left: 247px;
   top: 312px;
   width: 397px;
   height: 34px;
   z-index: 82;
}
#wb_Shape7
{
   position: absolute;
   left: 74px;
   top: 120px;
   width: 1751px;
   height: 668px;
   z-index: 75;
}
#wb_Text8
{
   position: absolute;
   left: 206px;
   top: 271px;
   width: 353px;
   height: 849px;
   z-index: 59;
}
#Shape9
{
   width: 332px;
   height: 228px;
}
#Layer3_Container
{
   width: 1900px;
   height: 1358px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   text-align: left;
}
#wb_IconFont10
{
   position: absolute;
   left: 1724px;
   top: 9px;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 24;
}
#wb_YouTube1
{
   position: absolute;
   left: 1px;
   top: 63px;
   width: 1898px;
   height: 674px;
   z-index: 34;
}
#wb_IconFont30
{
   display: none;
   width: 28px;
   height: 55px;
   text-align: center;
   z-index: 11;
}
#Html2
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 305px;
   height: 312px;
   visibility: hidden;
   z-index: 153;
}
#Layer20_Container
{
   width: 1900px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Shape23
{
   width: 35px;
   height: 35px;
}
#wb_Text38
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 276px;
   height: 174px;
   visibility: hidden;
   z-index: 124;
}
#wb_YouTube2
{
   position: absolute;
   left: 171px;
   top: 55px;
   width: 397px;
   height: 223px;
   z-index: 106;
}
#wb_Image19
{
   position: absolute;
   left: 668px;
   top: 17px;
   width: 106px;
   height: 67px;
   opacity: 0.50;
   z-index: 104;
}
#wb_Image18
{
   position: absolute;
   left: 817px;
   top: 19px;
   width: 104px;
   height: 56px;
   z-index: 103;
}
#wb_Image17
{
   position: absolute;
   left: 980px;
   top: 17px;
   width: 82px;
   height: 67px;
   z-index: 102;
}
#wb_Image16
{
   position: absolute;
   left: 1100px;
   top: 20px;
   width: 99px;
   height: 55px;
   z-index: 101;
}
#wb_Image14
{
   position: absolute;
   left: 895px;
   top: 80px;
   width: 108px;
   height: 93px;
   z-index: 77;
}
#wb_Image15
{
   position: absolute;
   left: 308px;
   top: 129px;
   width: 131px;
   height: 131px;
   z-index: 66;
}
#wb_Text9
{
   position: absolute;
   left: 183px;
   top: 202px;
   width: 404px;
   height: 33px;
   text-align: right;
   z-index: 58;
}
#shapeWelcome
{
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   overflow: visible;
}
@media only screen and (max-width: 1899px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_LayoutGrid6
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid6
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid6
{
   padding: 0 15px 0 15px;
}
#LayoutGrid6 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid6 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid6 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_LayoutGrid4
{
   visibility: visible;
   display: table;
   background-color: #4F4F4F;
   background-image: none;
   background-image: none;
}
#wb_LayoutGrid4
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid4
{
   padding: 0;
}
#LayoutGrid4 > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid4 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: center;
   -webkit-align-items: center;
   align-content: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#Layer17
{
   width: 360px;
   height: 251px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: transparent;
   background-image: none;
   background-image: none;
}
#Layer17
{
   margin: 0;
}
#Layer17
{
    width: 100%;
    height: 251px;
}
#wb_YouTube5
{
   left: 0px;
   top: 0px;
   width: 329px;
   height: 246px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image2
{
   left: 186px;
   top: 0px;
   width: 174px;
   height: 246px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_LayoutGrid1
{
   visibility: hidden;
   display: none;
}
#wb_LayoutGrid1
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   padding: 0;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: center;
   -webkit-align-items: center;
   align-content: center;
   align-items: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#LayoutGrid1 > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 0 0 0 50px;
}
#LayoutGrid1 > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: center;
   -webkit-align-items: center;
   align-content: center;
   align-items: center;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
   text-align: right;
}
#LayoutGrid1 > .col-2 > .col-2-padding
{
   width: 100%;
   padding: 0 25px 0 0;
}
#LayoutGrid1-divider-bottom
{
   height: 5px;
}
#LayoutGrid1-divider-bottom
{
   bottom: 0%;
}
#wb_Image25
{
   width: 215px;
   height: 122px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Image25
{
   width: 215px;
   height: 122px;
}
#wb_headerMenu
{
   visibility: hidden;
   display: none;
   margin: 0;
   text-align: left;
}
#wb_headerMenu li
{
}
#wb_headerMenu a
{
   color: #2A1711;
   border: 1px solid rgba(255,255,255,0.00);
   background-color: transparent;
   background-image: none;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 17px;
   font-style: normal;
   text-decoration: none;
   height: 26px;
   line-height: 26px;
   text-align: center;
}
#wb_headerMenu li:hover a, #wb_headerMenu a:hover
{
   color: #4F4F4F;
   border: 1px solid #4F4F4F;
   background-color: transparent;
   background-image: none;
}
#wb_headerMenu a.withsubmenu
{
   padding: 0 15px 0 15px;
}
#wb_headerMenu ul :hover ul
{
   left: 1px;
   top: 44px;
   padding-top: 0px;
   visibility: visible;
}
#wb_headerMenu .firstmain:hover ul
{
   left: 9px;
}
#wb_headerMenu li li
{
   width: 125px;
}
#wb_headerMenu ul ul a, #wb_headerMenu ul :hover ul a
{
   width: 100px;
   padding: 10px 15px 9px 10px;
   background-color: #FFFFFF;
   border: 0px solid #CCCCCC;
   color: #2A1711;
   font-family: Tajawal;
   font-weight: normal;
   font-size: 9.3px;
   font-style: normal;
   line-height: 9.3px;
   text-decoration: none;
}
#wb_headerMenu ul ul :hover a, #wb_headerMenu ul ul a:hover, #wb_headerMenu ul ul :hover ul :hover a, #wb_headerMenu ul ul :hover ul a:hover
{
   background-color: #4F4F4F;
   border: 0px solid #4F4F4F;
   color: #FFFFFF;
}
#wb_headerMenu li
{
   padding: 8px 20px 8px 0px;
}
#wb_LayoutGrid2
{
   visibility: hidden;
   display: none;
}
#wb_LayoutGrid2
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   padding: 0 15px 0 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid2 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid2 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Shape1
{
   visibility: hidden;
   display: none;
   margin: 0;
}
#Layer7
{
   width: 360px;
   height: 738px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#Layer7
{
   margin: 0;
}
#Layer7
{
    width: 100%;
    height: 738px;
}
#wb_YouTube1
{
   left: 1px;
   top: 63px;
   width: 1898px;
   height: 674px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Image1
{
   left: 1340px;
   top: 71px;
   width: 560px;
   height: 667px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Layer2
{
   left: 0px;
   top: 0px;
   width: 1900px;
   height: 71px;
   visibility: hidden;
   display: none;
}
#wb_Text28
{
   left: 976px;
   top: 28px;
   width: 128px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_Text28
{
   margin: 0;
   padding: 0;
}
#wb_IconFont1
{
   left: 918px;
   top: 11px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont1
{
   width: 28px;
   height: 55px;
}
#IconFont1 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont10
{
   left: 1724px;
   top: 9px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont10
{
   width: 28px;
   height: 55px;
}
#IconFont10 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont11
{
   left: 201px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont11
{
   width: 28px;
   height: 55px;
}
#IconFont11 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont12
{
   left: 155px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont12
{
   width: 28px;
   height: 55px;
}
#IconFont12 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont13
{
   left: 108px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont13
{
   width: 28px;
   height: 55px;
}
#IconFont13 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont14
{
   left: 62px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont14
{
   width: 28px;
   height: 55px;
}
#IconFont14 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont15
{
   left: 15px;
   top: 8px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont15
{
   width: 28px;
   height: 55px;
}
#IconFont15 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_Text29
{
   left: 1285px;
   top: 26px;
   width: 286px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_Text29
{
   margin: 0;
   padding: 0;
}
#wb_Image6
{
   left: 246px;
   top: 22px;
   width: 22px;
   height: 25px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_IconFont16
{
   left: 1227px;
   top: 10px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont16
{
   width: 28px;
   height: 55px;
}
#IconFont16 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_Text71
{
   left: 1773px;
   top: 28px;
   width: 90px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_Text71
{
   margin: 0;
   padding: 0;
}
#wb_shapeWelcome
{
   left: 1630px;
   top: 578px;
   width: 239px;
   height: 66px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Text5
{
   left: 1649px;
   top: 594px;
   width: 211px;
   height: 33px;
   visibility: hidden;
   display: none;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#wb_Text11
{
   left: 1632px;
   top: 668px;
   width: 213px;
   height: 43px;
   visibility: hidden;
   display: none;
}
#wb_Text11
{
   margin: 0;
   padding: 0;
}
#Layer3
{
   left: 0px;
   top: 1038px;
   width: 1900px;
   height: 1358px;
   visibility: hidden;
   display: none;
}
#Layer3_Container
{
   width: 1900px;
   height:1358px;
}
#wb_Shape2
{
   left: 4px;
   top: 41px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Shape9
{
   left: 4px;
   top: 1004px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Text7
{
   left: 12px;
   top: 85px;
   width: 204px;
   height: 30px;
   visibility: hidden;
   display: none;
}
#wb_Text7
{
   margin: 0;
   padding: 0;
}
#wb_Shape12
{
   left: 136px;
   top: 133px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Text9
{
   left: 183px;
   top: 202px;
   width: 404px;
   height: 33px;
   visibility: hidden;
   display: none;
}
#wb_Text9
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   left: 206px;
   top: 271px;
   width: 353px;
   height: 849px;
   visibility: hidden;
   display: none;
}
#wb_Text8
{
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   left: 1534px;
   top: 104px;
   width: 360px;
   height: 802px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_caseStudiesCarousel
{
   left: 860px;
   top: 202px;
   width: 912px;
   height: 810px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#caseStudiesCarousel .frame
{
   width: 912px;
   height: 810px;
}
#wb_caseStudiesCard1
{
   left: 10px;
   top: 10px;
   width: 930px;
   height: 395px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#caseStudiesCard1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 10px 0 ;
   padding: 0;
   border: 2px solid #FAB915;
   border-radius: 50%;
   max-width: 144px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 144px;
}
#caseStudiesCard1-card-item1
{
   box-sizing: border-box;
   margin: 30px 50px 30px 50px;
   padding: 0;
   color: #999999;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 16px;
}
#caseStudiesCard1-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 10px 30px;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#caseStudiesCard1-card-item3
{
   box-sizing: border-box;
   margin: 0 30px 30px 30px;
   padding: 0;
   color: #7F7F7F;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 12px;
}
#caseStudiesCard1-card-item4
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item4 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item5
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item5 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item6
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item6 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item7
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item7 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard1-card-item8
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard1-card-item8 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#wb_caseStudiesCard2
{
   left: 10px;
   top: 10px;
   width: 930px;
   height: 395px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#caseStudiesCard2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 10px 0 ;
   padding: 0;
   border: 2px solid #FAB915;
   border-radius: 50%;
   max-width: 144px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 144px;
}
#caseStudiesCard2-card-item1
{
   box-sizing: border-box;
   margin: 30px 50px 30px 50px;
   padding: 0;
   color: #999999;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 16px;
}
#caseStudiesCard2-card-item2
{
   box-sizing: border-box;
   margin: 0 30px 10px 30px;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#caseStudiesCard2-card-item3
{
   box-sizing: border-box;
   margin: 0 30px 30px 30px;
   padding: 0;
   color: #7F7F7F;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 12px;
}
#caseStudiesCard2-card-item4
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item4 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item5
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item5 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item6
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 4px 0 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item6 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item7
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0;
   padding: 0 4px 0 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item7 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#caseStudiesCard2-card-item8
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#caseStudiesCard2-card-item8 i
{
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#wb_Image21
{
   left: 806px;
   top: 964px;
   width: 100px;
   height: 106px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image23
{
   left: 784px;
   top: 994px;
   width: 96px;
   height: 102px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Layer16
{
   left: 0px;
   top: 3833px;
   width: 1896px;
   height: 312px;
   visibility: hidden;
   display: none;
}
#Layer16_Container
{
   width: 1896px;
}
#wb_Image15
{
   left: 308px;
   top: 129px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image24
{
   left: 469px;
   top: 129px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image37
{
   left: 630px;
   top: 129px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image38
{
   left: 790px;
   top: 130px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image39
{
   left: 950px;
   top: 131px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image40
{
   left: 1108px;
   top: 131px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image42
{
   left: 1260px;
   top: 131px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image41
{
   left: 1421px;
   top: 131px;
   width: 131px;
   height: 131px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Text15
{
   left: 798px;
   top: 37px;
   width: 304px;
   height: 76px;
   visibility: hidden;
   display: none;
}
#wb_Text15
{
   margin: 0;
   padding: 0;
}
#Layer15
{
   left: 1px;
   top: 4147px;
   width: 1897px;
   height: 812px;
   visibility: hidden;
   display: none;
}
#wb_Shape7
{
   left: 74px;
   top: 120px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Shape8
{
   left: 874px;
   top: 45px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Image14
{
   left: 895px;
   top: 80px;
   width: 108px;
   height: 93px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_LayoutGrid3
{
   visibility: hidden;
   display: none;
}
#wb_LayoutGrid3
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   padding: 0 15px 0 15px;
}
#LayoutGrid3 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3 > .row > .col-1, #LayoutGrid3 > .row > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid3 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid3 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Html1
{
   left: 1263px;
   top: 325px;
   width: 425px;
   height: 414px;
   visibility: hidden;
   display: none;
}
#wb_Text18
{
   left: 1301px;
   top: 288px;
   width: 340px;
   height: 24px;
   visibility: hidden;
   display: none;
}
#wb_Text18
{
   margin: 0;
   padding: 0;
}
#contactEmail
{
   left: 247px;
   top: 393px;
   width: 397px;
   height: 34px;
   visibility: hidden;
   display: none;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactEmail
{
   line-height: 34px;
}
#contactName
{
   left: 247px;
   top: 312px;
   width: 397px;
   height: 34px;
   visibility: hidden;
   display: none;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#contactName
{
   line-height: 34px;
}
#contactButton
{
   left: 413px;
   top: 681px;
   width: 92px;
   height: 39px;
   visibility: hidden;
   display: none;
   margin: 10px 0 40px 0 ;
   padding: 0;
}
#contactButton
{
   line-height: 39px;
}
#contactMessage
{
   left: 247px;
   top: 472px;
   width: 397px;
   height: 158px;
   visibility: hidden;
   display: none;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
}
#wb_Text19
{
   left: 1311px;
   top: 225px;
   width: 304px;
   height: 78px;
   visibility: hidden;
   display: none;
}
#wb_Text19
{
   margin: 0;
   padding: 0;
}
#wb_Text20
{
   left: 295px;
   top: 225px;
   width: 304px;
   height: 78px;
   visibility: hidden;
   display: none;
}
#wb_Text20
{
   margin: 0;
   padding: 0;
}
#wb_Image44
{
   left: 800px;
   top: 437px;
   width: 301px;
   height: 302px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Text21
{
   left: 488px;
   top: 225px;
   width: 919px;
   height: 78px;
   visibility: hidden;
   display: none;
}
#wb_Text21
{
   margin: 0;
   padding: 0;
}
#wb_IconFont22
{
   left: 816px;
   top: 278px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont22
{
   width: 28px;
   height: 55px;
}
#IconFont22 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont21
{
   left: 863px;
   top: 278px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont21
{
   width: 28px;
   height: 55px;
}
#IconFont21 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont20
{
   left: 909px;
   top: 278px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont20
{
   width: 28px;
   height: 55px;
}
#IconFont20 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont19
{
   left: 956px;
   top: 278px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont19
{
   width: 28px;
   height: 55px;
}
#IconFont19 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_IconFont18
{
   left: 1002px;
   top: 278px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont18
{
   width: 28px;
   height: 55px;
}
#IconFont18 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_Image46
{
   left: 1047px;
   top: 292px;
   width: 22px;
   height: 25px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_IconFont23
{
   left: 805px;
   top: 374px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont23
{
   width: 28px;
   height: 55px;
}
#IconFont23 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_Text22
{
   left: 863px;
   top: 391px;
   width: 128px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_Text22
{
   margin: 0;
   padding: 0;
}
#wb_IconFont24
{
   left: 805px;
   top: 333px;
   width: 28px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#IconFont24
{
   width: 28px;
   height: 55px;
}
#IconFont24 i
{
   line-height: 55px;
   font-size: 28px;
   width: 27px;
}
#wb_Text23
{
   left: 863px;
   top: 355px;
   width: 286px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_Text23
{
   margin: 0;
   padding: 0;
}
#wb_Image47
{
   left: 72px;
   top: 120px;
   width: 82px;
   height: 668px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image48
{
   left: 1740px;
   top: 120px;
   width: 82px;
   height: 668px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Layer14
{
   left: 0px;
   top: 4959px;
   width: 1896px;
   height: 95px;
   visibility: hidden;
   display: none;
}
#Layer14_Container
{
   width: 1896px;
}
#wb_Image16
{
   left: 1100px;
   top: 20px;
   width: 99px;
   height: 55px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 980px;
   top: 17px;
   width: 82px;
   height: 67px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image18
{
   left: 817px;
   top: 19px;
   width: 104px;
   height: 56px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Image19
{
   left: 668px;
   top: 17px;
   width: 106px;
   height: 67px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_IconFont47
{
   left: 1710px;
   top: 23px;
   width: 34px;
   height: 33px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#IconFont47
{
   width: 34px;
   height: 33px;
}
#IconFont47 i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
}
#Layer1
{
   left: 2px;
   top: 2449px;
   width: 1896px;
   height: 329px;
   visibility: hidden;
   display: none;
}
#Layer1_Container
{
   width: 1896px;
}
#wb_YouTube2
{
   left: 171px;
   top: 55px;
   width: 397px;
   height: 223px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_YouTube3
{
   left: 750px;
   top: 55px;
   width: 397px;
   height: 223px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_YouTube4
{
   left: 1325px;
   top: 55px;
   width: 397px;
   height: 223px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_LayoutGrid5
{
   visibility: visible;
   display: table;
   background-color: #FFFFFF;
   background-image: none;
   background-image: none;
}
#wb_LayoutGrid5
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid5
{
   padding: 7px 0 20px 0;
}
#LayoutGrid5 > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid5 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   -webkit-align-content: center;
   -webkit-align-items: center;
   align-content: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid5-divider-bottom
{
   height: 3px;
}
#LayoutGrid5-divider-bottom
{
   bottom: 0%;
}
#wb_Image51
{
   width: 233px;
   height: 71px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image51
{
   width: 233px;
   height: 71px;
}
#wb_Shape25
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_OverlayMenu2
{
   width: 31px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#OverlayMenu2
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 31px;
   height: 20px;
}
#OverlayMenu2:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border-color: #FFFFFF;
}
#OverlayMenu2 .line
{
   background: #4F4F4F;
}
#OverlayMenu2 .line
{
   top: -3px;
}
#OverlayMenu2-overlay ul
{
   font-size: 19px;
   text-align: center;
}
#wb_Shape16
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Image55
{
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image55
{
   width: 18px;
   height: 20px;
}
#wb_IconFont26
{
   width: 23px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
}
#IconFont26
{
   width: 23px;
   height: 33px;
}
#IconFont26 i
{
   line-height: 33px;
   font-size: 23px;
   width: 22px;
   color: #FFFFFF;
}
#IconFont26:hover i
{
   color: #DCDCDC;
}
#wb_IconFont27
{
   width: 23px;
   height: 37px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
}
#IconFont27
{
   width: 23px;
   height: 37px;
}
#IconFont27 i
{
   line-height: 37px;
   font-size: 23px;
   width: 22px;
   color: #FFFFFF;
}
#IconFont27:hover i
{
   color: #D3D3D3;
}
#wb_IconFont28
{
   width: 23px;
   height: 32px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
}
#IconFont28
{
   width: 23px;
   height: 32px;
}
#IconFont28 i
{
   line-height: 32px;
   font-size: 23px;
   width: 22px;
   color: #FFFFFF;
}
#IconFont28:hover i
{
   color: #D3D3D3;
}
#wb_IconFont29
{
   width: 23px;
   height: 31px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
}
#IconFont29
{
   width: 23px;
   height: 31px;
}
#IconFont29 i
{
   line-height: 31px;
   font-size: 23px;
   width: 22px;
   color: #FFFFFF;
}
#IconFont29:hover i
{
   color: #DCDCDC;
}
#wb_IconFont30
{
   width: 23px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
   color: #FFFFFF;
}
#IconFont30
{
   width: 23px;
   height: 33px;
}
#IconFont30 i
{
   line-height: 33px;
   font-size: 23px;
   width: 22px;
   color: #FFFFFF;
}
#IconFont30:hover i
{
   color: #DCDCDC;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Shape10
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Shape11
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Shape13
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Shape14
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Shape15
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Shape33
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_IconFont2
{
   width: 28px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#IconFont2
{
   width: 28px;
   height: 33px;
}
#IconFont2 i
{
   line-height: 33px;
   font-size: 28px;
   width: 27px;
}
#wb_LayoutGrid9
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid9
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid9
{
   padding: 0 15px 0 15px;
}
#LayoutGrid9 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid9 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid9 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Layer18
{
   width: 360px;
   height: 716px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Layer18
{
   margin: 0;
}
#Layer18_Container
{
   width: 360px;
}
#Layer18
{
    width: 100%;
    height: 716px;
}
#wb_Shape19
{
   left: 22px;
   top: 3px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_LayoutGrid7
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid7
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid7
{
   padding: 0 15px 0 15px;
}
#LayoutGrid7 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid7 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#LayoutGrid7 > .row > .col-1 > .col-1-padding
{
   width: 100%;
   padding: 0 10px 0 10px;
}
#wb_Carousel1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#wb_Carousel1
{
   margin: 0;
   height: 304px;
}
#Carousel1 .carousel-innerframe
{
   padding: 0 0 20px 0;
}
#Layer13
{
   width: 360px;
   height: 723px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
}
#Layer13
{
   margin: 0;
}
#Layer13_Container
{
   width: 360px;
}
#Layer13
{
    width: 100%;
    height: 723px;
}
#wb_LayoutGrid8
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid8
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid8
{
   padding: 0 15px 0 15px;
}
#LayoutGrid8 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid8 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid8 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_LayoutGrid10
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid10
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid10
{
   padding: 0 15px 0 15px;
}
#LayoutGrid10 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid10 > .row > .col-1, #LayoutGrid10 > .row > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid10 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid10 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Image64
{
   left: 144px;
   top: 447px;
   width: 86px;
   height: 38px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text35
{
   left: 168px;
   top: 453px;
   width: 34px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_Text35
{
   margin: 0;
   padding: 0;
}
#wb_Text37
{
   left: 49px;
   top: 27px;
   width: 176px;
   height: 22px;
   visibility: visible;
   display: inline;
}
#wb_Text37
{
   margin: 0;
   padding: 0;
}
#wb_Text38
{
   left: 36px;
   top: 290px;
   width: 154px;
   height: 108px;
   visibility: visible;
   display: inline;
}
#wb_Text38
{
   margin: 0;
   padding: 0;
}
#wb_Image65
{
   left: 20px;
   top: 485px;
   width: 317px;
   height: 232px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Shape23
{
   left: 123px;
   top: 621px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text36
{
   left: 37px;
   top: 73px;
   width: 287px;
   height: 180px;
   visibility: visible;
   display: inline;
}
#wb_Text36
{
   margin: 0;
   padding: 0;
}
#wb_Text34
{
   left: 212px;
   top: 290px;
   width: 148px;
   height: 108px;
   visibility: visible;
   display: inline;
}
#wb_Text34
{
   margin: 0;
   padding: 0;
}
#Layer19
{
   width: 360px;
   height: 222px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
}
#Layer19
{
   margin: 0;
}
#Layer19_Container
{
   width: 360px;
}
#Layer19
{
    width: 100%;
    height: 222px;
}
#wb_Text39
{
   left: 28px;
   top: 24px;
   width: 304px;
   height: 59px;
   visibility: visible;
   display: inline;
}
#wb_Text39
{
   margin: 0;
   padding: 0;
}
#wb_Image67
{
   left: 21px;
   top: 82px;
   width: 90px;
   height: 90px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image66
{
   left: 135px;
   top: 82px;
   width: 90px;
   height: 90px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image68
{
   left: 250px;
   top: 82px;
   width: 90px;
   height: 90px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer20
{
   width: 360px;
   height: 593px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: transparent;
   background-image: url('images/bg footer .jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: 100% 100%;
}
#Layer20
{
   margin: 0;
}
#Layer20_Container
{
   width: 360px;
}
#Layer20
{
    width: 100%;
    height: 593px;
}
#wb_Shape24
{
   left: 117px;
   top: 14px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Image69
{
   left: 134px;
   top: 48px;
   width: 96px;
   height: 76px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text40
{
   left: 113px;
   top: 174px;
   width: 135px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Text40
{
   margin: 0;
   padding: 0;
}
#wb_Image70
{
   left: 81px;
   top: 232px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_IconFont31
{
   left: 111px;
   top: 225px;
   width: 23px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   color: #4F4F4F;
}
#IconFont31
{
   width: 23px;
   height: 33px;
}
#IconFont31 i
{
   line-height: 33px;
   font-size: 23px;
   width: 22px;
   color: #4F4F4F;
}
#IconFont31:hover i
{
   color: #4F4F4F;
}
#wb_IconFont32
{
   left: 146px;
   top: 223px;
   width: 23px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   color: #4F4F4F;
}
#IconFont32
{
   width: 23px;
   height: 37px;
}
#IconFont32 i
{
   line-height: 37px;
   font-size: 23px;
   width: 22px;
   color: #4F4F4F;
}
#IconFont32:hover i
{
   color: #4F4F4F;
}
#wb_IconFont33
{
   left: 182px;
   top: 226px;
   width: 23px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   color: #4F4F4F;
}
#IconFont33
{
   width: 23px;
   height: 32px;
}
#IconFont33 i
{
   line-height: 32px;
   font-size: 23px;
   width: 22px;
   color: #4F4F4F;
}
#IconFont33:hover i
{
   color: #4F4F4F;
}
#wb_IconFont34
{
   left: 217px;
   top: 226px;
   width: 23px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   color: #4F4F4F;
}
#IconFont34
{
   width: 23px;
   height: 31px;
}
#IconFont34 i
{
   line-height: 31px;
   font-size: 23px;
   width: 22px;
   color: #4F4F4F;
}
#IconFont34:hover i
{
   color: #4F4F4F;
}
#wb_IconFont35
{
   left: 251px;
   top: 225px;
   width: 23px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   color: #4F4F4F;
}
#IconFont35
{
   width: 23px;
   height: 33px;
}
#IconFont35 i
{
   line-height: 33px;
   font-size: 23px;
   width: 22px;
   color: #4F4F4F;
}
#IconFont35:hover i
{
   color: #4F4F4F;
}
#wb_IconFont37
{
   left: 47px;
   top: 270px;
   width: 23px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#IconFont37
{
   width: 23px;
   height: 37px;
}
#IconFont37 i
{
   line-height: 37px;
   font-size: 23px;
   width: 22px;
}
#wb_IconFont38
{
   left: 47px;
   top: 306px;
   width: 23px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#IconFont38
{
   width: 23px;
   height: 37px;
}
#IconFont38 i
{
   line-height: 37px;
   font-size: 23px;
   width: 22px;
}
#wb_Text43
{
   left: 91px;
   top: 316px;
   width: 128px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text43
{
   margin: 0;
   padding: 0;
}
#wb_Text42
{
   left: 87px;
   top: 282px;
   width: 270px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text42
{
   margin: 0;
   padding: 0;
}
#wb_Image71
{
   left: 81px;
   top: 360px;
   width: 186px;
   height: 191px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer21
{
   width: 360px;
   height: 765px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   background-color: #D5B67A;
   background-image: none;
}
#Layer21
{
   margin: 0;
}
#Layer21_Container
{
   width: 360px;
}
#Layer21
{
    width: 100%;
    height: 765px;
}
#wb_Text41
{
   left: 45px;
   top: 36px;
   width: 270px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Text41
{
   margin: 0;
   padding: 0;
}
#wb_Text44
{
   left: 113px;
   top: 8px;
   width: 135px;
   height: 52px;
   visibility: visible;
   display: inline;
}
#wb_Text44
{
   margin: 0;
   padding: 0;
}
#Html2
{
   left: 29px;
   top: 99px;
   width: 302px;
   height: 273px;
   visibility: visible;
   display: inline;
}
#wb_Text45
{
   left: 87px;
   top: 431px;
   width: 172px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_Text45
{
   margin: 0;
   padding: 0;
}
#Editbox1
{
   left: 37px;
   top: 486px;
   width: 262px;
   height: 12px;
   visibility: visible;
   display: inline;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
   font-size: 12px;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   text-decoration: none;
}
#Editbox1
{
   line-height: 12px;
}
#Editbox2
{
   left: 35px;
   top: 533px;
   width: 266px;
   height: 12px;
   visibility: visible;
   display: inline;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
   font-size: 12px;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   text-decoration: none;
}
#Editbox2
{
   line-height: 12px;
}
#TextArea1
{
   left: 35px;
   top: 580px;
   width: 266px;
   height: 103px;
   visibility: visible;
   display: inline;
   margin: 5px 0 10px 0 ;
   padding: 8px 12px 8px 12px;
   text-align: left;
   font-size: 12px;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   text-decoration: none;
}
#Button1
{
   left: 146px;
   top: 718px;
   width: 73px;
   height: 25px;
   visibility: visible;
   display: inline;
   margin: 10px 0 40px 0 ;
   padding: 0;
   font-size: 12px;
   font-family: "Tajawal";
   font-weight: 500;
   font-style: normal;
   text-decoration: none;
}
#Button1
{
   line-height: 25px;
}
#Layer31
{
   width: 360px;
   height: 81px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#Layer31
{
   margin: 0;
}
#Layer31_Container
{
   width: 360px;
}
#Layer31
{
    width: 100%;
    height: 81px;
}
#wb_Image102
{
   left: 253px;
   top: 18px;
   width: 66px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image103
{
   left: 187px;
   top: 17px;
   width: 47px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image104
{
   left: 96px;
   top: 20px;
   width: 61px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image105
{
   left: 18px;
   top: 16px;
   width: 57px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_IconFont49
{
   left: 324px;
   top: 29px;
   width: 18px;
   height: 17px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 2px 2px 2px 2px;
}
#IconFont49
{
   width: 18px;
   height: 17px;
}
#IconFont49 i
{
   line-height: 17px;
   font-size: 17px;
   width: 16px;
}
#Layer12
{
   width: 360px;
   height: 705px;
   visibility: visible;
   display: block;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
}
#Layer12
{
   margin: 0;
}
#Layer12_Container
{
   width: 360px;
}
#Layer12
{
    width: 100%;
    height: 705px;
}
#wb_Shape21
{
   left: 0px;
   top: 3px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text31
{
   left: 11px;
   top: 17px;
   width: 135px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text31
{
   margin: 0;
   padding: 0;
}
#wb_Shape22
{
   left: 0px;
   top: 559px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape20
{
   left: 57px;
   top: 53px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text32
{
   left: 78px;
   top: 66px;
   width: 264px;
   height: 567px;
   visibility: visible;
   display: inline;
}
#wb_Text32
{
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   left: 253px;
   top: 229px;
   width: 107px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Shape5
{
   left: 253px;
   top: 217px;
   width: 107px;
   height: 34px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_YouTube8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Shape6
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_YouTube6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Shape17
{
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text12
{
   visibility: visible;
   display: block;
}
#wb_Text12
{
   margin: 0;
   padding: 0;
}
}