/* add safaa */

.cc2 {
    width: 155px;
    margin-right: 4px;
    margin-top: -2px;
}
/*
You can define a default that is used only if a value isn't
assigned any place else

$default-text-color: $black !default;
*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


.intro-P {
   
    padding-top: 10px;
    margin-bottom: -35px;
}

b.font-menu{
	font-size:10pt;
	font-weight:bold;
}
.cc1 {
    width: 28px;
	  margin-right:4px;
    margin-top: -2px;
}
@font-face {
  font-family: Droid;
  src: url(Droid-Arabic-Reg.ttf) format("truetype");
}
@font-face {
  font-family: Droid;
  src: url(Droid-Arabic-Bold.ttf) format("truetype");
  font-weight: bold;
}
/* line 20, ../sass/style.scss */
.glyphicon {
  color: #0077D4;
  font-size: 25px;
  position: relative;
  right: 0px;
}

body.modal-open {
  overflow: hidden;
}
/* line 25, ../sass/style.scss */
.glyphicon.content {
  padding-left: 5px;
  font-size: 20px;
  top: 5px;
}

/* line 32, ../sass/style.scss */
.wide-modal .modal-dialog {
  width: 95%;
}

/* line 36, ../sass/style.scss */
.sponsors {
  position: relative;
}
/* line 40, ../sass/style.scss */
.sponsors .sponsor-logo {
  text-align: center;
  width: 80px;
  margin: auto;
  margin-bottom: 20px;
}

/* line 49, ../sass/style.scss */
.icon {
  color: #0077D4;
}

/* line 52, ../sass/style.scss */
.self-assessment-link .glyphicon {
  padding-left: 23px;
  top: 8px;
}

/* line 56, ../sass/style.scss */
.self-assessment-link .glyphicon:hover {
  color: #FF931E;
}

/* line 59, ../sass/style.scss */
.glyphicon-chevron-left {
  right: 10px;
}

/* line 62, ../sass/style.scss */
button span .glyphicon-envelope {
  float: right;
  color: #0077D4;
  font-size: 23px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
}

/* line 70, ../sass/style.scss */
button span .glyphicon-circle-arrow-left {
  float: right;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 7px;
  color: #0077D4;
}

/* line 77, ../sass/style.scss */
button span .glyphicon-map-marker {
  float: right;
  font-size: 27px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  color: #0077D4;
}

/* line 86, ../sass/style.scss */
.img-desc {
  font-size: 13px;
}

/* line 89, ../sass/style.scss */
.LTour .glyphicon {
  padding-left: 6px;
  top: 8px;
}

/* line 93, ../sass/style.scss */
span.glyphicon.resources {
  color: rgba(77, 77, 77, 0.6);
}

/* line 96, ../sass/style.scss */
.glyphicon-minus-sign {
  cursor: pointer;
}

/* line 99, ../sass/style.scss */
.glyphicon-plus-sign {
  cursor: pointer;
}

/* line 102, ../sass/style.scss */
.glyphicon-home {
  float: right;
  position: absolute;
  right: 16px;
  top: 10px;
  font-size: 20px;
}

/* line 109, ../sass/style.scss */
.glyphicon-menu-hamburger {
  font-size: 18px;
}

/* line 114, ../sass/style.scss */
.row-rtl .center-content {
  text-align: center;
}
/* line 117, ../sass/style.scss */
.row-rtl .center-content p {
  text-align: center;
}

/* line 123, ../sass/style.scss */
.container-arrow-search {
  position: fixed;
  z-index: 9999;
  top: 17px;
  left: 25px;
  display: none;
}

/* line 130, ../sass/style.scss */
.sb-icon-search-close {
  z-index: 999;
  width: 55px;
  height: 50px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 52px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: #da6d0d;
  color: #fff;
}

/* line 147, ../sass/style.scss */
.container-arrow-search .glyphicon-chevron-left:hover {
  color: #FF931E;
  cursor: pointer;
}

/* line 151, ../sass/style.scss */
.container-arrow-search .glyphicon-chevron-right:hover {
  color: #FF931E;
  cursor: pointer;
}

/* line 155, ../sass/style.scss */
.container-arrow-search a:hover {
  text-decoration: none;
}

/* line 158, ../sass/style.scss */
.outer_div .progressbar {
  float: left;
  position: absolute;
  left: 50px;
  bottom: 0px;
  top: 40px;
  color: transparent;
}

/* line 166, ../sass/style.scss */
.menu-button:hover {
  color: #FF931E;
}

/* line 169, ../sass/style.scss */
.glyphicon-menu-hamburger {
  color: white;
}

/* line 172, ../sass/style.scss */
.menu-button:visited {
  color: white;
}

/* line 175, ../sass/style.scss */
.outer_div {
  position: fixed;
  background-color: #0077D4;
  height: 50px;
  color: #FFF;
  top: 0;
  right: 0;
  width: 100%;
  direction: rtl;
  box-shadow: 0px 5px 10px #888888;
  opacity: 0.95;
  z-index: 1000;
}

/* line 188, ../sass/style.scss */
.outer_div .title-section div {
  float: right;
}

/* line 191, ../sass/style.scss */
.outer_div .title-section .popover {
  width: 270px;
  height: 200px;
}

/* line 195, ../sass/style.scss */
.outer_div .title-section .popover-title {
  width: 266px;
}

/* line 198, ../sass/style.scss */
.outer_div .title-section .title {
  position: relative;
  font-size: 13.538pt;
  font-weight: bold;
  font-family: Droid;
  padding-top: 5px;
}

