/* --------- Global Fonts --------- */
@import url("/static/fonts/fontawesome/css/all.min.css");

@font-face {
	font-family: 'Tajawal-Bold';
	src: url('/static/fonts/tajawal/Tajawal-Bold.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Bold.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Bold.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Bold.svg#Tajawal-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Tajawal-Regular';
	src: url('/static/fonts/tajawal/Tajawal-Regular.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Regular.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Regular.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Regular.svg#Tajawal-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Tajawal-Medium';
	src: url('/static/fonts/tajawal/Tajawal-Medium.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Medium.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Medium.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Medium.svg#Tajawal-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'ArabicDeafAlphabetSmartPress';
	src: url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.woff') format('woff'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.ttf')  format('truetype'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Alphabet-SmartPress.svg#ArabicDeafalphabetSmartPress-ArabicDeafalphabetSmartPress') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'ArabicDeafNormalSmartPress';
	src: url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.eot?#iefix') format('embedded-opentype'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.woff') format('woff'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.ttf')  format('truetype'), url('/static/fonts/ArabicDeaf/ArabicDeaf-Normal-SmartPress.svg#ArabicDeaf_Normal_SmartPress-ArabicDeaf_Normal_SmartPress') format('svg');
	font-weight: normal;
	font-style: normal;
}




body, h1, h2, h3, h4, h5, h6, p, a{font-family: Tajawal-Regular !important;letter-spacing: unset;}
body{counter-reset: myCounter;}
p {font-size: 16px;}
/* ul{list-style:none;} */
a{color: #9f3206 !important;}
.topmargin-15 {margin-top:15px;}
.not-animated {opacity: 1 !important;}
/*************** Scroll ***************/
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::selection {
    background: #F47C48 !important;
    color: #FFF;
    text-shadow: none;
}
.heading-block:after{display:none;}
/* .heading-block:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/plug.png) no-repeat top center;
} */
/* .heading-block {margin-bottom: 20px;} */
.heading-block h3 {margin: 0 0 5px;}
.heading-block .heading-icon i {font-size: 18px;color: #f77d50;}
.heading-icon:before {content: '';position: absolute;top: 6px;right: 0;width: 35px;height: 6px;/* background-color: #f77e51; */border: 2px solid #f77e51;border-right-color: transparent;border-left-color: transparent;}
.heading-icon:after {content: '';position: absolute;top: 7px;left: 0;width: 35px;height: 6px;/* background-color: #f77e51; */border: 2px solid #f77e51;border-right-color: transparent;border-left-color: transparent;}
.heading-icon {width: 120px;display: inline-block;position: relative;}
#page-title{padding: 40px 0 60px;}
.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {padding-right: 15px;}

/****************** Tour ***********************/
.popover{z-index:999;}
.popover-title{text-align:center;}
.popover-navigation{text-align:center;margin-bottom:5px;}


/****************** sign-translate ***********************/
.sign-translate {position: fixed;top: 50%;margin-top: -90px;right: 0;font-size:32px;padding: 5px 10px;text-align: center;background: #f9f9f9;z-index:1000;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor:pointer;box-shadow: 0 3px 10px #00000033;}
.sign-translate-options {position: fixed;top: 50%;right: -315px;background: #f9f9f9;padding: 10px;height: 180px;width: 315px;margin-top: -90px;z-index: 1000;transition: right 0.3s ease-in-out;}
.sign-translate-options.show {right: 0;}
.sign-translate-options h3{margin-bottom: 10px;font-size: 18px;font-family: 'ArabicDeafAlphabetSmartPress';}
.sign-translate-options h3 span {font-family: 'ArabicDeafAlphabetSmartPress';font-size: 32px;color: #9f3206;}
.sign-translate-options .sign-translate-option {margin-bottom: 0;cursor: pointer;}
.sign-translate-options .sign-translate-option[mode="0"] {margin-top:5px;}
.sign-translate-options .sign-translate-option i{width: 16px;height: 16px;border: 1px solid #808080;color: transparent;font-size: 10px;line-height: 16px;text-align: center;top: -3px;position: relative;}
.sign-translate-options .sign-translate-option.selected i{border: 1px solid #9f3206;background: #9f3206;color: white;}
.sign-translate-options .sign-translate-option[mode="2"] i {top:10px;}
.sign-translate-options .sign-translate-option span{padding-right: 10px;color: black;}
.sign-translate-options .sign-translate-option[mode="2"] span {display: inline-block;line-height: 1;}
.sign-translate-options .sign-translate-option[mode="2"] span:nth-of-type(2) {padding-right:30px;}
.sign-translate-options .sign-translate-option[mode="1"] span, .sign-translate-options .sign-translate-option[mode="2"] span {font-family: 'ArabicDeafAlphabetSmartPress';font-size: 30px;}

/****************** TopBar ***********************/
.top-bar {position: relative;border-bottom: 1px solid #EEE;height: 45px;line-height: 44px;font-size: 13px;background-color: #323232; border-bottom: 1px solid transparent;z-index: 199;}
.top-bar .top-social {text-align: left;}
.top-bar .top-social a {color: #fff !important;border-right: none;width: auto !important;padding-right: 5px;font-weight: normal;text-shadow: none;}
.top-bar .top-social a:hover {color: #f77e51 !important;}
/* .top-bar .top-social a:nth-child(1){border-left: 1px solid #dddddd30;padding-left:10px;} */
.top-bar .top-links {height: 45px;}
.top-bar .top-links div img {width: 35px;height: 35px;border-radius: 50%;margin-top: 6px;margin-left: 10px;float:right;}
.top-bar .top-links div p {line-height: 1.3;float:right;margin-top: 8px;color: #ffffffb0;}
.top-bar #top-social ul{float: left;}
.top-bar #top-social ul img{width: 35px;height: 35px;border-radius: 50%;}
.top-bar #top-social ul	p{margin-bottom: 0;display: inline-block;color: #fff;margin-left: 15px;font-size: 14px;}
.rtl #top-social li{padding: 0 5px;}
.rtl #top-social li a{float:left;}
.rtl #top-social li i{color:#fff;}
/****************** Header ***********************/
#primary-menu ul li > a{font-size: 15px;color: #444 !important;letter-spacing:0px;}
#primary-menu ul li.sub-menu.active > a{margin-bottom: 5px !important;}
/* #primary-menu.style-3 > ul > li > a {padding-top: 0; padding-bottom: 0} */
#primary-menu ul li > a:hover{color: #333 !important;}
#primary-menu ul ul:not(.mega-menu-column){border-top: 2px solid #bc715a;}#primary-menu.style-3 > ul > li:hover > a {color: #444 !important;background-color: transparent;}
/****************** Slider ***********************/
.welcome-section {position: relative; background-color: #eaedef;padding: 80px 0;}
.welcome-section .addition-img {position: absolute;top: -80px;right: -250px;}
.welcome-section .addition-img2 {position: absolute;top: 0;left:0 }
.welcome-section .welcome-caption {margin-top: 100px;}
.welcome-section h2{font-size: 45px;color: #9f3206;} 
.welcome-section p{font-size: 22px;} 
.bg-slider{position: relative;height: 200px;width: 100%;margin-top: -175px;background-image: url(/files/style/images/pattern/bg-slider.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;z-index: 3;}
/****************** Benefits ***********************/
.our-benefits{padding: 40px 0;}
.our-benefits h4{margin: 0 0 5px 0; }
.our-benefits .fbox-icon {
   position: relative !important;
    width: 135px !important;
    min-height: 102px !important;
    margin: 0 auto 22px auto !important;
    /* background-color: #f9b29e; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(images/bg-icon-box.png);
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: 100% 100%;
}
.our-benefits .fbox-icon a i{color: #fff !important;font-size: 37px !important;}
/****************** articles ***********************/
.articles .feature-box.center.media-box.fbox-bg {margin-bottom:15px;display: flex;margin-bottom: 30px;justify-content: flex-start;}
.articles .feature-box.media-box.fbox-bg .fbox-media {max-width: 200px;}
.articles .feature-box.media-box.fbox-bg .fbox-media img {border-radius: 0;box-shadow: 0px 0px 4px 4px #7b7b7b24;}
.articles .feature-box.media-box.fbox-bg .fbox-desc {text-align: right;padding: 0 25px 0;border: none;border-radius: 0;background: transparent;}}
.articles .feature-box.media-box.fbox-bg .fbox-desc h3 {letter-spacing: 0;}
.articles .feature-box.media-box.fbox-bg .fbox-desc h3:hover {color: #9f3206;}
.articles .feature-box.media-box.fbox-bg .fbox-desc .subtitle {margin: 10px 0;-webkit-line-clamp: 2;position: relative;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.articles .feature-box.media-box.fbox-bg .fbox-desc .category span {display:none;}
.articles .feature-box.media-box.fbox-bg .fbox-desc .category a {background:#f9b29e;padding:3px 5px;border-radius:3px;color:#fff !important;cursor:default;}
.contributions {padding-right:50px;}
.contributions .v-media .fluid-width-video-wrapper {padding-top:0 !important;}
.contributions .v-media, .contributions .v-media iframe {height: 200px !important;}
.contributions .more {background: #9f3206;color: #fff !important;margin-top: 20px;display: inline-block;padding: 5px 10px;border-radius: 3px;}

/****************** Units ***********************/
/* .unit-section{background-color: #f9f9f9;padding: 80px 0;} */
.unit-section svg {position: absolute;bottom: 0;width: 100%;height: 80px;}
.subtitle {letter-spacing: 0;}
/****************** Subjects ***********************/
.what-produce, .contact-us{padding: 40px 0; background-color: #f9f9f9;}
.ribbon{font-size: 18px;position:relative;text-align:center;margin-bottom: 15px;}
.ribbon h4{
  display:inline-block;
  padding:0.5em 1em;
  line-height:1.2em;
  background: #f77f52;
  position:relative;
  color: #fff;
}
.ribbon h4:before, .ribbon h4:after{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbon h4:before{
  bottom:100%;
  left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #f7b7a1 transparent transparent;
}
.ribbon h4:after{
  top:100%;
  right:0;
  border-width: .5em 2em 0 0;
  border-color: #f7b7a1 transparent transparent transparent;
}
.unit-name h4{color: #fff;background-color: #333;display:inline-block;padding: 5px 10px;margin: 25px 0;border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
.unit-arrang {font-size: 16px;font-weight: bold;padding: 10px 0;color: #9f3206;}
.subject-img {margin-bottom: 5px;}
.subject {padding: 10px;border: 1px solid #eee;box-shadow: 1px 1px 5px #eee;}
.subject h4 {margin-bottom: 5px; font-size: 16px;}
.subject .trans-action {min-height: 85px;}
.subject button{background-color: #fff;box-shadow: none;border: 1px solid #ddd;}
/****************** ContactUS ***********************/
.contact-us h3{margin-bottom: 15px;}
.contact-us button{float: left;}
/****************** Footer ***********************/

#footer{background-color: #eaedef;background-image: none !important;border: none;}
#footer img{width: 150px;margin-bottom: 10px;}
#footer p{font-size: 16px;}
#footer .usful-links a {position:relative;display: block;margin-bottom: 10px;padding-right: 15px;font-size: 16px;}
#footer .usful-links a:before {content: '';position: absolute;right: 0;top: 8px;width: 5px;height: 5px;background-color: #383838;}
#footer a {transition:all .3s ease-in-out}
#footer a:hover {color: #3a3a3a;}
#footer .feature-box {font-size: 16px;}
#footer .content-us div {margin-bottom: 10px;}
#footer .fbox-icon i {color: #9f3206;font-size: 16px;margin-left: 10px;}

#copyrights {padding: 10px 0;}
#copyrights a:nth-of-type(2):before {content: '|';margin: 0 10px;color: #3a3a3a;}
/****************** Sign-In-page ***********************/
.rtl .checkbox-style-1-label.checkbox-small:before, .rtl .radio-style-1-label.radio-small:before, .rtl .checkbox-style-2-label.checkbox-small:before, .rtl .radio-style-2-label.radio-small:before, .rtl .checkbox-style-3-label.checkbox-small:before, .rtl .radio-style-3-label.radio-small:before {margin: 0 0 1px 8px;}
.acc-form, .login-form {margin: 0 auto;border: 1px solid #eee;border-radius: 3px;padding: 20px;box-shadow: 2px 2px 5px #eee;}
.acc-form form input, .acc-form form label, 
.login-form form input, .login-form form label {font-family: Tajawal-Regular !important;}
.new-account a {font-weight: bold;text-decoration:underline !important;}
.acc-form .line{margin:0 0 15px;}
.acc-form .already-exist p{margin-bottom: 0px;}
.acc-form .log-in{display:block;}
.custom-video {width:100%;}
.input-group-addon:last-child {border-left-color: #cccccc;}
/*--------------------- Success-page ---------------------*/
.success-register .feature-box{width: 50%;padding-top: 5px;padding-right: 30px;text-align: center;}
.success-register .feature-box .fbox-icon {display: inline-block;position: relative;top:5px;}
.success-register .feature-box .fbox-icon i {font-size: 22px;}
/*--------------------- Log-In-page ---------------------*/
.login-form form{margin-bottom:0}
.login-form .loginWithoutSecurityCode{z-index:1;}
/* .login-form .forgetbtn{position: relative;top: -30px;text-align: left !important;} */
/* .login-form .line{margin-top: 0} */
.checkbox-style:checked + .checkbox-style-2-label:before {background: #9f3206;}
/****************** about-us page ***********************/
.about-us-video{width: 100%;}
.about-section {background-image: url('/files/style/images/bg-about.png');background-repeat: no-repeat;padding: 100px 0;}
.about-section .fbox-media {width:400px;margin:0 auto 30px;}
.about-section .feature-box.fbox-small.fbox-center.fbox-plain {padding: 40px 20px !important;background: #fff;box-shadow: 0px 5px 14px #3a3a3a24;border-radius: 12px;text-align: center;min-height: 305px;}
.about-section .feature-box .fbox-icon a i{color: #353535;}
.about-section .feature-box h3 {color: #9f3206;}
.about-section .feature-box.fbox-center:not(.fbox-bg) h3:after {display: none;}
.about-section .feature-box.fbox-center.fbox-plain.fbox-small p {color: #353535;}
.impact-section .fbox-media {margin-top:50px;}
.impact-item{position:relative;}
.impact-item h3{margin-bottom: 15px;}
.impact-item:before {display: inline-block;margin: 5px 10px;font-family: "Poppins",sans-serif;font-weight: 500;color: #f64c0f;position: absolute;top: 35px;left: 50%;opacity: .14;font-size: 110px;line-height: 1em;z-index: 4;margin: 0;
	content: counter(myCounter, decimal-leading-zero);
    counter-increment: myCounter;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    
}
/****************** Unit-page ***********************/
.subjects .feature-box h3{position: relative;padding-bottom: 15px;}
.subjects .feature-box h3 span.subtitle {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.subjects .feature-box h3 span.subtitle:after {content: '....';position: absolute;bottom: 0;right: 50%;margin-right: -12px;font-weight: bold;}
/****************** leason-page ***********************/
.feature-box {margin-bottom: 15px;}
.nav-section {padding: 0 10px;}
.pager .previous i {margin-left: 5px;}
.pager .next i {margin-right: 5px;}
.pager a .lesson-name, .pager a .prev-title{transition: all .5s ease;}
.pager a .lesson-name, .pager a:hover span.prev-title {display: none;}
.pager a:hover span.lesson-name {display: inline;}
.top-lesson a.btn {width: 100%;}
.download-file {margin-bottom: 15px;}
.download-file a i, .download-audio a i{margin-left: 5px;}
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a{border-top: 2px solid #333333 !important;}
.leason-name{padding-bottom: 30px; font-weight: bold;}
.leason-parts {border: 1px solid #eee;padding: 0 10px;overflow-y: auto;height: 190px;}
.leason-parts li {padding: 4px 0; color: #ddd;}
.leason-parts li a {color: #555 !important;font-weight: bold;}
.leason-parts li.active > a {color: #9f3206 !important;}
.leason-parts li .content-controls a {color: #555;font-size: 12px;}
.leason-parts li .content-controls a.pause-vedio, .leason-parts li .content-controls a.replay-vedio {display: none;}
#slider.leason-slider {height:475px; border-radius: 3px;}
#slider.leason-slider .owl-carousel {margin: 0;border: 1px solid #f9a08a;padding: 3px;}
#slider.leason-slider .owl-carousel .owl-item img{height: 465px;}
#slider.leason-slider .owl-carousel .owl-item .slideVideo {height: 100%;width: 100%;}
#slider.leason-slider h3{position: absolute;bottom: 0;left: 50%;margin-left: -50%;color: #fff !important;font-size: 18px;background-color: #000000e0;padding: 5px;margin-bottom: 10px;width: 100%;text-align: center;z-index:1}
#slider.leason-slider h3 span {color: #fff !important; margin-left: 5px;display: inline-block; transition: all .3s ease-in-out;}
#slider.leason-slider h3 span.highLight {color: #ff0c00 !important;}
.slider-video .owl-nav, .slider-video .owl-dots{display: none}
.slider-video .heading {padding: 15px;font-size: 16px;font-weight: bold;}
.leason-details{    padding-bottom: 5px;font-weight: bold;}
.statments {border: 1px solid #eee;border-radius: 3px;padding: 5px 10px;margin-bottom: 15px; max-height: 185px; overflow-y: auto;box-shadow: 1px 1px 5px #eee;}
.statments div, .statments p{display: inline;}
.statments p{margin-bottom: 5px;}
.videos-container {/*position: absolute; */height: 255px;/* width: 240px; bottom: 5px; left: 20px; */z-index: 3;overflow: hidden;border-radius: 3px;border: 1px solid #f9a18a;}
.videos-container video{width: 450px;height: 432px;z-index: 2;margin-right: -99px;margin-top: -90px;}
.videos-container .overlay {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #00000070; z-index: 3;}
.videos-container .overlay i{position: absolute; top: 50%;font-size: 18px; color: #fff;margin: auto;cursor: pointer;}
.lesson-all-content .fluid-width-video-wrapper iframe {right: 0 !important;left: auto !important;width: 80% !important;height: 80% !important;border: 3px solid #9999 !important;border-radius: 3px !important;}
.review-summary-avg {background-color: #f9f9f9;border: 1px solid #f2f2f2;box-shadow: 2px 2px 2px #eee;text-align: center;padding: 15px 0;margin-top: 10px;}
.review-summary-avg .avg-number {font-size: 37.5px;font-weight: 600;line-height: 1.2;}
.review-stars .clear-rating, .review-stars .caption, .comment-stars .clear-rating, .comment-stars .caption {display: none !important;}
.rtl .review-summary-avg .star-rating .rating-container{float: none !important;display: unset !important;margin: 0 !important;}
.rtl .rating-container .rating-stars{right: 0; left: auto;color: #febe42;}
.review-summary-avg .rating-container .rating-stars{color: #333 !important;}
.review-summary-rating .review-bars{margin-top: 10px;}
.review-summary-rating .progress{height: 12px; margin-bottom: 5px;border-radius: 10px;}
.review-summary-rating .progress-bar{line-height: 13px;}
.review-summary-rating .rating-sm {font-size: 22px !important;}
.review-summary-rating .star-rating .rating-container{margin: 0 !important;}
.avatar img{width: 50px; border-radius: 50%;}
.comment-content .comment-stars {float: left;}
.comments .divider{margin: 0 !important}
.reviews form {width: 70%; border: 1px solid #eee; border-radius: 3px; padding: 20px; box-shadow: 2px 2px 5px #eee;}
.review-stars-btns .star-rating {display: inline;}
.review-stars-btns .star-rating .rating-container {float: none !important;display: inline !important;}
/*--------------------- help ---------------------*/
.faqs .fbox-media video, .how-to .fbox-media video {height: 200px;}
.faqs .media-box .fbox-desc, .how-to .media-box .fbox-desc {min-height:104px;}
.faqs .media-box .fbox-desc h3, .how-to .media-box .fbox-desc h3 {letter-spacing:0;}
/*--------------------- Page Not Found ---------------------*/
.notfound-top-bar {background-color: #555;}
.notfound-content p{font-size: 25px;}
.notfound-content a.back-to-home {font-weight: bold;background: #fc4701;padding: 10px 20px;border-radius: 25px;display: inline-block;transition:all .3s ease-in-out;}
.notfound-content a.back-to-home:hover {background-color: #555;}
.notfound-content a.back-to-home span{color:#fff;}
.copy-right p {margin-bottom: 5px;font-size: 15px;}
.copy-right .design-by {display: inline-block;}
/*--------------------- profile ---------------------*/
.user-profile {/* width: 500px;margin: 0 auto; */border: 2px solid #f3f3f3;padding: 30px;border-radius: 3px;}
.user-profile .row img {width: 100px;border-radius: 50%;margin-bottom: 20px;box-shadow: 0 0px 10px 0px #d0d0d0;}
.user-profile .row p {line-height: 100px !important;}
.user-profile p:not(:last-child) {margin-bottom: 10px;text-align: right;}
.user-profile p:last-child {margin-bottom:0;}
.user-profile p i {color: #9f3206;width: 30px;}
.left-side-courses {background-color:#f9f9f9;padding:15px;}
.training-courses .feature-box h3 span.subtitle {display: none;}
/* .v-media{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;} */
.v-media iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*--------------------- Articles ---------------------*/
.articles-types div[class^="col-"] {margin-bottom: 30px;}
.articles-types a:not(.read-more) {font-size: 17px;font-weight: bold;margin-bottom: 10px;display: inline-block;}
.articles-types p {margin-bottom: 10px;display: inline;}
.articles-types div[class^="col-"] > a.read-more {display: inline-block;border: 1px solid #c38166;border-radius: 3px;padding: 2px 15px;transition: all .3s ease;}
.articles-types div[class^="col-"] > a.read-more:hover {background-color: #c38166;color: #fff !important;}
.related-articles .content-txt h3{margin-bottom: 10px;}
.related-articles a {display: block;margin-bottom: 8px;font-size: 15px;padding-right: 10px;}
.related-articles a.active {color: #333 !important;font-weight: bold;border-right: 3px solid #333;}
.related-articles div[class^=col-] {padding: 0;}
/*--------------------- Accessbility ---------------------*/
body .userway.userway_p5{left: 30px !important;}


.txt-sign-translate {position:relative;}
.txt-sign-translate-tooltip {
    background: #fff;
    transition: display 0.3s ease;
    display: table !important;
    position: fixed;
    padding: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
	font-size:35px !important;
	font-family: 'ArabicDeafAlphabetSmartPress';
	color:#555;
	transform: translateX(-50%); /* move to half of width */
}
.txt-sign-translate-tooltip:after {
    content: " ";
    position: absolute;
    top: -5px;
    right: 50%;
    z-index: 1000;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
}
#mouse-tooltip{
	display:none;
    background: #fff;
    transition: display 0.3s ease;
    position: fixed;
    padding: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 200;
	font-size:35px !important;
	font-family: 'ArabicDeafAlphabetSmartPress';
	color:#555;
	/* transform: translateX(-50%); */
}
#mouse-tooltip:after {
    content: " ";
    position: absolute;
    top: -5px;
    right: 50%;
    z-index: 1000;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
}


.txt-sign-translate:before {
    content: attr(data-sign-translate-text);
    background: #fff;
    transition: display 0.3s ease;
    display: block !important;
    position: absolute;
    top: attr(data-sign-translate-top);
    margin-right: -150px;
    right: 50%;
    padding: 5px;
    width: 300px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
	font-size:35px !important;
	font-family: 'ArabicDeafAlphabetSmartPress';
	color:#555;
}
.txt-sign-translate:after {
    content: " ";
    position: absolute;
    top: 45px;
    right: 50%;
    z-index: 1000;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ffffff;
}




/*--------------------- responsive ---------------------*/
@media(min-width: 992px) {
	/* .heading-block {margin-bottom: 20px;} */
	#primary-menu li.active > a:after {content: url(images/menu_active.png);display: block;position: relative;top: 0;text-align: center;}
}
@media (max-width: 991px){
	#header #logo {float: none;}
	.welcome-section .welcome-caption {margin-top:0}
	.welcome-section .img-blk img{height: auto;}	
}
@media (min-width: 768px){
	.unit-section .feature-box.media-box.fbox-bg .fbox-desc{height: 160px;overflow: auto;}
	.unit-section .units:nth-of-type(1), .unit-section .units:nth-of-type(3) {margin-right: 8.33333333%;}
}
@media (min-width:768px ) and ( max-width: 991px ) {
	.faqs .fbox-desc, .how-to .fbox-desc {height: 110px;overflow: auto;}
}
@media (max-width:767px ){
	.welcome-section .welcome-caption {text-align: center;}
	.welcome-section .welcome-caption h2 {font-size: 35px;}
	.feature-box.fbox-plain.fbox-small h3 {font-size: 14px;}
	#footer .usful-links {margin-bottom: 30px;}
	.about-section {background-image: unset !important;background-color: #f5f5f5;}
	.about-content{text-align:center;}
	.impact-item:before{top:25px;font-size:90px;}
	.lesson-all-content {margin-top: 30px;}
	.slider-video{margin-top: 30px;}
	#slider.leason-slider {height: 300px;}
	.videos-container video{margin-right: -40px;}
}
@media (min-width:480px ) and (max-width: 767px){
	.bg-slider{margin-top: -210px;}
}
@media (max-width: 479px){
	.bg-slider{margin-top: -230px;}
}
@media (max-width: 320px){
	
}