article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; direction: rtl;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Cairo', sans-serif;}
.custfield:focus {outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: 'Cairo', sans-serif; font-size: 14px; color: #262626; direction: rtl;text-align: justify;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

::-webkit-input-placeholder {color: #cccccc !important; font-size: 11px; font-weight: 400;}
::-moz-placeholder {color: #cccccc !important; font-size: 11px; font-weight: 400;}
:-ms-input-placeholder {color: #cccccc !important; font-size: 11px; font-weight: 400;}
:-moz-placeholder {color: #cccccc !important; font-size: 11px; font-weight: 400;}


.input-group-addon:last-child{
         border-top-right-radius: 0 !important; 
     border-bottom-right-radius: 0 !important; 
              border-top-left-radius: 4px !important; 
     border-bottom-left-radius: 4px !important; 
}
.input-group-addon:last-child {
    border-right: 0 !important;
    border-left: 1px !important;

}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
        border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.table-hover{
    margin-top:40px !important;
}
.table-hover tr{
    height:25px !important;
}
.close{
    float:left !important;
}
th {
     text-align: right !important; 
}

/*.pagination {
    display: inline-block;
}
    */
.pagination a {
    color: black;
    padding: 5px 8px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}
/****************
 * Common Css
 ****************/
header, section, footer {width: 100%; float: left;}
 .container {width: 1102px; margin: 0 auto;}
 .custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.bttn {display: inline-block; border: 1px solid #bfbfbf; font-size: 13px; color: #c8a64c; font-weight: 700; padding: 9px 28px 12px;}
.bttn:hover {background-color: #c8a64c; color: #ffffff !important; border-color: #c8a64c;}

 .topheader {float: left; width: 100%; border-bottom: 1px solid #e0e0e0;}
 .topheader .toplinks {float: right; margin: 16px 0 0 10px;}
 .topheader .toplinks li {float: right; border-right: 1px solid #c8a64c; line-height: 10px; padding: 0 10px;}
 .topheader .toplinks li:first-child {border-right: none; padding-right: 0;}
 .topheader .toplinks li a {float: right; color: #808080; font-size: 13px;}
 .topheader .toplinks li a:hover{color:#c8a64c;}
 .topheader .socials {float: right;}
 .topheader .socials li {float: right; border-left: 1px solid #e0e0e0; text-align: center;}
 .topheader .socials li:first-child {border-right: 1px solid #e0e0e0;}
 .topheader .socials li a {background-position: 50% 50%; background-repeat: no-repeat; float: right; width: 44px; height: 44px;}
 .topheader .socials li a:hover,  .topheader .member a:hover {background-color: #f7f7f7;}
 .topheader .socials li a.fb {background-image: url(../images/fbicon.png);}
 .topheader .socials li a.tw {background-image: url(../images/twicon.png);}
 .topheader .socials li a.ytube {background-image: url(../images/yticon.png);}
 .topheader .socials li a.wis {background-image: url(../Gallery/wikio.png);
}
  .topheader .socials li a.insta {background-image: url(../images/inastaicon.png);}
 .topheader .member {float: right; border-left: 1px solid #e0e0e0;}
 .topheader .member a {float: right; color: #808080; background: url(../images/membericon.png) no-repeat 88% 50%; padding: 11px 40px 13px 18px;}
 .topheader .language {float: right;}
 .topheader .language a{padding: 12px 14px;color: #bababa;font-size: 13px;font-weight: 600;padding-left: 45px;background-color: #fff;display: block;}
 .topheader .language .custbtn {padding: 12px 14px; color: #bababa; font-size: 13px; font-weight: 600; /*background: url(../images/drop-arrow.png) no-repeat 14px 50%;*/ padding-left: 45px;background-color: #fff;}
 .topheader .language .custbtn span {font-size: 13px; color: #999999; font-weight: 600; background: url(../images/mapicon.png) no-repeat 100% 50%; padding: 0 25px 0 5px;}
 .topheader .language .dropdown-menu {min-width: 120px;}
 .topheader .custform {float: left; width: 262px; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #f7f7f7;}
 .topheader .custform .custfield {background-color: #f7f7f7; height: 44px; padding: 6px 14px 6px 41px;}

 .mheader {float: left; width: 100%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );}
.mheader .logo {float: right; /*border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; */ padding: 12px 25px;}
.mheader .llogo {float: left; padding: 10px 25px;}
.mheader .llogo a {float: right;}
.mheader .vline {width: 1px; height: 30px; background-color: #cccccc; float: right; margin: 25px 10px 0 16px;}
.mheader .llogo1 {margin-top: 8px;}

header .navc {float: right; width: 100%; border-top: 1px solid #e0e0e0;}
header .navc .innernav {position: relative; float: right; width: 100%;}
header .navc .menu {float: right;}
header .navc .menu > li {float: right; position: static; border-right: 1px solid #e0e0e0;}
header .navc .menu > li > a {float: right; color: #4c4c4c; font-weight: 700; cursor: pointer; padding: 19px 32px 19px 53px; background: url(../images/menudroparrow.png) no-repeat 20px 50%;}
/*header .navc .menu > li > a {background: url(../images/menudroparrow.png) no-repeat 0 50%;}*/
header .navc .menu > li > a.homeicon {background: url(../images/homeicon.png) no-repeat 50% 50%; padding: 29px 20px;}
header .navc .menu > li > a:hover {color: #c8a64c;}
header .jordan-logo {float: left; width: 111px; background-color: #fcfcfc; border-right:1px solid #e0e0e0; text-align: center; padding: 16px 0 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, header .navc .menu > li {padding: 5px 15px;}}
header .navc .menu > li.nosubm > a {padding-left: 15px; padding-right: 15px; background: none;}
header .navc .menu > li.open > a {background: url(../images/drop-arrow.png) no-repeat 20px 50%;}
.megamenu {width: 100%; background-color: #ffffff; background-image: url(../images/megamenubg.jpg); background-repeat: no-repeat; background-position: 0 0; padding: 0; top: 100.9%; text-align: right; z-index: 21; margin: 0; border: none; overflow: hidden; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.megamenu.knowlwdge{background-image:none;}
.megamenu.knowlwdge .header-image{text-align: center;padding: 0 35px;min-height: 264px;}

.megamenu.services{background-image:none;}
.megamenu.services .services-banner{/*padding: 20px;padding-bottom: 40px;*/padding: 26px;border-bottom: 1px solid #e0e0e0;}
.megamenu.services .services-banner:last-child{border:0;/*padding-top:40px;*/}   
.megamenu.services .services-first{/*padding:40px;*/padding:0px 40px;width:70%;background-image: url(../images/services-menu-background.png);float: right;}
.megamenu.services .services-first .services-banner .services-icon{float: right;margin-left: 20px;}
.megamenu.services .services-first .services-banner  .services-text{display: inline-block;}
.megamenu.services .services-first .services-banner  .services-text h3 {font-size: 16px;color: #c8a64c;font-weight: 700;margin: 4px 0 7px;}
.megamenu.services .services-first .services-banner  .services-text p{font-size:12px;color:#ffffff;}
.megamenu.services .services-first .services-banner  .bttn {background-color: #c8a64c;color: #ffffff;border-color: #c8a64c;padding: 11px 35px 13px;float:left;margin-top: 10px;margin-top: 10px;}
.megamenu.services .services-first .services-banner  .bttn:hover{background-color: #ffffff; color: #c8a64c !important; border-color: #c8a64c;}

.megamenu.services .services-second{float: right;width: 30%;padding: 24px 30px;}
.megamenu.services .services-second .banner{border: 1px solid #dedede;width: 100%;padding: 40px 20px;margin-bottom: 20px;}
.megamenu.services .services-second .banner:last-child{margin-bottom: 0;}
.megamenu.services .services-second .banner .knowledge-icon{float: right;margin-left: 20px;}
.megamenu.services .services-second .banner .knowledge-text{}
.megamenu.services .services-second .banner .knowledge-text h3 {font-size: 15px;color: #262626;font-weight: 700;margin: 4px 0 7px;line-height: 17px;}


.megamenu .links {float: right; width: 32%; border-left: 1px solid #e0e0e0;}
.megamenu .links li {float: right; width: 100%; border-bottom: 1px solid #e0e0e0; padding: 8px 20px;}
.megamenu .links li a {font-weight: 700; font-size: 16px; color: #999999; background:url(../images/linkarrow.png) no-repeat 100% 50%; padding-right: 37px;}
.megamenu .links li a:hover {background-image: url(../images/linkarrow-h.png); color: #262626;}
.megamenu .aboutpart {float: right; width: 53%; padding: 48px 30px; background: url(../images/aboutbg.jpg) repeat 50% 0; background-size: cover;}
.megamenu .aboutpart h3 {font-size: 24px; font-weight: 700; position: relative; padding-bottom: 26px;}
.megamenu .aboutpart h3:after {content: ""; width: 60px; height: 2px; background-color: #c8a64c; position: absolute; right: 0; bottom: 0;}
.megamenu .aboutpart p {color: #808080; line-height: 23px; margin: 15px 0 30px;}
.megamenu .aboutpart .bttn {background-color: #c8a64c; color: #ffffff; border-color: #c8a64c; padding: 11px 35px 13px;}
.megamenu .aboutpart .bttn:hover{background-color: #ffffff; color: #c8a64c !important; border-color: #c8a64c;}
.megamenu.knowlwdge{padding:30px}
.megamenu .header-image{width: 33.33%;float: right;display: inline-block;}
.megamenu .three-banners{width: 33.33%;float: right;}
.megamenu .banner{border: 1px solid #dedede;width: 90%;padding: 10px 20px;margin-bottom: 20px;}
.megamenu .banner:last-child{margin-bottom: 0;}
.megamenu .banner .knowledge-icon{float: right;margin-left: 20px;width: 50px;height: 50px;}
.megamenu .banner .knowledge-text{}
.megamenu .banner .knowledge-text h3 {font-size: 16px;color: #262626;font-weight: 700;margin: 4px 0 7px;}
.megamenu .banner .knowledge-text h3.one-line{margin-top: 15px;}
.menu.mobile{display:none;}

.innernav .signinbox {float: right; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; width: 227px;}
.innernav .signinbox .custbtn {background: url(../images/menudroparrow.png) no-repeat 27px 50%; color: #4c4c4c; font-weight: 700; font-size: 14px; width: 100%; padding: 19px 20px 19px 48px;}
.innernav .signinbox .custbtn span {display: block; background: url(../images/signin-icon.png) no-repeat 100% 50%; padding-right: 35px; text-align: right;}
.innernav .signinbox .dropdown-menu {min-width:100%; left: -1px; right: -1px; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; margin-top: 0; border: none; padding: 0; box-shadow: 0 4px 6px rgba(0,0,0,0.50); -moz-box-shadow: 0 4px 6px rgba(0,0,0,0.50); -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.50);}
.innernav .signinbox .dropdown-menu li {border-top: 1px solid #e0e0e0;}
.innernav .signinbox .dropdown-menu li .icon {float: right; width: 32px; height: 32px; margin-left: 15px; background-repeat: no-repeat; background-position: 0 0;}
.innernav .signinbox .dropdown-menu li .icon1 {background-image: url(../images/icon1.jpg);}
.innernav .signinbox .dropdown-menu li .icon2 {background-image: url(../images/icon2.jpg);}
.innernav .signinbox .dropdown-menu > li > a {padding: 23px 20px 23px 25px; background: url(../images/linkarrow.png) no-repeat 25px 50%;}
.innernav .signinbox .dropdown-menu > li > a:hover {background-image: url(../images/linkarrow-h.png);}
.innernav .signinbox .dropdown-menu > li .texts {text-align: right;}
.innernav .signinbox .dropdown-menu > li .texts p {color: #4c4c4c; font-size: 13px; font-weight: 600; line-height: 16px;}
.innernav .signinbox .dropdown-menu > li .texts span {font-size: 12px; color: #999999; display: block;}
#sliderpart {background:#fffff4 url(../images/sliderbg.jpg) repeat-x 50% 0; padding: 30px 0 0;}
#sliderpart .carousel {box-shadow: 0px 2px 25px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 25px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 2px 25px rgba(0,0,0,0.25);}
#sliderpart .slidertexts {background-color: rgba(0,0,0,0.6); width: 1100px; padding: 15px 28px 20px; position: absolute; right: 0;  bottom: -60px; text-align: center;}
#sliderpart .slidertexts h2{font-size: 26px;font-weight: 700;color: #ffffff;position: relative;padding: -5px 0 24px;}
#sliderpart .slidertexts .date {display: block; font-size: 13px; color: #c8a64c; font-weight: 300;}
#sliderpart .slidertexts h3 {font-size: 16px; color: #ffffff; line-height: 28px; position: relative; padding-bottom: 15px; padding-top: -8px;}
#sliderpart .slidertexts h3:after {content: ""; width: 40px; height: 2px; background-color: #c8a64c; position: absolute; ; left: 50%; bottom: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
#sliderpart .slidertexts p {font-size: 13px; line-height: 24px; color: #cccccc; margin: 15px 0 35px;}
#sliderpart .slidertexts .bttn {border-color: #3f351a;}
#sliderpart .cline {background: url(../images/cline.png) no-repeat 50% 0; width: 100%; height: 1px; display: inline-block; margin-top: 42px;}
#sliderpart .carousel-indicators {right: 140px; bottom: 25px; margin: 0; padding: 0; width: auto; left: inherit;}
#sliderpart .carousel-indicators li {background-color: #575757; border: none; width: 8px; height: 8px; margin: 0 3px;}
#sliderpart .carousel-indicators .active {background-color: #c8a64c;}
#sliderpart .carousel-control {width: 10px; height: 16px; bottom: 25px; top: inherit; background-repeat: no-repeat; background-position: 0 0; opacity: 1;}
#sliderpart .carousel-control.left {background-image: url(../images/prevarrow.png); right: 242px;}
#sliderpart .carousel-control.right {background-image: url(../images/nextarrow.png); right: 93px;}

#welocemreport {background-color: #fffff4; padding: 55px 0;}
#welocemreport .innerbox {background-color: #ffffff; padding: 0; box-shadow: 0 2px 15px rgba(0,0,0,0.10);}
#welocemreport .welcomepart {float: right; background: url(../images/pattnbg.jpg) repeat-y 100% 0; padding: 27px;}
#welocemreport .welcomepart .imgbox {width: 319px; float: right; box-shadow: 0px 0px 15px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
#welocemreport .welcomepart .imgbox img {width: 100%;}
#welocemreport .welcomepart .infopart {float: right; padding-right: 35px; width: 51%;}
#welocemreport .welcomepart .infopart span {display: block; font-size: 11px; color: #807e7a;}
#welocemreport .welcomepart .infopart h2 {font-size: 26px; font-weight: 700; color: #262626; position: relative; padding: 5px 0 24px;}
#welocemreport .welcomepart .infopart h2:after {content: ""; width: 60px; height: 2px; background-color: #c8a64c; position: absolute; right: 0; bottom: 0;}
#welocemreport .welcomepart .infopart p {font-size: 13px; color: #7c7c7c; line-height: 24px; margin: 15px 0 20px;}
#welocemreport .welcomepart .infopart .bttn {color: #262626;}
#welocemreport .reportpart {float: right; padding: 20px 0;}
#welocemreport .reportpart .list {width: 100%; float: right; border-right: 1px solid #e9e9e9; padding: 0 27px;}
#welocemreport .reportpart .list li:first-child {padding-top: 3px;}
#welocemreport .reportpart .list li {float: right; width: 100%; border-bottom: 1px solid #e9e9e9; /*padding: 25px 0;*/ padding: 10px 0;opacity: 0; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s;}
#welocemreport .reportpart .list li.fadeanimate {opacity: 1; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s;}
#welocemreport .reportpart .list li.fadeanimate:nth-child(1) {opacity: 1;}
#welocemreport .reportpart .list li.fadeanimate:nth-child(2) {transition-delay:1s;}
#welocemreport .reportpart .list li.fadeanimate:nth-child(3) {transition-delay:1.5s;}
#welocemreport .reportpart .list li:last-child {padding-bottom: 0; border-bottom: none;}
#welocemreport .reportpart .list li .icon {float: right; margin-left: 20px;}
#welocemreport .reportpart .list li .texts h3 {font-size: 16px; color: #262626; font-weight: 700; margin: 4px 0 7px;}
#welocemreport .reportpart .list li .texts p {font-size: 12px; color: #807e7a;}
#welocemreport .reportpart .list li.phone h3 {margin-top: 0;}
#welocemreport .reportpart .list li.phone p {margin-bottom: 1px;}

#newsnevents {background: url(../images/redbg.jpg) repeat-x 50% 0; padding: 22px 0 40px;}
#newsnevents .title {border-bottom: 1px solid rgba(255,255,255,0.30); float: right; width: 100%; margin-bottom: 30px; padding-bottom: 22px;}
#newsnevents .title h2 {font-size: 16px; font-weight: 700; color: #ffffff; float: right;}
#newsnevents .title .more {float: left; font-size: 12; font-weight: 600; color: #ffffff;}
#newsnevents .newslider, #knowledge .bannerslider {float: right; direction: ltr; padding: 0 5px;}
#newsnevents .newslider .owl-carousel, #knowledge .bannerslider .owl-carousel {display: none; float: left; width: 100%; -webkit-tap-highlight-color: transparent; z-index: 1;}
#newsnevents .newslider .owl-carousel .owl-stage-outer, #knowledge .bannerslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden;
                                                                                                                  -webkit-transform: translate3d(0px, 0px, 0px);}
#newsnevents .newslider .owl-carousel.owl-loaded, #knowledge .bannerslider .owl-carousel.owl-loaded {display: block;}
#newsnevents .newslider .owl-carousel.owl-loading, #knowledge .bannerslider .owl-carousel.owl-loading {opacity: 0; display: block;}
#newsnevents .newslider .owl-carousel.owl-hidden, #knowledge .bannerslider .owl-carousel.owl-hidden {opacity: 0;}
#newsnevents .newslider .owl-carousel .owl-refresh .owl-item, #knowledge .bannerslider .owl-carousel .owl-refresh .owl-item {display: none;}
#newsnevents .newslider .owl-carousel .owl-item, #knowledge .bannerslider .owl-carousel .owl-item {
  position: relative; 
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#newsnevents .newslider .owl-carousel.owl-text-select-on .owl-item, #knowledge .bannerslider .owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
#newsnevents .newslider .owl-carousel .item {overflow: hidden; padding: 0 10px;}
#newsnevents .newslider .item .newbox {padding: 9px; background-color: #ffffff; box-shadow: 0 1px 10px rgba(0,0,0,0.1); overflow: hidden;}
#newsnevents .newslider .item .newbox .newimg {overflow: hidden; float: right; width: 197px;}
#newsnevents .newslider .item .newbox .newimg img, #newsnevents .newslider .item .newbox:hover .newimg img, .elibrary .tab-content .videoconts
 .videobox .vimg, .elibrary .tab-content .videoconts .videobox a:hover .vimg, .elibrary .videoconts .videolist li .videoimg img, .elibrary .videoconts
 .videolist li .videoimg:hover img {transition:all 0.1s ease 0s; -moz-transition:all 0.1s ease 0s; -webkit-transition:all 0.1s ease 0s;}
#newsnevents .newslider .item .newbox:hover .newimg img, .elibrary .tab-content .videoconts .videobox a:hover .vimg, .elibrary .videoconts 
.videolist li .videoimg:hover img {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
#newsnevents .newslider .item .newbox .details {float: right; text-align: right; width: 60%; padding: 14px 17px 0;}
#newsnevents .newslider .item .newbox .details .time {font-size: 11px; font-weight: 600; display: block; color: #999999;
                                                       background: url(../images/cale-icon.png) no-repeat 100% 50%; padding-right: 26px;}
#newsnevents .newslider .item .newbox .details .heading {direction: rtl;font-size: 16px; font-weight: 700; color: #262626; line-height: 24px;
                                                          margin: 9px 0 12px; display: inline-block;}
#newsnevents .newslider .item .newbox .details .btrow {padding: 0;}
#newsnevents .newslider .item .newbox .details .btrow .more {background: url(../images/arrow.png) no-repeat 0 50%; font-size: 11px; 
                                                             font-weight: 600; color: #808080; padding-left: 16px;}
#newsnevents .newslider .item .newbox:hover .heading, #newsnevents .newslider .item .newbox .details .btrow .more:hover, 
.elibrary .videoconts .videolist li .videoinfo h4 a:hover {color: #920000;}
#newsnevents .newslider .owl-carousel .owl-nav div {position: absolute; top:50%; transform: translateY(-50%);
                                                     -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); 
                                                     background-color: rgba(0,0,0,0.50); background-position: 50% 50%;
                                                      background-repeat: no-repeat; width: 40px; height: 40px; cursor: pointer;}
#newsnevents .newslider .owl-carousel .owl-prev {background-image: url(../images/prevarrow2.png); left:-5px;}
#newsnevents .newslider .owl-carousel .owl-next {background-image: url(../images/nextarrow2.png); right:-5px;}

#mainconts {background-color: #fffff4; padding: 40px 0;}
.elibrary {float: right; width: 100%; background-color: #ffffff; margin-bottom: 30px; border-top: 2px solid #c8a64c; box-shadow: 0px 2px 15px rgba(0,0,0,0.10);
            -moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.10);}
.elibrary .rightpart {float: right; padding: 25px 30px 0;
background: rgb(244,244,244);
background: -moz-linear-gradient(-45deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 );}
.elibrary .rightpart .title {position: relative; padding-bottom: 15px;}
.elibrary .rightpart .title:after {content: ""; width: 60px; height: 2px; background-color: #c8a64c; position: absolute; right: 0; bottom: 0;}
.elibrary .rightpart .title h1 {font-size: 26px; font-weight: 700; background: url(../images/icon6.jpg) no-repeat 100% 50%; padding: 1px 60px 1px 0;margin-bottom: 40px;}
.elibrary .rightpart .title h1 span {font-size: 11px; font-weight: 400; color: #c8a64c; display: block; margin-bottom: 3px;}
.elibrary .rightpart .title p {color: #807e7a; font-size: 12px; line-height: 20px; margin-top: 10px;}
.elibrary .nav-tabs {border: none; margin: 0;}
.elibrary .nav-tabs > li {width: 100%; float: right; margin: 0; border-top: 1px solid #e0e0e0;}
.elibrary .nav-tabs > li > a {border: none; float: right; width: 100%; background-color: transparent; font-weight: 700; color: #808080; margin: 0;
                               padding: 23px 48px 24px 22px; line-height: 20px; background-repeat: no-repeat; background-position: 100% 50%;}
.elibrary .nav-tabs > li > a span {display: block; font-size: 12px; color: #b2b2b2; font-weight: 400; line-height: 18px;}
.elibrary .nav-tabs > li > a.documenticon {background-image: url(../images/documents-icon.png);}
.elibrary .nav-tabs > li > a.documenticon:hover, .elibrary .nav-tabs > li.active > a.documenticon {background-image: url(../images/documents-icon-a.png);}
.elibrary .nav-tabs > li > a.videoicon {background-image: url(../images/video-icon.png);}
.elibrary .nav-tabs > li > a.videoicon:hover, .elibrary .nav-tabs > li.active > a.videoicon {background-image: url(../images/video-icon-a.png);}
.elibrary .nav-tabs > li > a.photoicon {background-image: url(../images/photo-icon.png);}
.elibrary .nav-tabs > li > a.photoicon:hover, .elibrary .nav-tabs > li.active > a.photoicon {background-image: url(../images/photo-icon-a.png);}
.elibrary .nav-tabs > li.active > a, .elibrary .nav-tabs > li.active > a:focus, .elibrary .nav-tabs > li.active > a:hover,
 .elibrary .nav-tabs > li:hover > a {border: none; background-color: transparent; color: #262626;}
.elibrary .nav-tabs > li:hover, .elibrary .nav-tabs > li.active {background: url(../images/arrow2.png) no-repeat 0 50%;}
.elibrary .tab-content {padding: 30px 5px; background-color: #ffffff; border-right: 1px solid #e6e6e6;}

.elibrary .tab-content .videoconts .videobox {float: right; padding: 0 14px 0 4px;padding-right: 0px;}
.elibrary .tab-content .videoconts .videobox a, .elibrary .videoconts .videolist li .videoimg {overflow: hidden; display: block;}
.elibrary .tab-content .videoconts .videobox .vimg {width: 100%;}
.elibrary .tab-content .videoconts .videobox .vinfo {position: absolute; left: 4px; right: 14px; bottom: 0; padding: 30px 30px 20px;z-index: 11;}
.elibrary .tab-content .videoconts .videobox .vinfo h3 {color: #dededd; font-size: 14px; font-weight: 700; line-height: 24px; border-bottom: 1px solid rgba(255,255,255,0.20); padding-bottom: 14px; margin-bottom: 18px;}
.elibrary .tab-content .videoconts .videobox .vinfo .playbtn {color: #dededd; font-size: 12px; float: right; font-weight: 600; background: url(../images/playicon.png) no-repeat 100% 50%; padding: 1px 25px 1px 0;}
.elibrary .tab-content .videoconts .videobox .vinfo .time {float: left; font-size: 12px; color: #c8a64c; margin-top: 2px;}

.elibrary .videoconts .videolist {float: right;}
.elibrary .videoconts .videolist li {float: right; width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 18px; margin-bottom: 18px;}
.elibrary .videoconts .videolist li:last-child {margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}
.elibrary .videoconts .videolist li .videoimg {float: right; position: relative;}
.elibrary .videoconts .videolist li .videoimg .plyicon {width: 32px; height: 32px; background: url(../images/playicon2.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.elibrary .videoconts .videolist li .videoinfo {float: right; padding-right: 22px; width: 62%;}
.elibrary .videoconts .videolist li .videoinfo h4 {position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.elibrary .videoconts .videolist li .videoinfo h4:after {content: ""; width: 40px; height: 2px; background-color: #920000; position: absolute; right: 0; bottom: 0;}
.elibrary .videoconts .videolist li .videoinfo h4 a {font-size: 12px; font-weight: 700; line-height: 20px; color: #262626;}
.elibrary .videoconts .videolist li .videoinfo .time {float: right; font-size: 12px; color: #808080;}

.mapwques .row {margin-left: -10px; margin-right: -10px;}
.mapwques .questions {float: right; padding: 0 10px;}
.mapwques .innerbox {background-color: #ffffff; width: 100%; float: right; padding: 20px 30px 30px; border-top: 2px solid #c8a64c; box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.10);}
.mapwques .title {text-align: center;}
.mapwques .questions .checkbox {background: url(../images/line.png) no-repeat 50% 100%; margin: 0 0 12px; padding-bottom: 15px;}
.mapwques .questions .checkbox label {color: #808080; font-weight: 400; padding: 0 30px 0 0;}
.mapwques .questions .checkbox label input {margin-right: -30px;margin-left: 20px;}
.mapwques .innerbox .bttn {margin-top: 20px; padding: 10px 25px 13px; width: 140px;}
.mapwques .mapbox {padding: 0 10px;}
.mapwques .mapbox .innermap {float: right; width: 100%; height: 520px; background-color: #ffffff; box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.10);}
.mapwques .mapbox .mapr {padding: 0; float: right; text-align: center;}
.mapwques .mapbox .mapr .innerbox {box-shadow: none;padding: 20px 10px 30px;}
.mapwques .mapbox .mapr .title {margin-bottom: 20px;}
.mapwques .mapbox .mapr p {font-size: 12px; line-height: 22px; color: #808080;}
.mapwques .mapbox .custmap {padding: 0;overflow: hidden;}
#map_canvas {height: 410px;}
#map_canvas h3 {font-size: 13px; font-weight: 700; font-family: 'Cairo', sans-serif; background: url(../images/micon.jpg) no-repeat 100% 22px; padding:20px 39px 7px 0;}
#map_canvas h3 span {display: block; color: #808080; font-size: 10px; font-weight: normal;}
.gm-style .gm-style-iw div {overflow: visible !important;}
#map_canvas p {font-family: 'Cairo', sans-serif; font-size: 12px; color: #666666; width: 161px; line-height: 20px;}
#map_canvas a {font-family: 'Cairo', sans-serif; cursor: pointer; font-size: 10px; font-weight: 700; color: #ffffff; background:#c8a64c url(../images/arrow3.png) no-repeat 6px 50%; margin: 5px 0 10px; padding: 0px 7px 2px 28px; float: right;}
.divCustomMarker {display: none !important;}

.mapwques .mapbox .custmap #default {width: 100%; height: 410px;}

.threeconts {margin: 30px 0 0px; float: right; width: 100%;}
.threeconts .row {margin-left: -10px; margin-right: -10px;}
.threeconts .commonbox {padding: 0 10px; float: right;}
.threeconts .commonbox .innerbox {background-color: #ffffff; text-align: center; width: 100%; float: right; padding: 20px 30px; border-top: 2px solid #c8a64c; box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.10);}
.threeconts .commonbox .innerbox h2, .mapwques .title {font-size: 12px; font-weight: 700; line-height: 30px; position: relative; padding-bottom: 23px; margin-bottom: 30px;}
.threeconts .commonbox .innerbox h2:after, .mapwques .title:after {content: ""; width: 40px; height: 2px; background-color: #c8a64c; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.threeconts .commonbox .innerbox h2 span, .mapwques .title span {display: block; font-size: 12px; color: #c8a64c;}


.threeconts .commonbox .innerbox h2, .mapwques .title2 {font-size: 12px; font-weight: 700; line-height: 30px; position: relative; padding-bottom: 23px; margin-bottom: 30px;}
.threeconts .commonbox .innerbox h2:after, .mapwques .title2:after {content: ""; width: 40px; height: 2px; background-color: #c8a64c;  left: 50%; bottom: 0px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.threeconts .commonbox .innerbox h2 span, .mapwques .title2 span {display: block; font-size: 12px; color: #c8a64c;}


/*.threeconts #caricatureslider {float: right; width: 100%;}*/
.threeconts .caricaturemodal {text-align: center; cursor: pointer;}
.threeconts .caricaturemodal img, #caricature‬‏modal .modal-body img {width: 100%;} .modal-body img {width: 100%;}
#caricature‬‏modal2 .close, #caricature‬‏modal .close {font-size: 32px; color: #c8a64c; margin: -8px -5px 0 0; position: relative; z-index: 11; line-height: 14px; opacity: 1; text-shadow:none; -moz-text-shadow:none; -webkit-text-shadow:none;}
/*.threeconts #caricatureslider .carousel-inner > .item {text-align: center;}
.threeconts #caricatureslider .carousel-inner > .item img {width: 100%; display: inline-block;}*/
.threeconts .employebox {position: relative; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.threeconts .employebox .employeephoto {position: relative; z-index: 2; transform: rotateX(0deg);}
.threeconts .employebox .employeephoto img {width: 100%;}
.threeconts .employebox .empinfo {position: absolute; left: 0; right: 0; bottom: 0; color: #ffffff; padding: 15px 10px;}
.threeconts .employebox .empinfo p {font-size: 16px; font-weight: 700;}
.threeconts .employebox .empinfo span {font-size: 14px; display: block;}
.threeconts .employebox .empinfoback {background-color: #f5f5f5; position: absolute; top: 0; bottom: -2px; left: 0; right: 0; z-index: 1; transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}


.threeconts .testimonials #testimonialslider {padding-bottom: 46px; margin-top: -7px;}
.threeconts .testimonials .carousel-inner > .item p {font-size: 12px; line-height: 23px; color: #808080; font-weight: 600;    min-height: 112px;}
.threeconts .testimonials .carousel-inner > .item h4 {color: #c8a64c; font-size: 16px; font-weight: 700; margin: 15px 0 3px;}
.threeconts .testimonials .carousel-inner > .item span {display: block; color: #4c4c4c;}
.threeconts .testimonials .carousel-indicators {margin: 0; width: 100%; left: 0; right: 0; padding: 0; bottom: 0;}
.threeconts .testimonials .carousel-indicators li {width: 8px; height: 8px; background-color: #cccccc; border: none; margin: 0 3px;}
.threeconts .testimonials .carousel-indicators .active {background-color: #c8a64c;}

#knowledge {background: url(../images/greenbg.jpg) repeat-x 50% 0; padding: 30px 0 38px;}
#knowledge h1 {text-align: center; font-size: 34px; font-weight: 700; color: #ffffff; line-height: 30px; margin-bottom: 38px;}
#knowledge h1 span {display: block; font-weight: 600; font-size: 12px;}
#knowledge .bannerslider .owl-carousel .item {overflow: hidden; padding: 0 10px;}
#knowledge .bannerslider .item .innerbox {background-color: #ffffff; text-align: center; padding: 20px; box-shadow: 0 2px 15px rgba(0,0,0,0.10); overflow: hidden;}
#knowledge .bannerslider .item .innerbox .icon {display: inline-block; width: 42px; height: 42px; border: 1px solid #b7b7b7; background-position: 50% 50%; 
                                                background-repeat: no-repeat;}
#knowledge .bannerslider .item .innerbox .stafficon {background-image: url(../images/stafficon.png);}
#knowledge .bannerslider .item .innerbox .quesicon {background-image: url(../images/quesicon.png);}
#knowledge .bannerslider .item .innerbox .strategyicon {background-image: url(../images/strategyicon.png);}
#knowledge .bannerslider .item .innerbox h4 {font-size: 12px; font-weight: 700; line-height: 20px; position: relative; padding-bottom: 22px; margin:3px 0 20px;}
#knowledge .bannerslider .item .innerbox h4:after {content: ""; width: 40px; height: 2px; background-color: #b7b7b7; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
#knowledge .bannerslider .item .innerbox h4 span {display: block; font-size: 12px; color: #807e7a;min-height: 20px;}
#knowledge .bannerslider .item .innerbox .bttn {font-weight: 400; color: #262626; padding: 8px 36px;}

#knowledge .bannerslider .owl-carousel .owl-nav div {position: absolute; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); 
                                                     -webkit-transform: translateY(-50%); background-position: 50% 50%; background-repeat: no-repeat;
                                                      width: 18px; height: 28px; cursor: pointer;}
#knowledge .bannerslider .owl-carousel .owl-prev {background-image: url(../images/prevarrow3.png); left:-30px;}
#knowledge .bannerslider .owl-carousel .owl-next {background-image: url(../images/nextarrow3.png); right:-30px;}

#footer {background-color: #1a1a1a; padding-bottom: 20px;}
.newsletter {background-color: #ffffff;  float: right; width: 100%; margin: 40px 0; padding: 4px 0; padding-right: 60px;}
.newsletter .rightpart {float: right; padding: 0 3px 0 0;}
.newsletter .rightpart .icon {float: right; margin-left: 20px;}
.newsletter .rightpart h2 {font-size: 20px; font-weight: 700; line-height: 24px; margin-top: 9px;}
.newsletter .rightpart h2 span {display: block; font-size: 13px; color: #807e7a;}
.newsletter .leftpart {padding: 5px 25px; border-right: 1px solid #e0e0e0;}
.newsletter .leftpart .custfield {height: 50px; width: 546px; padding: 6px 40px 6px 15px; border: 1px solid #cccccc; background: url(../images/mailicon.png) no-repeat 97% 50%;}
.newsletter .leftpart .sbttn {background-color: #262626; font-size: 15px; color: #ffffff; padding: 14px 15px; width: 183px; text-align: center; position: relative; top: 2px; margin-right: 17px;}
#footer .fmenus {float: right; width: 100%; border-bottom: 1px solid #5c5c5c; padding-bottom: 60px; padding-top: 10px;}
#footer .fmenus li {float: right; background: url(../images/dottimg.png) no-repeat 0 50%; padding: 0 20px 0 145px;}
#footer .fmenus li:first-child {padding-right: 0;}
#footer .fmenus li:last-child {background: none; padding-left: 0;}
#footer .fmenus li a {float: right; font-size: 13px; color: #b2b2b2; font-weight: 600;}
#footer .fmenus li a:hover {color:beige;}
#footer .bottom {text-align: center;}
#footer .flogo {width: 100px; display: inline-block; background-color: #1a1a1a; margin-top: -25px;}
#footer .flogo p {font-size: 11px; color: #b2b2b2; font-weight: 700; margin: 12px 0 5px;}
#footer .flogo h3 {font-size: 16px; color: #1f8041; font-weight: 700; position: relative; padding-bottom: 20px;}
#footer .flogo h3:after {content: ""; width: 40px; height: 2px; background-color: #1f8041; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
#footer .copyright {text-align: center; float: right; width: 100%; color: #b2b2b2; line-height: 20px; font-size: 12px; margin: 12px 0 10px; margin-bottom: 10px;}
#footer .copyright small {font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600;}
.socialm {float: right; width: 100%; text-align: center;}
.socialm li {display: inline-block; margin: 3px 6px;}
.socialm li a {display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0;}
.socialm li .fb {background-image: url(../images/fb-icon2.png);}
.socialm li .fb:hover {background-image: url(../images/fb-icon2-h.png);}
.socialm li .tw {background-image: url(../images/tw-icon2.png);}
.socialm li .tw:hover {background-image: url(../images/tw-icon2-h.png);}
.socialm li .yt {background-image: url(../images/yt-icon2.png);}
.socialm li .wi { background-image: url(../Gallery/wikio2.png);}

   

.socialm li .yt:hover {background-image: url(../images/yt-icon2-h.png);}
.socialm li .inst {background-image: url(../images/inst-icon.png);}
.socialm li .inst:hover {background-image: url(../images/inst-icon-h.png);}
.socialm li .ad {background-image: url(../images/ad-icon.png);}
.socialm li .ad:hover {background-image: url(../images/ad-icon-h.png);}
.socialhub {position: fixed; right: 40px; bottom: 40px; box-shadow: 0px 0px 25px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.25);
             -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.25); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}


/*social media widget*/

.social-media-widget:hover .sh-title {
    margin-top: -30px;
    opacity: 1;
    white-space: nowrap;
}

.social-media-widget {
    position: fixed;
    right: 2.5%;
    bottom: 8%;
    width: 80px;
    height: 80px;
    z-index: 1013;
    background: url(../images/socialhub.png) 50% no-repeat;
    cursor: pointer;
    margin-bottom: -150px;
}

.social-media-widget .sh-title {
	background-color: #fff;
    padding: 8px 14px;
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    bottom: 30%;
    right: 105%;
    margin-left: -45px;
    border-radius: 2px;
    opacity: 0;
    margin-top: -40px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    background: #595959;
}

.social-media-widget-img {
    width: 75px;
    height: 75px;
    display: block;
}

.sh-close {
    position: absolute;
    top: -5px;
    right: 0;
	width: 20px;
    height: 20px;
    z-index: 105;
    background: url(../images/x.png);
}

.videobox:after {
    content: "";
    /* width: 100%; */
    height: 100%;
    background: url(../images/dott-bg.png) repeat-x 0 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 5px;
    bottom: 0;
}

.pin-point {
    position: absolute;
    display: block;
    width: 46px;
    height: 64px;
    background: url(../images/icon-pin.png) center center no-repeat;
    cursor: pointer;
}

.pin-point.KSA-point {
    left: 65%;
    top: 36%;
}

.pin-point .text-outer {
    position: absolute;
    border-top: 2px solid #c8a64c;
	right: 100%;
    top: -38px;
    margin-left: -30px;
    /* width: 150px; */
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.pin-point .text-outer .text {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 6px 15px;
    color: #333333;
    font-family: 'AVAGELIO-Bold','Brandon-Bold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: #ffffff;
    min-width: 100%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}

.text:after {
    font-family: 'FontAwesome';
    content: '\f0d7';
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    height: 16px;
    font-size: 18px;
    bottom: -10px;
    line-height: 16px;
    color: #ffffff;
    font-weight: normal;
    -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -ms-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -o-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
}

.pin-point .text-outer {
    position: absolute;
    left: -50%;
    top: -38px;
    margin-left: -30px;
    width: 250px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.pin-point .text-outer .text {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 20px;
    color: #333333;
    font-family: 'AVAGELIO-Bold','Brandon-Bold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: #ffffff;
    min-width: 250px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}

.pin-point .text-outer .text:after {
    font-family: 'FontAwesome';
    content: '\f0d7';
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    height: 16px;
    font-size: 18px;
    bottom: -10px;
    line-height: 16px;
    color: #ffffff;
    font-weight: normal;
    -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -ms-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -o-text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    text-shadow: 0px 0px 5px rgba(0,0,0,0.20);
}

.pin-point:hover .text-outer {
    visibility: visible;
    opacity: 1;
	box-shadow: 0 2px 15px rgba(0,0,0,0.10);
	z-index: 9;
}

.megamenu.legislation .header-image{
	text-align:center;
	padding: 0 35px;
    min-height: 264px;
}

.header-image-div{
    background: url(../images/header-image-back.png) no-repeat;
    min-height: 264px;
    padding: 40px 0;
}

.orange-header{
    font-size: 16px;
    color: #c8a64c;
    font-weight: bold;
    margin-top: 10px;
}

.white-header{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 5px;
}

.header-image-div .bttn{
    margin-top: 10%;
}

.megamenu.legislation {
    padding: 30px;
}

.megamenu.legislation {
    background-image: none;
}






/****************
 * Inner Page
 ****************/
#lblContentBody {line-height: 25px;text-align: justify;}
#lblContentBody p{text-align: justify;}
#contentpart {background: url(../images/innerblurbg.png) repeat-x 50% 0; padding: 32px 0 50px;background-size: contain;}
.innercommon {padding: 0 5px;}
.innercommon .rightpart {padding: 0 10px; float: right;}
.innercommon .rightconts {background-color: #ffffff; float: right; padding: 0;}
.innercommon .rightconts .rinnerbox {border: 1px solid #d9d9d9; padding: 0;}
.innercommon .rightconts .breadcrumbs {padding: 15px 24px;}
.innercommon .rightconts .breadcrumbs li {float: right; background: url(../images/bcarrow.png) no-repeat 0 50%; color: #3b3b3b; font-size: 13px; padding-left: 24px; margin-left: 14px; font-weight: 600;}
.innercommon .rightconts .breadcrumbs li:last-child {background:none; padding-left: 0; margin-left: 0;}
.innercommon .rightconts .breadcrumbs li a {color: #3b3b3b; float: right;}
.innercommon .rightconts .extraoptions {border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 0;}
.innercommon .rightconts .extraoptions .socialbtns {float: right; padding: 14px 20px;width: 72%;}
.innercommon .rightconts .extraoptions .socialbtns a {float: right; margin: 0 4px;}
.innercommon .rightconts .extraoptions .trbttns {float: left;width: 28%;}
.innercommon .rightconts .extraoptions .trbttns a {float: right; width: 64px; height: 60px; border-right: 1px solid #d9d9d9; background-repeat: no-repeat; background-position: 50% 50%;}
.innercommon .rightconts .extraoptions .trbttns a:hover {background-color: #c8a64c;}
.innercommon .rightconts .extraoptions .trbttns a.minus {background-image: url(../images/minus.png);}
.innercommon .rightconts .extraoptions .trbttns a.minus:hover {background-image: url(../images/minus-h.png);}
.innercommon .rightconts .extraoptions .trbttns a.plus {background-image: url(../images/plus.png);}
.innercommon .rightconts .extraoptions .trbttns a.plus:hover {background-image: url(../images/plus-h.png);}
.innercommon .rightconts .extraoptions .trbttns a.prnt {background-image: url(../images/prnt.png);}
.innercommon .rightconts .extraoptions .trbttns a.prnt:hover {background-image: url(../images/prnt-h.png);}
.innercommon .rightconts .complaintform {padding: 0 24px 24px 24px;}

.innercommon .rightconts .complaintform h2 {font-size: 24px; font-weight: 700; color: #3b3b3b; margin: 26px 0;}
.innercommon .rightconts .complaintform h2 #lblDate{font-size:13px; color:#c8a64c}

.innercommon .rightconts .complaintform h3 {font-size: inherit;font-weight: 600;line-height: 20px;padding-top: 0px; margin-bottom: 10px; }
.innercommon .rightconts .complaintform h3 #lblDate{font-size:13px; color:#c8a64c}

.innercommon .rightconts .complaintform h4 {/*color: #3b3b3b;*/ margin: 26px 0; line-height: 25px;}

.innercommon .rightconts .complaintform .info {font-size: 15px; line-height: 24px; color: #3b3b3b; font-weight: 600;}
.complaintform .formpart {float: right; width: 100%; margin-bottom: 25px;}
.complaintform .formpart .title {float: right; width: 100%; cursor: pointer; background: url(../images/minusbtn.png) no-repeat 0 50%; padding: 19px 0 !important; font-size: 15px; font-weight: 700; color: #c8a64c; margin-top: 26px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.complaintform .formpart .activebox {background-image: url(../images/plusbtn.png);}
.complaintform .formpart .formfields {float: right; width: 100%; display: none;}
.datepickerbox {position: relative; margin-top: 25px;}
.datepickerbox .custfield {width: 294px; text-align: left; font-size: 13px; color: #666666; padding: 6px 50px 6px 25px !important;}
.datepickerbox label {background: url(../images/cale-icon2.png) no-repeat 100% 50%; padding-right: 26px; position: absolute; top: 13px; right: 15px;}
.complaintform .formpart .fieldrow1 {margin-left: -6px; margin-right: -6px; margin-top: 20px;}
.complaintform .formpart .fieldrow1 .col-md-3 {padding: 0 6px; float: right;}
.complaintform .formpart .fieldrow1 label {margin-right: 6px;}
.complaintform .formpart .fieldrow label {display: block; font-weight: 700; font-size: inherit; color: #3b3b3b; margin-bottom: 12px;}
.complaintform .formpart .fieldrow .labelIDN {margin-right: 6px;display: block; font-weight: 700; font-size: inherit; color: #3b3b3b; margin-bottom: 12px;}

.complaintform .formpart .fieldrow .custfield {height: 48px; padding: 6px 15px; font-size: 14px; font-weight: 600; color: #666666; background-color: #fafafa; border: 1px solid #e0e0e0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.complaintform .formpart .fieldrow2 {margin-left: -9px; margin-right: -9px;}
.complaintform .formpart .fieldrow2 .col-md-6 {padding: 0 9px;}
.complaintform .formpart .nationality {position: relative;}
.complaintform .formpart .nationality .mapicon {position: absolute; right: 25px; top: 42px;}
.complaintform .formpart .nationality select.custfield {/*padding-right: 45px !important;*/}
.complaintform .formpart .fieldrow .commonfield {float: right; margin-top: 20px;}
.complaintform .formpart .fieldrow .commonfield textarea{max-width: 100%; min-height: 150px;}
.complaintform .formpart .fieldrow .commonfield.group label {display: inline;}
.complaintform .formpart .fieldrow .commonfield.group input{display: inline;width:200px;height: 30px;}
.complaintform .formpart .fieldrow4 .col-xs-12 {padding: 0;}
.complaintform .formpart .fieldrow select.custfield {background-image: url(../images/drop-arrow2.png); background-repeat: no-repeat; padding-right: 11px; color: #666666; font-size: 14px; font-weight: 600; background-position: 30px 50%; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.complaintform .formpart .fieldrow5 {margin-left: -6px; margin-right: -6px;}
.complaintform .formpart .fieldrow5 .col-md-6 {padding: 0 6px;}
.complaintform .formpart .choosebox {padding: 25px 0 10px;}
.complaintform .formpart .radiofield {background-color: #f2f2f2; padding: 14px 15px; margin-bottom: 15px;}
.complaintform .formpart .radiofield span {float: right; font-weight: 700; font-size: inherit; color: #3b3b3b;}
.complaintform .formpart .radiofield ul {float: left;}
.complaintform .formpart .radiofield li {position: relative; float: right; margin: 0 5px;list-style: none;}
.complaintform .formpart .radiofield li input[type=radio] {position: absolute; visibility: hidden;}
.complaintform .formpart .radiofield li label {position: relative; z-index: 5; margin: 0; cursor: pointer; font-size: 13px; font-weight: 700; color: #808080; padding-right: 22px;}
.complaintform .formpart .radiofield li .check {background: url(../images/checkbox.jpg) no-repeat 0 0; width: 16px; height: 16px; position: absolute; z-index: 2; top: 2px; right: 0px;}
.complaintform .formpart .radiofield li input[type=radio]:checked ~ .check {
  background: url(../images/checkedbox.jpg) no-repeat 0 0;
}
.complaintform .formpart .radiofield li input[type=radio]:checked ~ label {color: #c8a64c;}
.complaintform .formpart .attachedbox {padding: 0;}
.complaintform .formpart .attachedbox .filepath {float: right; background-color: #fafafa; width: 497px; padding: 14px 15px 13px; font-size: inherit; color: #3b3b3b; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-radius: 0 2px 2px 0;}
.complaintform .formpart .attachedbox .filepath strong {color: #3b3b3b;}

/*
.complaintform .formpart .attachedbox .select {float: left; width: 160px; background-color: #333333; height: 48px; text-align: center; font-size: 13px; color: #ffffff; font-weight: 700; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px;}
.complaintform .formpart .attachedbox .select span {display: inline-block; background: url(../images/selecticon.png) no-repeat 100% 50%; padding-right: 26px;}
*/
.complaintform .formpart .attachedbox .select {float: left; width: 160px; background-color: #333333; height: 48px; text-align: center; font-size: inherit; color: #ffffff; font-weight: 700; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px;cursor: pointer; cursor: hand;}
.complaintform .formpart .attachedbox .select span {display: inline-block; background: url(../images/selecticon.png) no-repeat 100% 50%; padding-right: 26px; margin-top:15px;}


.complaintform .formpart .attachedbox .select:hover {background-color: #c8a64c;}
.complaintform .btnbox {padding: 15px 15px 40px;}
.complaintform .sbttn {display: inline-block; background-color: #c8a64c; font-size: inherit; font-weight: 700; color: #ffffff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 200px; height: 48px;}
.complaintform .sbttn:hover {background-color: #333333;}


.innercommon .leftpart {padding: 0 10px;}
.innercommon .leftpart .commonbox {background-color: #ffffff; padding: 0; margin-bottom: 20px;}
.borderline {width: 100%; height: 3px; background-color: #920000;}
.innercommon .leftpart .commonbox h2 {font-size: 18px; color: #3b3b3b; font-weight: 700; border-bottom: 1px solid #d9d9d9; padding: 18px 23px 15px;}
.innercommon .leftpart .commonbox .innerbox {border: 1px solid #d9d9d9; padding: 0;}
.innercommon .leftpart .commonbox .lists {padding: 0 23px;}
.innercommon .leftpart .commonbox .lists li {float: right; width: 100%; border-bottom: 1px solid #d9d9d9; padding: 15px 0;}
.innercommon .leftpart .commonbox .lists li:last-child {border-bottom: none;}
.innercommon .leftpart .commonbox .lists li a {float: right; background: url(../images/point-img.png) no-repeat 100% 50%; font-size: 14px; font-weight: 600; color: #666666; padding:1px 30px 1px 0;}
.innercommon .leftpart .commonbox .lists li a:hover {color: #3b3b3b; background-image: url(../images/point-img-h.png);}
.innercommon .leftpart .complainbox {border: 1px solid #d9d9d9;}
.complainbox .list li {border-bottom: 1px solid #d9d9d9; float: right; width: 100%; padding: 19px;}
.complainbox .list li .icon {float: right; margin-left: 20px;}

/*.complainbox .list li .texts h3 {font-size: 16px; color: #262626; font-weight: 700; margin: 4px 0 7px;}*/
.complainbox .list li .texts h2 {font-size: 16px; color: #262626; font-weight: 700; margin: 4px 0 7px;}

.complainbox .list li .texts p {font-size: 12px; color: #807e7a;}
.complainbox .list li.phone h3 {margin-top: 0;}
.complainbox .list li.phone p {margin-bottom: 1px;}
.complainbox .list li:last-child {border-bottom: none;}
.commonbox .newlists {padding: 3px 23px;}
.commonbox .newlists li {float: right; width: 100%; border-bottom: 1px solid #d9d9d9; padding: 20px 0;}
.commonbox .newlists li:last-child {border-bottom: none;}
.commonbox .newlists li .photo {float: right; overflow: hidden;}
.commonbox .newlists li .newdetails {float: right; padding:5px 17px 0 0; width: 72%;}
.commonbox .newlists li .newdetails h3 a {font-size: 14px; color: #3b3b3b; font-weight: 700; line-height: 22px; float: right; margin-bottom: 5px;}
.commonbox .newlists li .newdetails h3 a:hover, .innercommon .rightconts .breadcrumbs li a:hover {color: #920000;}
.commonbox .newlists li .newdetails span {font-size: 13px; color: #807e7a; display: block; clear: both;}

/** News Page **/
.news-wrap{
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.news-wrap:last-child{
	border-bottom:0;
}

.news-wrap img{
	width: 100%;
    height: auto;
}
.news-wrap h3 {
    /*font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
	padding-top: 10px !important; 
    margin-bottom: 10px !important;*/
}

.news-wrap p{
	color: #808080;
    line-height: 24px;
    text-align: justify;
    direction: rtl;
}

.news-wrap .read-more{
    padding-top: 9px;
    color: #c8a64c;
    display: block;
}

.date-span{
	color: #c8a64c;
    font-size: 15px;
	font-weight: bold;
}

/** End News Page **/

/** Gallery Page **/
.gallery-wrap img {
	width: 100%;
    height: auto;
}
.center-text{
	text-align:center;
}
.caption h4{
	font-size: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 30px 20px;
    z-index: 11;
    color: #dededd;
    font-weight: 700;
    line-height: 24px;
}
.image-wrap{
    margin-bottom: 20px;
}
.image-wrap:after {
    content: "";
    height: 100%;
    background: url(/images/dott-bg.png) repeat-x 0 100%;
    position: absolute;
    right: 15px;
    top: 0;
    left: 15px;
    bottom: 0;
}
.gallery-images-wrap img {
	width:100%;
	margin-bottom: 20px;
}

.gallery-images-wrap .col-xs-12, .gallery-images-wrap .col-sm-6,.gallery-images-wrap .col-md-4{
	float:right;
}

.plyicon{
    width: 32px;
    height: 32px;
    background: url(/images/playicon2.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
/** End Gallery Page **/

/** Homepage Map **/
.text-outer h4{
	text-align: right;
    font-family: Cairo, sans-serif;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
}

.text-outer p{
	text-align: right;
	font-family: Cairo, sans-serif;
	font-size: 12px;
	line-height: 25px;
	margin-top: 5px;
}

.text-outer .btn{
	text-align: right;
    float: right;
    background-color: #c8a64c;
    color: #ffffff;
    border-radius: 2px;
    padding: 11px;
    font-family: Cairo;
    font-size: 10px;
    margin-top: 10px;
}

.pin-point.Jordan-point {
    left: 49%;
    top: 9%;
}

.pin-point.Iraq-point {
    left: 64%;
    top: 3%;
}

.pin-point.Egypt-point {
    left: 33%;
    top: 24%;
}

.pin-point.Sudan-point {
    left: 33%;
    top: 48%;
}

.pin-point.Libya-point {
	left: 13%;
    top: 23%;
}

.pin-point.Yemen-point {
	left: 75%;
    top: 50%;
}

.pin-point.Sumalia-point {
    left: 74%;
    top: 74%;
}

.pin-point.Oman-point {
    left: 89%;
    top: 38%;
}

/** End Hompage Map **/





/**pagination**/
/*
.pagination{ position:relative; text-align:center; font-size:13px; font-family:Tahoma, Geneva, sans-serif;}
.pagination a{ position:relative; display:inline-block; padding:5px 5px; margin:0px 2px; color:#333333;}
.pagination a.pager{ font-size:12px;}
.pagination a.pager.active{ color:#9d9394;}
.pagination p.page_number{ color:#9d9394; padding:0px 0px;font-size:12px;text-align:center; }

.linkPager {
color: #000000;
font-size: 10pt;
FONT-FAMILY: Tahoma;
border: 1px solid #EAEBEC;
background: #F7F7F7;
text-decoration: none;
width: 25;
height: 18;
padding: 2px 2px 2px 2px;
margin: 2px 2px 2px 2px;
vertical-align: bottom;
text-align: center;
}
    */
/**pagination**/

/** Map Page **/
#map {
    background: #eeebe3 url(../images/map-bg.jpg) no-repeat 50% 0;
    padding: 44px 0 60px;
    min-height: 706px;
}

#map .flags {
    padding: 0 10px;
    margin-top: 78px;
}

#map .flagbox {
    padding: 10px;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    float: left;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#map .flagbox li {
    display: inline-block;
    margin: 3px 2px;
    cursor: pointer;
    position: relative;
}

#map .flagbox li img{
    width: 39px;
    height: auto;
}

#map .flagbox li .flagactive img {
    opacity: 1;
}

#map .flagbox li .detials {
    display: none;
    background-color: #f5f4ed;
    padding: 30px;
    width: 450px;
    position: absolute;
    z-index: 11;
    top: 61px;
    right: -50px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 21px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 21px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 21px rgba(0,0,0,0.1);
    cursor: text;
}

#map .flagbox li .detials:before {
    content: "";
    width: 23px;
    height: 11px;
    background: url(/images/top-arrow2.png) no-repeat 0 0;
    position: absolute;
    right: 58px;
    top: -11px;
}
bootstrap.min.css:5
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#map .flagbox li .detials .title {
    padding: 0 0 19px;
    border-bottom: 1px solid #e6dfcf;
    position: relative;
}

#map .flagbox li .detials .title span {
    float: right;
}

#map .flagbox li .detials .title h3 {
    font-size: 17px;
    font-weight: 700;
    color: #292929;
    float: right;
    margin: 6px 16px 0 0;
}

#map .flagbox li .detials .title:after {
    content: "";
    width: 60px;
    height: 3px;
    background-color: #cba53a;
    position: absolute;
    bottom: -1px;
    right: 0;
}
bootstrap.min.css:5
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#map .flagbox li .detials p {
    color: #939393;
    line-height: 21px;
    padding: 16px 0;
    float: right;
}

#map .flagbox li .detials .name {
    float: right;
    color: #5f4b41;
    font-weight: 700;
}

#map .flagbox li.rightd .detials {
    left: -50px;
    right: inherit;
}

/** End Map Page**/

/** Content Page **/
#lblContentBody ul, #lblCountryBody ul, .paragraph ul, .complaintform ul{
	padding-top: 10px;
	margin-right: 20px;
}

#lblContentBody ul li, #lblCountryBody ul li, .paragraph ul li, .complaintform ul li{
	list-style-type: disc;
	margin-bottom: 10px;
}

.aboutbox {
    float: left;
    width: 100%;
    background: url(/images/line-bg2.png) no-repeat 100% 100%;
    padding: 14px 0 15px;
}

.aboutbox .title {
    font-weight: 600;
    color: #cba53a;
    background: url(/images/plus-icon.png) no-repeat 100% 50%;
	padding: 5px 45px 5px 0;
    cursor: pointer;
    float: right;
}

.aboutbox .detials {
    display: none;
    margin: 8px 0;
    float: left;
    width: 100%;
}

/** End Content Page**/

/** Form Page **/
.complaintform .formpart .radiofield.horizental ul{
	float: none;
}

.complaintform .formpart .fieldrow .radiofield.horizental  .custfield{
	margin-top: -12px;
}

.complaintform .formpart .radiofield.horizental li{
    margin-left: 30px;
}

.complaintform .formpart .radiofield.horizental li:nth-child(3){
    margin-left: 0;
}

.complaintform .formpart .radiofield.horizental{
	background-color:initial;
	
}

.datepickerbox.second label{
    background: none;
    padding-right: initial;
    position: initial;
    top: initial;
    right: initial;
}

.datepickerbox.second .custfield{
	width:100%;
}

/** ENd Form Page**/


/** Legislations Page **/
.legislations h3{
    font-size: 15px;
	padding-bottom: 10px;
	background-image: url(/images/pdf.png);
    background-repeat: no-repeat;
    background-position: center right;
	padding-right: 40px;
}
/** End Legislations Page **/








#map {background:#eeebe3 url(../images/map-bg.jpg) no-repeat 50% 0; padding: 44px 0 60px; min-height: 706px;}
#map .commontitle {background: url(../images/text-line2.png) no-repeat 50% 84%;}
#map .flags {padding: 0 10px; margin-top: 78px;}
#map .flagbox {padding: 10px; background-color: #ffffff; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); float: left; width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#map .flagbox li {display: inline-block; margin: 3px 2px; cursor: pointer; position: relative;}
#map .flagbox li .flag img {opacity: 0.3;}
#map .flagbox li .flagactive img {opacity: 1;}
#map .flagbox li .detials {display: none; background-color: #f5f4ed; padding: 30px; width: 450px; position: absolute; z-index: 11; top: 61px; right: -30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 2px 2px 21px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 21px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 21px rgba(0,0,0,0.1);cursor: text;}
#map .flagbox li .detials:before {content: ""; width: 23px; height: 11px; background: url(../images/top-arrow2.png) no-repeat 0 0; position: absolute; right: 58px; top: -11px;}
#map .flagbox li.rightd .detials {left: -50px; right: inherit;}
#map .flagbox li.rightd .detials:before {right: inherit; left: 58px;}
#map .flagbox li .detials .title {padding: 0 0 19px; border-bottom: 1px solid #e6dfcf; position: relative;}
#map .flagbox li .detials .title:after {content: ""; width: 60px; height: 3px; background-color: #cba53a; position: absolute; bottom: -1px; right: 0;}
#map .flagbox li .detials .title span {float: right;}
#map .flagbox li .detials .title h3 {font-size: 17px; font-weight:700; color: #292929; float: right; margin: 6px 16px 0 0;}
#map .flagbox li .detials p {color: #939393; line-height: 21px; padding: 16px 0; float: right;}
#map .flagbox li .detials .name {float: right; color: #5f4b41; font-weight: 700;}

.innercommon .rightconts .complaintform .news-wrap h3.pdf-title{display: inline; font-size: 15px;color: #666666;margin-bottom:0;}
.news-wrap img.pdf-img{width: 30px;height: auto;display: inline-block;margin-left: 10px;}

.news-wrap.research h3{margin-bottom:0;}
.innercommon .rightconts .complaintform .news-wrap.research h3.pdf-title{font-size: 16px;color: #555;}
.innercommon .rightconts .complaintform .news-wrap.research .pdf-researcher{font-size: 13px;color: #808080;padding-right: 40px;padding-top: 0;margin:0;}
.news-wrap.research img.pdf-img{float:right;}
.widget-header {
    color: #755f51!important;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin: 10px 0px;
    vertical-align: middle;
    text-transform: uppercase;
    width: 100%;
    padding-right: 40px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    padding: 15px 40px 15px 0;
    border-top: 1px solid #e0e0e0;
}

.widget-header:before {
    content: ' ';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 28px;
    right: 15px;
}

.SMC-page-fb-ico:before {
    background: url(/images/fb.png) #fff no-repeat;
}

.SMC-page-twitter-ico:before {
    background: url(/images/tw.png) #fff no-repeat;
}

.SMC-page-youtube-ico:before {
    background: url(/images/yt.png) #fff no-repeat;
}

.SMC-page-instagram-ico:before{
    background: url(/images/in.png) #fff no-repeat;
}

/** Homepage poll **/
.questions .list li {
    float: right;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    padding: 19px 0;
}

.questions .list li label {
    font-size: 16px;
    color: #808080;
    cursor: pointer;
    font-weight: 600;
    background: url(../images/checkbox.jpg) no-repeat 100% 50%;
    padding: 4px 40px 5px 0;
    margin: 0;
}

.questions .list li.checked label {
    color: #292929;
    background-image: url(../images/checkbox-c.jpg);
}

.list{
    float: right;
    width: 100%;
}

.w3-center {
    text-align: left!important;
	padding-left: 30px !important;
}

.list .aspNetDisabled label span{
	position: absolute;
}

#lblPollQuestion{
	font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
	
}
/** ENd Homepage Poll **/

.alertFont
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13pt;
	margin-right: 5px;
	color: red;
	text-indent: 0pt;
	margin-left: 5px;
}

.innercommon .rightconts .complaintform .poll-wrap h3{
	font-size: 18px;
	color: #555;
}

.innercommon .rightconts .complaintform .poll-wrap h4{
    color: #808080;
    font-size: 16px;
        margin: 10px 0;
}

.innercommon .rightconts .complaintform .poll-wrap h4 span{
    font-size: 14px;
    margin-right: 10px;
    color: #c8a64c;
}

.poll-warp-inner{
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.notext {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.vimg{
	width:348px;
	height:344px;
}


/*!
 * Datetimepicker for Bootstrap v3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-weight: bold;
  font-size: 1.2em;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #999999;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #999999;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}