*{ 
margin:0;
padding:0;
box-sizing: border-box;
  user-select: none;

}

body{
font-family: 'Open Sans', sans-serif !important;
font-size:13px !important;
overflow-x:hidden;
	
}

select:hover {
color: #444645;
background: #f6f6f6;
}



input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.cap{
position: relative;
    top: -300px;
    z-index: 999;
}

.cap h3{
color: #fff !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px #000;
	font-size: 3.5em;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    text-align: center;
    color: #fff;
	text-transform:uppercase;
}


.p-lg {
  padding: 15px!important;
}

.formbg{
background: url(../img/form_bg.jpg) no-repeat center top / cover;	
}

label{ 
color:white;
	
}

#imghov .form-control{
background-color:transparent;
color:#ccc;
border-bottom: 1px solid #fff !important;
    border: none;
}

#imghov .form-control:focus {
	box-shadow:none;
}

#imghov h2{ 
font-size:24px;
font-weight:700;
text-align: right;
	
}

#imghov h4{ 
font-size:18px;
font-weight:500;
text-shadow:none;
text-align: right;
	
}




#imghov form{
	width: 70%;
    margin: 0 auto;
}


a {
    color: #000;
	
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9);
	font-weight:700;
}


.h6, h6 {
    font-size: 0.8rem;
	text-align: right;
}

a:hover {
    color: #92bbb7;
	
}

.border{ 
border:1px solid #ccc !important;
margin-bottom:20px;
    padding-top: 10px;
	
}

.whiteborder{
border: solid 5px #fff;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 50%);
    display: inline-block;	
}

.bg-lgrey{ 
background-color:#f6f6f6;
box-shadow: 0px 1px 1px 0px #00000052;
 direction:rtl;
	
}

.pull-right {
    float: left;
}

.megamenu {
    position: static;
	font-size:13px;
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%
}

code {
    color: #745eb1;
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem
}

.text-uppercase {
    letter-spacing: 0.08em
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
	font-size:16.5px;
	
}

.line{
width: 70px;
    height: 2px;
    background-color: #a23926;
	float: right;
}



.founder-sec {
    text-align: center;
    padding: 60px 0;
    margin-bottom: 2%;
}

.founder-sec figure img {
    display: inline-block;
    border: solid 10px #691e1e;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 18%);
}

.leader-sec {
    padding: 0 0 60px 0;
	text-align: right;
	
}

.leader-sec p{ margin-top:20px;
	
}


.profile-thumb {
    margin-top: 60px;
   
    cursor: pointer;
}

.profile-thumb figure img {
    border: solid 5px #fff;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 18%);
    display: inline-block;
}

.profile-thumb h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
	text-align:center;
}

.profile-thumb p {
    
	text-align:center;
}

.tab-style{
font-size:14px;
width:50%;
background-color:#a23926;
  text-align:center;
  padding: 10px;
  

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #a23926;
    border-color: #dee2e6 #dee2e6 #fff;
}


.nav-tabs > li > a {
    margin-right: 0px;
    color:white;
}


.aboutbg{ 
background-image:url(../img/bg_box_about.jpg);
background-size:cover;
background-position:top;
width:100%;
height:350px;
	
}

.galbg{
background:url(../img/gal_bg.jpg);
background-size:cover;
background-position:top;
width:100%;
height:350px;	
}

.about_text{
text-shadow: 1px 1px #000;
    font-weight: 700;
    font-size: 3.5rem;
    letter-spacing: 2px;
    margin: 12% 0;
    color: white;
}


.group2 { 
  position: relative; 
  margin-top: 16px; 
}

.btn-block{margin-top:20px;
margin-bottom:20px;
font-size:18px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color:#4a89dc;
font-weight:700;}

.login-shadow{-webkit-box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
-moz-box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 81%);
  z-index:1;
  font-weight: 700;
  color:#fff !important;
   
}



