body{
font-family: 'Tajawal', sans-serif;
margin: 0px;
padding: 0px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
vertical-align: baseline;
margin: 0;
padding: 0;
}
ol,
ul,
li {
list-style: none;
padding:0px;
}

html {
box-sizing: border-box
}

*,
*:before,
*:after {
box-sizing: inherit
}

html {
margin: 0;
padding: 0;
}
a {
cursor: pointer
}

.slides {
color: #fff;
fill: #fff;
font-family: 'Tajawal', sans-serif;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-rendering: optimizeSpeed;
-webkit-transition: .15s;
transition: .15s
}

a:hover {
-webkit-transition: .15s;
transition: .15s
}

img {
max-width: 100%;
display: inline-block;
height: auto;
}

svg {
-webkit-transition: .15s;
transition: .15s
}

.slide.whiteSlide svg {
fill: #303030
}

.clearBoth:after {
content: "";
clear: both;
display: table
}

a {
color: inherit;
text-decoration: none;
-webkit-transition: .35s;
transition: .35s
}

a:hover {
opacity: .75
}

h1,
.h1 {
font-family: 'Michroma', sans-serif;
font-size: 60px;
line-height: 1.05;
letter-spacing: 1.5px;
text-shadow: 1px 2px 5px #000;
font-weight: 400;
margin-bottom: 20px;
margin-top: 0px;
}
.s_h2 {
font-family: 'Michroma', sans-serif;
font-size: 45px;
line-height: 1.05;
letter-spacing: 1.5px;
text-shadow: 1px 2px 5px #000;
font-weight: 400;
margin-bottom: 20px;
}

p {
font-family: 'Tajawal', sans-serif;
font-size: 20px;
line-height: 35px;
text-shadow: 0px 2px 3px #000;
}

.button {
font-family: 'Tajawal', sans-serif;
display: inline-block;
border-radius: 3px;
padding: 12px 22px;
color: #fff;
border: 0;
outline: 0;
text-decoration: none;
background: #303030;
font-size: 22px;
font-weight: 500;
vertical-align: top;
cursor: pointer;
overflow: hidden;
-webkit-backface-visibility: hidden;
position: relative;
white-space: nowrap;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0);
box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0);
-webkit-appearance: none;
margin-bottom: 20px;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-transition: .25s;
transition: .25s
}

.slide.whiteSlide .button.white {
-webkit-box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0);
box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0)
}

.slide.whiteSlide .button.white:hover {
-webkit-box-shadow: 0 0 0 1px rgba(41, 41, 41, 0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.18);
box-shadow: 0 0 0 1px rgba(41, 41, 41, 0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.18)
}
.round {
border-radius: 40px !important;
padding-left: 25px !important;
padding-right: 25px !important
}

.rectangular {
border-radius: 0 !important
}

.roundButton {
border-radius: 50px;
height: 50px;
width: 50px;
padding: 14px;
margin: 5px
}

.dots {
font-size: 0
}

.dot {
padding: 8px;
display: inline-block
}

.dot:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
opacity: .5;
-webkit-transition: .25s;
transition: .25s
}

.dots.big .dot:after {
width: 14px;
height: 14px
}

.slide.whiteSlide .dot:after {
background: #303030
}

.dot:hover:after {
-webkit-transform: scale(1.33333);
transform: scale(1.333333);
opacity: 1
}

.dot:active:after,
.dot.selected:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}

.tabs {
border-radius: 4px;
border: 1px solid #fff;
color: #fff;
max-width: 260px
}

.links li {
font-size: 17px;
letter-spacing: 0;
padding: 4px 0
}

.nextSlide,
.prevSlide {
cursor: pointer
}

.prevSlide_none{
display: none;
}

.nextSlide:hover,
.prevSlide:hover {
-webkit-transition: .15s;
transition: .15s
}

.nextSlide:active,
.prevSlide:active {
opacity: .75
}

.firstSlide .prevSlide,
.lastSlide .nextSlide {
opacity: 0;
pointer-events: none
}

.firstSlide.lastSlide .prevSlide,
.firstSlide.lastSlide .nextSlide {
opacity: 0
}

.firstSlide .panel.bottom .nextSlide svg {
-webkit-animation: animateArrow 4s infinite;
animation: animateArrow 4s infinite
}

@-webkit-keyframes animateArrow {
80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
90% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

@keyframes animateArrow {
80% {
transform: translateY(0)
}
90% {
transform: translateY(10px)
}
100% {
transform: translateY(0)
}
}

.slide {
position: fixed;
width: 100%;
height: 100%;
background: #303030;
color: #fff;
z-index: 10;
overflow: hidden
}

.slide.active {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}

.mobile .slide {
visibility: hidden
}

.mobile .slide.active {
visibility: visible
}

.content {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
-webkit-overflow-scrolling: touch
}

.content.scrollBar {
overflow-y: auto
}

.windows .defaultScroll .content {
overflow: auto;
overflow-x: hidden
}

.mobile .content {
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}


.whiteSlide.fade .content {
background: rgba(255, 255, 255, 0.9)
}

body .slide.whiteSlide {
color: #303030;
background: white
}

.container {
display: table;
table-layout: fixed;
position: relative;
width: 100%;
height: 100%
}

.wrap {
display: table-cell;
text-align: center;
vertical-align: middle;
cursor: default
}

.wrap * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}

.slide .background,
.popup .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.grid {
margin-left: -2%;
margin-right: -2%
}

.grid.fixedSpaces {
margin-left: -15px;
margin-right: -15px
}

.grid.noSpaces {
margin-left: 0;
margin-right: 0
}

.grid+.grid {
margin-top: 20px
}

.grid:after {
content: "";
display: table;
clear: both
}

.col-1-12 {
max-width: 8.333333333%
}

.col-2-12 {
max-width: 16.66666667%
}

.col-3-12 {
max-width: 25%
}

.col-4-12 {
max-width: 33.33333333%
}

.col-5-12 {
max-width: 41.66666667%
}

.col-6-12 {
max-width: 50%
}

.col-7-12 {
max-width: 58.33333333%
}

.col-8-12 {
max-width: 66.66666667%
}

.col-9-12 {
max-width: 75%
}

.col-10-12 {
max-width: 83.33333333%
}

.col-11-12 {
max-width: 91.66666667%
}

.col-12-12 {
max-width: 100%
}


.fix-11-12 {
max-width: 1018px !important
}

.fix-12-12 {
max-width: 800px !important;
text-align: left;
margin-top: 25px;
}

[class*='fix-'] {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none
}

.toLeft,
.toLeft[class*='fix-'],
.toLeft[class*='col-'] {
margin-left: 0 !important;
margin-right: auto !important
}

.toRight,
.toRight[class*='fix-'],
.toRight[class*='col-'] {
margin-right: 0 !important;
margin-left: auto !important;
float: right
}

.toCenter,
.toCenter[class*='col-'] {
margin-left: auto !important;
margin-right: auto !important
}

.slide.video .background {
overflow: hidden
}

.slide.video .background video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover
}

.slide.video .background video::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none
}

.slide.video .background video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none
}

html:not(.mobile) .slide.video .background[style] {
background: none !important
}

.slide.whiteSlide .fade {
background: rgba(255, 255, 255, 0.85)
}

.videoThumbnail {
cursor: pointer;
position: relative;
font-size: 0;
-webkit-box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6);
box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6);
overflow: hidden;
line-height: 0
}