/* line 205, ../sass/style.scss */
.outer_div .title-section .title a {
  color: ghostwhite;
  text-decoration: none;
}

/* line 209, ../sass/style.scss */
.outer_div .title-section .title a:hover {
  text-decoration: none;
  /*color:$active;*/
}

/* line 213, ../sass/style.scss */
.outer_div .title-section .section-header {
  position: relative;
  font-size: 8.61pt;
  font-weight: bold;
  font-family: Droid;
  padding-top: 15px;
  margin-right: 5px;
}

/* line 221, ../sass/style.scss */
#desctoptitle {
  display: block;
}

/* line 224, ../sass/style.scss */
#desctop-unit-title {
  padding-right: 0px;
  margin-top:5px;
}

/* line 227, ../sass/style.scss */
.outer_div .title-section div {
  float: right;
}

/* line 230, ../sass/style.scss */
.outer_div .title-section .popover {
  width: 270px;
  height: 200px;
}

/* line 234, ../sass/style.scss */
.outer_div .title-section .popover-title {
  width: 266px;
}

/*safaa*/
/* line 238, ../sass/style.scss */
.outer_div .title-section .title {
  position: relative;
  font-size: 13.538pt;
  font-weight: bold;
  font-family: Droid;
  padding-top: 6px;
  margin-top:7px;
}

/* line 245, ../sass/style.scss */
.outer_div .title-section .title a {
  text-decoration: none;
}

/* line 248, ../sass/style.scss */
#mobiletitle {
  display: none;
}

/* line 251, ../sass/style.scss */
.outer_div .title-section .title a:hover {
  text-decoration: none;
  /*color:#FF931E;*/
}

/* line 255, ../sass/style.scss */
.outer_div .title-section .title2 {
  position: relative;
  font-size: 11.077pt;
  font-weight: bold;
  font-family: Droid;
  padding-top: 6px;
}

/* line 263, ../sass/style.scss */
.outer_div .title-section .title2 a {
  text-decoration: none;
}

/* line 266, ../sass/style.scss */
.outer_div .title-section .title2 a:hover {
  text-decoration: none;
  /*color:#FF931E;*/
}

/*safaa*/
/* line 271, ../sass/style.scss */
.outer_div .title-section .section-header {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  font-family: Droid;
  padding-top: 18px;
  margin-right: 8px;
}

/* line 279, ../sass/style.scss */
.glyphicon-menu-left {
  font-size: 14px;
  margin-right: 5px;
  top: 18px;
  color: #a7a9ac;
  position: relative;
}

/* line 286, ../sass/style.scss */
#glyphicon-menu-left1 {
  top: 4px;
}

/* line 289, ../sass/style.scss */
.header_image_background {
  background: url(../resources/pics/Desktop-Header.png) no-repeat center center, #f2f2f2;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 150px;
  margin-top: 30px;
  width: 100%;
  opacity: 1;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: -webkit-transform ease-out;
  -moz-transition-property: -moz-transform ease-out;
  transition-property: transform ease-out;
  -o-transition-property: -o-transition ease-out;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
  -o-transition-duration: 1s;
}