.signup-shadow{-webkit-box-shadow: -5px 0px 6px 0px rgba(82,82,82,0.52);
-moz-box-shadow: -5px -5px 6px 0px rgba(82,82,82,0.52);
box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 81%);
font-weight: 700;
  color:#fff !important;  
}


.modal-header{background-color:#e5ecf4;}

.group { 
  position: relative; 
  margin-top: 30px; 
}


.input {
  font-size: 13px;
  padding: 10px 10px 10px 5px;
  -webkit-appearance: none;
  display: block;
  background: none;
  color: #636363;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #757575;
}

.input:focus { outline: none; }


/* Label */

.label {
  color: #757575; 
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: -10px;
  top: 10px;
  transition: all 0.2s ease;
}


/* active */

.input:focus ~ .label, .input.used ~ .label {
  top: -20px;
  transform: scale(.75); left:-15px;
  /* font-size: 14px; */
  color: #4a89dc;
}


/* Underline */

.bar {
  position: relative;
  display: block;
  width: 100%;
}

.bar:before, .bar:after {
  content: '';
  height: 2px; 
  width: 0;
  bottom: 1px; 
  position: absolute;
  background: #4a89dc; 
  transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }


/* active */

.input:focus ~ .bar:before, .input:focus ~ .bar:after { width: 50%; }


/* Highlight */

.highlight {
  position: absolute;
  height: 60%; 
  width: 100px; 
  top: 25%; 
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}


/* active */

.input:focus ~ .highlight {
  animation: inputHighlighter 0.3s ease;
}


@media  screen and (max-width: 767px) and (min-width: 576px){
  #myModal{margin-left:20%;
            margin-right:20%;}

  #forgot-password{margin-left:20%;
            margin-right:20%;}
} 


@media screen and (min-width: 768px) {
  
  #myModal .modal-dialog  {width:500px;}
  
  #forgot-password .modal-dialog{width:500px;}
  
  .modal-body{padding-left:50px;
              padding-right:50px;}
}



em{display:none;}


.carousel-caption a{ 
color:#fff !important;
text-decoration:none !important;
	
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}


*:focus {
    outline: 0 !important;
}

.slick-slide {
  
  outline: none;
}

.modal-content{ 
border:none;
	
}


.pt13{ 
padding-top:13px;
	
}

.tools {
    position: fixed;
    z-index: 2;
    right: 0;
    top: 4%;
    bottom: auto;
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1051;
}

.tools .title {
    right: 0;
}




#sidenav a{
  text-decoration:none;
  font-size:16px;
  color:white;
  position:fixed;
  right:-101px;
  transition:0.3s;
  border:1px solid #fff;  
  width:180px;
  height:45px;
  margin-left:10px;
  z-index: -1;
  top:270px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 0px #00000052;
}


.tools .title {
    right: 0;
}

.tools .title {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    text-orientation: inherit;
    position: absolute;
    top: 235px;
    background: #a23926;
    font-weight: 700;
    right:0px;
    padding: 10px;
    height: 193px;
    color: #fff;
    text-align: center;
    border: solid 1px #fff;
	letter-spacing: 1.5px;
	box-shadow: 0px 1px 1px 0px #00000052;
}

.nav-link i{
padding-right:10px;
 padding-left:10px;
 transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  
}

i{
padding-right:10px;
 padding-left:10px;

}


#sidenav a:hover{
 right:8px; 
 text-align:left;
}
#sidenav a:hover i{
display:;
}

#abouts{
  top:285px !important;
  background-color:#a23926;
}
#blog{
  top:236px !important;
  background-color:#a23926;
}
#projects{
  top:334px !important;
  background-color:#a23926;
}
#contact{
  top:383px !important;
  background-color:#a23926;
}


.fnt12{ 
font-size:12px;
}

.fnt13{ 
font-size:13px;
}


.pos-rel{ 
position:relative;
	
}

.count {
position: absolute;
top: -42px;
left: 940px;
font-size: 16px;
color: #fff;	
}

