@font-face {
    font-family: 'TajawalBold';
    src: url('../fonts/TajawalBold.eot');
    src: url('../fonts/TajawalBold.eot') format('embedded-opentype'), url('../fonts/TajawalBold.woff2') format('woff2'), url('../fonts/TajawalBold.woff') format('woff'), url('../fonts/TajawalBold.ttf') format('truetype'), url('../fonts/TajawalBold.svg#TajawalBold') format('svg');
}
@font-face {
    font-family: 'TajawalRegular';
    src: url('../fonts/TajawalRegular.eot');
    src: url('../fonts/TajawalRegular.eot') format('embedded-opentype'), url('../fonts/TajawalRegular.woff2') format('woff2'), url('../fonts/TajawalRegular.woff') format('woff'), url('../fonts/TajawalRegular.ttf') format('truetype'), url('../fonts/TajawalRegular.svg#TajawalRegular') format('svg');
}
* {
    padding: 0;
    margin: 0;
    outline: 0;
}


body {
    font-size: 1em;
    font-weight: normal;
    font-family: 'TajawalRegular' !important;
    background: #fff;
    direction: rtl;
    text-align: right;
}
p, h1, h2, h3, h4,h5, h6, label{
    padding: 0;
    margin: 0;
}
ul, li, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a, button, input{
    text-decoration: none !important;
	box-shadow: none !important;
	outline: 0 !important;
}



h3 {
  color: #555;
}
#floating-button {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #db4437;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}
#container-floating .plus {
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 30px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}
#container-floating {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 20px;
  right: 20px;
  z-index: 50px;
  z-index: 100;
}
#container-floating.is-opened .plus {
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}
#container-floating .close {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  margin: auto;
  text-align: center;
    line-height: 58px;
    box-shadow: none;
    color: #fff !important;
    opacity: 0;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: close-out 0.3s;
}
#container-floating.is-opened .close {
     opacity: 1;
  animation: close-in 0.2s;
  animation-delay: 0.1s;
  animation-fill-mode: forwards;
  
}
@keyframes close-in {
  from {
    opacity: 0;
    transform: rotateZ(-70deg);
  }
  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}
@keyframes close-out {
  from {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  to {
    opacity: 0;
    transform: rotateZ(-70deg);
  }
}
@keyframes plus-in {
  from {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  to {
    opacity: 0;
    transform: rotateZ(180deg);
  }
}
@keyframes plus-out {
  from {
    opacity: 0;
    transform: rotateZ(180deg);
  }
  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}
#container-floating .nds {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: fixed;
  z-index: 300;
  transform: scale(0);
  transition: width 0.25s;
  cursor: pointer;
  text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 1.2rem;
}
#container-floating .nds.is-opened,
#container-floating .nds.is-always-opened {
  width: 150px;
}
#container-floating .nd1 {
  background: #007bff;
  right: 28px;
  bottom: 90px;
  animation-delay: 0.2s;
  animation: bounce-out-nds 0.3s linear;
  animation-fill-mode: forwards;
}
#container-floating .nd2 {
  background: #189594;
  right: 28px;
  bottom: 140px;
  animation-delay: 0.15s;
  animation: bounce-out-nds 0.15s linear;
  animation-fill-mode: forwards;
}
#container-floating .nd3 {
  background: #d9b139;
  right: 28px;
  bottom: 190px;
  animation-delay: 0.1s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode: forwards;
}
#container-floating .nd4 {
  background: #d3a411;
  right: 28px;
  bottom: 240px;
  animation-delay: 0.08s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode: forwards;
}
@keyframes bounce-nds {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bounce-out-nds {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
#container-floating.is-opened .nds {
  animation: bounce-nds 0.1s linear;
  animation-fill-mode: forwards;
}
#container-floating.is-opened .nd2 {
  animation-delay: 0.08s;
}
#container-floating.is-opened .nd3 {
  animation-delay: 0.15s;
}
#container-floating.is-opened .nd4 {
  animation-delay: 0.2s;
}