.shadow,
.button.empty.shadow:hover {
-webkit-box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6);
box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6)
}

.slide.whiteSlide .videoThumbnail {
-webkit-box-shadow: none;
box-shadow: none
}

.noShadow {
-webkit-box-shadow: none;
box-shadow: none
}

.videoThumbnail:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url('../assets/svg/video-icon.svg') no-repeat;
background-position: center center;
-webkit-transition: .5s;
transition: .5s
}

.videoThumbnail:not(.noTint):hover:after {
background-color: rgba(0, 0, 0, 0.15)
}

.videoThumbnail:hover:after {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: .25s;
transition: .25s
}

.videoThumbnail:active:after {
opacity: .8
}

.videoThumbnail.small {
max-width: 200px;
display: block;
-webkit-box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.6);
box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.6)
}

.videoThumbnail.small:after {
background-size: 44px
}

.pad {
border-radius: 20px;
padding: 6% 10%;
border: 4px solid #fff;
color: #303030;
background: #fff;
overflow: hidden
}

.pad.shadow {
-webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.12);
box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.12)
}

.pad.shadowHover {
-webkit-transition: .5s;
transition: .5s;
-webkit-box-shadow: 0 52px 64px rgba(0, 0, 0, 0);
box-shadow: 0 52px 64px rgba(0, 0, 0, 0)
}

.pad.shadowHover:hover {
-webkit-box-shadow: 0 52px 64px rgba(0, 0, 0, 0.5);
box-shadow: 0 52px 64px rgba(0, 0, 0, 0.5)
}

.pad.stroke {
background: transparent;
-webkit-transition: .15s;
transition: .15s;
color: #fff
}

.pad.stroke:hover {
background: #fff;
color: #303030;
-webkit-transition: .15s;
transition: .15s
}

.pad small {
font-size: 15px;
line-height: 1.45;
margin: 15px 0
}

.quoteBubble {
padding: 7%;
background: #fff;
font-size: 26px;
color: #303030;
position: relative
}

.quoteBubble:after {
content: "";
position: absolute;
bottom: -13px;
left: 6%;
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0
}

.quoteName {
padding-top: 23px;
padding-left: 7%;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
letter-spacing: .18em
}

.quoteTitle {
text-transform: none;
font-size: 16px;
font-weight: 400;
opacity: .6;
letter-spacing: .05em
}

.slide.whiteSlide .quoteBubble {
background: #303030;
color: #fff
}

.slide.whiteSlide .quoteBubble:after {
border-color: #303030 transparent;
color: #fff
}

.resizing .equalElement {
-webkit-transition: 0 !important;
transition: 0 !important
}

.hr hr {
position: relative;
height: 1px
background-image: -webkit-linear-gradient(left,#fafafa ,#eee,#fafafa);
}

.slide.whiteSlide .hr:after {
background: rgba(41, 41, 41, .05)
}



.panel {
font-family: 'Tajawal', sans-serif;
position: fixed;
left: 0;
width: 100%;
padding: 1% 1.8%;
z-index: 200;
text-align: center;
font-size: 22px;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}

.slides.whiteSlide .panel {
color: #303030
}


.panel.large {
padding: 2.78% 5%
}

.panel.small {
padding-top: 14px;
padding-bottom: 14px
}

.panel.top {
top: 0
}

.panel.bottom {
bottom: 0
}

.panel.top {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
opacity: 0
}

.panel.bottom {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 0
}

.page-loaded .panel {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
-webkit-transition: -webkit-transform .5s, opacity .5s, padding .5s;
transition: transform .5s, opacity .5s, padding .5s
}

.panel .hidden,
.panel .hidden * {
display: none
}

.scroll .panel.hideOnScroll.top,
.scroll .panel.hideOnScroll.bottom {
position: fixed
}

.panel.hideOnScroll.top.hide {
-webkit-transform: translateY(-100%) !important;
transform: translateY(-100%) !important;
opacity: 0
}

.panel.hideOnScroll.bottom.hide {
-webkit-transform: translateY(100%) !important;
transform: translateY(100%) !important;
opacity: 0
}
.panel .sections {
display: table;
width: 85%;
margin: 0 auto;
}

.slides.whiteSlide .panel svg {
fill: #303030
}

.sections>div {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 33.33333%;
white-space: nowrap;
font-size: 22px;
height: 50px
}

.sections>div.auto {
width: .1%
}

.sections>div * {
pointer-events: all
}

.sections .left {
text-align: left
}

.sections .right {
text-align: right
}

.sections .center {
text-align: center
}

.sections .menu {
white-space: nowrap;
display: inline-block;
padding: 0 20px;
font-size: 0
}

.sections .menu li {
font-size: 22px;
display: inline-block;
margin: 0 10px
}

.sections .menu.small li {
font-size: 18px;
margin: 0 4px
}

.sections .menu li a {
font-size: 9px;
letter-spacing: 1.5px;
color: #fefefe;
font-weight: bolder;
padding: 15px 10px;
font-family:'Michroma', sans-serif;
text-transform: uppercase;
}
.s_white .sections .menu li a {
color: #33c;
font-weight: 600;
}
.s_h3 {
color: #CC33CC;
text-align: left;
font-size: 25px;
letter-spacing: 1px;
font-family:'Tajawal', sans-serif;
text-transform: capitalize;
text-align: center;
font-weight: normal;
}

.sections .menu.uppercase {
font-weight: 600
}

.sections .menu.uppercase li {
font-size: 17px;
margin: 0 20px;
letter-spacing: .15em
}

.sections .menu.uppercase.small li {
font-size: 14px;
margin: 0 10px
}

.sections .center.space {
padding: 0 20px
}

.sections .right.space {
padding-left: 20px
}

.sections .left.space {
padding-right: 20px
}

.sections .right ul.crop {
padding-right: 0
}

.sections .left ul.crop {
padding-left: 0
}

.sections .left ul.crop li:first-child {
margin-left: 0
}

.sections .right ul.crop li:last-child {
margin-right: 0
}

.sections a:not(.button):hover {
opacity: .75;
-webkit-transition: .15s;
transition: .15s
}

.panel .button {
display: inline-block;
border-radius: 50px;
padding-left: 20px;
padding-right: 20px;
background: #fff;
color: #303030;
font-size: 20px;
margin: 0;
vertical-align: middle
}

.panel .button.small {
font-size: 18px
}

.panel .button.micro {
font-size: 16px;
padding: 12px 22px
}

.panel .nextSlide,
.panel .prevSlide {
width: 30px;
height: 30px;
position: relative;
top: 5px;
margin-bottom:20px;
}

.panel .button+.button {
margin-left: 10px
}

.menuButton.uppercase {
font-size: 17px
}

.menuButton.uppercase.small {
font-size: 14px
}

.slides.whiteSlide .panel .menuButton {
background: #303030;
color: #fff
}

.panel .button.menuButton.stroke {
color: #fff
}

.slides.whiteSlide .panel .button.menuButton.stroke {
color: #303030
}

.button.actionButton {
display: inline-block;
height: 50px;
width: 50px;
padding: 12px;
border: 2px solid transparent;
border-radius: 25px;
z-index: 999;
background: rgba(40, 40, 40, .6);
line-height: 1;
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
vertical-align: top
}

.button.actionButton:hover {
background: rgba(41, 41, 41, .8)
}

.slides.whiteSlide .panel .actionButton svg {
fill: #fff
}

html:not(.page-loaded) .slides .slide.selected,
html:not(.page-loaded) .slides.scroll .slide {
opacity: .2 !important
}

.slides .slide {
opacity: 1
}

.loadingIcon {
position: fixed;
z-index: 10000;
text-align: center;
top: 10px;
right: 10px;
opacity: 0
}

.page-ready .loadingIcon {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: .5s .5s;
transition: .5s .5s
}

.loadingIcon svg {
width: 24px;
height: 24px
}

.loadingIcon svg .dash {
stroke: #fff
}

.page-loaded .loadingIcon {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
pointer-events: none;
-webkit-transition: all .5s, visibility 0 5s;
transition: all .5s, visibility 0 5s
}

.slides .loadingIcon svg {
-webkit-animation: loading 3s infinite cubic-bezier(.64, .48, .55, .64);
animation: loading 3s infinite cubic-bezier(.64, .48, .55, .64)
}

.page-loaded .slides .loadingIcon svg {
-webkit-animation: none;
animation: none
}

.loadingIcon svg .dash {
-webkit-transition: .3s linear;
transition: .3s linear
}

@-webkit-keyframes loading {
from {
-webkit-transform: rotate(-1080deg);
transform: rotate(-1080deg)
}
}

@keyframes loading {
from {
transform: rotate(-1080deg)
}
}

.side {
position: fixed;
right: 0;
top: 0;
bottom: 0;
height: 100%;
z-index: 100;
padding: calc(5.56% + 50px) 4%;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .5s;
transition: opacity .5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}

.side.large {
padding: calc(5.56% + 50px) 5%;
}

.page-loaded .side {
opacity: 1;
}

.side.left {
left: 0;
right: inherit
}

.side.right {
right: 0;
left: inherit
}

.navigation {
display: table;
height: 100%
}

.navigation ul {
display: table-cell;
vertical-align: middle
}

.navigation * {
pointer-events: all
}

.navigation li {
fill: #fff;
display: block;
background: transparent;
padding: 9px;
margin: 0 -9px;
cursor: pointer;
position: relative
}

.navigation li:after {
content: "";
display: block;
width: 15px;
height: 15px;
-webkit-border-radius: 7px;
border-radius: 7px;
opacity: .5;
background: #fff;
-webkit-box-shadow: 0 0 1px #303030;
box-shadow: 0 0 1px #303030;
-webkit-transition: opacity .15s, background .15s;
transition: opacity .15s, background .15s
}

.navigation li:hover:after {
opacity: 1
}

.navigation li[data-title]:before {
content: attr(data-title);
position: absolute;
left: 0;
top: 1px;
background: rgba(40, 40, 40, 0.7);
color: #fff;
font-size: 13px;
border-radius: 3px;
font-family: 'Tajawal', sans-serif;
padding: 6px 14px 7px;
letter-spacing: 1px;
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
width: 180px;
text-align: center;

}

.navigation li:hover:before {
visibility: visible
}

.left .navigation li:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
left: inherit;
right: 0
}