.mt10{ margin-top:10px;
	
}

.bg-white{
	background-color:#fff;
-moz-box-shadow:    0px 1px 1px 0px #000;
  -webkit-box-shadow: 0px 1px 1px 0px #000;
  box-shadow: 0px 1px 1px 0px #00000052;
/*  padding-bottom: 20px;*/
direction: rtl;
}

.mr10{
	margin-right:10px;	
}

.animate__animated.animate__bounce {
  --animate-duration: 2s;
}

/* This changes all the animations globally */
:root {
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
}

.brown_text{ 
color:#a23926;
	
}

.bg-op{ 
background-color:#ffffffc7;
color:#a23926 !important;
padding:10px;
	
}

h6{ font-weight:700;
	
}

.fnt22{ 
font-size:22px;
	
}

.badge{ font-weight:100;
	
}


.items {
	width: 70%;
	margin: 0px auto;
	height:266px;
}

.slick-slide {
	margin: 10px;
	background-color: #a23926;
    border-radius: 5px;
}
.slick-slide img {
	width: 100%;
	border: 0px solid #fff;
	height:140px;
}

.slider {
  margin: -57px auto;
  max-width: 940px;
}

.slide_viewer {
  height: 604px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
	
}

.slide:nth-of-type(2) {
	
}

.slide:nth-of-type(3) {
	
}

.slide:nth-of-type(4) {
	
}

#imghov{
	display:flex;	
}

#imghovs{
	display:block;	
	transition:none !important;
	-webkit-transform:none !important;
}

#imghovs :hover{
		
	transition:none !important;
	-webkit-transform:none !important;
}

.dropdown-toggle::after{
margin-right: .255em;	
}

img {
    transition: all 0.2s linear;
}
img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(0.9);
}

#imghov img:hover {
	transition:none;
	-webkit-transform:none;
	
}

/* Zoom In #1 */
.hovers img {
	-webkit-transform: scale(1) !important;
	transform: scale(1)!important;
	-webkit-transition: .3s ease-in-out!important;
	transition: .3s ease-in-out!important;
}
.hovers:hover img {
	-webkit-transform: scale(0.9)!important;
	transform: scale(0.9)!important;
	box-shadow:3px 2px 3px #000;
}

/* 
========================
      BUTTON THREE
========================
*/

#menu .btn-three {
	color: #FFF;
	transition: all 0.5s;
	position: relative;
	background-color:#a23926;
	    margin-right: 5px;
		box-shadow: 2px 2px #00000085;
		padding: 6px 6px;
		width: 140px;
	
}
#menu .btn-three::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.3s;
}
#menu .btn-three:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
#menu .btn-three::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid #900;
	transform: scale(1.2,1.2);
}
#menu .btn-three:hover::after {
	opacity: 1;
	transform: scale(1,1);
}



.btn-three {
	color: #FFF;
	transition: all 0.5s;
	position: relative;
	background-color:#a23926;
	    margin-right: 5px;
		box-shadow: 2px 2px #00000085;
		padding: 6px 6px;
		
	
}
.btn-three::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.3s;
}
.btn-three:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid #900;
	transform: scale(1.2,1.2);
}
.btn-three:hover::after {
	opacity: 1;
	transform: scale(1,1);
}


.carousel-captions {
    color: #842121;
    position: relative;
    top: 66%;
    font-weight: 500;
    background-color: #ffffffde;
    padding: 10px;
    left: 1%;
	width: 160%;
	font-size:13px;
	width: 88%;
	text-align:right;
}

.news-captions .text-left{ 
text-align:right !important;
	
}

h1.text-left{
text-align:right !important;	
}
h6.text-left{
text-align:right !important;	
}
p.text-justify{
direction: rtl;	
}


.news-captions{
 color: #842121;
    position: relative;
    top: 66%;
    font-weight: 500;
    background-color: #ffffffde;
    padding: 10px;
    left: 1%;
	width: 80%;
	font-size:13px;	
}