/* line 315, ../sass/style.scss */
.header-visible {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 322, ../sass/style.scss */
.header-not-visible {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

/* line 329, ../sass/style.scss */
.header:before {
  position: absolute;
  content: "";
  vertical-align: middle;
  margin-top: -3px;
  width: 15px;
  height: 30px;
  background: #FF931E;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 341, ../sass/style.scss */
.header {
  font-weight: bold;
  right: 0;
  font-family: Droid;
  position: relative;
  font-size: 11.077pt;
  padding-right: 30px;
  margin-right: -30px;
  margin-top: 20px;
}

/* line 351, ../sass/style.scss */
.outer_div .share .icon-share2 {
  float: left;
  position: absolute;
  left: 20px;
  bottom: 15px;
  color: #FFF;
  font-size: 20px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}

/* line 366, ../sass/style.scss */
.outer_div .share .icon-share2:hover {
  color: #FF931E;
}

/* line 369, ../sass/style.scss */
.outer_div .share {
  float: left;
  position: absolute;
  left: 50px;
  bottom: 0px;
  top: 40px;
  color: transparent;
}

/* line 377, ../sass/style.scss */
.outer_div .panel {
  margin-bottom: 40px;
  margin-left: 30px;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* line 386, ../sass/style.scss */
.outer_div .panel-heading {
  padding: 0px 0px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: transparent;
}

/* line 393, ../sass/style.scss */
.popover-content .icon-google-plus {
  cursor: pointer;
}

/* line 396, ../sass/style.scss */
.popover-content .icon-google-plus:hover {
  color: #FF931E;
}

/* line 399, ../sass/style.scss */
.popover-content .icon-facebook {
  cursor: pointer;
}

/* line 402, ../sass/style.scss */
.popover-content .icon-facebook:hover {
  color: #FF931E;
}

/* line 405, ../sass/style.scss */
.popover-content .icon-twitter {
  cursor: pointer;
}

/* line 408, ../sass/style.scss */
.popover-content .icon-twitter:hover {
  color: #FF931E;
}

/* line 411, ../sass/style.scss */
.sp-panel-header {
  box-shadow: 0px -13px 0px 0px #0077d4;
}

/* line 415, ../sass/style.scss */
#ref {
  margin-top: 40px;
}

/* line 419, ../sass/style.scss */
.page-header {
  background-color: #0077D4;
  /* 	opacity: 0.95;
   */
  position: fixed;
  left: 0;
  top: 10px;
  direction: rtl;
  width: 100%;
  /* box-sizing: border-box;*/
  -webkit-transition: top 0.6s;
  -moz-transition: top 0.6s;
  transition: top 0.6s;
  box-shadow: 0px 5px 10px #888888;
  z-index: 300;
  padding-bottom: 0px;
  border-bottom: 0px solid #eee;
}

/* line 436, ../sass/style.scss */
.page-header.off-canvas {
  top: -89px;
}

/* line 439, ../sass/style.scss */
.page-header.fixed {
  top: 10px;
  z-index: 50;
}

/* line 443, ../sass/style.scss */
#unitname {
  font-size: 11.077pt;
  font-weight: bold;
  font-family: Droid;
}

/* line 448, ../sass/style.scss */
#coursename {
  display: none;
}

@media only screen and (max-width: 570px) {
  /* line 453, ../sass/style.scss */
  #title-id {
    color: white;
  }

  /* line 456, ../sass/style.scss */
  #title-id:hover {
    color: #FF931E;
  }
}
@media only screen and (min-width: 300px) and (max-width: 700px) {
  /* line 463, ../sass/style.scss */
  .header_image_background {
    background: url(../resources/pics/Mobile-Header.png) no-repeat center center, #f2f2f2;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: 120px;
  }

  /* line 473, ../sass/style.scss */
  .outer_div {
    box-shadow: none;
  }
}
@media only screen and (min-width: 701px) and (max-width: 1023px) {
  /* line 480, ../sass/style.scss */
  .header_image_background {
    background: url(../resources/pics/Tablet-Header.png) no-repeat center center, #f2f2f2;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: 120px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1899px) {
  /* line 491, ../sass/style.scss */
  .header_image_background {
    background: url(../resources/pics/Desktop-Header.png) no-repeat center center,  #f2f2f2;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
}
@media only screen and (min-width: 1900px) {
  /* line 501, ../sass/style.scss */
  .header_image_background {
    background: url(../resources/pics/Desktop-Header.png) no-repeat center center,  #f2f2f2;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
}
@media only screen and (max-width: 850px) {
  /* line 511, ../sass/style.scss */
  #myheader {
    display: block;
  }

  /* line 514, ../sass/style.scss */
  #desctoptitle {
    display: none;
  }

  /* line 517, ../sass/style.scss */
  #mobiletitle {
    display: block;
    box-shadow: 0px 5px 10px #888888;
  }

  /* line 521, ../sass/style.scss */
  #mobile-unit-title {
    padding-right: 49px;
  }

  /* line 524, ../sass/style.scss */
  #mobile-span {
    padding-right: 30px;
  }

  /* line 527, ../sass/style.scss */
  .outer_div .title-section .section-header {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    font-family: Droid;
    margin-top: -3px;
    padding-bottom:5px;
    margin-right: 8px;
  }

  /* line 535, ../sass/style.scss */
  .glyphicon-menu-left {
    font-size: 14px;
    margin-right: 5px;
    top: 16px;
    position: relative;
  }

  /* line 541, ../sass/style.scss */
  .outer_div .title-section .title2 {
    padding-top: 1px;
  }
  /* line 543, ../sass/style.scss */
  .outer_div .title-section .title2 a {
    color: white;
  }

  /* line 548, ../sass/style.scss */
  #coursename {
    display: block;
	font-size:9.8pt;
	top:4px;
  }
}
@media only screen and (max-width: 570px) {
  /* line 553, ../sass/style.scss */
  #title-id {
    color: white;
  }

  /* line 558, ../sass/style.scss */
  #title-id:hover {
    color: #FF931E;
  }
}
/* line 567, ../sass/style.scss */
.card-caption .row {
  margin-left: 0px;
  margin-right: 0px;
}

/* line 571, ../sass/style.scss */
.thecard {
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  transition: 400ms ease;
  text-align: left;
}
.thecard1 {
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  transition: 400ms ease;
  text-align: left;
}

/* line 577, ../sass/style.scss */
.thecard:hover {
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.7);
}
.thecard1:hover {
/*   box-shadow: 0 10px 50px rgba(0, 0, 0, 0.7);
 */}

/* line 580, ../sass/style.scss */
.thecard:hover .card-outmore {
  background: #FF931E;
  color: #fff;
}
.thecard1:hover .card-outmore1 {
 /*  background: #FF931E; */
  color: #fff;
}

/* line 584, ../sass/style.scss */
.thecard:hover .card-outmore .progress-color {
  background-color: #0077D4;
}
.thecard1:hover .card-outmore1 .progress-color {
  background-color: #0077D4;
}

/* line 587, ../sass/style.scss */
.thecard:hover .card-outmore .progressbar-color::-webkit-progress-value {
  background-color: #0077D4;
}.thecard1:hover .card-outmore1 .progressbar-color::-webkit-progress-value {
  background-color: #0077D4;
}

/* line 590, ../sass/style.scss */
.thecard:hover .card-outmore .progressbar-color::-moz-progress-bar {
  background-color: #0077D4;
}.thecard1:hover .card-outmore1 .progressbar-color::-moz-progress-bar {
  background-color: #0077D4;
}

/* line 593, ../sass/style.scss */
.thecard a {
  color: currentColor;
  text-decoration: none;
}.thecard1 a {
  color: currentColor;
  text-decoration: none;
}