.panel.bottom .navigation li:before {
-webkit-transform: translateY(-100%) translateX(-50%);
transform: translateY(-100%) translateX(-50%);
left: 14px;
top: -2px
}

.compact.side {
padding: 30px calc(2.5% - 8px)
}

.compact.side .navigation li {
width: 15px;
height: 7px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
background: #fff;
opacity: .2;
padding: 1px
}

.compact.side .navigation li:hover {
opacity: 1
}

.compact.side .navigation li.selected {
opacity: 1
}

.whiteSlide .compact.side .navigation li {
background: rgba(41, 41, 41, 1)
}

.compact.side .navigation li:after {
display: none
}

.compact.side .navigation li:first-child {
border-radius: 10px 10px 0 0
}

.compact.side .navigation li:last-child {
border-radius: 0 0 10px 10px
}

.compact.side .navigation li:after {
display: none
}

.compact.side .navigation li:before {
margin: 0 -12px;
top: -10px
}

.stroke .navigation li:after {
border-color: #fefefe;
border-style: solid;
border-width: 1px;
background-color: transparent
}

.stroke.small .navigation li:after {
border-width: 1px
}

.stroke .navigation li.selected:after {
background: #fff
}

.square .navigation li:after {
border-radius: 0
}

.square.small .navigation li:after {
border-radius: 0
}

.diamond .navigation li:after {
border-radius: 0;
-webkit-transform: rotate(45deg) scale(0.72);
transform: rotate(45deg) scale(0.72)
}

.navigation li.selected:after {
opacity: 1
}

.panel .side {
position: relative;
display: inline;
height: auto;
padding: 0
}

.panel .navigation,
.panel .navigation ul {
display: inline
}

.panel .navigation li {
display: inline-block;
margin: -9px 0
}

.panel .side.small .navigation li {
margin: 0
}

.sideArrow {
width: 31px;
height: 72px;
margin: 0 -9px
}

.slides.whiteSlide .side svg:not([fill]) {
fill: #303030
}

.dropdown {
position: fixed;
z-index: 300;
color: #303030;
width: 160px;
background: #fff;
font-family: 'Tajawal', sans-serif;
-webkit-box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15), 0 14px 28px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15), 0 14px 28px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
margin-bottom: 50px;
border-radius: 8px;
text-align: center;
cursor: default;
visibility: hidden;
opacity: 0;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: translateY(0) scale(0.9);
transform: translateY(0) scale(0.9);
-webkit-transition: -webkit-transform .35s, opacity .35s, -webkit-box-shadow .35s;
transition: transform .35s, opacity .35s, box-shadow .35s
}

.dropdown.bottom {
-webkit-transform-origin: bottom;
transform-origin: bottom
}

.dropdown:after {
content: "";
bottom: 100%;
left: 25px;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 7px;
margin-left: -7px
}

.dropdown.bottom:after {
top: 100%;
bottom: initial;
border-bottom-color: rgba(255, 255, 255, 0);
border-top-color: #fff
}

.dropdown.right:after {
right: 18px;
left: auto
}

.dropdown.show {
visibility: visible;
opacity: 1
}

.dropdown.show {
-webkit-transform: translateY(20px);
transform: translateY(20px)
}

.dropdown.bottom.show {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}

.dropdown.show.hide {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px)
}

.dropdown.bottom.show.hide {
-webkit-transform: translateY(-40px);
transform: translateY(-40px)
}

.slides .dropdown h3 {
font-family: 'Tajawal', sans-serif;
font-size: 17px;
padding: 15px 0;
font-weight: 500;
margin: 0;
text-align: center;
opacity: .65
}

.dropdown.share li {
float: left;
text-align: center;
display: block;
width: 80px;
height: 50px;
padding: 14px 0;
color: #fff;
position: relative;
cursor: pointer;
opacity: .9;
-webkit-transition: .15s;
transition: .15s
}

.dropdown.share li:hover {
opacity: 1
}

.dropdown.share li:after {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.1);
-webkit-transition: .25s;
transition: .25s
}

.dropdown.share li:active:after {
opacity: 1;
-webkit-transition: .1s;
transition: .1s
}

.dropdown.share li svg {
width: 20px;
height: 20px;
fill: #fff
}

.dropdown.share .mail {
width: 100%;
height: 50px;
color: #7e7e7e;
font-size: 15px;
padding: 15px 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}

.dropdown.share .mail:after {
border-radius: 0 0 7px 7px;
background: rgba(0, 0, 0, 0.05)
}

.dropdown.share .mail:hover {
text-decoration: underline
}