.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  
  margin: 0 auto;
  max-width: 940px;

  
}

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 517px;
    left: 8px;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 22px;
    top: 517px;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

.bg-brown_head{ 
background-color:#a23926;
color:white;
background:url(../img/header_bg.jpg);
width:100%;
height:75px;	

}

.container-fluid.bg-brown_head{
 direction:rtl;	
}

.row.founder-sec{
 direction:rtl;		
}

.bg-brown{ 
background-color:#a23926;
color:white;


}



@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
}



.btn{ font-weight:100;
	
}

ul#menu li {
  display:inline;
      margin-right: 5px;
}

.btn-outline-brown {
    color: #fff;
    border-color: #fff !important;
	margin-right:10px;
	
	background-color:#a23926;
}

.btn-outline-brown:hover {
    color: #fff;
	border:2px solid #d54b32;    
	background-color:transparent;
	box-shadow: 2px 2px #000;
	
	
}

.btn-outline-brown-card {
    color: #fff;
    border-color: #fff;
	margin-right:10px;
	box-shadow: 2px 2px #000;
	background-color:#a23926;
}

.btn-outline-brown-card:hover {
    color: #000;
	border:2px solid #d54b32;    
	background-color:transparent;
	
	
}

.mthead{
margin-top:1.1rem!important;
display: grid;	
}

.selectpicker{
padding: 8px;
       
    border-color: #fff;
    border-radius: 5px;	
	box-shadow: 2px 2px #000;
	color:#333;
	cursor: pointer;
}

header{
background:#f6f6f6;
color:#fff;
box-shadow: 0px 0px 2px 0px #000;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
border: 0;
list-style: none;
line-height: 1;
display: block;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.sub-menu{
padding: 2em 1000em;	
height: 300px;
}

p.w-5{
	 
width: 25rem;
padding: 5px;
line-height: 22px;
text-align: justify;

	
}

.lisubmenu{
position: absolute !important;
top: 0px;
width: 12%;

}

nav#cssmenu {
text-align: center;
line-height: 0;

}

.navigation.sticky.scrolling nav#cssmenu {
text-align: center;
margin-top: 10px;
float: none;
}

.navigation.sticky.scrolling .open_status {
display: none;
}



.search {
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.search * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
  position: relative;
  right:40%;
}
.search__field {
  width: 50px;
  height: 50px;
  color: transparent;
  font-family: Lato, sans-serif;
  font-size: 1.35em;
  padding: 0.35em 50px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color:inherit;
}
.search__field:focus {
  border-bottom-color: #ccc;
  width: 20vw;
  color: #2b2b2b;
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #a23926;
  width: 50px;
  height: 50px;
  font-size: 1.35em;
  text-align: center;
  border-color: transparent;
  border-radius: 50%;
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}

.carousel-caption {
    color: #fff;
    position: absolute;
    top: 60%;
    font-weight: 500;
    cursor: pointer;
}

.carousel-caption {
    position: absolute;
    right: 15%;
	top:30%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.h1, h1 {
    font-size: 3.5rem;
    font-weight: 700;
	text-shadow:1px 1px #000;
}

.h4, h4 {
   
	text-shadow:1px 1px #000;
}


.imgshadow{
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;

}

.carousel-caption{ 
color:#fff;
position: absolute;
    top: 68%;
	font-weight:500;
	cursor: pointer;

	
}

.h5, h5 {
    font-size: 1rem;
    text-shadow: 1px 1px #000;
    font-weight: 600;
}

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
		
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
	  
    }
	
	
	
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
		
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
		
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
		
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
		
    }

}

.carousel-control-next-icon {
    
    background-color: #a23926;
    padding: 5px;
	margin-top:5px;
	margin-bottom:5px;
}