header .top_header{
	background: url(../images/bg.png) repeat right top #938B80;
}
header .top_header ul{
	display: flex;
}
header .top_header .cart_login ul,
header .top_header .prof_bx {
	justify-content: flex-end;
	align-items: baseline;
	    text-align: left;
}
header .top_header .prof_bx {
	margin-top: 5px;
}
header .top_header .sml_nav ul li a{
	color: #fff;
	font-size: 0.8em;
	margin-left: 8px;
	display: block;
	height: 45px;
	line-height: 45px;
	transition: all 0.3s ease-in-out;
}
header .top_header .sml_nav ul li a.active,
header .top_header .sml_nav ul li a:hover{
	color: #333;
	transition: all 0.3s ease-in-out;
}
header .top_header .cart_login ul .cart{
        position: relative;
	height: 35px;
    width: 35px;
    line-height: 35px;
    background: rgba(0,0,0,0.2);
    display: block;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    cursor: pointer;
	    font-size: 1em;
	margin: 0;
	transition: all 0.3s ease-in-out;
}
header .top_header .cart_login ul .cart:hover{
    color: #828282;
	background: #fff;
	transition: all 0.3s ease-in-out;
}
header .top_header .cart_login ul .cart .fa-circle{
                position: absolute;
    color: #f00;
    font-size: 10px;
    top: 0px;
    left: 0px;
} 
header .top_header .cart_login ul li a{
	color: #fff;
	font-size: 0.8em;
	margin: 0 0 0 12px;
	display: block;
	line-height: 45px;
	height: 45px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
header .top_header .cart_login ul li a:hover,
header .top_header .cart_login ul li a.active{
	color: #333;
	transition: all 0.3s ease-in-out;
}
header .top_header .prof_bx .dropdown button{
	background: rgba(0,0,0,0.2);
	padding: 0 10px;
	border: none;
	border-radius: 5px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	transition: all 0.3s ease-in-out;
}
header .top_header .prof_bx .dropdown button i{
	margin-left: 10px;
	transition: all 0.3s ease-in-out;
}
header .top_header .prof_bx .dropdown .dropdown-menu {
	width: 200px;
	right: auto;
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: 0 0 7px -3px #000;
	overflow: hidden;
}
header .top_header .prof_bx .dropdown .dropdown-menu .dropdown-item{
	display: block;
	padding: 0 5px;
	color: #666;
	font-size: 0.9em;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.3s ease-in-out;
}
header .top_header .prof_bx .dropdown .dropdown-menu .dropdown-item:hover,
header .top_header .prof_bx .dropdown .dropdown-menu .dropdown-item.active{
	color: #fff;
	background: #B4AB9F;
	transition: all 0.3s ease-in-out;
}
header .logo_bx{
	display: flex;
	align-items: center;
	    justify-content: center;
	margin: 20px 0;
}
header .bottom_header{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FAFAFA;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	box-shadow: 0px 0px 1px 0px #B4AB9F;
	margin-bottom: 5px;	
}
header .bottom_header ul li a{
	color: #999;
	font-size: 0.9em;
	font-family: 'TajawalBold';
	padding: 1rem;
	transition: all 0.3s ease-in-out;
}
header .bottom_header ul li a:hover,
header .bottom_header ul li.active a,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link:hover{
	color: #B4AB9F;
	transition: all 0.3s ease-in-out;
}
header .bottom_header ul li ul.dropdown-menu li{
    position: relative;
}
header .bottom_header ul li ul.dropdown-menu li .subSub_menu {
    display: none;
    opacity: 0;
    background: #f3f3f3;
    border-radius: 5px;
    position: absolute;
    top:0;
    right:100%;
    transition: all 0.3s ease-in-out;
}
header .bottom_header ul li ul.dropdown-menu li .subSub_menu::after{
   position: absolute;
   right: -10px;
   top: 0;
   content: '<';
}
header .bottom_header ul li ul.dropdown-menu li:hover .subSub_menu {
    display: block;
    opacity: 1;
    max-width: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
header .bottom_header ul li ul.dropdown-menu li:hover .subSub_menu a{
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
} 
header .bottom_header ul li ul.dropdown-menu li a{
    padding: 0 10px !important;
    height: 40px !important;
    line-height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .bottom_header ul li ul.dropdown-menu li a i{
    margin-right: 10px;
}


.dropdown-menu {
    right: initial !important;
    padding: 0 !important;
    border: none;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.15);
    margin: 0;
    min-width: 295px;
}


.dropdown-item.active, .dropdown-item:active {
    background-color: #ebebeb;
    color: #16181b;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    background-color: #ebebeb;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: -100.5%;
    margin-top: 0;
}



/* Start New NavBar 10/2021 */
/* vars */
/* hide show mixin */
/* global  styles */

.fa-caret-right:before{
    content: "\f0d9";
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu,
.menu a {
  color: #e2e2e2;
  text-decoration: none;
}

.menu a {
  display: block;
  white-space: nowrap;
}

.menu-dropdown,
.menu input[type=checkbox] {
  display: none;
}

.menu label:hover {
  cursor: pointer;
}

header .bottom_header ul li a label{
    margin-right: 5px;
}
/* narrow styles */
@media screen and (max-width: 1024px) {
  .menu > ul,
.menu-righticon {
    display: none;
  }

  input[type=checkbox]:checked + ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
}
/* large styles */
@media screen and (min-width: 1025px) {
  .menu > label,
input[type=checkbox] {
    display: none;
  }

  .menu a {
    padding: 15px 20px;
  }

  .menu > ul > li {
    display: inline-block;
  }

  .menu-hasdropdown {
    position: relative;
  }
  .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }

  .menu-hasdropdown > ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 11;
  }

  .menu-hasflyout > ul {
    right: 100%;
    top: 0;
    background: #fff;
    width: 100%;
  }

  .menu-hasflyout .menu-downicon {
    display: none;
  }
}
/* look and feel only, not needed for core menu*/
@-webkit-keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
html {
  font-size: 100%;
}

body {
  font-family: "Roboto" sans-serif;
  line-height: 1.5;
}

.menu-dropdown a {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* narrow  */
@media screen and (max-width: 1024px) {
  .menu > label {
    display: block;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    width: 9%;
  }

header .bottom_header ul li a{
    text-align: right !important;
    position: relative;
}
header .bottom_header ul li a label{
    text-align: left;
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    padding-top: 12px;
}
  .menu a {
    padding: 15px 20px;
  }

  .menu > ul i {
    padding: 5px 10px;
  }

  .menu-dropdown a {
    background: #f5f5f5;
    padding: 10px !important;
  }

  .menu-hasflyout > ul a {
    background: #e7e7e7;
        padding: 10px !important;
    color: #5d5d5d !importan
  }
}
@media screen and (min-width: 1025px) {
 
}

/* END New NavBar 10/2021 */

.srch_bx{
	background: #EBEBEB;
	height: 55px;
	margin-bottom: 5px;
}
.srch_bx .form-control, .srch_bx .input-group{
	background: none !important;
	color: #666;
	font-size: 0.9;
	text-align: center;
	border: none;
	border-radius: 0;
	height: 55px;
	line-height: 55px;
	box-shadow: none !important;
}
.srch_bx .form-control:focus, .srch_bx .input-group:focus{
	box-shadow: none !important;
}
.srch_bx .input-group i{
	color: #1AACAB;
	transition: all 0.3s ease-in-out;
}
.srch_bx .input-group i:hover{
	color: #ccc;
	transition: all 0.3s ease-in-out;
}
.slider_bx{
	position: relative;
	height: 600px;
	overflow: hidden;
}
.slider_bx .item{
	height: 600px;
}
.slider_bx .item a, .slider_bx .item a img{
	height: 600px;
	display: block;
}
.slider_bx .item a .des{
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	width: 70%;
	margin: 0 auto;
}
.slider_bx .item a .des h1{
	background: #fff;
	padding: 10px;
	color: #1AACAB;
	font-size: 1em;
	width: 60%;
	height: 40px;
	overflow: hidden;
	margin-bottom: 10px;
	font-family: 'TajawalBold';
}
.slider_bx .item a .des p{
	background: rgba(255,255,255,0.9);
	padding: 10px;
	color: #666;
	font-size: 1em;
	width: 60%;
	max-height: 300px;
	line-height: 30px;
	overflow: hidden;
}


.slider_bx .owl-dots{
	position: absolute;
    bottom: 10px;
    left: 10px;
    background: #fff;
	box-shadow: 0 0 7px -3px #888;
    width: 30px;
    border-radius: 15px;
	padding: 10px 0;
}
.slider_bx .owl-dots .owl-dot{
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}
.slider_bx .owl-theme .owl-dots .owl-dot span{
	width: 15px;
	background: #869791 !important;
	transition: all 0.3s ease-in-out;
}
.slider_bx .owl-theme .owl-dots .owl-dot.active span, 
.slider_bx .owl-theme .owl-dots .owl-dot:hover span{
	background: #1AACAB !important;
	transition: all 0.3s ease-in-out;
}
.ataProg_bx article figure{
	position: relative;
	height: 220px;
	overflow: hidden;
}
.ataProg_bx article figure img{
	/*height: 320px;
	box-shadow: 0 0 7px -3px #888;
	display: block;*/
}
.ataProg_bx article figure figcaption{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    background: rgba(255,255,255,0.9);
    padding: 5px;
}
.ataProg_bx article figure figcaption h1{
	color: #888;
    font-size: 0.9em;
    text-align: center;
	font-family: 'TajawalBold';
	max-height: 46px;
	line-height: 23px;
	margin-bottom: 5px;
	overflow: hidden;
}
 
.ataProg_bx article figure figcaption p{
	    color: #999;
    font-size: 0.9em;
    text-align: center;
	max-height: 60px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.ataProg_bx article figure figcaption a{
	font-size: 1em;
    padding: 5px 15px;
    border-radius: 25px;
    color: #fff !important;
	background: #1AACAB;
	cursor: pointer;
    box-shadow: 0px 2px 0px #189594 !important;
	margin:  0 auto 6px;
	width: 50px;
	display: block;
}
.otherProg_bx article ul, .serv_bx article ul{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
.otherProg_bx article ul li, .serv_bx article ul li{
	width: 19.1%;
	margin: 0 5px 20px;
	box-shadow: 0 0 7px -3px #000;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.otherProg_bx article ul li figure, .serv_bx article ul li figure{
	position: relative;
	height: 200px;
	overflow: hidden;
}
.otherProg_bx article ul li figure img, .serv_bx article ul li figure img{
	width: 100%;
	height: 200px;
	display: block;
}
.otherProg_bx article ul li figure span, .serv_bx article ul li figure span{
	background: #1AACAB;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 5px;
	padding: 5px 10px;
}
.otherProg_bx article ul li figcaption, .serv_bx article ul li figcaption{
	padding: 5px;
}
.otherProg_bx article ul li figcaption h2, .serv_bx article ul li figcaption h2{
	    color: #888;
    font-size: 0.9em;
    text-align: center;
    font-family: 'TajawalBold';
    max-height: 46px;
    line-height: 23px;
    margin-bottom: 5px;
    overflow: hidden;
}
.otherProg_bx article ul li figcaption p, .serv_bx article ul li figcaption p{
	color: #999;
    font-size: 0.9em;
    text-align: center;
    max-height: 60px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}
.otherProg_bx article ul li figcaption ol, .serv_bx article ul li figcaption ol{
	display: flex;
	justify-content: center;
	align-items: center;
}
.otherProg_bx article ul li figcaption ol li, .serv_bx article ul li figcaption ol li{
	background: none;
	box-shadow: none;
	width: inherit;
	margin: inherit;
	border-radius: 0;
}
.otherProg_bx article ul li figcaption ol li a, .serv_bx article ul li figcaption ol li a{
	font-size: 1em;
    padding: 5px 15px;
    border-radius: 25px;
    color: #fff !important;
    background: #1AACAB;
    cursor: pointer;
    box-shadow: 0px 2px 0px #189594 !important;
    margin: 0 5px 6px;
    width: 50px;
    display: block;
	overflow: hidden;
}
.instructor_pg article .instr_bx{
	background: #fff;
    box-shadow: 0 0 7px -3px #888;
    border-radius: 5px;
    position: relative;
    height: 220px;
    overflow: hidden;
    margin-bottom: 25px;
}
.instructor_pg article .instr_bx img{
	height: 320px;
    display: block;
}
.instructor_pg article .instr_bx .des{
	position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    background: rgba(255,255,255,0.9);
    padding: 5px;
	border-radius: 10px;

}
.instructor_pg article .instr_bx .des h1{
	color: #888;
    font-size: 0.9em;
    text-align: center;
    font-family: 'TajawalBold';
    max-height: 46px;
    line-height: 23px;
    margin-bottom: 5px;
    overflow: hidden;
}
.instructor_pg article .instr_bx .des p{
	color: #999;
    font-size: 0.9em;
    text-align: center;
    max-height: 60px;
    line-height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
 }

.des a{
	display: block;
    width: 150px;
    background: #6C6B6A;
    box-shadow: 0px 2px 0px #848484 !important;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9em !important;
	transition: all 0.3s ease-in-out;
}


.instructor_pg article .instr_bx .des ul{
	display: flex;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}
.instructor_pg article .instr_bx .des ul li {
	width: 25%;
}
.instructor_pg article .instr_bx .des ul li a{
	font-size: 1em;
    padding: 5px 15px;
    border-radius: 25px;
    color: #fff !important;
    background: #1AACAB;
    cursor: pointer;
    box-shadow: 0px 2px 0px #189594 !important;
    margin: 0 auto 6px;
    width: 50px;
    display: block;
	
}
.admin5_pg label, .admin9_pg label{
	 color: #666;
    font-size: 1.2em;
}
.admin5_pg .check_lst, .admin9_pg .check_lst{
	border: 1px solid #eee;
	height: 300px;
	overflow: hidden;
	overflow-y: scroll;
	border-radius: 15px;
	margin-bottom: 20px;
	padding: 5px;
}
.admin5_pg .check_lst ul li, .admin9_pg .check_lst ul li{
	color: #666;
	font-size: 1em;
	display: block;
}
.fav_pg article ul li{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px;
}
.fav_pg article ul li:last-child{
	margin-bottom: 25px;
}
.fav_pg article ul li .det_fav{
	width: 80%;
	margin-left: 10px;
}
.fav_pg article ul li .det_fav h1 label{
	color: #666262;
    font-size: 1em;
    margin-bottom: 5px;
    font-family: 'TajawalBold';
    height: 22px;
    display: flex;
    align-items: center;
}
.fav_pg article ul li .det_fav ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.fav_pg article ul li .det_fav ol li{
	    color: #999;
    font-size: 0.9em;
    margin-left: 6px;
	background: none;
	border: none;
	margin: 0;
	    
}
.fav_pg article ul li:nth-child(even) {
    background: #fafafa;
}
.ataAll_det article .video_bx{
	display: flex;
	justify-content: center;
	align-content: center;
	margin-top: 30px;
}
.ataAll_det article .video_bx iframe{
	width: 60%;
}
.otherProg_bx {
	background: url(../images/bg2.png) repeat right top #fafafa;
}
.inner_pg .prod_images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.inner_pg .prod_images li {
	width: 40%;
	margin: 5px;
}
.prod_images li {
	width: 90%;
	margin: 5px;
}
.inner_pg .prod_images li figure{
	position: relative;
	width: 100%;
	height: 130px;
	border-radius: 25px;
	border: 1px solid #eee;
	
	overflow: hidden;
}
.inner_pg .prod_images li figure img{
	width: 100%;
	height: 130px;
}
.inner_pg .prod_images li figure i{
	position: absolute;
    top: 10px;
    left: 10px;
    color: #ef3232;
    cursor: pointer;
    font-size: 20px;
}
.upload_file_bx{
    height: 150px;
    border: 1px solid #eee;
    border-radius: 25px;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}
.upload_file_bx input[type="file"]{
    width: 100%;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
}
.upload_file_bx h1{
    color: #868686;
    font-size: 0.9em;
    font-family: 'TajawalBold';
    text-align: center;
    margin: 10px 0;
	line-height: inherit;
	border: none;
}
.upload_file_bx i{
    color: #ddd;
    font-size: 3em;
    text-align: center;
    display: block;
}
.filter_bg{
	background: #fafafa;
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 10px;
}
.filter_bg .btn {
    width: 100%;
    height: 44px !important;
    line-height: 44px !important;
}
.more{
	font-size: 1em;
    border-radius: 25px;
    color: #fff !important;
    background: #1AACAB;
    cursor: pointer;
    box-shadow: 0px 2px 0px #189594 !important;
    margin: 25px auto 6px;
    width: 220px;
	height: 40px;
	line-height: 40px;
	text-align: center;
    display: block;
}
.ataProg_bx, .otherProg_bx, .serv_bx, .ataProg_bx{
	padding:  60px 0;
}
.ataProg_bx .title_bx h1,
.otherProg_bx .title_bx h1,
.serv_bx .title_bx h1,
.ataProg_bx .title_bx h1{
	position: relative;
	padding: 15px 0;
	margin: 0 auto 50px;
	text-align: center;
	width: 400px;
	color: #b4ab9f;
	font-size: 1.5em;
	    font-family: 'TajawalBold';
}
.ataProg_bx .title_bx h1::after,
.otherProg_bx .title_bx h1::after,
.serv_bx .title_bx h1::after, 
.ataProg_bx .title_bx h1::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 150px;
	height: 5px;
	background: #ddd;
	border-radius: 5px;
}
.ataProg_bx .title_bx h1::before,
.otherProg_bx .title_bx h1::before,
.serv_bx .title_bx h1::before,
.ataProg_bx .title_bx h1::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	height: 5px;
	background: #ddd;
	border-radius: 5px;
}
.privacy_det ul li{
	color: #666;
	font-size: 1.1em;
	line-height: 22px;
	margin-bottom: 15px;
	display: flex;
    align-items: center;
}
.privacy_det ul li i{
	color: #dcdcdc;
	font-size: 35px;
	margin-left: 10px;
}
.cart_pg .media{
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 15px;
	display: flex;
    align-items: center;
}
.cart_pg .media:nth-child(odd){
	background: #fff;
}
.cart_pg .media:nth-child(even){
	background: #fafafa;
}
.cart_pg .media .media-body h1{
	color: #666262;
    font-size: 1em;
    margin-bottom: 5px;
    font-family: 'TajawalBold';
        height: 22px;
    display: flex;
    align-items: center;
}
.cart_pg .media .media-body ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.cart_pg .media .media-body ul li{
	color: #999;
	font-size: 0.9em;
	margin-left: 6px;
}
.cart_pg .media .media-body ul li i{
	margin-left: 6px;
}
.cart_pg .btn_bx{
	margin-top: 25px;
}
.planing_pg .plan_bx{
	    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 7px -3px #888;
    padding: 15px;
	margin-bottom: 25px;
}
.planing_pg .plan_bx h1{
	    text-align: center;
    color: #B4AB9F;
    border-bottom: 1px solid #eee;
    font-size: 1.2em;
    padding: 10px;
	font-family: 'TajawalBold';
}
.planing_pg .plan_bx p{
	color: #1AACAB;
	font-size: 1.2em;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    margin: 15px auto;
	border: 1px solid #1AACAB;
    box-shadow: 4px 5px 1px 0px #1AACAB;
	font-family: 'TajawalBold';
}
.planing_pg .plan_bx a{
	    display: block;
    background: #1AACAB;
    box-shadow: 0px 2px 0px #189594 !important;
    text-align: center;
    color: #fff !important;
    height: 35px;
    line-height: 35px;
	width: 130px;
    padding: 0 25px;
	margin: 15px auto 0;
    transition: all 0.3s ease-in-out;
}
.planing_pg .plan_bx a:hover{
	background: #189594;
    box-shadow: 0px 2px 0px #189594 !important;
    transition: all 0.3s ease-in-out;
}
.planing_pg .plan_bx ul li{
	line-height: 35px;
	text-align: center;
	display: block;
	color: #888;
	font-size: 1em;
}
.planing_pg .plan_bx ul li:nth-child(even){
	background: #fafafa;
}
.planing_pg .plan_bx ul li i{
	margin-left:  8px;
}
.table-striped tbody tr:nth-of-type(odd){
	background: #fafafa;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.table td, .table th{
	padding: 0 5px;
	line-height:35px;
	text-align: center;
}
.table th{
	background: #1AACAB;
	color: #fff;
}
.table td select{
	height: 30px;
	line-height: 30px;
	margin: 5px 0;
}


/*Pagination
=============================*/
.pagination {
    display: inline-block;
	direction:rtl;
}
.pagination .spacer-line{
    width: 120px;
 }
.pagination a {
    color: #999;
    float: right;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
   
    margin:2px;
    border-radius:5px;
	 background-color: #f2f2f2;
}
.pagination a:hover ,
.pagination a:focus ,
.pagination a.active ,
.pagination a.active:hover,
.pagination a.active:focus {
    background-color: #999;
    color: #fff;
    border: 2px solid #999;
	
}
/* end Pagination
=============================*/
 .foot_pag_bx .paging_bx ul{
    display: flex;
        align-items: baseline;
}
.foot_pag_bx .paging_bx ul li{
    margin-left: 8px;
}
.foot_pag_bx .paging_bx ul li span{
    color: #888;
    font-size: 1em;
}
.foot_pag_bx .paging_bx ul li .form-control{
    width: 60px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.foot_pag_bx .paging_bx ul li i{
    background: #fff;
    color: #848484;
    font-size: 0.9em;
    text-align: center; 
    height: 25px;
    line-height: 25px;
    width: 35px;
    cursor: pointer;
    box-shadow: 0 0 13px -9px #000;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.foot_pag_bx .paging_bx ul li i:hover,
.foot_pag_bx .paging_bx ul li i.active{
    background: #1AACAB;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.error_lbl {
    color: #e71518;
    font-size: 0.9em;
    margin-bottom: 5px;
    display: block;
}
.btn_bx, .btn_fav{
    display: flex;
    justify-content: flex-end;
}
.btn_bx .btn, .cart_pg .media .btn, .filter_bg .btn, .btn_fav .btn, .btn_fav a, .btn_bx a{
	display: block;
    background: #1AACAB;
    box-shadow: 0px 2px 0px #189594 !important;
    text-align: center;
    color: #fff !important;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    border: none;
	margin-right: 5px;
    transition: all 0.3s ease-in-out;
}
.btn_bx a{
	border-radius: 25px
}
.btn_bx .btn i, .cart_pg .media .btn i {
    margin-right: 5px;
    font-size: 10px;
}
.btn_bx .btn:hover, .cart_pg .media .btn:hover, .filter_bg .btn:hover, .btn_bx a:hover{
	background: #189594;
    box-shadow: 0px 2px 0px #189594 !important;
    transition: all 0.3s ease-in-out;
}
.inner_pg{
	padding: 60px 0;
}
.about_pg .title_bx h1, .signup_pg .title_bx h1, .cart_pg .title_bx h1, .planing_pg .title_bx h1,
.privacy_det .title_bx h1, .fav_pg .title_bx h1, .contact_pg .title_bx h1 {
	position: relative;
    padding: 15px 0;
    margin: 0 0 50px;
    color: #b4ab9f;
    font-size: 1.5em;
    font-family: 'TajawalBold';
}
.about_pg .title_bx h1::after, .signup_pg .title_bx h1::after, .cart_pg .title_bx h1::after, .planing_pg .title_bx h1::after,
.privacy_det .title_bx h1::after, .fav_pg .title_bx h1::after, .contact_pg .title_bx h1::after{
	    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 3px;
    background: #ddd;
    border-radius: 5px;
}
.signup_pg article .title_bx h1, .services_pg .title_bx h1, .ataAll .title_bx h1,.admin6_pg .title_bx h1, .admin6_pg h1,
.instructor_pg .title_bx h1, .password_pg .title_bx h1, .password_pg h1, .profile_pg h1, .profile_pg .title_bx h1,
.admin3_pg .title_bx h1, .admin3_pg h1, .admin4_pg .title_bx h1, .admin4_pg h1, .admin5_pg .title_bx h1, .admin5_pg h1,
.admin7_pg .title_bx h1, .admin7_pg h1, .admin8_pg .title_bx h1, .admin8_pg h1, .admin9_pg .title_bx h1, .admin9_pg h1,
.admin10_pg .title_bx h1, .admin10_pg h1, .admin11_pg .title_bx h1, .admin11_pg h1, .admin12_pg .title_bx h1, .admin12_pg h1,
.admin13_pg .title_bx h1, .admin13_pg h1, .admin14_pg .title_bx h1, .admin14_pg h1, .admin15_pg .title_bx h1, .admin15_pg h1,
.admin16_pg .title_bx h1, .admin16_pg h1{
    color: #868686;
    font-size: 1em;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    font-family: 'TajawalBold';
    margin-bottom: 20px;
}
.signup_pg article .title_bx h1::after{
	display: none;
}
.inner_pg .aside_nav li a{
	display: block;
	border-bottom: 1px solid #eee;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #666;
	font-size: 1em;
	margin-bottom: 1px;
	transition: all 0.3s ease-in-out;
}
.inner_pg .aside_nav li a i{
	margin-left: 6px;
	font-size: 10px
}
.inner_pg .aside_nav li a:hover, .inner_pg .aside_nav li a.active{
	background: #fafafa;
	transition: all 0.3s ease-in-out;
}
.inner_pg .filter_bx{
	background: #fafafa;
	padding: 0 10px 20px;
}
.inner_pg .filter_bx label{
	color: #666;
	font-size: 1em;
	margin-bottom: 5px;
}
.inner_pg article .serv_pg ul{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
.inner_pg article .serv_pg ul li{
	width: 32%;
	margin: 0 5px 20px;
	box-shadow: 0 0 7px -3px #000;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.inner_pg article .serv_pg ul li figure{
	position: relative;
	height: 200px;
	overflow: hidden;
}
.inner_pg article .serv_pg ul li figure img{
	width: 100%;
	height: 200px;
	display: block;
}
.inner_pg article .serv_pg ul li figure span{
	background: #1AACAB;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 5px;
	padding: 5px 10px;
}
.inner_pg article .serv_pg ul li figcaption{
	padding: 5px;
}
.inner_pg article .serv_pg ul li figcaption h2{
	    color: #888;
    font-size: 0.9em;
    text-align: center;
    font-family: 'TajawalBold';
    max-height: 46px;
    line-height: 23px;
    margin-bottom: 5px;
    overflow: hidden;
}
.inner_pg article .serv_pg ul li figcaption p{
	color: #999;
    font-size: 0.9em;
    text-align: center;
    max-height: 60px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}
.inner_pg article .serv_pg ul li figcaption ol{
	display: flex;
	justify-content: center;
	align-items: center;
}
.inner_pg article .serv_pg ul li figcaption ol li{
	background: none;
	box-shadow: none;
	width: inherit;
	margin: inherit;
	border-radius: 0;
}
.inner_pg article .serv_pg ul li figcaption ol li a{
	font-size: 1em;
    padding: 5px 15px;
    border-radius: 25px;
    color: #fff !important;
    background: #1AACAB;
    cursor: pointer;
    box-shadow: 0px 2px 0px #189594 !important;
    margin: 0 5px 6px;
    width: 50px;
    display: block;
	text-align: center;
	overflow: hidden;
}
.pagging_bx{
	display: flex;
	justify-content: center;
	margin-top: 25px;
}
.pagging_bx ol{
	background: #1AACAB;
    max-width: 320px;
    display: flex;
    justify-content: center;
    align-items: baseline;
	border-radius: 25px;
	box-shadow: 0px 2px 0px #189594 !important
}
.pagging_bx ol li a{
	display: block;
	color: #333;
	height: 35px;
	line-height: 35px;
	min-width: 35px;
	text-align: center;
	transition: all 0.3s ease-in-out;
}
.pagging_bx ol li a i{
	color: #127A7A;
}
.pagging_bx ol li a:hover,
.pagging_bx ol li a.active{
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.ataAll_det .title_bx{
	border-bottom: 1px solid #eee;
	padding: 15px;
	margin-bottom: 15px;
}
.ataAll_det .title_bx h1{
	color: #1AACAB;
    font-size: 1em;
    line-height: 30px;
    font-family: 'TajawalBold';
    margin-bottom: 5px;
}
.ataAll_det .title_bx p{
	color: #888;
    font-size: 1em;
}
.ataAll_det article h1, .ataAll_det article h3{
	color: #888;
    font-size: 1em;
    line-height: 30px;
    font-family: 'TajawalBold';
}
.ataAll_det article h3 span{
	font-family: 'TajawalRegular';
}
.ataAll_det article p{
	color: #888;
    font-size: 1em;
	line-height: 25px;
}
.about_pg article h1 {
	color: #b4ab9f;
	font-size: 1em;
	margin-bottom: 30px;
	font-family: 'TajawalBold';
}
.about_pg article p {
	color: #A3A3A3;
	font-size: 1em;
	line-height: 30px;
	margin-bottom: 40px
}
.about_pg .pdffile_bx {
	background: #1AACAB;
		padding: 80px 0;
}
.about_pg .pdffile_bx h1 {
	color: #fff;
	font-size: 1em;
	line-height: 40px;
	margin: 0;
	font-family: 'TajawalBold';
}
.about_pg .pdffile_bx a {
	display: block;
	padding: 0 20px;
	color: #0AA9D6;
	border: 1px solid #fff;
	font-size: 1em;
	line-height: 40px;
	border-radius: 25px;
	margin: 0px auto;
	background: #fff;
	text-align: center;
	box-shadow: 0px 0px 20px -3px #888;
	transition: all 0.6s ease-in-out
}
.about_pg .pdffile_bx a:hover {
	background: none;
	border: 1px solid #fff;
	color: #fff;
	transition: all 0.6s ease-in-out
}

.contact_form label{
	color: #666;
	font-size: 1em;
	line-height: 40px;	
}
.contact_form .form-control{
	box-shadow: none;
	border: 1px solid #eee;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;	
	margin-bottom: 15px;
	color: #888;
	font-size: 0.9em;
}
.contact_form textarea{
	height: 160px !important;	
}
.contact_form .btn{
	display: block;
    background: #1AACAB;
    box-shadow: 0px 2px 0px #189594 !important;
    text-align: center;
    color: #fff !important;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    border: none;
    margin-right: 5px;
	float: left;
	transition: all 0.3s ease-in-out;
	clear: both;	
}
.contact_form .btn:hover{
	background: #189594;
    box-shadow: 0px 2px 0px #189594 !important;
    transition: all 0.3s ease-in-out;	
}
.info_form iframe{
	width: 100%;
	height: 300px;
	border: none;	
}
.info_form ul{
	background: #FBFBFD;
	padding: 30px 0;	
}
.info_form ul li{
	border-bottom: 1px solid #EAEAED;	
	padding: 5px 15px;
	color: #888;
	font-size: 0.9em;
	line-height: 25px;
}
.info_form ul li i{
	margin-left: 15px;
	font-size: 22px;
	color: #EAEAED;	
}
.info_form ul li span{
	color: #1AACAB;
	margin-left: 5px;	
}
.slic_slider{
	direction: ltr;
	overflow: hidden;	
}
.slider-for{
	border: 4px solid #eee;	
	overflow: hidden;
}
.slider-for img{
	width: 100%;
	height: 400px;	
}
.slider-nav .slick-slide{
	border: 4px solid #eee;
	overflow: hidden;	
}
.slider-nav .slick-slide img{
	width: 100%;
	height: 80px;	
}
.slider-nav .slick-slide.slick-current{
	    border: 4px solid #727272;
} 
.filter_bx .range_bx label{
	color: #666;
	font-size: 1em;	
}
.sidebar_bx .srch_bx .range_bx label{
	color: #666;
}
.filter_bx .range_bx input{
	float: left;
	color: #fff !important;
	font-size: 0.9em;
	background: none;
	border: none;
	text-align: left;
	width: inherit;
	max-width: 180px;	
}
.filter_bx .range_bx input{
	color: #1AACAB !important;
}
.filter_bx.range_bx .ui-slider{
	margin: 10px 0;
	border: none !important;
	background: #fff;	
}
.filter_bx .range_bx .ui-slider{
	background: #eee;
	margin:  10px 0 20px;
}
.filter_bx .range_bx .ui-slider-handle{
	border-radius: 50% !important;
	background: #1AACAB !important;
	border: none !important;	
}
.filter_bx .range_bx .ui-slider-range{
	display: none !important;	
}
.disabled{
     opacity: .65;
 }  
/* Menu */
.bg-light {
    background: none !important;
    padding: 0;
    margin: 0;
}
/* CheckBox */
.lbl_check{
    color: #6d6d6d;
}
[type="checkbox"]:not(:checked), 
[type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
[type="checkbox"]+span:not(.lever) {
    position: relative;
    padding-right: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type="checkbox"]+span:not(.lever):before, 
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #bbb;
    border-radius: 5px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked+span:not(.lever):before {
        top: 0px;
    right: 8px;
    width: 10px;
    height: 16px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #FF5B05;
    border-bottom: 2px solid #FF5B05;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-radius: 0;
}
/* PopUp Modal */
.modal .input-group i {
            background: #fafafa;
            color: #999;
            font-size: 15px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 50%;
            margin-left: 8px;
            cursor: pointer;
        }
.modal .modal-content{
    border: none;
    border-radius: 10px;
}
.modal .modal-header{
    border-bottom: 1px solid #eee;
    background: none;
    padding: 10px;
    margin: 5px;
    border-radius: 0;
	
}
.modal .modal-header .modal-title{
    color: #848484;
    font-size: 1em;
    font-family: 'TajawalBold';
}
.modal-header .close{
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: #848484;
    margin-top: 4px;
}
.modal .modal-body{
    padding: 0 1rem;
}
.modal .modal-footer{
    padding: 0.5rem 1rem;
    margin-top: 20px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: flex-end;
}
.modal .modal-footer .btn{
        color: #fff;
    background-color: #71a57a;
    background-image: -moz-linear-gradient(95deg, #71a57a, #1db1bb 150px);
    background-image: -webkit-linear-gradient(95deg, #71a57a, #1db1bb 150px);
    background-image: -o-linear-gradient(95deg, #71a57a, #1db1bb 150px);
    background-image: -ms-linear-gradient(95deg, #71a57a, #1db1bb 150px);
    background-image: linear-gradient(95deg, #71a57a, #1db1bb 150px);
    font-size: 1em;
    text-align: center;
    border: none;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 15px;
    min-width: 120px;
    transition: all 0.3s ease-in-out;
}
.modal .modal-footer .btn:hover{
    background-color: #1db1bb;
    background-image: -moz-linear-gradient(95deg, #1db1bb, #71a57a 150px);
    background-image: -webkit-linear-gradient(95deg, #1db1bb, #71a57a 150px);
    background-image: -o-linear-gradient(95deg, #1db1bb, #71a57a 150px);
    background-image: -ms-linear-gradient(95deg, #1db1bb, #71a57a 150px);
    background-image: linear-gradient(95deg, #1db1bb, #71a57a 150px);
    transition: all 0.3s ease-in-out;
}
.modal .modal-footer .btn[disabled]{
    cursor: no-drop;
}
.modal .forget{
	    float: left;
    background: none;
    border: none;
    color: #666;
	font-size: 0.9em;
}
.modal .btn_bx{
	clear: both;
}
.modal .btn_bx button{
	    display: block;
    background: #1AACAB;
    box-shadow: 0px 2px 0px #189594 !important;
    text-align: center;
    color: #fff;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    margin: 15px auto;
	border: none;
    transition: all 0.3s ease-in-out;
}
.modal .btn_bx button:hover{
	background: #189594;
	box-shadow: 0px 2px 0px #189594 !important;
    transition: all 0.3s ease-in-out;
}
.modal .btn_bx button i{
	    margin-right: 5px;
    font-size: 10px;
}
.modal h1{
	color: #666;
    font-size: 1em;
    font-family: 'TajawalBold';
    text-align: center;
    margin-bottom: 10px;
}
.modal p{
	color: #999;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 15px;
}
.modal p a{
	color: #189594;
}
/* Forms */
label{
    color: #666;
    font-size: 0.9em;
}
.form-control, .custom-select {
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
	margin-bottom: 10px;
        font-size: 0.9em;
        border-radius: 25px;
        border: 1px solid #eee;
        outline: 0;
    }

.form-control:focus, .custom-select:focus {
                border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
        }

.input-group-prepend {
        margin: 0;
    }

.input-group-text {
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        color: none;
    }

.input-group {
        margin-bottom: 20px;
        border-radius: 25px;
        background: #fff;
        border: 1px solid #eee;
        position: relative;
    }
.input-group .form-control{
        border: none;
    }
textarea.form-control{
        height: 120px !important;
        line-height: 22px !important;
        resize: none;
    }
.input-group i {
            color: #ccc;
            font-size: 18px;
            margin-left: 8px;
            cursor: pointer;
        }

.popover{
    z-index: 1;
}
/* alert message */
.alert_msg{
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 99; 
}
.alert {
    margin-bottom: 0.5rem;
}
.alert-secondary{
    color: #868686;
    background-color: #fbfbfb;
    border-color: #f1f1f1;
    text-align: center;
}
.alert-secondary .spinner-grow{
    background: #e4b941;
}
.alert-secondary .spinner-grow:last-child,
.alert-secondary .spinner-grow:first-child{
    background: #33aeaa;
}
.no_res{
    text-align: center;
    width: 80%;
    margin: 0 auto 10px;
}
.val_error{
	    background: rgba(206, 29, 29, 0.7);
	color: #fff;
	font-size: 0.9em;
	text-align:  center;
	padding: 5px 15px;
	border-radius: 25px;
	display: block;
	margin: 15px auto;
	width: 90%;
}
.adv_bx a, .adv_bx a img{
	display: block;
	width: 100%;
	height: 150px;
}
.adv_bx:first-child{
	margin-bottom: 10px;
}
.adv_bx:last-child{
	margin-top: 20px;
}
footer{
	background: url(../images/bg.png) repeat right top #938B80;
}
footer .top_footer{
	padding: 50px 0;
}
footer .top_footer .col-12, footer .top_footer .col-12 ul, footer .top_footer .col-12 ol{
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .top_footer p{
	margin: 0 15px;
	color: #fff;
	font-size: 0.9em;
	line-height: 25px;
	text-align: center;
	width: 80%;
	margin-bottom: 30px;
}
footer .top_footer .col-12 ul li{
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	margin:  0 10px;
}
footer .top_footer .col-12 ul{
	margin-bottom: 30px;
}
footer .top_footer .col-12 ul li a{
	color: #fff;
	font-size: 1.2em;
}
footer .top_footer .col-12 ul li i{
	color: #E7E2D1;
	font-size: 1.5em;
	margin-left: 10px;
}
footer .top_footer .col-12 ul li:last-child span{
	font-size: 1.2em;
}
footer .top_footer .col-12 ol li a{
	color: #E7E2D1;
	font-size: 2em;
	text-align: center;
	margin:  0 10px;
	display: block;
}
footer .bottom_footer p{
	color: #1e1e1e;
	text-align: center;
	padding-bottom: 15px;
	font-size: 0.9em;
}


/* RESPONSIVE */
@media (max-width: 992px) {
	
}
@media (max-width: 768px) {
		
}
@media (max-width: 576px) {
   
}
@media (max-width: 480px) {
   	
}

/*---------------- new*--------------------*/

.inner_pg article .serv_pg ul li figure strong{
    background:#1AACAB;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 5px;
    padding: 5px 10px;
}
.inner_pg article .serv_pg ul li figure span{
    background:#ac1a1a;
    color: #999;
    font-size: 0.9em;
    text-align: center;
    position: absolute;
    bottom: 31px;
    left: 5px;
    padding: 5px 10px;
	text-decoration: line-through;
}



.slic_slider{
	position: relative;
}
.slic_slider figure{
	position: absolute;
    top: 0;
    width: 100%;
}
.slic_slider figure strong {
    background: #1AACAB;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 5px 10px;
	z-index: 9999;
}
.slic_slider figure span {
    background: #ac1a1a;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    position: absolute;
    top: 36px;
    left: 4px;
    padding: 5px 10px;
    text-decoration: line-through;
	z-index: 9999;
}
.instrct_det .title_bx figure{
	display: flex;
    align-items: center;
}
.instrct_det .title_bx figure img{
	width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid #e3ddd3;
    margin-left: 20px;
}
.instrct_det .title_bx figure figcaption h1{
	color: #868686;
    font-size: 1em;
    line-height: 30px;
    padding-bottom: 5px;
    font-family: 'TajawalBold';	
}
.instrct_det .title_bx figure figcaption p{
	font-size: 1em;
    color: #999;
}
.instrct_det .title_bx ul,
.instrct_det .title_bx ol{
	display: flex;
    justify-content: center;
    align-items: center;
}
.instrct_det .title_bx ul li a{
	display: block;
    font-size: 25px;
    margin-right: 5px;
    color: #767676;
}
.instrct_det .title_bx ol{
	display: flex;
    justify-content: center;
    align-items: center;
}
.instrct_det .title_bx ol li{
	text-align: center;
	margin-right: 15px
}
.instrct_det .title_bx ol li span{
	display: block;
	font-size: 1em;
    color: #999;
}
.instrct_det .title_bx ol li strong{
	display: block;
	color: #868686;
    font-size: 1em;
    line-height: 30px;
    padding-bottom: 5px;
    font-family: 'TajawalBold';
}
.instrct_det .title_bx{
	margin-bottom: 20px;
}
.instrct_det .instCont_bx h1{
	color: #868686;
    font-size: 1.2em;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    font-family: 'TajawalBold';
    margin-bottom: 15px;
}
.instrct_det .instCont_bx p{
	font-size: 1.1em;
    line-height: 30px;
    color: #3a3a3a;
}
.instrct_det .instCont_bx ul{
	border: 1px solid #eee;
    padding: 10px;
}
.instrct_det .instCont_bx ul li{
	border-bottom: 1px solid #eee;
    color: #767676;
    font-size: 1.2em;
    line-height: 40px;
	display: block
}
.instrct_det .instCont_bx ul li:last-child{
	border: none;
}
.instrct_det .instCont_bx ul li i{
	margin-left: 8px;
}
.instrct_det .nav-tabs {
  border-bottom: 2px solid #eee;
  display: flex;
  align-items: center;
	margin-top: 25px;
}
.instrct_det .nav-tabs .nav-item {
  margin: 0 5px;
  padding: 0 0px;
}
.instrct_det .nav-tabs .nav-item a {
  display: block;
  text-align: right;
  font-family: 'TajawalBold';
  font-size: 1.2em;
  color: #B4AB9F;
  background: none;
  border: none;
  box-shadow: 0;
	line-height: 40px;
	position: relative;
  transition: all 0.3s ease-in-out;
}
.instrct_det .nav-tabs .nav-item a:hover, .instrct_det .nav-tabs .nav-item a.active {
  color: #878787;
  background: none;
  transition: all 0.3s ease-in-out;
}
.instrct_det .nav-tabs .nav-item a.active::after, .instrct_det .nav-tabs .nav-item a:hover::after{
	position: absolute;
	right: 0;
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 100%;
	margin: 0 auto;
	background: #B4AB9F;
	content: '';
}
.instrct_det .tab-content p {
  color: #666;
  font-size: 1.2em;
  line-height: 30px;
  padding: 25px;
  border: 1px solid #d2ab61;
  border-radius: 15px;
  margin: 50px auto 0;
  width: 90%;
  text-align: center;
  position: relative;
}
.instrct_det .tab-content p::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin: 0 auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d2ab61;
  width: 0;
  height: 0;
}
.instrct_det .tab-content{
	padding: 15px 0;
}
.instrct_det .media{
	border-bottom: 1px solid #f1f1f1;
	padding: 10px;
	display: flex;
    align-items: center;
}
.instrct_det .media:nth-child(odd){
	background: #fff;
}
.instrct_det .media:nth-child(even){
	background: #fafafa;
}
.instrct_det .media .media-body h1{
	color: #666262;
    font-size: 1em;
    margin-bottom: 5px;
    font-family: 'TajawalBold';
        height: 22px;
    display: flex;
    align-items: center;
}
.instrct_det .media .media-body ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.instrct_det .media .media-body ul li{
	color: #999;
	font-size: 0.9em;
	margin-left: 6px;
}
.instrct_det .media .media-body ul li i{
	margin-left: 6px;
}
.instrct_det .btn_bx{
	margin-top: 25px;
}
.instrct_det .btn {
    display: block;
    background: #1AACAB;
    box-shadow: 0px 2px 0px #189594 !important;
    text-align: center;
    color: #fff !important;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    border: none;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
}
.instrct_det .media .btn:hover{
	background: #189594;
    box-shadow: 0px 2px 0px #189594 !important;
    transition: all 0.3s ease-in-out;
}
.ataProg_bx article figure{
    border: 1px solid #eee;
}
.instCont_bx iframe, .instrct_det .media iframe{
    max-width: 100%;
    height: 300px;
}
.btn_bx, .btn_fav{
        flex-wrap: wrap;
}


/* RESPONSIVE */
@media (max-width: 992px) {
  header .bottom_header  .navbar{
        position: relative;
    }
  header .bottom_header .navbar-collapse{
      position: absolute;
    top: 42px;
    right: 0;
    z-index: 99999999;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 10px -3px #999;
    border-radius: 10px;
    padding: 0 10px;
  }
  header .bottom_header ul li a{
      text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
  }
  .srch_bx .form-control, .srch_bx .input-group{
      font-size: 0.8em;
  }
  .slider_bx .item a .des{
      width: 90%;
  }
  .ataProg_bx article .col-md-3, .planing_pg  .col-md-4
  {
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .otherProg_bx article ul li, .serv_bx article ul li {
          width: 48%;
  }
  .info_form , .contact_form
  {
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .contact_form .col-md-3, .contact_form .col-md-9 {
       -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.contact_form .form-control{
        margin-bottom: 5px;
}
.contact_form label{
        font-size: 0.9em;
}
.contact_form .btn{
        margin-top: 15px;
}
.ataAll_det .col-md-5, .ataAll_det .col-md-7, .instructor_pg .col-md-3, .instructor_pg .col-md-9, .instrct_det .title_bx .col-md-8, .instrct_det .title_bx .col-md-4, .instrct_det .instCont_bx .col-md-8, .instrct_det .instCont_bx .col-md-4, .services_pg .col-md-3, .services_pg .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.slic_slider{
    margin-bottom: 25px;
}
.instrct_det .title_bx figure{
        justify-content: center;
}
 .instrct_det .instCont_bx ul{
         margin-top: 30px;
 }
 .inner_pg article .serv_pg ul li{
     width: 48%;
 }
 .profile_pg .col-md-3, .profile_pg .col-md-9{
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
 }
 .profile_pg .col-md-9 {
     margin-top: 25px;
 }
}
@media (max-width: 768px) {
    .profile_pg .col-md-9 {
     margin-top: 25px;
 }
    .info_form , .contact_form, .planing_pg  .col-md-4
  {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .contact_form .btn{
        margin-bottom: 15px;
}
  header .top_header ul,
  header .top_header .cart_login ul, header .top_header .prof_bx{
          justify-content: center;
  }
  header .top_header .sml_nav ul li a {
    height: 30px;
    line-height: 30px;
  }
  .slider_bx, .slider_bx .item, .slider_bx .item a, .slider_bx .item a img{
      height: 400px;
  }
  footer .top_footer .col-12, footer .top_footer .col-12 ul, footer .top_footer .col-12 ol{
          flex-wrap: wrap;
  }
  footer .top_footer .col-12 ul li{
          line-height: 40px;
  }
  footer .top_footer p{
      font-size: 0.8em;
  }
  footer .top_footer .col-12 ul {
          margin-bottom: 10px;
}
footer .top_footer p {
    margin-bottom: 15px;
}
footer .top_footer{
    padding: 50px 0 15px;
}
header .logo_bx a img{
       max-width: 100%;
}
.instrct_det .media-body{
    -ms-flex: auto;
    flex: auto;
}
.instrct_det .media{
    display: inherit;
    clear: both;
    overflow: hidden;
}
.instrct_det .nav-tabs .nav-item a{
        font-size: 1em;
}
.instrct_det .btn{
    float: left;
    margin: 10px;
}
.profile_pg .col-md-9 .col-md-1, .profile_pg .col-md-9 .col-md-2, .profile_pg .col-md-9 .col-md-3, .profile_pg .col-md-9 .col-md-4, .profile_pg .col-md-9 .col-md-5, .profile_pg .col-md-9 .col-md-6, .profile_pg .col-md-9 .col-md-7,
.profile_pg .col-md-9 .col-md-8, .profile_pg .col-md-9 .col-md-9, .profile_pg .col-md-9 .col-md-10, .profile_pg .col-md-9 .col-md-11, .profile_pg .col-md-9 .col-md-12, .profile_pg .col-md-9 .col-4, .profile_pg .col-md-9 .col-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media (max-width: 576px) {
   .inner_pg article .serv_pg ul li{
     width: 100%;
 }
}
@media (max-width: 480px) {
  .ataProg_bx article .col-md-3
  {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .otherProg_bx article ul li, .serv_bx article ul li {
          width: 100%;
  }
  .slider_bx .item a .des p, .slider_bx .item a .des h1{
      width: 80%;
  }
  .slider-for img {
    height: 300px;
}
header .top_header ul, header .top_header .cart_login ul, header .top_header .prof_bx, .instrct_det .title_bx figure{
    flex-wrap: wrap;
}
header .logo_bx a img{
   padding: 0 10px;
}
.ataProg_bx .title_bx h1, .otherProg_bx .title_bx h1, .serv_bx .title_bx h1, .ataProg_bx .title_bx h1{
    width: 100%; 
    
}
.ataProg_bx .title_bx h1::before, .otherProg_bx .title_bx h1::before, .serv_bx .title_bx h1::before, .ataProg_bx .title_bx h1::before,
.ataProg_bx .title_bx h1::after, .otherProg_bx .title_bx h1::after, .serv_bx .title_bx h1::after, .ataProg_bx .title_bx h1::after{
    display: none;
}
}



/* RESPONSIVE */
@media (max-width: 992px) {
    header .bottom_header ul li ul.dropdown-menu li a {
        padding: 0 17px !important;
    }
    
    header .bottom_header ul li ul.dropdown-menu li ul.dropdown-menu li a{
        padding: 0 30px !important;
    }
}





.overlay {
    width: 100%;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
    cursor: pointer;
}

.videoBox {
    position: fixed;
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 20px;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    cursor: default;
}

.videoBox video {
    width: 100%;
}

.close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: -18px;
    right: -18px;
    display: block;
    background: transparent url(../images/close.png) no-repeat center center;
    opacity: .8;
    cursor: pointer;
}

.close:hover {
    opacity: 1;
}

@media (min-width: 767px) {
    .videoBox {
        width: 50%;
    }
}