.dropdown.share .googlePlus {
background: #dd4330
}

.dropdown.share .facebook {
background: #3b5998
}

.dropdown.share .twitter {
background: #55acee
}

.dropdown.share .digg {
background: #000
}

.dropdown.share .delicious {
background: #39f
}

.dropdown.share .stumbleupon {
background: #eb4924
}

.dropdown.share .linkedin {
background: #0077b5
}

.dropdown.share .pinterest {
background: #cc2127
}

.sidebar {
font-family: 'Tajawal', sans-serif;
position: fixed;
top: 0;
right: 0;
width: 320px;
max-width: 90%;
height: 100%;
color: #fff;
z-index: 500;
background: rgba(34, 34, 34, 1);
-webkit-transition: -webkit-transform .5s, visibility 0;
transition: transform .5s, visibility 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
overflow-y: auto;
-webkit-overflow-scrolling: touch
}

.sidebarShown .sidebar.visible {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1
}

.sidebar .content {
padding: 40px;
overflow-y: auto;
position: relative
}

.sidebar .wrap {
padding: 0
}

.sidebarShown .slide.selected .content {
overflow: hidden
}

.sidebar.left {
right: inherit;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}

.sidebar.top {
top: 0;
width: 100%;
max-width: 100%;
height: auto;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}

.sidebar.bottom {
bottom: 0;
top: inherit;
width: 100%;
max-width: 100%;
height: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}

.sidebar .logo {
padding: 0;
font-size: 0;
margin-bottom: 35px
}

.sidebar .close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
padding: 14px;
font-size: 0;
opacity: .5;
z-index: 101;
-webkit-transition: .25s;
transition: .25s
}

.sidebar:hover .close:hover {
opacity: 1
}

.sidebar .close svg {
width: 30px;
height: 30px;
fill: #fff
}

.sidebar .uppercase li a {
text-transform: uppercase;
letter-spacing: .15em
}

.sidebar ul {
line-height: 2.21;
margin-bottom: 25px;
display: block;
font-size: 0
}

.sidebar a {
display: inline-block;
color: #fff;
fill: #fff
}

.sidebar a:hover {
opacity: .6
}

.sidebar .mainMenu li a {
font-size: 19px;
font-weight: 700
}

.sidebar .mainMenu.small li a {
font-size: 15px
}

.sidebar .subMenu li {
font-weight: 400;
text-transform: none;
letter-spacing: 0;
opacity: .7
}

.sidebar .subMenu li {
font-size: 20px
}

.sidebar .subMenu.small li {
font-size: 15px
}

.sidebar .social {
margin-top: 40px
}

.sidebar .social li {
display: inline-block;
margin-right: 20px
}

.sidebar .social li:last-child {
margin-right: 0
}

.sidebar .social li a {
font-size: 0;
padding: 0
}

.sidebar .social li a svg {
width: 24px;
height: 24px
}

.sidebar.small ul {
margin-bottom: 17px
}

.sidebar.small .content {
padding: 30px
}

.sidebar.small .social {
margin-top: 30px
}

.sidebar .social.small li {
margin-right: 12px
}

.sidebar .social.small li a svg {
width: 16px;
height: 16px
}

.sidebar .large li a {
font-size: 30px
}

.sidebar .light li a {
font-weight: 100
}

.sidebar .social.medium li a svg {
width: 18px;
height: 18px
}

.sidebar .social.medium li {
margin-right: 14px
}

.page-loaded.sidebarShown .slide.selected {
-webkit-transform: scale(0.95) !important;
transform: scale(0.95) !important;
pointer-events: none;
opacity: .5 !important
}

.sidebarShown .panel.top {
opacity: 0
}

.sidebarShown .panel.bottom {
opacity: .5;
-webkit-transform: scale(0.95) translateY(-10%);
transform: scale(0.95) translateY(-10%)
}

.page-loaded.sidebarShown .panel,
.page-loaded.sidebarShown .slide.selected,
.page-loaded.sidebarShown .slide.selected:after,
.sidebar {
-webkit-transition: -webkit-transform .5s, opacity .5s !important;
transition: transform .5s, opacity .5s !important
}
.slider {
position: relative
}

.slider.clickable {
cursor: pointer
}

.slider.autoHeight {
-webkit-transition: .5s;
transition: .5s
}

.slider>li {
display: none;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity .35s;
transition: opacity .35s;
pointer-events: none
}

.slider>li.selected {
display: block;
opacity: 1;
-webkit-transition: opacity .35s;
transition: opacity .35s;
pointer-events: all
}

.controller li {
cursor: pointer
}

.controller li.selected {
cursor: default;
pointer-events: none
}

.slide.before {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}

.slide,
.slide.after {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
will-change: transform
}

.slide.before,
.slide.after {
opacity: 0
}

.slide.selected {
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
z-index: 11
}

.page-loaded .slide.selected {
opacity: 1 !important
}

.horizontal .slide,
.horizontal .slide.before {
-webkit-transform: translate3D(-50%, 0, 0);
-ms-transform: translate3D(-50%, 0, 0);
transform: translate3D(-50%, 0, 0)
}

.horizontal .slide.after {
-webkit-transform: translate3D(50%, 0, 0);
-ms-transform: translate3D(50%, 0, 0);
transform: translate3D(50%, 0, 0)
}

.film .slide.before {
-webkit-transform: translate3D(0, -100%, 0);
-ms-transform: translate3D(-100%, 0, 0);
transform: translate3D(0, -100%, 0)
}

.film .slide.after {
-webkit-transform: translate3D(0, 100%, 0);
-ms-transform: translate3D(0, 100%, 0);
transform: translate3D(0, 100%, 0)
}

.film.horizontal .slide.before {
-webkit-transform: translate3D(-100%, 0, 0);
-ms-transform: translate3D(-100%, 0, 0);
transform: translate3D(-100%, 0, 0)
}

.film.horizontal .slide,
.film.horizontal .slide.after {
-webkit-transform: translate3D(100%, 0, 0);
-ms-transform: translate3D(100%, 0, 0);
transform: translate3D(100%, 0, 0)
}

.zen .slide.before {
-webkit-transform: translateY(-100%) scale(0.8);
-ms-transform: translateY(-100%) scale(0.8);
transform: translateY(-100%) scale(0.8)
}

.zen .slide,
.zen .slide.after {
-webkit-transform: translateY(100%) scale(0.8);
-ms-transform: translateY(100%) scale(0.8);
transform: translateY(100%) scale(0.8)
}

.zen.horizontal .slide.before {
-webkit-transform: translateX(-100%) scale(0.8);
-ms-transform: translateX(-100%) scale(0.8);
transform: translateX(-100%) scale(0.8)
}

.zen.horizontal .slide,
.zen.horizontal .slide.after {
-webkit-transform: translateX(100%) scale(0.8);
-ms-transform: translateX(100%) scale(0.8);
transform: translateX(100%) scale(0.8)
}

.stack .slide,
.stack .slide.after {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}

.stack .slide.after {
opacity: initial
}

.stack .slide.selected,
.stack .slide.after.active {
z-index: 11 !important
}

.stack .slide.before {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9)
}

.stack.horizontal .slide,
.stack.horizontal .slide.after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}

.stack.horizontal .slide.before {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}

.page-loaded .fast .slide.active,
.page-loaded .fast .slide.selected {
-webkit-transition: -webkit-transform .6s, opacity .6s;
transition: transform .6s, opacity .6s
}