.carousel-control-prev-icon {
    
    background-color: #a23926;
	margin-top:5px;
	margin-bottom:5px;
    
}

 /* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}


/* banner */
.top_w3pvt_main {
    position: relative;
    z-index: 1;
    background-color: #eee;
    height: 139px;
}

.nav_w3pvt {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    margin: 0 auto;
    background: transparent;
    margin-top: 1.2em;
    padding-left:3%;
    padding-right:3%;
}

/* banner-hny-info */
.banner-hny-info {
    padding: 20em 0 14em;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* banner slider */


#homepage-slider {
    position: relative;
}

.radio {
    display: none;
}

.images {
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	height: 520px;
}

.images-inner {
    width: 500%;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.image-slide {
    width: 20%;
    float: left;
}

.image-slide,
.fake-radio,
.radio-btn {
    transition: all 0.5s ease-out;
}

.fake-radio {
    text-align: center;
    position: absolute;
    bottom: 5%;
    right: 2%;
    z-index: 9;
}

/* Move slides overflowed container */
#slide1:checked~.images .images-inner {
    margin-left: 0;
}

#slide2:checked~.images .images-inner {
    margin-left: -100%;
}

#slide3:checked~.images .images-inner {
    margin-left: -200%;
}

/* Color of bullets */
#slide1:checked~div .fake-radio .radio-btn:nth-child(1),
#slide2:checked~div .fake-radio .radio-btn:nth-child(2),
#slide3:checked~div .fake-radio .radio-btn:nth-child(3) {
    background: #a23926;
}

.radio-btn {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    display: inline-block !important;
    margin: 0 5px;
    cursor: pointer;
}

/* Color of bullets - END */

/* Text of slides */
#slide1:checked~.labels .label:nth-child(1),
#slide2:checked~.labels .label:nth-child(2),
#slide3:checked~.labels .label:nth-child(3) {
    opacity: 1;
}

.label {
    opacity: 0;
    position: absolute;
}

/* Text of slides - END */

/* Calculate AUTOPLAY for BULLETS */
@keyframes bullet {

    0%,
    33.32333333333334% {
        background: #a23926;
    }

    33.333333333333336%,
    100% {
        background: #fff;
    }
}

#play1:checked~div .fake-radio .radio-btn:nth-child(1) {
    animation: bullet 12300ms infinite -1000ms;
}

#play1:checked~div .fake-radio .radio-btn:nth-child(2) {
    animation: bullet 12300ms infinite 3100ms;
}

#play1:checked~div .fake-radio .radio-btn:nth-child(3) {
    animation: bullet 12300ms infinite 7200ms;
}

/* Calculate AUTOPLAY for BULLETS - END */

/* Calculate AUTOPLAY for SLIDES */
@keyframes slide {

    0%,
    25.203252032520325% {
        margin-left: 0;
    }

    33.333333333333336%,
    58.53658536585366% {
        margin-left: -100%;
    }

    66.66666666666667%,
    91.869918699187% {
        margin-left: -200%;
    }
}

.st-slider>#play1:checked~.images .images-inner {
    animation: slide 12300ms infinite;
}

/* Calculate AUTOPLAY for SLIDES - END */
/* //banner slider */

/* background images for banner */
.banner-w3pvt-1 {
    
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 552px;
}

.banner-w3pvt-2 {
   
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 552px;
}

.banner-w3pvt-3 {
   
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 552px;
}

.overlay-w3ls {
    background: rgba(0, 0, 0, 0.50);
    min-height: 552px;
}

.images-inner {
    position: relative;
}

.banner-hny-info h3 {
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-align: center;
    color: #fff;
}

.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{ 
     border:1px solid #999999; 
	 text-align:center; 
	 margin-bottom:28px; 
	 padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    box-shadow: 10px 20px 10px rgb(0 0 0 / 80%);
    border: 0;
	-webkit-transform: scale(1.1);
    transform: scale(0.9);
	transition: all 0.5s ease;
	
}
.practice-area .inner h3{ 
    color:#3c3c3c; 
	font-size:24px; 
	font-weight:500;
	
	padding: 10px 0;
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:22px; 
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}