/* line 597, ../sass/style.scss */
.card-img {
  display: block;
  overflow: hidden;
}
.card-img1 {
  display: block;
  overflow: hidden;
}
/* line 601, ../sass/style.scss */
.card-img img {
  display: block;
  width: 100%;
  max-height: 300px;
}

.card-img1 img {
  display: block;
  width: 100%;
  max-height: 300px;
}

/* line 609, ../sass/style.scss */
.card-caption p {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 616, ../sass/style.scss */
.card-caption h3 {
  line-height: 30px;
  font-size: 9.8464pt;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
}

.card-caption1 h3 {
  line-height: 30px;
  font-size: 9.8464pt;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* line 624, ../sass/style.scss */
.card-caption h1 {
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 0px;
  /* height: 50px; */
}
.card-caption1 p {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.card-caption1 {
    max-height: 184px;
}
/* line 616, ../sass/style.scss */
.card-caption11 h3 {
  line-height: 30px;
  font-size: 9.8464pt;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
}

/* line 624, ../sass/style.scss */
.card-caption1 h1 {
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 0px;
  /* height: 50px; */
}
/* line 635, ../sass/style.scss */
.card-outmore {
  padding: 10px 10px;
  border-top: 1px solid #e0e0e0;
  background: #0077D4;
  color: #222;
  display: flex;
  transition: 400ms ease;
}
.card-outmore1 {
  padding: 10px 10px;
  border-top: 1px solid #e0e0e0;
  background: #0077D4;
  color: #222;
  display: flex;
  transition: 400ms ease;
}

/* line 643, ../sass/style.scss */
.card-outmore h5 {
  flex: 1;
  font-size: 8.615pt;
  text-align: right;
  font-weight: bold;
  color: white;
}.card-outmore1 h5 {
  flex: 1;
  font-size: 8.615pt;
  text-align: right;
  font-weight: bold;
  color: white;
}

/* line 650, ../sass/style.scss */
.card-outmore i {
  padding: 1px 6px;
  color: white;
  font-size: 18px;
}
.card-outmore1 i {
  padding: 1px 6px;
  color: white;
  font-size: 18px;
}

/* line 655, ../sass/style.scss */
.thecard .like-btn {
  font-size: 18px;
  background: #0077D4;
  color: #fff;
  padding: 15px 15px;
  border-radius: 50em;
  position: absolute;
  left: 20px;
  top: 10px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  transition: 400ms ease;
}.thecard1 .like-btn {
  font-size: 18px;
  background: #0077D4;
  color: #fff;
  padding: 15px 15px;
  border-radius: 50em;
  position: absolute;
  left: 20px;
  top: 10px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  transition: 400ms ease;
}

/* line 667, ../sass/style.scss */
.card-img + .card-caption > .like-btn {
  top: -15px;
}

/* line 670, ../sass/style.scss */
.thecard .like-btn:hover {
  background: #FF931E;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}.thecard1 .like-btn:hover {
  background: #FF931E;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

/* line 677, ../sass/style.scss */
.component-row {
  margin-top: 15px;
}

/* line 680, ../sass/style.scss */
.row-rtl .col-md-1 {
  float: right;
}

/* line 683, ../sass/style.scss */
.row-rtl .col-md-2 {
  float: right;
}

/* line 686, ../sass/style.scss */
.row-rtl .col-md-3 {
  float: right;
}

/* line 689, ../sass/style.scss */
.row-rtl .col-md-4 {
  float: right;
}

/* line 692, ../sass/style.scss */
.row-rtl .col-md-5 {
  float: right;
}

/* line 695, ../sass/style.scss */
.row-rtl .col-md-6 {
  float: right;
}

/* line 698, ../sass/style.scss */
.row-rtl .col-md-7 {
  float: right;
}

/* line 701, ../sass/style.scss */
.row-rtl .col-md-8 {
  float: right;
}

/* line 704, ../sass/style.scss */
.row-rtl .col-md-9 {
  float: right;
}

/* line 707, ../sass/style.scss */
.row-rtl .col-md-10 {
  float: right;
}

/* line 711, ../sass/style.scss */
.panel-heading h4 a {
  font-size: 13px;
  font-family: Droid;
  text-decoration: none;
  color: black;
  position: relative;
  bottom: 10px;
  margin-right: 0px;
  line-height: 25px;
  font-weight:bold;
}
/* line 719, ../sass/style.scss */
.panel-heading h4 a.medium {
  margin-top: 2px;
  font-size: 9.8464pt;
  font-weight: bold;
  bottom: 6px;
}

/* line 728, ../sass/style.scss */
.panel-heading h3 a {
  font-size: 11.7pt;
  font-family: Droid;
  font-weight: bold;
  text-decoration: none;
  color: black;
  position: relative;
  bottom: 5px;
  right: 5px;
}

/* line 741, ../sass/style.scss */
.panel-title {
  margin-top: 5px;
}

/* line 744, ../sass/style.scss */
h3.popover-title {
  text-align: right;
}

/* line 747, ../sass/style.scss */
.panel-heading h4 span {
  font-size: 23px;
  color: #0077D4;
  position: relative;
  right: 0px;
}

/* line 753, ../sass/style.scss */
.panel-heading h4 span:hover {
  color: #FF931E;
}

/* line 756, ../sass/style.scss */
.panel-group .panel-default {
  border-color: none;
}

/* line 759, ../sass/style.scss */
.panel-group .panel-default > .panel-heading {
  color: black;
  background-color: transparent;
  border-color: #FFF;
  padding-right: 0;
}

/* line 765, ../sass/style.scss */
.panel-group .panel-heading {
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0px;
}

/* line 770, ../sass/style.scss */
.panel-body {
  padding: 0px;
}

/* line 773, ../sass/style.scss */
.panel-group .panel {
  margin-bottom: 0px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: 0 0px 0px transparent;
}

/* line 781, ../sass/style.scss */
.sp-panel a {
  color: black;
  text-decoration: none;
}

/* line 786, ../sass/style.scss */
.sp-panel-content {
  top: 0px;
  overflow-x:hidden;
}

/* line 790, ../sass/style.scss */
.sp-panel a:hover {
  color: #FF931E;
  text-decoration: none;
}

/* line 794, ../sass/style.scss */
#home-text {
  float: right;
  font-size: 8.615pt;
  top: 10px;
}
/* line 798, ../sass/style.scss */
#home-text span {
  position: relative;
  padding-left: 25px;
}
/* line 803, ../sass/style.scss */
#home-text small {
  font-weight: bold;
  position: relative;
  font-size: 8.615pt;
  bottom: 5px;
}

/* line 811, ../sass/style.scss */
.modal-content {
  border-radius: 0px;
}

/* line 814, ../sass/style.scss */
h4.modal-title {
  font-size: 9.8464pt;
  font-weight: bold;
  float: right;
}

/* line 819, ../sass/style.scss */
.close {
  float: left;
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  opacity: 1;
}

/* line 826, ../sass/style.scss */
.close:hover {
  color: #FF931E;
  opacity: 1;
}

/* line 830, ../sass/style.scss */
button.close {
  -webkit-appearance: none;
  cursor: pointer;
  background: 0 0;
  border: 0;
  font-size: 30px;
  text-shadow: none;
}

/* line 838, ../sass/style.scss */
.modal-header .close {
  margin-top: -5px;
}

/* line 841, ../sass/style.scss */
.popover {
  border-radius: 0px;
}

/* line 844, ../sass/style.scss */
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #0077D4;
  color: white;
  border-top: 5px solid #A1BEE4;
  border-radius: 0px 0px 0 0;
  font-family: Droid;
  font-size: 13px;
  font-weight: bold;
}