.page-loaded .slide.selected,
.page-loaded .slide.active {
-webkit-transition: -webkit-transform 1s, opacity 1s;
transition: transform 1s, opacity 1s
}

.page-loaded .slow .slide.active,
.page-loaded .slow .slide.selected {
-webkit-transition: -webkit-transform 1.4s, opacity 1.4s;
transition: transform 1.4s, opacity 1.4s
}

.page-loaded .slide.selected.entry,
.page-loaded .slide.active.entry {
-webkit-transition: -webkit-transform 0, opacity 1s;
transition: transform 0, opacity 1s
}

.slides.animated.fast .panel {
-webkit-transition: -webkit-transform .6s, opacity .6s, padding .5s, background .5s, border .5s, box-shadow .5s;
transition: transform .6s, opacity .6s, padding .5s, background .5s, border .5s, box-shadow .5s
}

.slides.animated .panel {
-webkit-transition: -webkit-transform .8s, opacity .8s, padding .5s, background .5s, border .5s, box-shadow .5s;
transition: transform .8s, opacity .8s, padding .5s, background .5s, border .5s, box-shadow .5s
}

.slides.animated.slow .panel {
-webkit-transition: -webkit-transform 1s, opacity 1s, padding .5s, background .5s, border .5s, box-shadow .5s;
transition: transform 1s, opacity 1s, padding .5s, background .5s, border .5s, box-shadow .5s
}

.icon-48 {
margin-bottom: 30px;
margin-top: 15px;
stroke: #fff
}

.slide.whiteSlide .icon-48 {
stroke: #303030
}

.icon-49 {
margin-bottom: 30px;
margin-top: 15px;
stroke: #fff
}

.slide.whiteSlide .icon-49 {
stroke: #303030
}

.grid-50 {
margin-top: 50px
}

.box-51 {
margin-top: 65px
}

.box-51 .button {
margin-left: 0;
margin-right: 0
}

.app-51 {
margin-bottom: 30px
}
.pad-54.pad {
border-radius: 40px
}

.button-55.button {
margin-top: 20px;
margin-left: 0;
margin-right: 0
}

.text-58 {
margin-top: 60px
}

.text-59 {
padding: 5% 6%;
margin-top: 5px
}

.image-61 {
padding-bottom: 35px
}

.icon-61 {
margin-bottom: 20px;
stroke: #fff
}

.slide.whiteSlide .icon-61 {
stroke: #303030
}

.icon-62 {
margin-bottom: 20px;
margin-top: 10px;
stroke: #fff
}

.slide.whiteSlide .icon-62 {
stroke: #303030
}

.header-63 {
padding-bottom: 20px
}

.icon-64 {
margin-bottom: 20px;
margin-top: 10px
}

.slide.whiteSlide .cell-64 svg {
stroke: #303030
}

.grid-64 {
padding-top: 15px
}

.grid-64 .cell-64:after {
content: " ";
position: absolute;
top: 0;
right: -15px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
width: 1px;
-webkit-transition: .25s opacity;
transition: .25s opacity
}

.slide.whiteSlide .grid-64 .cell-64:after {
background: rgba(0, 0, 0, 0.1)
}

.slide.whiteSlide .cell-71 svg {
stroke: #303030
}


.slide.whiteSlide .grid-71 .cell-71:after {
background: rgba(0, 0, 0, 0.1)
}

.slide.whiteSlide .cell-73 svg {
stroke: #303030
}

#myVideo {
/*height: 100vh;
width: auto;
display: block;
position: relative;
margin:0 auto;
padding: 0;*/
/*object-fit: contain;*/
/*       object-fit: fill; */
object-fit: cover;
width:100%;
height:100vh;
}
.v-hero {
min-height: 100vh;
position: relative;
overflow: hidden;
width: 100%;
visibility: visible;
z-index: 1;
}
.v-hero__media-wrapper {
height: 100%;
width: 100%;
}
.v-hero__overlay--pink {
background-color: #fcfcfc;
opacity: 0.7;
}
.v-hero__overlay {
bottom: 0;
left: 0;
top: 0;
right: 0;
position: absolute;
z-index
}
.overlay_text{
background: rgba(0,0,0,0);
position: absolute;
top: 350px; 
right: 0; 
bottom: 0; 
left: 0;
display: inline-block;
align-items: center;
justify-content: center;
width: 1150px;
margin: 0 auto;
}
.s_left{
text-align: left;
width: 80%;
display: inline-block;
}
.s_right{
width: 20%;
display: inline-block;
}
button.s_button {
position: relative;
border:none;
font-size: 15px;
/*font-family: 'Michroma', sans-serif;*/
background: #fefefe;
padding: 10px 25px;
color: #0039d8;
letter-spacing: 2.5px;
/*box-shadow: 0px 0px 2px 0px #fff;
display: inline-block;
top: -12px;
right: -50px;*/
font-weight: 600;
cursor: pointer;
margin-top: 20px;
}
.bg_c{
background: transparent !important;
}
.s_box{
width: 1150px;
margin: 0 auto;
padding-top: 50px; 
}
.s_menu {
position: absolute;
top: 80px;
display: none;
z-index: 999;
width: 230px;
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
transform: translateY(-2em);
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
background: #47434380;
padding: 0;
list-style: none;
}
.s_menu li a {
color: #fefefe !important;
padding: 0px !important;
/*font-family: 'Tajawal', sans-serif !important;*/
font-size: 9.5px !important;
margin-left: 10px;
text-transform: capitalize !important;
}

