@font-face {
    font-family: 'Cairo-SemiBold';
    src: url('../fonts/Cairo-SemiBold.eot');
    src: local('?'), url('../fonts/Cairo-SemiBold.woff') format('woff'), url('../fonts/Cairo-SemiBold.ttf') format('truetype'), url('../fonts/Cairo-SemiBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/Cairo-Bold.eot');
    src: local('?'), url('../fonts/Cairo-Bold.woff') format('woff'), url('../fonts/Cairo-Bold.ttf') format('truetype'), url('../fonts/Cairo-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400');
body{ margin:0; padding:0; font-size:15px;color:#666; font-family: 'Cairo-SemiBold', sans-serif; font-weight:200;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0; padding:0;line-height:130%;color:#ad1b19; font-weight:400;}
h1 { font-size:28px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
p,.border2 li{font-family:'Cairo-SemiBold';color: black;font-size: 14px;}
.p-pic{border: 1px solid #ececec;
padding: 2px;
border-radius: 2px !important;
width: 57px;
height: 57px;
margin-top: 5px;
}

input[type="text"]:disabled {
    background: #fff;
}
.top-nav .open > a, .top-nav .open > a:hover, .top-nav .open > a:focus {
    background-color: #fff;
    border-color: #337ab7;
}
.dropdown-menu .divider {

margin: 0;}
a img { border:0 none; }
img{max-width:100%; height:auto;}
a{text-decoration:none !important; color:#c21c1a;}
a:hover , a:focus{ transition:all .5s; color:#1d1553;}
ul { margin:0; padding:0; list-style:none; }
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus , a:focus { outline: none;}
.btn:focus, .btn:active:focus, .btn.a	ctive:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none;}
*{border-radius:0 !important;}
/*************************/
@media (min-width: 1359px) {.container {width: 1200px;}}
@media (max-width:767px){.container{max-width: 500px;}}
header{ z-index:10; position:relative;}
.logo{ display:block; position:absolute; right:0; top:0; z-index:100;}
.logo2{display:none; margin:10px 0;}
@media (max-width: 1490px) {.logo img{ max-width:350px;}}
@media (max-width: 1279px) {
.logo{ display:none;}
.logo2{display:block;}
}
.header-title{color:#333; padding:6px 0 0 0; /*text-transform:uppercase;*/ margin:0; font-weight:300;}
.header-title span{ color:#ad1b19;}
.top-nav{ /*text-transform:uppercase;*/ padding:6px 0 2px 0; float:left;}
@media (max-width: 992px) {
.logo2{ text-align:center;}
}
.top-nav > li{ display:inline-block; margin-right:15px; position:relative;}
.top-nav a{ display:block; color:#333;}
.top-nav a:hover , .top-nav a:focus{ display:block; color:#ad1b19;}
.top-nav i , .top-nav span{color:#ad1b19;}
.top-nav .dropdown-menu { float:right; left:inherit; right:0; background:#fff; box-shadow:none; padding:0; margin-top:7px;}
.top-nav .dropdown-menu:before{content:" ";border-left: 6px solid transparent;border-right: 6px solid transparent;position:absolute; top:-6px; right:6px ; left: auto;}
.top-nav .dropdown-menu a{ color:#666;padding: 4px 12px; font-size:13px;background-color: #eee;}
.top-nav .dropdown-menu a:hover ,.top-nav .dropdown-menu a:hover i, .top-nav .dropdown-menu a:focus{ color:#FFF  !important;background:#ad1b19;}
.top-nav .di a i{ color:#666 !important;background-color: transparent !important;}
.top-nav .di a:hover i , .top-nav .di a:focus i{ color:#FFF  !important;transition-delay:0.13s;}
@media (max-width: 767px) {
.top-nav{ display:table; margin:auto; float:none;}
.top-nav > li{ margin:0 6px;}
.header-title{ margin:auto; display:table;}
}
.user-con span ,.user-con i{ color:#333;}
.user-con {}
.user-con span{ position:inherit; top:inherit;}
.user-con li{border-bottom: 1px solid #eee;}
.user-con li:last-child{ border-bottom: hidden;}
.user-con > a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:250px;}
.user-con a:hover , .user-con a:focus{ color:#ad1b19 !important; background:none !important;}
/**** menu ***/
.menu{ position:relative;}
.menu .navbar-default .navbar-toggle:hover, .menu .navbar-default .navbar-toggle:focus {
background-color:inherit; border-color: #ad1b19;
}
.menu .navbar-default .navbar-toggle .icon-bar {background-color: #ad1b19;}
.menu .icon-bar::before {content: inherit;}
.navbar-default{ border:0; background:#241b61;margin:10px 0;}
@media (min-width: 767px) {.navbar-collapse {padding-left: 0;padding-right: 0;}}
.navbar-default .navbar-nav > li > a{ color:#FFF; font-size: 20px; padding: 14px 25px; border-right:1px solid #150f38; font-weight:300;}
.navbar-default .navbar-nav > li:last-child > a{ border-right: none !important;}

@media (max-width: 1199px) {
.navbar-default .navbar-nav > li > a{ font-size: 18px; padding: 14px 20px;}
}
@media (max-width: 991px) {
.navbar-default .navbar-nav > li > a{ padding: 14px 23px;}
}

@media (max-width: 767px) {
.navbar-default .navbar-nav > li > a{ font-size: 16px; padding: 10px 20px; border-right:none; border-bottom:1px solid #150f38;}
.menu .navbar-nav {margin:0 -15px;}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #03020a;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#c21c1a; border-right:1px solid #150f38;}
.menu-active {color:#FFF !important; background:#ad1b19 !important; border-right:none !important;}
@media (min-width: 768px) {
.menu-active {height:60px; margin-top:-5px; padding-top:20px !important;}
.menu .navbar {height: 50px;}
.navbar-default{ padding-left:6px;}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{background:none; color:#ad1b19;}

.navbar-default .dropdown-menu{ background-color:#1e1650;}
.dropdown-menu > li > a { color:#FFFFFF; /*text-transform:uppercase;*/}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#ad1b19 !important; background-color:transparent;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#eee; font-size:16px; font-weight:300;}
.navbar-default .icon-down-open-mini::before{ margin:0;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ border-color:#fff;}
nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: #03020a;}
.dropdown-menu { border:0;}
.form-control{  background:#fff;padding: 6px 10px;}
.search2 .form-control{ min-width:240px;}
.search2  .form-group {margin-bottom: 6px;}
.search2 {position: absolute; z-index:100;}
.search2{ position:absolute; top:0; left:0;}
.search2 a[aria-expanded="true"]{ background:#921614;}
.search2 a{ background:#ad1b19; color:#FFF; font-size:20px; width:50px; height:50px; padding:10px; border-left:1px solid #FFF; display:block; cursor:pointer; float:left;}
@media (max-width: 767px) {
.search2{left:auto; right:0;}
.search2 a{ border-right:hidden; border-left:1px solid #FFF; float:none;}
.search2 .dropdown-menu {left: 0;right: 0; width:100%;}
}
.well2{ background:#FFF; padding:20px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); border:hidden;}
.search2 [aria-expanded="true"] .icon-search-8:before { font-family: "fontello"; content: "\ee3d" !important;}
/********/
@media (max-width: 767px) { .btn {padding: 12px 16px;}}
.btn-primary{ background:#ad1b19; border-color:#ad1b19; min-width:80px; text-align:center; font-size:18px; }
.btn-primary:hover , .btn-primary:focus , .btn-primary[disabled]{ background:#1d1553 !important; border-color:#1d1553;}
.btn-default{ min-width:80px; text-align:center; font-size:18px;}
.form-control:focus{ box-shadow:none; border-color:#999;}
/***** banner ***/
.banner{ position:relative;}
/*@media (max-width: 1600px) {.banner{ max-width:1360px;}}*/
@media (max-width: 767px) {.banner{ display:none;}}
.carousel{ position:inherit; }
.carousel-inner{max-width:1360px; margin:auto;}
.carousel-control{width:47px;}
.carousel-control.left { background:url(../images/arrow-left.png) no-repeat;width:39px; height:74px; display:block; position: absolute;
top: 39%;z-index: 5; left:20px;}
.carousel-control.right { background:url(../images/arrow-right.png) no-repeat; width:39px; height:74px; display:block; position: absolute;top: 39%;z-index: 5; right:20px;}
.carousel-indicators{left: 40%;width: 80%; z-index:1;}
.carousel-indicators li{ height:16px; width:16px; background:none; border:3px solid rgba(255,255,255,.4); margin:0 1px;
border-radius:100% !important;}
.carousel-indicators .active { height:18px; width:18px; background-color: #ad1b19; border:3px solid rgba(255,255,255,.4);}
@media (max-width: 992px) {
.carousel-indicators li{ height:4px; width:50px;}
.carousel-indicators .active { height:4px; width:50px;}
.carousel-control.left { top: 29%;}
.carousel-control.right { top: 29%;}
}
/*********/
.icon-links .col-md-3{ text-align:center;}
.icon-links{ margin-top:25px; margin-bottom:25px;}
.icon-links a{ color:#666; font-size:22px; margin:20px 0; display:block; font-weight:300;}
.icon-links img{ width:90px; max-height:90px; margin-right:5px;}
.icon-links i{ margin-right:5px; color:#241b61; font-size:38px; vertical-align:sub;}
@media (max-width: 1359px) {
.icon-links a{ font-size:18px;}
.icon-links img{ width:75px;}
}
@media (max-width: 1199px) {
.icon-links i{ display:block; margin-bottom:5px;}
}
.icon-links a:hover , .icon-links a:focus{ color:#ad1b19;}
/*********/
.service-banners{ background:#f4f4f4; padding:30px 0;}
.service-banners a{font-size:18px; max-width:406px; display:block; margin:15px auto; color:#333; }
.service-banners a:hover{ color:#ad1b19;}
.service-banners span{text-align:center; display:block; background:#FFF; padding:8px;}
/******/
.services-icons{ margin-top:20px; background:#f4f4f4; padding:20px 0;}
.services-icons .col-md-2{ text-align:center; margin-top:20px; margin-bottom:20px; min-height: 10px;}
.services-icons h1{ margin:15px 0 25px; font-size:34px;}
.services-icons h4{ font-size:18px; margin:15px 0 5px 0; color:#241b61;}

/*************News*************/
.news{ background:#161616 url(../images/new-bg.jpg) center fixed; padding:30px 0; background-size:cover;}
.news h1{margin:10px 0 30px;font-size: 34px;}
.news .btn-primary{ background:none; border-width:2px; margin:auto; display:table; color:#ad1b19; margin-bottom:20px;}
.news .btn-primary:hover , .news .btn-primary:focus{ color:#FFF; border-color:#FFF; background:none !important;}
.list-news{ margin-bottom:30px;}
.list-news span{ float:left; width:45px; display:block; color:#FFF; font-size:32px; line-height:100%; margin-top:-5px;}
.list-news span i{ display:block; font-style:normal; font-size:20px;}
.list-news a{ margin-left:45px;display:block; background:#FFF; padding:18px; border-left:3px solid #ad1b19;min-height: 57px;}
.list-news h5 , .list-news p{ margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition:all .5s}
.list-news p{ color:#666;}
.list-news a:hover h5{ color:#000;}
/*******/
footer{ background:#241b61; padding:40px 0 0; color:#FFF;}
footer .col-md-4{ margin-bottom:30px;}
footer a{ color:#FFF;}
footer h5 , footer p span , footer a:hover , footer a:focus{ /*color:#ad1b19;*/}
footer h5{ margin-bottom:10px; /*text-transform:uppercase;*/}
footer p{color:#fff;font-family: 'Cairo-SemiBold', sans-serif;font-weight: 200;font-size:12px;}
.bottom-nav{display:table;}
.bottom-nav li{}
.bottom-nav a{ color:#fff; font-size:14px;}
.bottom-nav a:hover , .bottom-nav a:focus { color:#ad1b19;}
.bottom-nav i{ color:#ad1b19;}
.social a{ display:inline-block; margin-right:3px;}

.copyright{ background:#1b144a; font-size:13px; color:#FFF; padding:10px 0; margin-top:10px;text-align:center;}
.copyright p{ margin:0;}
.copyright-link{ float:right;}
.copyright-link a{color:#ad1b19;}
.copyright-link a:hover{color:#FFF;}

@media (max-width: 767px) {

.logo-footer{ margin:auto; display:table;}
.copyright-link{ float:none; margin-top:7px !important;}
.copyright{ text-align:center;}
}

/*****image hover****/
figure {
	max-width: 100%;
	max-height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/***********LOGIN***********/
.content{ margin-top:30px; margin-bottom:30px; min-height:200px;}
.page-banner{ max-width:1360px; margin:auto;}
.page-banner img{width:100%;}
@media (max-width: 767px) {
.page-banner{ display:none;}
.content .btn{ margin-bottom:5px;}
}
.app-links{ max-width:400px; margin:auto;}
.app-links a{ display:table; float:left;}
.app-links img{ width:120px;}
label{ font-weight:normal;}
.btn {padding: 6px 20px;}
.app-content{ text-align:center;}
.app-pic{ max-width:200px; margin:30px 0 10px; border-bottom:1px solid #ccc;}

/********Course list**********/
.filter{ margin-bottom:30px;}
@media (min-width: 768px) {

.course-info{ height:110px;}
.course-info p{ max-height:34px;overflow:hidden; margin: -8px 0 4px 0;}
}
.course-pic{ display:block; height:300px; margin-bottom:15px; text-align:center; overflow:hidden;}
.course-pic img{max-height: 300px;transition:all .5s;}
.course-name{ font-size:24px; margin-bottom:10px; display:block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.price{ color:#333; margin-top:10px;}

/******Course Details*****/
.price2{color:#333; font-size:32px; text-align:right;}
.price2 span{color:#666; font-size:20px;}
.input-size{ height: 40px; margin-right:15px;}

/******Checkout*****/
.steps{}
.steps li{ float:left;}
@media (max-width: 767px) {.steps li{ float:none;}}
.steps a{ color:#666; font-size:16px; display:block; padding:5px 15px; margin-right:15px;}
.steps a:hover ,.steps a:focus{ color:#ad1b19;}
.steps a span{ font-size:26px;}
.step-active a{ background:#efefef;}
.step-active a span{ color:#ad1b19;}
.icon-btn{ padding:0; min-width:30px;}
.checkout-box{ border:1px solid #eee; padding:20px; margin-bottom:10px;}
.checkout-box h5{ margin:12px 0;}
.checkout-box select{ margin:7px 0;}
.checkout-box button{ margin:8px 0;}
.checkout-box img{ max-height:50px;}
.price3{color:#333; float:left; margin:10px 0;}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {background:#ad1b19; color:#FFF;}
.upload{border: 1px solid #ccc;height: 34px; padding:3px; width:100%; position:relative;}
.upload .btn , .input-help .btn{ padding:3px; min-width:inherit; width:26px;height:26px; font-size:15px; margin-bottom:0;position:absolute; right:3px;
top:4px; border:hidden; color:#999;}
.upload .btn:hover , .upload .btn:focus ,.input-help .btn:hover ,.input-help .btn:focus{ background:none; color:#ad1b19;}
.tooltip-inner{ background:#ad1b19; max-width:300px;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #ad1b19;}
.tab-pane{ padding:20px 0;}
.input-help{ position:relative;}

/**********profile**********/
.profle-left-side{ background:#f2f2f2; padding:15px; text-align:center; margin-bottom:30px;}
.user-pic{ border:2px solid #FFF; padding:5px; border-radius:100% !important; width:140px; height:140px; margin-bottom:15px;}
.name{ color:#333;}
.name span{ color:#ad1b19;}
.profile-menu{text-align:right;}
.profile-menu li{ border-bottom:1px solid #FFF;}
.profile-menu li:last-child{ border-bottom:hidden;}
.profile-menu a{ color:#666; padding:10px; display:block;}
.profile-menu a:hover , .profile-menu a:focus{ color:#111;}
.box{ border:1px solid #eee; padding:15px; margin-bottom:30px;}
@media (min-width: 768px) {
.height-fill{ display:flex;}
.height-fill > [class*="col-"] {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position:relative;
}
.height-fill .box{ height:100%;}
}
.box h5{ border-bottom:1px solid #eee; padding:0 0 15px 0;color:#333;}
.box span{ text-align:center; font-size:40px; display:block; color:#ad1b19;}
.box p{ text-align:center;}
.text-icon i{ color:#ad1b19;}

/*******************/
.border{ border:1px solid #eee; padding:15px; margin-bottom:30px;}
.border2{border:1px solid #eee; padding:15px; margin-bottom:10px;}
@media (max-width: 767px) {.border2 img{ margin-bottom:15px;}}
.border2 ul{ list-style:decimal; margin:0 0 15px 15px;}
.border2 ul li{ margin-bottom:5px;}
/**********Table*********/
thead{ background:#241b61; color:#FFF;}
.table-striped > thead > tr > th:nth-child(2n+1) {background-color: #1d1553 !important; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{border:0; font-weight:300; font-size:17px; vertical-align:top;}

/*******Upload******/
.has-error > span{ color:#A94442 !important;}
.upload-linkView .form-control-feedback {top: -2px; right:0; font-size:16px; color: #ad1b19;}

/***file Upload***/


.fileUpload {
    position: relative;
    overflow: hidden;
	float:left;
	background:#ad1b19;
	padding:3px 10px;
	font-size:13px;
	color:#FFF;
	min-height: 26px;
}
/*.upload-icon .fileUpload {margin-left: 35px;}
@media (max-width: 635px) {
.upload{height: auto; padding:7px;}
.upload input{ border:1px solid #eee; padding:7px 15px; background:#FFF; float:none; width:100%;}
.fileUpload { float:none; text-align:center;}
.upload-linkView .form-control-feedback {top:inherit; right:0; bottom:0; font-size:16px; color: #ad1b19;}
}*/
.fileUpload:hover, .fileUpload:focus{background:#333;}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.upload-linkView a{ margin:2px 40px 5px 0; display:block; max-width:185px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
float:right;}

.upload-linkView input{ float:left; max-width:150px;border:0; margin:4px 0 0 0; padding:0 5px; background:#FFF; font-size:12px;}
@media (max-width: 992px) {.upload-linkView input{ max-width:100px;}}

@media (max-width: 635px) {
@media (max-width: 992px) {.upload-linkView input{padding:0;}}
.upload-linkView a{ float:none;}
.upload-linkView input{ float:none; max-width:inherit;}
}

/****** rating *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 3px;
  font-size: 1.25em;
  font-family: 'fontello';
  display: inline-block;
  content: '\e81c';
}

.rating > .half:before { 
  content: '\e81e'; 
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #ad1b19; }

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #ad1b19; } 


/**************Instructor Details************/
.instructor-name span{ font-size:17px; color:#666;}
@media (max-width: 767px) {.instructor-name span{ display:block;}}
.instructor-info dt , .instructor-info dd{margin-bottom:5px;}
@media (min-width: 768px) {
.instructor-info dt{text-align:left;width: 175px;}
.instructor-info dd{margin-left: 130px;}
}
.instructor-pic{ position:relative; width:275px; height:275px; margin:30px auto;}
.instructor-pic img{ width:275px; height:275px; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); position:absolute; z-index:3; background:#FFF;}
.pic-bg{ width:275px; height:275px; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); display:block;position:absolute; z-index:2;
background:#eee;
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
.pic-bg2{ width:275px; height:275px; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); display:block;position:absolute; z-index:1;
background:#FFF;
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
@media (max-width: 991px) {.btn-group-social{ max-width:300px; margin:30px auto 0;}}
.btn-group-social .btn{ text-align:left;padding: 6px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 17px;}
.facebook-btn{ background:#45619d; border-color:#45619d;}
.twitter-btn{ background:#55acee; border-color:#55acee;}

/**********Company Profile**********/
.search3{ margin:-7px 0 5px 0; float:right;}
.search3 .input-group-addon{ background:none; border:hidden; padding:0;}
.search3 .btn{ padding:3px; min-width:34px; height:34px; transition:all .3s;}
.box3{ border: 1px solid #eee;padding:15px;margin-bottom:30px;}
.box-header{ border-bottom:1px solid #eee;margin-bottom:15px;}
.box-header h5{color: #333;}
.company-members{ border:1px solid #eee;border-bottom: hidden; margin:0;}
.company-members img{ width:28px; height:28px; border-radius:100% !important; margin-right:5px; border:1px solid #ddd;}
.company-members li{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom:1px solid #eee;
padding:10px; min-height: 49px;}

/************Gallery***********/
.gallery p{ text-align:center;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:-8px auto 0;max-width: 220px;}
.gallery-pic {position:relative; width:200px; height:200px; margin:30px auto; display:block;}
.gallery-pic img {width:200px; height:200px; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); position:absolute; z-index:3; background:#FFF;}
.gallery-bg{ width:200px; height:200px; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); display:block;position:absolute; z-index:2;
background:#eee; transition:all .3s;
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
.gallery-bg2{ width:200px; height:200px; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); display:block;position:absolute; z-index:1;
background:#FFF; transition:all .3s;
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.gallery-pic:hover .gallery-bg{
background:#ddd;
-ms-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
.gallery-pic:hover .gallery-bg2{
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}

/******gallery-details*****/
.gallery-list a{ display:inline-block;width:132px; height:132px; margin:5px;}
.gallery-list img{ border:7px solid #eee; height:132px; width:100%; transition:all .3s;}
.gallery-list a:hover img{border:7px solid #ad1b19;}
@media (max-width: 1359px) {
.gallery-list a{width:128px; height:128px;}
.gallery-list img{height:128px;}
}
@media (max-width: 1199px) {
.gallery-list a{width:120px; height:120px;}
.gallery-list img{height:120px;}
}
@media (max-width: 991px) {
.gallery-list a{width:130px; height:130px;}
.gallery-list img{height:130px;}
}
@media (max-width: 767px) {
.gallery-list a{width:133px; height:133px;}
.gallery-list img{height:133px;}
}
/*******Modal******/
.blueimp-gallery .modal-header {padding:5px 0;border-bottom: 1px solid #e5e5e5; border:hidden;}
.blueimp-gallery .modal-title{ color:#FFF;}
.blueimp-gallery .modal-content {box-shadow:none;background:none;}
.blueimp-gallery .modal-body{ background:#FFF;}
.blueimp-gallery .modal-footer{ padding:15px; border:hidden; position:absolute; top:50%; width:100%;}
.blueimp-gallery .modal-footer .btn{padding: 0; min-width:inherit; background:none; font-size:32px; color:#ad1b19;}
.blueimp-gallery .modal-footer .btn:hover{color:#333;}
.blueimp-gallery .close{ color:#ad1b19; opacity:1; text-shadow:none;}
.blueimp-gallery .close:hover , .blueimp-gallery .close:focus{ color:#FFF; opacity:1;}
.blueimp-gallery .modal-header .close {margin-top: -3px;font-size: 32px;}

.career-icon{ font-size:68px; color:#ad1b19; margin:0 auto; display:table;}
.e-learning p{ margin:0; font-size:16px;}
@media (max-width: 767px) {.e-learning a{ margin:10px 0 0 0; display:block;}}
.btn-center{ margin:25px auto 0; display:table;}
.alert i{ float:left; margin-right:10px;}
.alert ul{ display:inline-block;}

/**************Loader*******************/
.no-js #loader { display: none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:#FFF;
	overflow:hidden;
}

.loader span{
  width: 100%;
  height: 100%;
  display:block;
  background: url(../images/loading-logo.png) center no-repeat;
  background-size:280px auto;
}
@media (max-width: 480px) {.loader span{background-size:240px auto;}}

/******animation******/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/*********************** Error 404 *********************/
.error404{max-width:608px; margin:200px auto 0; position:relative; text-align:center;}
.error404 i{ width:100px; height:65px; border-radius:100% !important; color:#FFF; text-align:center; display:block;
background:#241b61; font-size:26px; padding-top:35px; position:absolute; top:-30px; left:-30px;}
.error404 i:after{
content:" ";
display:block;
width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #241b61;
position:absolute;
right:2px;
bottom:2px;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
.error404 span{ width:190px; height:190px; display:inline-block; border-radius:100% !important; color:#FFF; text-align:center;
 font-size:145px; margin:0 -6px;}
.error-no1{background: linear-gradient(-45deg, transparent 70px, #ad1b19 0, #ad1b19 200px, #ad1b19 70px);}
.error-no2{background: linear-gradient(-45deg, transparent 70px, #ad1b19 0, #ad1b19 200px, transparent 70px);}
.error-no3{background: linear-gradient(-45deg, #ad1b19 70px, #ad1b19 0, #ad1b19 200px, transparent 70px);}
.error404 p{ font-size:40px; color:#999;}
.error404btn{ color:#FFF;padding: 12px 25px;}
.error404btn:hover , .error404btn:focus{ color:#FFF;}

@media (max-width: 767px) {
.error404{max-width:310px;}
.error404 span{ width:90px; height:90px; display:inline-block; border-radius:100% !important; color:#FFF; text-align:center;
 font-size:72px; margin:0 -6px; background:#ad1b19;}
.error404 i{ width:50px; height:35px;background:#666; font-size:16px; top:-5px; left:4px; padding-top:15px;}
.error404 i:after{right: 0;bottom: 0;}
.error404 p{ font-size:30px;}
}

/******/
.no-records i{ font-size:22px; position:relative; top:-6px;}

/*************news-list*************/
.list-news2 .list-news a{ background:#f5f5f5;}
.list-news2 .list-news span{ color:#fff; background:#ad1b19; margin:0;min-height: 76px; padding:3px 6px;}
.list-news2 .list-news a{min-height: 76px;}
.date{ font-size:11px; margin-bottom:5px !important; color:#888 !important;}
.date i{ color:#ad1b19;}
.date2{ font-size:13px; margin-bottom:10px; color:#888;}
.date2 i{ color:#ad1b19;}
.pagination{ margin:20px auto; display:table;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ad1b19;
    border-color: #ad1b19;
}
.pagination > li > a, .pagination > li > span {color: #666;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #666;
    background-color: #eee;
    border-color: #ddd;
}

/**************************/
.logged-in span{ text-transform:none;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:150px;
display:inline-block; color:#333;}
.logged-in a:hover span,.logged-in a:focus span{ color:#ad1b19;}

.logged-in i{display:inline-block;position: relative;top: -5px;}
@media (max-width: 1199px) {.logged-in span{max-width:89px;}}
@media (max-width: 479px) {
.logged-in span{max-width:80px;}
.top-nav > li {margin-left: 10px;}
}

.filter2{ max-width:250px;height: 40px !important;line-height: 40px !important;font-size: 17px;}

/*************select2************/
.select2{ width:100% !important; direction:rtl !important;}
.select2-container--default .select2-selection--single {border: 1px solid #ccc;height: 34px; padding:}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 4px;right: 3px;}

.select2-container--default .select2-selection--single{ border-radius:0; border-color:#ccc;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #eee}
.select2-container--default .select2-search--dropdown .select2-search__field{ border-color:#ccc;}
.select2-dropdown{border-radius:0;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #ad1b19;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 31px;padding-right: 10px;}
.validation-error{color: #a94442;background-color: #f2dede;/*border-color: #ebccd1;*/ padding:7px 10px; font-size:13px; position:relative; margin-top:10px; display:none;}
.validation-error::before{
content:" ";
display:block;
width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f2dede;
position:absolute;
left: 10px;
top: -6px;
}

/************/
.span-control{ box-shadow:none; background:#f1f1f1; border-color:#e3e3e3;}
.download-file{ margin-top:1px; display:block; position:absolute; font-size:12px; right:15px;}
.ok-sign{ color:#3c763d;}
.cancel-sign{ color:#a94442;}
.warning-sign {color:#8a6d3b;}
.doc-required i{ color:#ad1b19; font-size:30px; float:left; margin-right:15px; width:40px; display:block;}
.doc-required div{ margin-left:55px;}
.doc-required h4{ margin:0;}

/*****validation*******/
.field-validation-error{display:table !important;}

/******/
@media (min-width: 992px) {
    .icon-links .col-md-3{ text-align:center; width:20% ; padding-right:0 !important;}
.all-boxs .box{ min-height: 168px;}	
}
@media (min-width: 992px) {
.member-info .col-md-3 {width: 20%;}
.member-info .col-md-9 {width: 80%;}
}
.member-pic img{ width:144px; height:auto; padding:10px; box-shadow:1px 1px 4px rgba(51,51,51,.2); background:#FFF; display:block;}
@media (max-width: 991px) {.member-pic img{ margin:0 auto 30px;}}
.box4{ min-height:167px;}
/*.tests-results-list p{ text-align:left;}*/
.tests-results-list .dl-horizontal{ margin:0;}
@media (min-width: 768px) {
.tests-results-list .dl-horizontal dt { width: 65px; margin-bottom:5px;}
.tests-results-list .dl-horizontal dd {margin-left: 75px; margin-bottom:5px;}
}
@media (max-width: 767px) {
.tests-results-list .dl-horizontal dd { margin-bottom:10px;}
}
.tests-results-list i{ color:#ad1b19;}

/*********/
.upload2{ border:none; padding:0;}
.upload2 .form-control { padding-right:30px;}

.price4{color: #666;font-size: 20px; text-align:right;}
.price4 span{color:#333; font-size:32px;}

/**********/
.item-name{ display:block; margin:15px 0;}
@media (min-width: 992px) {.item-qty{ max-width:70px;}}
.item-qty{ margin:10px 0;}

/**********/
@media (min-width: 768px) {.search-title h1{ margin:0;}}
/****/
.checkout-box .form-control{margin: 7px 0;}
.checkout-box .btn {margin: 10px 0;}

.text-substring{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:200px; display:block;}
.icon-btn2{ background:none; border:none; padding:0; color:#ad1b19;}
.icon-btn2:hover , .icon-btn2:focus{ transition:all .5s; color:#666;}
.map iframe{ width:100%; height:450px;}
.map2 { border:1px solid #eee; padding:5px; margin-bottom:30px;}
.map2 iframe{ width:100%; height:300px;}

/***********Accordion*************/
.panel-title{font-weight:300;}
.panel-heading { padding:0;}
.panel-default > .panel-heading { background-color:transparent;}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{ display:block; padding: 10px 14px; color:#241b61; font-size:18px;}
.panel-title > a .icon-down-open-big{ float:right; margin-top:5px;}
.panel-title > a[aria-expanded="true"]{ color:#ad1b19;}
.panel-title > a[aria-expanded="true"] .icon-down-open-big:before { content: '\e941'; }
.panel-title > a i{ position:relative; top:-1;}
.panel-title > a i img{ width:32px; height:32px; margin-right:10px;}
@media (max-width: 767px) {
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{ padding: 5px 10px; font-size:16px;}
.panel-title > a i{ top:6px;}
.panel-title > a i img{ width:28px; height:28px; margin-right:6px;}
}
/********************/
b, strong {font-weight:300;}

.dropdown-menu button{    background-color: #eee;
    border: none;
    color: #666;
    padding: 4px 12px;
    font-size: 13px;
    font-family: 'Oswald', sans-serif !important;
      font-weight: normal;
      width:100%;
      text-align:right;
      
}
.dropdown-menu button:hover{
    background-color: #ad1b19;
    color: #fff;
}

.dropdown-menu button i{    background-color: transparent;
    border: none;
    color: #666;
    font-size: 13px;
    font-family: 'Oswald', sans-serif !important;
      font-weight: normal;
}
.dropdown-menu button:hover i{
    background-color: #ad1b19;
    color: #fff;
    
}

.serv-name{
padding: 0;
color: #ad1b19;
font-weight: 400;font-size: 20px;
text-align: center;
background-color:#eee;min-height: 34px;
padding-top: 2px;}
.img-serv{padding: 11px;}
a .img-serv img{max-width: 100px;margin: 0 auto;opacity: 0.85;}
a .img-serv:hover img,a .img-serv:focus img{opacity: 1;}
.border3{border: 1px solid #eee;margin-bottom: 30px;text-align:center;}
.serv-details p{font-size:18px;}
.showBrief{max-height:45px;overflow:hidden;}
.divLoading h1{margin:10px; color:#ad1b19}
/********Modal********/
.close {
    float: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: .2;
}
.icon-right-open-big::before {
    content: '\e937';
}
.select2 {
    width: 100% !important;
    direction: rtl !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px !important;
    right: unset !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    text-align: right;
}

.select2-search--dropdown .select2-search__field {
    text-align: right !important;
}
.select2-dropdown ,.select2-dropdown--below, .select2-dropdown--above{direction:rtl !important;}
.select2-results {
    display: block;
    text-align: right !important;
}
.media-body {
    width: auto !important;
}
.media.row i.col-sm-1 {
    width: 5%;
}
.modal-footer button.prev {
    float: left;
}
.modal-footer button.next {
    float: right;
}
.numberscode {
    direction: ltr;
    unicode-bidi: embed;
}

.icon-link-table {
    background: none;
    border: none;
    padding: 0;
    font-size: 18px;
    display: table;
    margin: auto;
    color: #ad1b19;
}

    .icon-link-table:hover, .icon-link-table:focus {
        color: #555;
    }