/* line 856, ../sass/style.scss */
.popover-header button.close {
  -webkit-appearance: none;
  cursor: pointer;
  background: 0 0;
  border: 0;
  font-size: 25px;
  font-weight: normal;
  margin-top: 5px;
  margin-left: 5px;
  color: white;
}

/* line 867, ../sass/style.scss */
.popover-header button.close:hover {
  color: #FF931E;
}

/* line 870, ../sass/style.scss */
.popover-content {
  font-family: Droid;
  font-size: 8.615pt;
  line-height: 20px;
}

.popover-content .icon {
  font-family: Droid;
  font-size: 16pt;
  line-height: 20px;
}

/* line 875, ../sass/style.scss */
.sideImage-Grid {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 879, ../sass/style.scss */
.textstyle {
  font-size: 9.8464pt;
  font-family: Droid;
  font-weight: bold;
  text-decoration: none;
  color: black;
  position: relative;
  bottom: 10px;
  margin-right: 7px;
}

/* line 889, ../sass/style.scss */
.col-centered {
  float: none;
  margin: 0 auto;
}

/* line 893, ../sass/style.scss */
p.team {
  text-align: right;
  font-weight: bolder;
}

/* line 897, ../sass/style.scss */
p.team1 {
  text-align: right;
  padding-right: 235px;
  font-weight: bold;
}

/* line 902, ../sass/style.scss */
#introModal .modal-header {
  padding: 0px;
}

/* line 905, ../sass/style.scss */
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 909, ../sass/style.scss */
.IntoModal-buttons {
  margin-right: 30px;
}

/* line 913, ../sass/style.scss */
#introModal p {
  direction: rtl;
  /* margin-right:15px; */
  font-size: 15.385pt;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  color: #0077D4;
}

/* line 922, ../sass/style.scss */
#introModal button {
  float: none;
  color: black;
  left: -12px;
  margin-top: 8px;
}

/* line 928, ../sass/style.scss */
.LTour {
  font-size: 9.8464pt;
  float: right;
  position: relative;
  font-weight: bold;
  top: -5px;
  cursor: pointer;
}

/* line 938, ../sass/style.scss */
#maincontent {
  pointer-events: auto;
  right: 0;
}

/* line 943, ../sass/style.scss */
.main-header {
  font-weight: bold;
  right: 0;
  color: black;
  font-family: Droid;
  position: relative;
  font-size: 12.3pt;
  padding-right: 30px;
  margin-right: -30px;
  margin-top: 30px;
}
/* line 953, ../sass/style.scss */
.main-header span {
  position: relative;
  color: #0077D4;
  top: 1px;
  font-size: 22px;
}
/* line 959, ../sass/style.scss */
.main-header::before {
  position: absolute;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 30px;
  background: #A7A9AC;
  right: 0;
  top: 0;
  bottom: 5;
}

/* line 973, ../sass/style.scss */
.intro-text {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  padding-top:10px;
}