.our-webcoderskull{
  background:url(../img/bg_box.jpg) no-repeat center top / cover;
  
}
.our-webcoderskull .cnt-block{ 
   float:left; 
   width:100%; 
   background:#fff; 
   padding:20px 20px; 
   text-align:center;
   border-radius: 5px; 
   margin-bottom: 10px;
   
}
.our-webcoderskull .cnt-block figure{
   width:120px; 
   height:120px; 
   border-radius:100%; 
   display:inline-block;
   margin-bottom: 15px;
}

.our-webcoderskull .cnt-block h5{ 
   color:#a23926; 
   font-size:16px; 
   font-weight:700; 
   padding:6px 0;
   text-transform:uppercase;
   text-shadow: inherit;
}
.our-webcoderskull .cnt-block h5 a{
  text-decoration:none;
	color:#a23926;
}
.our-webcoderskull .cnt-block h5 a:hover{
	color:#337ab7;
}
.our-webcoderskull .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
	margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}

carousel-inners{ height:634px;
	
}

.b-0 {
    bottom: 0;
}
.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
.overflow {
    position: relative;
    overflow: hidden;
}
.zoom img {
    transition: all 0.2s linear;
}
.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#carousel2_indicator{
	
	overflow: hidden;
	
}

.carousel-control-next, .carousel-control-prev{
	display:contents;	
}

.badge-brown{ 
background-color:#a23926;
color:#fff;
    box-shadow: 1px 1px #000;
    border-radius: 5px !important;
	margin-bottom: 10px;
	
	
}

.badge-brown p{ 
margin-bottom:0px;
	
}

.caps{
background-color: #ffffffc7;
    color: #a23926 !important;
    padding: 5px;	
	text-shadow: inherit;
	text-decoration:inherit;
	font-weight: 500;
}


.banner-hny-info h3{
color: #fff !important;
font-weight: 600 !important;
text-shadow:1px 1px #000;
}


h3{
color: #a23926 !important;
font-weight: 600 !important;
text-align: right;
}


/*footer*/
section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #0e2837 !important;
	text-transform:uppercase;
	font-size:11px;
	border-top: #92bbb7 solid 10px;
	 direction:rtl;
}

#footer i{
	transform: rotate(180deg);
}

#footer .text-right {
    text-align: left!important;
}

#footer .text-left {
    text-align: right!important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    text-align: right;
}


#footer h5{
	padding-right: 10px;
    border-right: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
	text-align: right;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
	text-decoration:underline;
}

#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}

/*footer*/

<!--card-->

.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
	
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
	direction:rtl;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size:0.9rem;
    font-weight: 700;
    line-height: 1.2857em;
	text-shadow:inherit;
	color:#a23926;
	text-align:right;
	
}

.mb-20{ margin-bottom:20px;
	
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: #000;
	
	font-size: 13px;
	text-align:justify;
}

/*.row.mt10 .text-justify {
text-align:right !important;	
}*/

.info h3.title {
text-align:center !important;		
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}



.profile {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}

.profile-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.text-bold {
    font-weight: 700;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

<!--card-->


<!--detailpage-->

<!--contact us-->

.header-title {
	text-align: center;
	color: #00bfff;
}
#tip {
	display: none;
}
.fadeIn {
	animation-duration: 3s;
}
.form-control {
	border-radius: 0px;
	border: 1px solid #EDEDED;
}
.form-control:focus {
	border: 1px solid #00bfff;
}
.textarea-contact {
	resize: none;
}
.btn-send {
	border-radius: 0px;
	border: 1px solid #00bfff;
	background: #00bfff;
	color: #fff;
}
.btn-send:hover {
	border: 1px solid #00bfff;
	background: #fff;
	color: #00bfff;
	transition: background 0.5s;
}