.s_menu li:hover {
color: #f5f5f5;
}
.s_hoverzone {
position: relative;
}
.s_hoverzone:hover .s_menu {
display: block;
}
.s_menu li {
display: list-item !important;
padding: 7px;
text-align: left;
margin: 0px !important;
}
/*.page_hh{
margin-top: 5.2rem;
}*/
.s_width{
width: 85%; /*1150px;*/
margin: 0 auto;
padding-bottom: 0px;
}
.p_content{
text-shadow: none !important;
color: #000;
margin-top: 35px;
text-align: justify;	
line-height: 26px;
font-size: 18px !important;
padding: 0 25px;
margin-bottom: 5px;
}
.p_content0{
text-shadow: none !important;
color: #000;
margin-top: 45px;
text-align: justify;	
line-height: 26px;
font-size: 18px !important;
padding: 0 25px;
margin-bottom: 5px;
}
.p_content3{
text-shadow: none !important;
color: #000;
margin-top: 5px;
text-align: justify;	
line-height: 26px;
font-size: 17px !important;
padding: 0 25px;
margin-bottom: 5px;
}
.p_content1{
text-shadow: none !important;
color: #000;
margin-top: 25px;
text-align: justify;	
line-height: 26px;
font-size: 18px !important;
padding: 0 25px;
margin-bottom: 5px;
}
.tab_content{
text-shadow: none !important;
color: #000;
margin-top: 10px;
text-align: justify;	
line-height: 26px;
font-size: 18px !important;
}
.tab_content1{
text-shadow: none !important;
color: #000;
margin-top: 20px;
text-align: justify;	
line-height: 26px;
font-size: 18px !important;
}
.tab_h3{
color: #33c;
font-size: 17px;
letter-spacing: 1px;
font-family:'Tajawal', sans-serif;
text-transform: capitalize;
text-align: center;
font-weight: normal;
margin: 0;
text-align: left;
}
.s_white{
background-color: #fff;
-moz-box-shadow: 0 1px 10px rgba(15,72,113,.1);
-webkit-box-shadow: 0 1px 10px rgba(15,72,113,.1);
box-shadow: 0 1px 10px rgba(15,72,113,.1);
}
.s_cimg{
padding-top: 70px;
margin-bottom: 20px;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.footer{
background: linear-gradient(45deg,#648ff7,#8660fe);
padding-top: 20px;
padding-bottom: 10px; 
}
.row_footer{
margin: 0 auto;
width: 85%;
text-align: center;
}
.footer h5{
color: #fefefe;
font-weight: normal !important;
font-size: 16px;
text-transform: uppercase;
color: #ddd;
letter-spacing: 1.2px;
font-family: 'Tajawal', sans-serif;
margin-bottom: 15px;
text-align: left;
}
.footer_section{
width: 19%;
display: inline-grid;
text-align: center;
}
footer ul{
text-align: left;
}
footer ul li{
padding-bottom: 9px;
color: #fefefe;
font-size: 15px;
font-family: 'Tajawal', sans-serif;
}
.left img {
position: relative;
top: 8px;
}
.p_left{
float: left;
width: 65%;
/*padding: 10px;*/
}
.p_right{
float: left;
width: 30%;
margin-left: 50px;
}
.child {
padding: 20px;
/*position: absolute;
top: 50%;
left: 50%;*/
margin: 90px 0 0 75px;
}
.ceo_right{
width: 85%;
margin: 0 auto;
padding: 15px 0px;
}
.s_bg{
background: #f4f6f7;
padding-bottom: 35px;
padding-top: 35px;
}
hr{
margin-top: 10px;
margin-bottom: 10px;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left,#ddd ,#fafafa,#ddd);
background-image: -moz-linear-gradient(left,#ddd ,#fafafa,#ddd);
background-image: -ms-linear-gradient(left,#ddd ,#fafafa,#ddd);
background-image: -o-linear-gradient(left,#ddd ,#fafafa,#ddd);
}
.tab_hr{
margin-top: 8px;
margin-bottom: 8px;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left,#ddd ,#ddd,#fafafa);
background-image: -moz-linear-gradient(left,#ddd ,#ddd,#fafafa);
background-image: -ms-linear-gradient(left,#ddd ,#ddd,#fafafa);
background-image: -o-linear-gradient(left,#ddd ,#ddd,#fafafa);
}
.ceo_block{
margin-top: 35px;
margin-left: auto;
margin-right: auto;
height: 325px;
}
.ceo_img{
width: 23%;
float: left;
}
.ceo_content{
margin-left: 45px;
margin-bottom: 25px;
float: left;
width: 70%;
}
.ceo_content p{
text-shadow: none;
}
.card_info {
/*position: relative;
bottom: 56px;
background: #0000004d;*/
text-align: left;
padding-bottom: 5px;
padding-top: 5px;
}
.card_info h5{
font-size: 18px;
font-family: 'Tajawal', sans-serif;
letter-spacing: 1px;
margin: 0px;
color: #33C;
font-weight: normal;
}
.card_info h4{
padding-top: 1px;
font-weight: normal;
font-size: 16px;
font-family: 'Tajawal', sans-serif;
letter-spacing: 1px;
margin: 0px;
color: #CC33CC;
}


.read-more-wrap{
text-shadow: none !important;
color: #000;
text-align: justify;	
line-height: 26px;
font-size: 18px !important;
}
.read-more-state {
display: none;
}
/*label,p {float:left;}*/
.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
}
.read-more-state{
float: right;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
content: 'Read More';
color: blue;
cursor: pointer;
font-family: 'Tajawal',sans-serif;
text-decoration: underline;
}
.read-more-state:checked ~ .read-more-trigger:before {
content: 'Read Less';
color: blue;
cursor: pointer;
font-family: 'Tajawal',sans-serif;
text-decoration: underline;
}
.show_p {
float: right;
margin-top: 20px;
}
.p_1 {
width: 100%;
text-align: left;
}
.p_1 span {
width: 300px; 
letter-spacing: 1.5px;
background: linear-gradient(90deg, #DB9ED9 30%, #DB9ED9 100%);
/* text-align: center; */
padding: 15px 30px;
font-size: 22px;
font-family: 'Tajawal' ,sans-serif;
font-weight: normal;
color: #fefefe;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
margin-bottom: 20px;
position: relative;
bottom: 25px;
right: 55px;
}
.p_2{
width: 100%;
text-align: center;
}
.p_2 span {
width: 300px;
letter-spacing: 1.5px;
background: linear-gradient(90deg, #BB2EE7 0%, #E85FEE  100%);
/*text-align: center;
*/padding: 15px 27px;
font-size: 22px;
font-family: 'Tajawal' ,sans-serif;
font-weight: normal;
color: #fefefe;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
margin-bottom: 20px;
position: relative;
bottom: 7px;
}
.p_4{
width: 100%;
text-align: center;
}
.p_4 span {
width: 300px;
letter-spacing: 1.5px;
background: linear-gradient(90deg, #0C128DE6 0%, #C49EDB 100%);
/*text-align: center;
*/padding: 15px;
font-size: 22px;
font-family: 'Tajawal' ,sans-serif;
font-weight: normal;
color: #fefefe;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
margin-bottom: 20px;
position: relative;
bottom: -27px;
}
.p_3{
width: 100%;
text-align: right;
}
.p_3 span {
width: 300px; 
letter-spacing: 1.5px;
background:  linear-gradient(90deg, #4F18EF   0%, #BB2EE7   100%);
/* text-align: center; */
padding: 15px 27px;
font-size: 22px;
font-family: 'Tajawal' ,sans-serif;
font-weight: normal;
color: #fefefe;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
margin-bottom: 20px;
position: relative;
top: 9px;
right: 122px;
}
.p_right h3 {
margin-bottom: 15px;
position: relative;
top: 40px;
font-size: 23px;
font-family: 'Tajawal';
font-weight: normal;
color: #33c;
text-align: center;
}
.fix-12-12 .s_fit{
margin-left: 250px !important;
}
.s_mb{
/*margin-top: 35px;*/
margin-bottom: 36px;
/*height: 560px;*/
}
.s_offer {
padding-top: 45px;
text-align: center;
padding-bottom: 25px;
}
.s_offer li{
display: inline-block;
}
.s_row {
margin:0 23px;
display: inline-block;
background: linear-gradient(90deg, #BB2EE7 0%, #E85FEE 100%);
text-align: center; 
box-shadow: 0px 3px 5px #a5a5a5;
-webkit-box-shadow: 0px 3px 5px #a5a5a5;
}

.r_box{
position: relative;
top:0px;
width: 300px;
padding: 10px 15px 10px 20px;
}
.m_row .s_box{
position: relative;
top:0px;
width: 250px !important;
padding: 10px 15px 10px 20px;
}
.m_row{
margin:0 15px !important;
display: inline-block;
background: linear-gradient(90deg, #BB2EE7 0%, #E85FEE 100%);
text-align: center; 
box-shadow: 0px 3px 5px #a5a5a5;
-webkit-box-shadow: 0px 3px 5px #a5a5a5;
}


.box_h4{
color: #fefefe;
font-family: 'Tajawal',sans-serif;
font-size: 20px;
text-align: left;
font-weight: normal;
margin: 0px;
letter-spacing: 1px;
}
.box_span{
color: #000;
font-family: 'Tajawal',sans-serif;
font-size: 15px;
text-shadow: none;
text-align: right;
margin-top: 5px;
letter-spacing: 1px;
margin-bottom: 5px;
text-decoration: underline;
}
.s_doudle{
width: 100%;
padding-top: 15px;
text-align: center;
font-family: 'Tajawal', sans-serif;
}
.s_doudle h4{
color: #33C;
letter-spacing: 1px;
font-size: 22px;
font-weight: normal;
font-family: 'Tajawal', sans-serif;
margin-bottom: 20px;
}
.s_block{
display: inline-table;
padding: 0 10px;
width:49%;
}
.s_block1{
display: inline-table;
padding: 0 10px;
width: 49%;
}
.s_block2{
display: inline-table;
padding: 0 10px;
width: 49%;
}
.s_block3{
display: inline-table;
padding: 0 10px;
width: 49%;
}
.s_height{
padding-top: 35px;
padding-bottom: 35px;
background: #f4f5f6;
}
.container1:after {
content: "";
display: table;
clear: both;
}

.tab {
/*float: left;*/
/*background-color: #f5f6f7;*/
width: 100%;
margin-bottom: 25px;
height: 100px;
text-align: center;
}
.aiml_img{
background: url('aiml2.png');
}
/* Style the buttons inside the tab */
.tab button {
float: left;/*: inline-block;*/
background-color: transparent;
color: black;
padding: 0px 17px;
width: 229px;
border: none;
outline: none;
text-align: center;
cursor: pointer;
transition: 0.3s;
font-size: 15px;
font-family: 'Tajawal', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
height: 110px;
letter-spacing: 1px;
font-size: inherit;
transition: all 0.3s;
position: relative;
color: #fefefe;
opacity: .6;
}

.tab button:hover {
outline: none;
}

.tab button.active {
opacity: 1;
color: #06065d;
position: relative;
}

.tab button.active:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 16px 25px 0 25px;
border-color: #90d2ff transparent transparent transparent;
top: 8px;
position: relative;
}

/* Style the tab content */
.tabcontent {
padding: 20px;
height: 350px;
width: 98%;
border-left: none;
margin: 0 auto;
}
.s_tabs{
padding-top: 40px;
margin: 0 auto;
overflow:hidden;
}
.tab.left_contact {
width: 33.333% !important;
box-shadow: none;
}
.tabcontent.tab_contact {
width: 60% !important;
height: 420px;
}
.col-lg-6 {
display:inline-block;
width: 330px;
}
.contact_row{
margin-top: 10px;
}
.select select {
border: 1px solid #eee;
font-family: 'Tajawal', sans-serif;
width: 100%;
height: 50px;
outline: none;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 30px;
}
.input input, .input textarea {
border: 1px solid #eee;
font-family: 'Tajawal', sans-serif;
width: 100%;
height: 50px;
outline: none;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 15px;
}
.input textarea{
height: 114px;
resize: none;
padding: 20px;
width: 95%;
margin-left: 17px;
}
.contact-info {
background-image: linear-gradient(135deg, rgb(15, 180, 229) 0%, rgb(116, 63, 229) 100%);
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 48px 0px;
border-radius: 5px;
font-family: 'Tajawal', sans-serif;
padding: 30px 30px 10px;
width: 90%;
}
.contact-info .item {
margin-bottom: 30px;
color: rgb(255, 255, 255);
overflow: hidden;
}
.contact-info .social {
margin-top: 5px;
text-align: center;
margin-bottom: 20px;
overflow: hidden;
}
span.breadcrumb {
font-size: 15px;
font-family: 'tajawal';
padding-right: 5px;
}
span.arow {
font-size: 15px;
font-family: 'tajawal';
padding-right: 5px;
}
span.active {
color: #a9a9a9;
font-size: 15px;
font-family: 'tajawal';
padding-right: 5px;
}
.s_row.s_rleft {
margin-left: 75px;
margin-top: 10px;
}
.S_small{
padding-top: 37px !important;
}
#st-3.st-left {
left: 0px;
}
#st-3 {
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
backface-visibility: hidden;
display: block;
position: fixed;
opacity: 1;
text-align: left;
top: 205px;
z-index: 94034;
}
#st-3 .st-btn {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
cursor: pointer;
display: block;
height: 48px;
line-height: 24px;
margin-bottom: 0;
opacity: 1;
overflow: hidden;
padding: 10px;
position: relative;
text-align: left;
top: 0;
vertical-align: top;
white-space: nowrap;
width: 48px;
}
#st-3 > div {
clear: left;
float: left;
}
.uploadbutton{
position: relative;
bottom: 0px;
}

.grid li {
display: inline-block;
margin: 0;
padding: 15px;
text-align: left;
position: relative;
}

.grid figure {
margin: 0;
position: relative;
background: linear-gradient(90deg, #BB2EE7 0%, #E85FEE 100%);
text-align: center;
height: 370px;
box-shadow: 0px 3px 5px #a5a5a5;
-webkit-box-shadow: 0px 3px 5px #a5a5a5;
}

.grid figure img {
max-width: 100%;
display: block;
position: relative;
}

.grid figure h3 {
margin: 0;
padding: 0;
}

.grid figcaption {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: #fefefe;
}

.grid figcaption h3 {
margin: 0;
padding: 0;
color: #fff;
}
.grid figcaption a {
text-align: center;
padding: 5px;
display: inline-block;
}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
height: 370px;
width: 250px;
opacity: 0;
padding: 15px;
text-align: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
opacity: 1;
}

.cs-style-1 figcaption h3 {
margin-top: 0px;
margin-bottom: 5px;
}

.cs-style-1 figcaption span {
display: block;
text-align: justify;
font-size: 14px;
}

.cs-style-1 figcaption a {
margin-top: 2px;
}

.btn-primary-line{
background: linear-gradient(45deg,#648ff7,#8660fe);
border-radius: 3px;
-moz-box-shadow: rgba(23,43,99,.24) 0 7px 28px;
-webkit-box-shadow: rgba(23,43,99,.24) 0 7px 28px;
-webkit-transition-property: all;
border: 0;
padding: 10px 25px;
overflow: hidden;
outline: 0;
font-family: 'tajawal', sans-serif;
font-size: 14px;
color: #fefefe;
letter-spacing: .1em;
box-shadow: 0 5px 10px rgba(0,0,0,.2);
cursor: pointer;
}
.cul_boxes {
display: inline-block;
width: 20%;
text-align: center;
padding: 15px;
margin: 10px 45px;
border-radius: 3px;
box-shadow: 0 1px 5px 0 hsla(206,8%,62%,.3);
}
.cul_grid {
padding: 20px 0px;
text-align: center;
}
.s_hiring {
text-align: center;
padding-top: 180px;
}
.s_add {
width: 320px;
padding: 15px;
height: 380px;
background: #f4f5f7;
border-radius: 3px;
}
.add_side {
float: left;
width: 250px;
}
.add_img2 {
width: 10%;
margin-right: 10px;
float: left;
}
.col-lg-6.col-md-12.col-sm-12.select {
margin-bottom: -14px;
}
.add_li p{
text-shadow: none;
font-size: 13px;
line-height: 22px;
}
.fit_title {
position: absolute;
top: 37%;
right: 5%;
font-size: 25px;
color: #fefefe;
font-weight: normal;
letter-spacing: 5px;
font-family: 'Michroma', sans-serif;
text-shadow: 1px 2px 5px #33c;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.section_3{
margin-left: 115px !important;
margin-top: 31px !important;
}
.off_canvas{
display: none !important;
}
/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 600px) {
	.neaaddressbar{
		width: 33%;
		float: left;
		margin-right: 3px;
	}


}

/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

//CSS

}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

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

}

/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

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



}

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/



/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (max-width: 480px) {
	.leftmenuemp, .contentsec {
		width: 100% !important;
	}
	.leftmenuemp .vertical-menu {
		width: 100% !important;
	}
	.nopaddingLeft {
		padding: 0px !important;
		margin-top: 10px;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
	
	
	
	.sections .right{
		display: none;
	}
.footer_section {
display: inline;
text-align: center;
}
.fit_title {
top: 16%;
right: 3%;
font-size: 15px;
} 
.s_cimg {
padding-top: 55px;
}
.s_row{
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
}
.s_block , .s_block1 , .s_block2 , .s_block3 {
width: 100%;
}
.s_h3{
margin-top: 20px;
}
.row_footer {
width: 50%;
}
footer ul li {
font-size: 18px;
}
.footer h5 {
margin-top: 20px;
}
.p_left {
width: 100%;
float: initial;
}
.p_right {
float: initial;
width: 100%;
margin-left: 0px;
margin-bottom: 25px;
}
.p_3 span{
right: 84px;
}
h1, .h1{
font-size: 20px;
}
.ceo_img {
width: 100%;
margin: 0 auto;
text-align: center;
float: initial;
}
.card_info{
text-align: center;
margin-bottom: 15px;
}
.read-more-trigger{
text-align: center;
position: relative;
left: 35%;
}
.ceo_content{
width: 100%;
margin-left: 0px;
float: initial;
}
.ceo_block{
height: auto;
}
.read-more-wrap{
margin-bottom: 20px;
padding: 0 25px;
}
.overlay_text{
top: 240px;
left: 44px;
}
.section_3{
margin-left: 50px !important;
margin-top: 20px !important;
width: 80% !important;
margin: 0 auto;
}
.s_h2{
font-size: 25px;
line-height: 35px;
}
.off_canvas{
display: inline-block !important;
}
.page-loaded .side{
display: none !important;
}
.left img {
position: relative;
top: 5px;
width: 40%;
}
.sidenav {
height: 100vh;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #fefefe;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}

.sidenav a {
padding: 15px 8px 8px 32px;
text-decoration: none;
border: none !important;
font-size: 26px;
letter-spacing: 2px;
color: #585858;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

#main {
padding: 15px;
}

.cul_boxes {
width: 80%;
padding: 15px;
margin: 20px 0px;
}

.contact_row{
margin-bottom: 25px;
}

.s_respon{
width: 100% !important;
}

.tabcontent{
height: auto;
}
.tab button{
float: initial;
margin-bottom: 20px;
}
.tab{
height: initial;
}

.section_smart{
margin-left: 45px !important;
margin-top: 0px !important;
width: 84% !important;
}
#st-3.st-left{
display: none;
}
.add_side{
width: 217px;
}
.s_add{
height: 440px;
}
.contat_style{
float: initial !important;
width: 100% !important;
}
img.signi_mobila {
top: 164px !important;
}
img.signi_email {
top: 182px !important;
}
.contact_row input{
width: 320px !important;
margin-right: 0px !important;
}
.contact_row .input{
margin-right: 0px !important;
margin-left: 0px !important;
}
.new_contact {
/* width: 100% !important; */
float: right !important;
margin-top: 25px;
}

.google-maps iframe {
width: 100% !important;
}
.desktop_background{
display: none;
}
.mobile_background{
display: block;
background: url('mobile_skilldevelopment.png');
}
.section_frg{
width: 100% !important;
}
.nextSlide img {
width: 9% !important;
}

.prevSlide_none{
display: block;
margin: 0 auto;
}
.cont_respo{
text-align: center;
}
.s_bg1{
background-position: right !important;
}
.s_bg3{
background-position: -364px !important;
}
.last_section{
background-position: -290px !important;
}
}

 /*END OF RESPONSIVE*/

.section_frg{
text-align: right;
width: 60%;
float: right;
}

.new_contact .tabr_height{
float: left;
width: 66% !important;
border-radius: 5px !important;
height: 382px;
}
.mobile_background{
display: none;
}
.tab_tile {
padding: 10px 14px;
position: relative;
top: -6px;
background: #90d2ff;
z-index: -1;
}

.section_smart{
margin-left: 115px ;
margin-top: 155px ;
}
.google-maps {
position: relative;
padding-bottom: 45%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 500px !important;
}
.new_contact {
width: 65%;
float: right;
}

.slide_grid {
max-width: 650px;
margin: 50px auto;
padding-bottom: 45px;
}


/*
4.0 - Slider
*/

.slider-box,
.slider__item {
position: relative;
}

.slider {
overflow: hidden;
}

.slider__canvas {
transition: transform 0.5s;
/*transform: none !important;
*/}

.slider__item {
float: left;
}
.slider__item p{
margin-top: 40px !important;
}

.slider-nav {
color: #fff;
font-size: 1rem;
text-align: center;
}

.slider-nav__dots {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
}
.slider-nav__prev img{
position: relative;
top: 3px;
left: -1px;
opacity: 0.5;
}
.slider-nav__next img{
position: relative;
top: 3px;
left: 1px;
opacity: 0.5;
}
.slider-nav__prev,
.slider-nav__next,
.slider__dot {
border-radius: 50%;
box-shadow: inset 0 0 0 2px #ddd;
cursor: pointer;
backface-visibility: hidden;
transition: transform 0.3s, box-shadow 0.3s;
}

.slider-nav__prev,
.slider-nav__next {
position: absolute;
top: 50%;
width: 3rem;
height: 3rem;
margin-top: -1.5rem;
line-height: 3rem;
}

.slider-nav__prev {
left: -14%;
}

.slider-nav__next {
right: -13%;
}

.slider__dot {
display: inline-block;
width: 1rem;
height: 1rem;
margin: 0 1rem;
}

.slider-nav__prev:hover,
.slider-nav__next:hover,
.slider__dot.active,
.slider__dot:hover {
transform: scale3d(1.5, 1.5, 1);
}

.address_tab {
display: inline-block;
}
.res_side {
margin-top: 5px;
margin-bottom: 5px;
}
.res_side a {
font-size: 20px;
border: none !important;
}
.nextSlide img{
width: 3%;
}
.respon_brd{
padding: 25px; 
}
/*.respon_brd  a{
border-bottom: 1px solid #DCDFE4;
}*/
li.locate_us {
border: 1px solid #fefefe;
padding: 10px;
text-align: center;
width: 159px;
}
.bounce-top {
-webkit-animation: bounce-top 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s infinite both;
        animation: bounce-top 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-8-30 13:26:11
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
.tableWidth {
   width: 100%;
}

.tableColWidth {
  width: 50%;
}.vertical-menu {  width: 200px; /* Set a width if you like */}.vertical-menu a {  background-color: #eee; /* Grey background color */  color: black; /* Black text color */  display: block; /* Make the links appear below each other */  padding: 12px; /* Add some padding */  text-decoration: none; /* Remove underline from links */}.vertical-menu a:hover {  background-color: #ccc; /* Dark grey background on mouse-over */}.vertical-menu a.active {  background-color: #6363d8; /* Add a green color to the "active/current" link */  color: white;}.leftmenuemp {    float: left;	    width: 20%;}.contentsec {	float: left;	    width: 80%;}.s_width{	overflow:hidden;}