/* line 982, ../sass/style.scss */
.activity {
  position: relative;
  right: 0px;
}
/* line 986, ../sass/style.scss */
.activity .header-text {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
/* line 992, ../sass/style.scss */
.activity .info {
  font-size: 13px;
  margin-top: 5px;
}

/* line 998, ../sass/style.scss */
.concept {
  border-right: 5px solid #0077D4;
  position: relative;
  margin-right: 20px;
}
/* line 1002, ../sass/style.scss */
.concept p {
  margin-right: 10px;
}

/* line 1007, ../sass/style.scss */
.info {
  margin-bottom: 5px;
  line-height: 25px;
}

/* line 1011, ../sass/style.scss */
.center-image {
  margin-left: auto;
  margin-right: auto;
}

/* line 1015, ../sass/style.scss */
.self-assessment-link {
  font-size: 9.8464pt;
  float: right;
  position: relative;
  margin-top: -10px;
  font-weight: bold;
  top: -12px;
}

/* line 1023, ../sass/style.scss */
.self-assessment-link:hover {
  color: #FF931E;
}

/* line 1026, ../sass/style.scss */
#intro {
  background-color: #FFF;
  right: 0;
  margin-top: 20px;
}

/* line 1031, ../sass/style.scss */
#section2 {
  background-color: #FFF;
  direction: rtl;
}

/* line 1035, ../sass/style.scss */
#section3 {
  background-color: #FFF;
  direction: rtl;
}

/* line 1039, ../sass/style.scss */
#section4 {
  background-color: #FFF;
  direction: rtl;
}

/* line 1043, ../sass/style.scss */
html {
  font-family: Droid;
}

/* line 1046, ../sass/style.scss */
body {
  /*padding: 15px;*/
  background: #fff;
  font-family: Droid;
}

/* line 1051, ../sass/style.scss */
p {
  font-size: 13px;
  color: black;
  font-family: Droid;
  line-height: 30px;
  text-align: justify;
  text-justify: inter-word;
}

/* line 1060, ../sass/style.scss */
.vertical-space {
  padding-bottom: 15px;
}

/* line 1064, ../sass/style.scss */
.limit {
  text-overflow: ellipsis;
  text-align: justify;
  text-justify: inter-word;
  line-height: 25px;
  height: 120px;
  overflow: hidden;
}

/* line 1072, ../sass/style.scss */
div p:last-chiled {
  padding-bottom: 0px;
}

/* line 1075, ../sass/style.scss */
.image-content img {
  margin-top: 7px;
  padding-bottom: 15px;
}

/* line 1079, ../sass/style.scss */
span.date {
  font-size: 8.615pt;
}

/* line 1083, ../sass/style.scss */
.cc-images {
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  padding-bottom: 10px;
}

/* line 1092, ../sass/style.scss */
h5 {
  margin: 0;
}

/* line 1095, ../sass/style.scss */
#share-content span {
  font-size: 20px;
}

/* line 1098, ../sass/style.scss */
li {
  font-family: Droid;
  font-size: 13px;
  line-height: 30px;
}

/* line 1102, ../sass/style.scss */
.bullets {
  list-style-image: url("../css/style-r/bullet.png");
}

/* line 1105, ../sass/style.scss */
.bullet1 {
  list-style-image: url("../css/style-r/bullet.png");
  text-align: right;
  direction: rtl;
}

/* line 1110, ../sass/style.scss */
ol,
ul {
	    list-style: none;
	margin-top: 0;
  margin-bottom: 5px;
}

/* line 1115, ../sass/style.scss */
a {
	font-size:14px;
  color: #0077D4;
  text-decoration: none;
}
/* line 1118, ../sass/style.scss */
a hover {
  color: #FF931E;
}

/* line 1122, ../sass/style.scss */
#introModal .modal-content {
  max-width: 700px;
  max-height: 800px;
  /* must be half of the width, minus scrollbar on the left (30px) */
  margin-left: auto;
  margin-right: auto;
}

/* line 1129, ../sass/style.scss */
input[type=checkbox] {
  display: none;
}

/* line 1132, ../sass/style.scss */
input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px;
  top: 50%;
  background-color: #fff;
  border-radius: 0px;
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  border: 3px solid #A7A9AC;
}

/* line 1147, ../sass/style.scss */
input[type=checkbox]:checked + label:before {
  color: #0077D4;
  background-color: #0077D4;
  padding-right: 2px;
  border: 3px solid #A1BEE4;
}

/* line 1153, ../sass/style.scss */
input[type=checkbox] + label {
  display: block;
}

/* line 1156, ../sass/style.scss */
.textchoices {
  -webkit-transition: all 1.6s ease-out;
  color: 000;
}

/* line 1160, ../sass/style.scss */
.textchoices:hover {
  padding-right: 60px;
  -webkit-transition: all 0.6s ease-out;
}

/* line 1164, ../sass/style.scss */
input[type=checkbox]:hover + label ~ .textchoices {
  padding-right: 60px;
  -webkit-transition: all 0.6s ease-out;
}

/* line 1168, ../sass/style.scss */
div.textchoices {
  direction: rtl;
  width: 100%;
  padding-right: 5px;
  -webkit-transition: all 1.6s ease-out;
  font-size: 13px;
  line-height: 30px;
}