.box > .icon {
	text-align: center;
	position: relative;
}
.box > .icon > .image {
	position: relative;
	z-index: 0;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #a23926;
	vertical-align: middle;
	box-shadow: 0 14px 1px rgb(0 0 0 / 20%), 0 10px 10px rgb(0 0 0 / 20%);
}
.box > .icon:hover > .image {
	background: #333;
}
.box > .icon > .image > i {
	font-size: 36px !important;
	color: #fff !important;
}
.box > .icon:hover > .image > i {
	color: white !important;
}
.box > .icon > .info {
	margin-top: 10px;
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid #e0e0e0;
	padding: 15px 0 10px 0;
	min-height: 230px;
	padding: 15px;
}
.box > .icon:hover > .info {
	background: rgba(0, 0, 0, 0.04);
	border-color: #e0e0e0;
	color: white;
}
.box > .icon > .info > h3.title {
	font-family: "Robot", sans-serif !important;
	font-size: 16px;
	line-height: 22px;
	color: #222;
	font-weight: 700;
}
.box > .icon > .info > p {
	font-family: "Robot", sans-serif !important;
	font-size: 13px;
	color: #666;
	line-height: 1.5em;
	margin: 20px;
	text-align: left;
}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
	color: #222;
}
.box > .icon > .info > .more a {
	font-family: "Robot", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
.box > .icon:hover > .info > .more > a {
	color: #fff;
	padding: 6px 8px;
	background-color: #63B76C;
}
.box .space {
	height: 30px;
}

.contact-form{
    background: #fff;
    margin-top: 2%;
    
    width: 70%;
}

.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/*gallery*/



.filter-button
{
    font-size: 14px;
    border: 1px solid #a23926;
    border-radius: 5px;
    text-align: center;
    color: #a23926;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 14px;
    border: 1px solid #a23926;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #a23926;

}
.btn-default:active .filter-button:active
{
    background-color: #a23926;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

/*gallery*/

@media (max-width: 768px) {
.contact-form {
    background: #fff;
    margin-top: 2%;
    width: 100%;
}
.btn-send {
	width: 100%;
	padding: 10px;
}
.second-portion {
	margin-top: 0px;
}
.btn {
    font-weight: 100;
    width: 100%;
	margin-bottom:5px;
}

a:link {
    text-decoration: none;
    padding: 0;
}
.selectpicker{ 
width:100%;
margin-bottom:20px;
	
}
.contact-form form {
    padding: 5%;
}

.slick-dots {
    position: absolute;
    bottom: -36px;
    display: block;
    width: 101% !important;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

#sidenav a{ display:none;
	
}

.banner-hny-info h3 {
    font-size: 2.5em;

}

.banner-hny-info .btn{
	 width: 80%;
}

.h6, h6 {
    font-size: 0.8rem;
}
#footer ul.quick-links li {
	text-align:left;
	
}

.about_text{
text-shadow: 1px 1px #000;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 2px;
    margin: 48% 0;
    color: white;
}

.offset-3{ margin-left:0;
	
}
.box > .icon > .info > p { 
margin:0px;
margin-top: 20px;
font-size:12px;
	
}

.box > .icon > .info > h3.title{
	font-size:13px;
	
}
.box > .icon > .info{
min-height: 162px;	
}
.contact-form h3 {
    margin-bottom: 8%;
    margin-top: 0%;
    text-align: center;
    color: #0062cc;
    font-size: 18px;
}
.bg-brown_head {
    background-color: #a23926;
    color: white;
    background: url(../img/header_bg.jpg);
    width: 100%;
    height: 276px;
}
#menu .btn-three {
    color: #FFF;
    transition: all 0.5s;
    position: relative;
    background-color: #a23926;
    margin-right: 5px;
    box-shadow: 2px 2px #00000085;
    padding: 6px 6px;
    width: 100%;
}
.tools{
	display:none;
	
}
}