/* line 1178, ../sass/style.scss */
.rwd-table tr td input[type=radio] {
  display: none;
}
/* line 1183, ../sass/style.scss */
.rwd-table tr td input[type=radio] + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 8px;
  top: 50%;
  background-color: #fff;
  border-radius: 0px;
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  border: 3px solid #666;
}
/* line 1199, ../sass/style.scss */
.rwd-table tr td input[type=radio]:checked + label:before {
  color: #0077D4;
  background-color: #0077D4;
  padding-right: 2px;
  border: 3px solid #A1BEE4;
}
/* line 1206, ../sass/style.scss */
.rwd-table tr td .textchoices {
  -webkit-transition: none;
  color: 000;
}
/* line 1210, ../sass/style.scss */
.rwd-table tr td .textchoices:hover {
  padding-right: none;
  -webkit-transition: none;
}
/* line 1214, ../sass/style.scss */
.rwd-table tr td input[type=checkbox]:hover + label ~ .textchoices {
  padding-right: 60px;
  -webkit-transition: none;
}
/* line 1218, ../sass/style.scss */
.rwd-table tr td div.textchoices {
  direction: rtl;
  width: 100%;
  padding-right: 5px;
  -webkit-transition: none;
  font-size: 13px;
}

/* line 1235, ../sass/style.scss */
#showTchoice {
  margin-right: 10px;
  position: relative;
  margin-top: 30px;
}

@media (min-width: 759px) {
  /* line 1241, ../sass/style.scss */
  div#modal-width.modal-dialog {
    width: 70%;
  }
}
@media only screen and (max-width: 850px) {
  /* line 1246, ../sass/style.scss */
  add div#modal-width.modal-dialog {
    width: 94%;
  }
}
/* line 1252, ../sass/style.scss */
.progressbarCard {
  float: right;
  /* top:40px; */
  width: 35%;
  height: 12px;
}

/* line 1258, ../sass/style.scss */
.progressValue {
  font-size: 9.8464pt;
  color: white;
  position: relative;
  margin-left: 15px;
  margin-bottom: -10px;
  bottom: -4px;
}

/* line 1266, ../sass/style.scss */
.progressbarCard .panel {
  border: none;
  border-radius: 0px;
  height: 12px;
  margin-top: 4px;
}

/* line 1272, ../sass/style.scss */
.per {
  position: relative;
  float: left;
  margin-left: 190px;
  font-size: 9.8464pt;
  margin-top: 18px;
}

/* line 1279, ../sass/style.scss */
progress[value] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
}

/* line 1285, ../sass/style.scss */
.progressbar-color {
  /*background-color: $active; */
  transition: 2s ease;
}

/* line 1289, ../sass/style.scss */
.progressbar-color::-webkit-progress-value {
  background-color: #FF931E;
  transition: 400ms ease;
}

/* line 1293, ../sass/style.scss */
.progressbar-color::-moz-progress-bar {
  background-color: #FF931E;
  transition: 400ms ease;
}

/* line 1297, ../sass/style.scss */
progress::-webkit-progress-bar {
  background: #eee;
  border-radius: 0px;
  padding: 0px;
  box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

/* line 1303, ../sass/style.scss */
.progress_div {
  position: absolute;
  /* background-color: $blue; */
  height: 12px;
  top: -21px;
  left: 10px;
  width: 400%;
  /* direction: rtl; */
  /* box-shadow: 0px 5px 10px #888888; */
  /* opacity: 0.95; */
  /* z-index: 200; */
}

@media only screen and (max-width: 430px) {
	.card-img1 img {
		margin:0 auto;
  display: block;
  width: 200px;
  max-height: 300px;
}
  /* line 1316, ../sass/style.scss */
  .progress_div {
    position: fixed;
    /* background-color: $blue; */
    height: 12px;
    top: 48px;
    right: 0;
    left: 0px;
    width: 100%;
    direction: rtl;
    box-shadow: 0px 5px 10px #888888;
    opacity: 0.95;
    z-index: 200;
  }

  /* line 1329, ../sass/style.scss */
  .per {
    position: relative;
    float: left;
    margin-left: 100px;
    font-size: 9.8464pt;
    margin-top: 18px;
  }

  #icons .rwd-table td
  {
    display: block;
  }
}
/* line 1340, ../sass/style.scss */
.buttonstyle {
  margin-top: -10px;
  padding-right: 20px;
}

/* line 1344, ../sass/style.scss */
.button--winona.button--inverted {
  color: black;
}

/* line 1347, ../sass/style.scss */
.button--winona.button--inverted:hover {
  border-color: #FF931E;
  background-color: #FF931E;
}

/* line 1357, ../sass/style.scss */
.noselect {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1367, ../sass/style.scss */
.demo .zoomer_wrapper {
  height: 400px;
  overflow: hidden;
  width: 100%;
}

/* line 1374, ../sass/style.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 1378, ../sass/style.scss */
.sb-icon-search {
  background: #A1BEE4;
}

/* line 1384, ../sass/style.scss */
.rubric-progress-bar .progress {
  height: 25px;
}
/* line 1388, ../sass/style.scss */
.rubric-progress-bar .progress-bar {
  background-color: #0077D4;
  height: 25px;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  float: right;
}

/* line 1403, ../sass/style.scss */
button.btn {
  background-color: #0077D4;
  font-size: 13px;
  color: white;
  border-radius: 0px;
  border: 0px;
}
/* line 1412, ../sass/style.scss */
button.btn:hover {
  color: #FF931E;
  background-color: #0077D4;
}
/* line 1415, ../sass/style.scss */
button.btn:hover span.glyphicon {
  color: #FF931E;
}
/* line 1422, ../sass/style.scss */
button.btn span.glyphicon {
  color: white;
  font-size: 17px;
  top: 5px;
  padding-left: 5px;
}

.question-img
{
  height:35px;
}

/* line 1439, ../sass/style.scss */
.cc-q-block {
  margin-right: 20px;
  padding-bottom: 15px;
}
/* line 1444, ../sass/style.scss */
.cc-q-block p {
  text-align: right;
}
/* line 1448, ../sass/style.scss */
.cc-q-block else {
  margin-left: 20px;
}
/* line 1450, ../sass/style.scss */
.cc-q-block else p {
  text-align: left;
}
/* line 1455, ../sass/style.scss */
.cc-q-block p {
  padding-bottom: 0px;
}

/* line 1462, ../sass/style.scss */
#cc-image img {
  padding: 10px;
}

/* line 1470, ../sass/style.scss */
footer {
  position: absolute;
  right: 0px;
  width: 100%;
  height: 80px;
  background: #0077D4;
  border-top: solid 10px;
  border-color: #A1BEE4;
  font-family: Droid;
  color: #FFF;
}
/* line 1481, ../sass/style.scss */
footer .icon {
  color: #FFF;
  position: relative;
}
/* line 1485, ../sass/style.scss */
footer .glyphicon {
  color: #FFF;
  position: relative;
  padding-right: 5px;
}
/* line 1491, ../sass/style.scss */
footer .support-container {
  float: left;
  position: relative;
  top: 18px;
  margin-left: 10px;
  height: 30px;
  width: auto;
  border-left: 1px solid #FFF;
}
/* line 1499, ../sass/style.scss */
footer .support-container span {
  position: relative;
  font-size: 22px;
  float: left;
  margin-left: 10px;
  top: 4px;
}
/* line 1505, ../sass/style.scss */
footer .support-container span:hover {
  color: #FF931E;
}
/* line 1509, ../sass/style.scss */
footer .support-container .support-description {
  float: right;
  position: relative;
  font-size: 8.615pt;
  cursor: normal;
  margin-left: 10px;
  color: #FFF;
  top: 8px;
}
/* line 1518, ../sass/style.scss */
footer .support-container .support-description:hover {
  color: #FF931E;
}
/* line 1523, ../sass/style.scss */
footer .support-container .modal {
  color: black;
}
/* line 1529, ../sass/style.scss */
footer .qoulogo {
  float: right;
  right: 15px;
  position: relative;
  bottom: 15px;
  cursor: pointer;
  top: 10px;
}
/* line 1536, ../sass/style.scss */
footer .qoulogo .img {
  height: 43px;
  width: 43px;
}
/* line 1541, ../sass/style.scss */
footer .description {
  float: right;
  position: relative;
  top: 20px;
  right: 25px;
  font-size: 7.384pt;
}
/* line 1549, ../sass/style.scss */
footer .qr-container {
  float: left;
  position: relative;
  top: 18px;
  margin-left: 15px;
  width: auto;
  height: 30px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
/* line 1559, ../sass/style.scss */
footer .qr-container span {
  position: relative;
  font-size: 22px;
  float: left;
  margin-left: 8px;
  padding-right: 10px;
  top: 4px;
}
/* line 1566, ../sass/style.scss */
footer .qr-container span:hover {
  color: #FF931E;
}
/* line 1570, ../sass/style.scss */
footer .qr-container .qr img {
  float: left;
  position: absolute;
  bottom: 15px;
  left: 10px;
  width: 85px;
}
/* line 1578, ../sass/style.scss */
footer .qr-container .popover {
  width: 110px;
  height: 160px;
  right: -45px;
}
/* line 1586, ../sass/style.scss */
footer .version {
  float: left;
  position: relative;
  left: 10px;
  bottom: px;
  cursor: pointer;
  top: 20px;
}
/* line 1593, ../sass/style.scss */
footer .version .popover {
  width: 160px;
  height: 180px;
  right: -125px;
  top: -180px;
  margin-top: -23px;
  color: black;
}
/* line 1602, ../sass/style.scss */
footer .version span {
  font-size: 25px;
}
/* line 1604, ../sass/style.scss */
footer .version span:hover {
  color: #FF931E;
}
/* line 1610, ../sass/style.scss */
footer .followus {
  float: left;
  position: relative;
  margin-left: 10px;
  width: auto;
  top: 24px;
}
/* line 1617, ../sass/style.scss */
footer .followus span {
  position: relative;
  float: left;
  font-size: 16pt;
  bottom: 2px;
}
/* line 1622, ../sass/style.scss */
footer .followus span:hover {
  color: #FF931E;
}
/* line 1626, ../sass/style.scss */
footer .followus .followus-description {
  position: relative;
  float: right;
  margin-left: 10px;
  color: #FFF;
  font-size: 8.615pt;
  bottom: -1px;
}
/* line 1634, ../sass/style.scss */
footer .followus .followus-description:hover {
  color: #FF931E;
}
/* line 1640, ../sass/style.scss */
footer .left-footer {
  margin-left: 10px;
  position: relative;
}

@media only screen and (max-width: 454px) {
  /* line 1649, ../sass/style.scss */
  footer {
    height: 140px;
  }
  /* line 1652, ../sass/style.scss */
  footer .qoulogo {
    bottom: 80px;
  }
  /* line 1656, ../sass/style.scss */
  footer .left-footer {
    margin-top: 10px;
    float: left;
  }
}

@media only screen and (max-width: 500px) {
		.alexco {
		width:50%!important;
		height:50%!important;
margin:0 auto;!important;}

footer .qr-container {
    float: left;
    position: relative;
    top: -9px;
    margin-left: 18px;
    width: 49%;
    height: 75px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
}