/*
@FONT-FACE {
	font-family: "TheSans-Plain";
	src: url("TheSans-Plain.woff2");
}

*/

@FONT-FACE {
	font-family: "Tajawal-Regular";
    src: url("GE_SS_TWO_LIGHT.OTF");
}


a{
color: #3a3147;
}
a:hover {
    color: #1a1f30;
}

html {
  height: 100%;
  font-size: 62.5%;
}
@media only screen and (max-width: 1199px) {
  html {
    font-size: 60%;
  }
}
@media only screen and (max-width: 991px) {
  html {
    font-size: 55%;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 50%;
  }
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 45%;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 40%;
  }
}
body {
  font-size: 16px;
	font-family: "Tajawal-Regular";
  font-weight: 400;
  height: 100%;
  line-height: 1.5;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #333;
direction: rtl;


/*
background: linear-gradient(to left, #151515, #262626);
background: linear-gradient(to left, #151515, #202020);
*/
  position: relative;
}


/*
body:before {

  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
background-color: #00000080;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
z-index:-1;position: fixed;
}
*/


p {
  margin: 0 0 20px 0;
  color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
	font-family: "Tajawal-Regular";
  margin: 0 0 20px 0;
  color: #333;
}
h1,
h2 {
  line-height: 1.2;
}
h3,
h4 {
  line-height: 1.4;
}
h1 {
  font-size: 48px;
}









@media only screen and (max-width: 1199px) {
  h1 {
    font-size: calc(44px);
  }
}
@media only screen and (max-width: 991px) {
  h1 {
    font-size: calc(42px);
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: calc(38px);
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font-size: calc(36px);
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: calc(32px);
  }
}
h2 {
  font-size: 36px;
}
@media only screen and (max-width: 1199px) {
  h2 {
    font-size: calc(34px);
  }
}
@media only screen and (max-width: 991px) {
  h2 {
    font-size: calc(32px);
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: calc(30px);
  }
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: calc(28px);
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: calc(26px);
  }
}
h3 {
  font-size: 24px;
}
@media only screen and (max-width: 1199px) {
  h3 {
    font-size: calc(23px);
  }
}
@media only screen and (max-width: 991px) {
  h3 {
    font-size: calc(22px);
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: calc(21px);
  }
}
h4 {
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
  h4 {
    font-size: calc(19px);
  }
}
@media only screen and (max-width: 575px) {
  h4 {
    font-size: calc(18px);
  }
}
/*=======================================================================
[02] Common Style
=========================================================================*/
a {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  outline: 0 none;
}
img {
  max-width: 100%;
  height: auto;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.possition-static {
  position: static !important;
}
.bg-common {
  background-position: center !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.both-side-half-bg {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .both-side-half-bg {
    display: block;
  }
}
.both-side-half-bg > div {
  width: 50%;
  padding-top: 9.3rem;
  padding-bottom: 10rem;
}
@media only screen and (max-width: 991px) {
  .both-side-half-bg > div {
    width: 100%;
  }
}
.both-side-half-bg > div:first-child {
  background-color: #f3f3f3;
  padding-left: 10rem;
  padding-right: calc((100% - 1290px) / 2);
}
@media only screen and (max-width: 1399px) {
  .both-side-half-bg > div:first-child {
    padding-right: calc((100% - 1110px) / 2);
  }
}
@media only screen and (max-width: 1199px) {
  .both-side-half-bg > div:first-child {
    padding-right: calc((100% - 930px) / 2);
  }
}
@media only screen and (max-width: 991px) {
  .both-side-half-bg > div:first-child {
    padding-right: calc((100% - 690px) / 2);
    padding-left: calc((100% - 690px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .both-side-half-bg > div:first-child {
    padding-right: calc((100% - 510px) / 2);
    padding-left: calc((100% - 510px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .both-side-half-bg > div:first-child {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.both-side-half-bg > div:last-child {
  padding-right: 10rem;
  padding-left: calc((100% - 1290px) / 2);
  background: #1a1f30;
}
@media only screen and (max-width: 1399px) {
  .both-side-half-bg > div:last-child {
    padding-left: calc((100% - 1110px) / 2);
  }
}
@media only screen and (max-width: 1199px) {
  .both-side-half-bg > div:last-child {
    padding-left: calc((100% - 930px) / 2);
  }
}
@media only screen and (max-width: 991px) {
  .both-side-half-bg > div:last-child {
    padding-right: calc((100% - 690px) / 2);
    padding-left: calc((100% - 690px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .both-side-half-bg > div:last-child {
    padding-right: calc((100% - 510px) / 2);
    padding-left: calc((100% - 510px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .both-side-half-bg > div:last-child {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/*=======================================================================
[03] Title Style
=========================================================================*/
/*
.section-heading p {
  width: 80%;
}*/
@media only screen and (max-width: 991px) {
  .section-heading p {
    width: 100%;
  }
}
.section-heading.text-center h1,
.section-heading.text-center h2,
.section-heading.text-center h3,
.section-heading.text-center h4,
.section-heading.text-center p {
  float: none;
  margin-right: auto;
  margin-left: auto;
}
.section-heading.text-right p,
.section-heading.text-left p {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.section-heading.heading-dark h1,
.section-heading.heading-dark h2,
.section-heading.heading-dark h3,
.section-heading.heading-dark h4 {
  color: #000;
}
.section-heading.heading-light h1,
.section-heading.heading-light h2,
.section-heading.heading-light h3,
.section-heading.heading-light h4 {
  color: #333;
}
.section-heading.heading-light p {
  color: #333;
}

.heading-layout1 h2,
.heading-layout1 {
  text-align: center;
  position: relative;padding-bottom: 15px;
}
.heading-layout1 p {
margin-bottom: 0;
}


.heading-layout1 h2:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 45px;
  background: #1a1f30;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}
.heading-layout1 h2,
.heading-layout1 h3 {
 font-size: 22px;
  text-transform: capitalize;
}
.heading-layout1 p {
	font-family: "Tajawal-Regular";
}
.text-right.heading-layout1:after {
  left: inherit;
  margin: 0;
}
.heading-light.heading-layout1:after,
.heading-light.heading-layout5:after {
  background-color: #252525;
}
.heading-layout2 {
  margin-bottom: 75px;
}
.heading-layout2 h2 {
  font-size: 4rem;
  font-weight: 600;
  text-transform: capitalize;
}
.heading-layout2 p {
	font-family: "Tajawal-Regular";
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .heading-layout2 p {
    width: 100%;
  }
}
.heading-layout3 {
  margin-bottom: 50px;
  text-align: center;
}
.heading-layout3 h2,
.heading-layout3 h3 {
  font-weight: 600;
  text-transform: capitalize;
}
.heading-layout3 p {
	font-family: "Tajawal-Regular";
}
.heading-layout4 {
  margin-bottom: 40px;
}
.heading-layout4 h2 {
  font-size: 4rem;
  font-weight: 600;
  text-transform: capitalize;
}
.heading-layout4 p {
	font-family: "Tajawal-Regular";
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .heading-layout4 p {
    width: 100%;
  }
}
.heading-layout5 {
  margin-bottom: 60px;
  text-align: right;
  position: relative;
}
.heading-layout5:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 45px;
  background: #1a1f30;
  right: 0;
  bottom: -20px;
}
.heading-layout5 h2,
.heading-layout5 h3 {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.heading-layout5 p {
	font-family: "Tajawal-Regular";
}
/*=======================================================================
[04] Header Area Style
=========================================================================*/


.header-contact-layout1 li {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding: 0 15px; color: #333;
}

.header-contact-layout1 li a {

color: #333;}


.header-contact-layout1 i,
.header-contact-layout1 li i {
margin-left: 8px;

color: #333;

}

.top-bar-border-bottom {

position: relative;

border-bottom: 1px solid #fff3;

    height: 45px;
    line-height: 44px;
    font-size: 15px;
    border-bottom-color: #eee;
    background-color: #EFF0F466;
}


.header-menu-area:after {
  clear: both;
  content: "";
  display: block;
}
.template-main-menu nav > ul > li {
  position: relative;
padding:40px 15px 20px;
}


.template-main-menu nav > ul > li > a {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1;
  display: block;padding: 12px;
}

.template-main-menu nav > ul > li ul.dropdown-menu-col-1 {
  border-top: 1px solid #d42027;
  background-color: #252525;
  width: 250px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.template-main-menu nav > ul > li ul.dropdown-menu-col-1 li a {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 12px 15px;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;border-bottom: 1px solid #f5f5f5;
text-transform: capitalize;
}
.template-main-menu nav > ul > li ul.dropdown-menu-col-1 li a:hover {
  color: #333;
  background: #1a1f30;
}


.dropdown-menu-col-1.sub-menu {
right:100% !important;
top:0 !important;

}




.template-main-menu nav > ul > li ul.dropdown-menu-col-2 {
  border-top: 1px solid #d42027;
  background-color: #252525;
  width: 480px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.template-main-menu nav > ul > li ul.dropdown-menu-col-2 li {
  display: inline-block;
  width: 49%;
}
.template-main-menu nav > ul > li ul.dropdown-menu-col-2 li a {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 12px 15px;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.template-main-menu nav > ul > li ul.dropdown-menu-col-2 li a:hover {
  color: #333;
  background: #1a1f30;
}
.template-main-menu nav > ul > li .third-level {
  border-top: 1px solid #d42027;
  background-color: #252525;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 100%;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-main-menu nav > ul > li .third-level li a {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 12px 15px;
  display: block;
}
.template-main-menu nav > ul > li .third-level li a:hover {
  color: #333;
  background: #1a1f30;
}
.template-main-menu nav > ul > li .template-mega-menu {
  background-color: rgba(255, 255, 255, 0.97);
  border-top: 1px solid #d42027;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  padding: 20px 0 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.template-main-menu nav > ul > li .template-mega-menu .menu-ctg-title {
  font-size: 22px;
  font-weight: 700;
  color: #333;
  margin-bottom: 18px;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu {
  margin-bottom: 20px;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ebebeb;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 5px 15px 5px 30px;
  display: block;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  position: relative;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a i {
  color: #333;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a:hover {
  color: #d42027;
  padding: 5px 15px 5px 35px;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a:hover i {
  color: #d42027;
  animation: toleftFromright10 0.5s;
}
.template-main-menu nav > ul > li:hover:after {
  right: 26px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.template-main-menu nav > ul > li > ul > li:hover > ul.dropdown-menu-col-1,
.template-main-menu nav > ul > li:hover > ul.dropdown-menu-col-1 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}



.template-main-menu nav > ul > li:hover ul.dropdown-menu-col-2 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.template-main-menu nav > ul > li:hover .template-mega-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.template-main-menu nav > ul > li > ul > li {
  position: relative;
}
.template-main-menu nav > ul > li > ul > li a.third-level-arrow:after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  opacity: 0.8;
  font-size: 20px;
  z-index: 8;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #333;
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);
  -ms-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);
  -o-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);
  transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);
}
.template-main-menu nav > ul > li > ul > li:hover .third-level-arrow:after {
  left: 15px;
}
.template-main-menu nav > ul > li > ul > li:hover ul.third-level {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.header-menu-layout1 {
  background-color: #252525;
background: linear-gradient(to bottom, #fff, #f1f1f1);
background: linear-gradient(to bottom, #fff, #f1f1f1);

background: #EFF0F466;

background: -moz-linear-gradient(top, #e1e1e1 0%, #fff 100%);

background: -webkit-linear-gradient(top, #e1e1e1 0%,#fff 100%);

background: linear-gradient(to left, #f9f9fb 0%,#fff 100%);
background: linear-gradient(to left, #f9f9fb,#fff );

}
.header-menu-layout1 .template-main-menu nav > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-menu-layout1 .template-main-menu nav > ul > li > a {

  color: #333;
}
@media only screen and (max-width: 1199px) {
  .header-menu-layout1 .template-main-menu nav > ul > li > a {
    padding: 40px 10px 39px;
  }
}
.header-menu-layout1 .template-main-menu nav > ul > li > a:hover {
  /*animation: toBottomFromTop10 0.3s forwards;*/
  color: #d42027;background:#fff3;
}


.header-menu-layout1 .template-main-menu nav > ul > li.current > a {
background: #1a1f30;
color: #333;
}
/*
.header-menu-layout2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 101px 0 auto;
  z-index: 100;
  background-color: #252525;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(226, 226, 226, 0.75);
  -moz-box-shadow: 0px 4px 4px 0px rgba(226, 226, 226, 0.75);
  box-shadow: 0 4px 4px rgba(226, 226, 226, 0.75);
}
.header-menu-layout2 .template-main-menu nav > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header-menu-layout2 .template-main-menu nav > ul > li > a {
  padding: 30px 15px 29px;
  color: #333;
}
.header-menu-layout2 .template-main-menu nav > ul > li > a:hover {
  animation: toBottomFromTop10 0.3s forwards;
  color: #d42027;
}
.header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky {
  margin-left: 15px;
  display: none;
  min-width: 200px;
}
.header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky a {
  padding: 0;
}
.header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky a:hover {
  animation: none;
}
.header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky:after {
  display: none;
}
.header-menu-layout3 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 100;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.header-menu-layout3 .template-main-menu nav > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-menu-layout3 .template-main-menu nav > ul > li > a {
  padding: 40px 15px 39px;
  color: #333;
}
@media only screen and (max-width: 1199px) {
  .header-menu-layout3 .template-main-menu nav > ul > li > a {
    padding: 40px 10px 39px;
  }
}
.header-menu-layout3 .template-main-menu nav > ul > li > a:hover {
  animation: toBottomFromTop10 0.3s forwards;
  color: #333;
}
.header-menu-layout4 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 51px 0 auto;
  z-index: 100;
  background-color: #252525;
}
.header-menu-layout4 .template-main-menu nav > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-menu-layout4 .template-main-menu nav > ul > li > a {
  padding: 40px 15px 39px;
  color: #333;
}
@media only screen and (max-width: 1199px) {
  .header-menu-layout4 .template-main-menu nav > ul > li > a {
    padding: 40px 10px 39px;
  }
}
.header-menu-layout4 .template-main-menu nav > ul > li > a:hover {
  animation: toBottomFromTop10 0.3s forwards;
  color: #d42027;
}*/
.menu-sticky .header-menu-area {
  animation-name: headerSlideDown;
  animation-duration: 0.50s;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.menu-sticky .header-menu-layout1,
.menu-sticky .header-menu-layout2,
.menu-sticky .header-menu-layout3,
.menu-sticky .header-menu-layout4 {
position: fixed;
margin: 0 0 auto;
width: 100%;
top: 0;
}

/*
.menu-sticky .header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu-sticky .header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky a {
  padding: 0 !important;
}
@media only screen and (max-width: 1199px) {
  .menu-sticky .header-menu-layout2 .template-main-menu nav > ul > li > a {
    padding: 30px 7px 29px;
  }
}
.menu-sticky .header-menu-layout3 {
  background-color: rgba(57, 108, 240, 0.98);
}*/
.header-action-items-layout1 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

padding-right: 15px;

border-right: 1px solid #646464;
}


.header-action-items-layout1 ul li {
  display: inline-block;
  margin-left: 15px;
}
.header-action-items-layout1 ul li:last-child {
  margin-left: 0;
}
.header-action-items-layout1 ul li .header-search-dark {
  line-height: inherit;
}
.header-action-items-layout1 ul .action-items-primary-btn {
  font-size: 14px;
  display: inline-block;
  padding: 14px 24px;
  color: #333;
  background: #1a1f30;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid;
  border-color: #d42027;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.header-action-items-layout1 ul .action-items-primary-btn i {
  margin-right: 10px;
}
.header-action-items-layout1 ul .action-items-primary-btn:hover {
  background-color: transparent;
  color: #d42027;
}
.header-action-items-layout1 ul .action-items-light-btn {
  font-size: 14px;
  display: inline-block;
  padding: 9px 15px;
  color: #333;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid;
  border-color: #333;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.header-action-items-layout1 ul .action-items-light-btn:hover {
  background-color: #252525;
  color: #d42027;
}
.header-action-items-layout1 .cart-items {
  top: 70px;
}

/*
.header-action-items-layout2 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-action-items-layout2 ul li {
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.header-action-items-layout2 ul li:first-child:after {
  height: 30px;
  width: 1px;
  background-color: #b2b2b2;
  content: "";
  position: absolute;
  left: 0;
  top: -15px;
  z-index: 5;
}
.header-action-items-layout2 ul li:last-child {
  margin-left: 0;
  padding-left: 0;
}
.header-action-items-layout2 ul li .item-btn {
  height: 75px;
  text-align: center;
  padding: 26px 40px;
  background: #1a1f30;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  display: block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.header-action-items-layout2 ul li .item-btn:hover {
  background: #1a1f30;
}
.header-action-items-layout2 .cart-items {
  top: 60px;
}
.header-action-items-layout2 .cart-area-dark:after {
  height: 76px;
  top: -12px;
}
.header-search-dark {
  position: relative;
  line-height: 0;
}*/
.header-search-dark button {
  border: 0;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  color: #646464;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.header-search-dark button i:before {
  font-size: 22px;
  margin-right: 0;
  padding: 5px;
  font-weight: 600;
}
.header-search-dark button:focus {
  outline: none;
}
.header-search-dark .search-input {
position: absolute;

top: 134%;

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

left: 0;

z-index: 10;

height: 60px;

width: 240px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

border: none;

padding: 5px 10px 8px;

display: none;

background-color: rgba(45, 47, 53, 0.99);

color: #000;

outline: none;

box-shadow: none;

background: #252525;

border: 1px solid #d42027;

}
@media only screen and (max-width: 1199px) {
  .header-search-dark .search-input {
    left: 25px;
    width: 740px;
  }
}
@media only screen and (max-width: 991px) {
  .header-search-dark .search-input {
    left: 25px;
    width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-dark .search-input {
    left: 25px;
    width: 230px;
  }
}
.header-search-dark input.search-input:focus {
  outline-width: 0;
  outline: none;
}
.header-search-dark input::-webkit-input-placeholder {
  color: #444;
}
.header-search-dark input::-moz-placeholder {
  color: #444;
}
.header-search-dark input:-moz-placeholder {
  color: #444;
}
.header-search-dark input:-ms-input-placeholder {
  color: #444;
}
.header-search-light {
  position: relative;
  line-height: 0;
}
.header-search-light button {
  border: 0;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  color: #333;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.header-search-light button i:before {
  font-size: 24px;
  margin-right: 0;
  padding: 5px;
  font-weight: 600;
}
.header-search-light button:focus {
  outline: none;
}
.header-search-light .search-input {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 40px;
  z-index: 10;
  height: 60px;
  width: 800px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: none;
  padding: 5px 30px 8px;
  display: none;
  background-color: rgba(255, 255, 255, 0.99);
  color: #333;
}
@media only screen and (max-width: 1199px) {
  .header-search-light .search-input {
    left: 25px;
    width: 740px;
  }
}
@media only screen and (max-width: 991px) {
  .header-search-light .search-input {
    left: 25px;
    width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-light .search-input {
    left: 25px;
    width: 230px;
  }
}
.header-search-light input.search-input:focus {
  outline-width: 0;
  outline: none;
}
.header-search-light input::-webkit-input-placeholder {
  color: #afafaf;
}
.header-search-light input::-moz-placeholder {
  color: #afafaf;
}
.header-search-light input:-moz-placeholder {
  color: #afafaf;
}
.header-search-light input:-ms-input-placeholder {
  color: #afafaf;
}
.cart-area-dark {
  position: relative;
}
.cart-area-dark:after {
  height: 96px;
  width: 30px;
  background-color: transparent;
  z-index: 99;
  content: "";
  position: absolute;
  top: -23px;
  right: 0;
}
.cart-area-dark .cart-trigger-icon {
  position: relative;
}
.cart-area-dark .cart-trigger-icon i:before {
  margin-right: 0;
  color: #333;
  font-size: 30px;
}
.cart-area-dark .cart-trigger-icon span {
  position: absolute;
  top: -22px;
  left: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #1a1f30;
  color: #333;
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(168, 168, 168, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(168, 168, 168, 0.75);
  box-shadow: 0 5px 5px rgba(168, 168, 168, 0.75);
}
.cart-area-dark:hover .cart-items {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.cart-area-light {
  position: relative;
}
.cart-area-light:after {
  height: 96px;
  width: 30px;
  background-color: transparent;
  z-index: 99;
  content: "";
  position: absolute;
  top: -23px;
  right: 0;
}
.cart-area-light .cart-trigger-icon {
  position: relative;
}
.cart-area-light .cart-trigger-icon i:before {
  margin-right: 0;
  color: #333;
  font-size: 30px;
}
.cart-area-light .cart-trigger-icon span {
  position: absolute;
  top: -22px;
  left: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #252525;
  color: #d42027;
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(80, 80, 80, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(80, 80, 80, 0.5);
  box-shadow: 0 5px 5px rgba(80, 80, 80, 0.5);
}
.cart-area-light:hover .cart-items {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.cart-items {
  border-top: 3px solid #d42027;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background-color: rgba(241, 247, 250, 0.98);
  padding: 10px;
  position: absolute;
  left: 0;
  min-width: 385px;
  color: #333;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -15deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.cart-items .cart-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff;
}
.cart-items .cart-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.cart-items .cart-item > div {
  margin-left: 20px;
}
.cart-items .cart-item > div:last-child {
  margin-left: 0;
}
.cart-items .cart-item .cart-title {
  text-align: right;
}
.cart-items .cart-item .cart-title a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.cart-items .cart-item .cart-title a:hover {
  color: #d42027;
}
.cart-items .cart-item .cart-title span {
  display: block;
  font-size: 14px;
}
.cart-items .cart-item .cart-trash a {
  color: #333;
}
.cart-items .cart-item .cart-trash a:hover {
  color: #ff0600;
}
.cart-items .cart-item .cart-btn {
  width: 100%;
  padding: 10px 10px 0 10px;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.cart-items .cart-item .cart-btn a.item-btn {
  margin: 0 5px;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid;
  border-color: #d42027;
  background: #1a1f30;
  color: #333;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.cart-items .cart-item .cart-btn a.item-btn:hover {
  background-color: transparent;
  color: #d42027;
}
.logo-area-layout2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*
.header-contact-layout1 {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header-contact-layout1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}*/

/*
.header-contact-layout1 ul li {
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;

color: #333;

border-left: 1px solid #fff3;
}
.header-contact-layout1 ul li i {
  margin-left: 10px;
  color: #333;
}
.header-contact-layout1 ul li:last-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  .header-contact-layout1 ul li {
    display: block;
  }
}
.header-contact-layout1 ul li .fa-phone {
  transform: scaleX(-1);
}*/
.header-contact-layout2 {
  min-height: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 1199px) {
  .header-contact-layout2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.header-contact-layout2 ul li {
  font-size: 16px;
  display: inline-block;
  margin-left: 30px;
  padding-left: 30px;
  color: #333;
  border-left: 1px solid #d7d7d7;
}
.header-contact-layout2 ul li:last-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.header-contact-layout2 ul li .media i {
  margin-top: 7px;
  color: #d42027;
  font-size: 26px;
}
.header-contact-layout2 ul li .media .media-body {
  color: #333;
}
.header-contact-layout2 ul li .media .media-body .title {
  font-weight: 700;
  font-size: 16px;
}
.header-contact-layout2 ul li .media .media-body .info {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .header-contact-layout2 ul li {
    display: block;
  }
}
.header-contact-layout2 ul li .fa-phone {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.header-contact-layout3 {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header-contact-layout3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.header-contact-layout3 ul li {
  font-size: 16px;
  display: inline-block;
  margin-left: 20px;
  color: #333;
}
.header-contact-layout3 ul li i {
  margin-left: 10px;
}
.header-contact-layout3 ul li:last-child {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .header-contact-layout3 ul li {
    display: block;
  }
}
.header-contact-layout3 ul li .fa-phone {
  transform: scaleX(-1);
}
.header-social-layout1 {
  min-height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 1199px) {
  .header-social-layout1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.header-social-layout1 li {
  display: inline-block;
  margin-left: 5px;
}
.header-social-layout1 li:last-child {
  margin-left: 0;
}
.header-social-layout1 li a {
  color: #333;
  text-align: center;
  font-size: 14px;
  display: block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;background: #1a1f30;
}
.header-social-layout1 li a:hover {
  color: #d42027;

}
.header-social-layout2 {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 1199px) {
  .header-social-layout2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.header-social-layout2 ul li {
  display: inline-block;
  margin-left: 5px;
}
.header-social-layout2 ul li:last-child {
  margin-left: 0;
}
.header-social-layout2 ul li a {
  padding: 5px 8px;
  color: #333;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.header-social-layout2 ul li a:hover {
  color: #333;
}
.mean-container .mean-bar {
  background: transparent !important;
  float: none;
  padding: 0 !important;


}
.mean-container .mean-bar:after {
  content: "";
  clear: both;
  display: block;
}
@media only screen and (max-width: 767px) {
  .mean-container .mean-bar a {
    padding: 6px 0;
    display: inline-block;
  }


}
@media only screen and (max-width: 767px) {
  .mean-container .mean-bar .meanmenu-reveal {
    margin-top: 5px;
  }
}



.mean-container .mean-bar a.logo-mobile-menu {
  width: 100%;
  background-color: rgba(222, 222, 222, 0.95);
  box-sizing: border-box;
}
.mean-container .mean-bar .mobile-menu-nav-back {
  padding: 0 15px;
  border-bottom: 1px solid #b2b2b2;
  position: relative;
  text-align: center;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mean-container .mean-bar .mobile-menu-nav-back:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(248, 248, 248, 0.95);
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
}
.mean-container .mean-nav {
  float: none !important;
  background: transparent !important;
}
.mean-container .mean-nav > ul {
  overflow-y: scroll;
}
.mean-container .mean-nav > ul:after {
  content: '';
  display: block;
  clear: both;
}
.mean-container .mean-nav > ul li a {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  background-color: #ebebeb;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mean-container .mean-nav > ul li a:hover {
  color: #d42027;
}
.mean-container .mean-nav > ul li:hover > a {
  color: #d42027;
  background-color: #252525;
}
.mean-container .mean-nav > ul li li a {
  color: #333;
  opacity: 1;
  font-weight: 400;
  padding: 0.5em 10%;
}
.mean-container .mean-nav > ul li li a:hover {
  background-color: #252525;
}
.mean-container .mean-nav > ul li a.mean-expand {
  background-color: transparent;
  margin-top: 0;
  height: 20px;
  line-height: 27px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  padding: 12px 20px 12px 12px !important;
}
.mean-container .mean-nav > ul li a.mean-expand:hover {
  background-color: transparent;
}
.mean-container a.meanmenu-reveal {
 float: none !important;
position: absolute;
top: 35px;
transition: unset;
margin-left: 8px;
}
.mean-bar + div #wrapper {
  padding-top: 52px;
}
@media only screen and (max-width: 991px) {
  .hide-on-mobile-menu {
    display: none;
  }
}
.hide-on-mobile-menu:after {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .hide-on-desktop-menu {
    display: none !important;
  }
}


/*=======================================================================
[07] Call To Action Area Style
=========================================================================*/
.call-to-action-wrap-layout1 {
  background: #1a1f30;
}
@media only screen and (max-width: 991px) {
  .call-to-action-wrap-layout1 {
    padding: 5rem 0 3rem;
  }
}
.call-to-action-box-layout1 {
  min-height: 150px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .call-to-action-box-layout1 {
    min-height: 0;
  }
}
.call-to-action-box-layout1 .item-title {
  margin-bottom: 0;
  font-size: 3.5rem;
  color: #333;
  text-transform: capitalize;
}
@media only screen and (max-width: 1199px) {
  .call-to-action-box-layout1 .item-title {
    font-size: 2.9rem;
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action-box-layout1 .item-title {
    margin-bottom: 2rem;
  }
}
.call-to-action-box-layout1 .item-title i {
  margin-left: 15px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.call-to-action-wrap-layout2 {
  padding: 10rem 0px 11rem;
  position: relative;
}
.call-to-action-wrap-layout2:after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(57, 108, 240, 0.8);
  z-index: 1;
  top: 0;
  right: 0;
  position: absolute;
}
.call-to-action-box-layout2 {
  text-align: center;
  z-index: 2;
  position: relative;
}
.call-to-action-box-layout2 h2 {
  font-size: 40px;
  color: #333;
}
@media only screen and (max-width: 991px) {
  .call-to-action-box-layout2 h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-box-layout2 h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-box-layout2 h2 {
    font-size: 30px;
  }
}
.call-to-action-box-layout2 h2 span {
  display: block;
  font-weight: 600;
}
.call-to-action-box-layout2 .item-btn {
  border: 1px solid;
  border-color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-transform: initial;
  color: #333;
  padding: 14px 25px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 575px) {
  .call-to-action-box-layout2 .item-btn {
    padding: 12px 24px;
  }
}
.call-to-action-box-layout2 .item-btn:hover {
  background-color: #252525;
  color: #d42027;
}
.call-to-action-wrap-layout3 {
  background-color: transparent;
}
.call-to-action-box-layout3 {
  position: relative;
}
.call-to-action-box-layout3 .single-item {
  position: absolute;
  top: -74px;
  right: 0;
  left: 0;
  z-index: 6;
}
@media only screen and (max-width: 1199px) {
  .call-to-action-box-layout3 .single-item {
    position: inherit;
    top: inherit;
    margin-top: 30px;
  }
}
.call-to-action-box-layout3 .single-item a {
  position: relative;
  z-index: 2;
  border-radius: 4px 4px 0 0;
  text-align: center;
  padding: 22px 15px;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(#d42027), to(#d42027));
  background: -webkit-linear-gradient(right, #d42027, #d42027);
  background: -o-linear-gradient(right, #d42027, #d42027);
  background: linear-gradient(to left, #d42027, #d42027);
  color: #333;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .call-to-action-box-layout3 .single-item a {
    border-radius: 4px;
  }
}
.call-to-action-box-layout3 .single-item a:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  top: 0;
  left: 0;
  background: #1a1f30;
  z-index: -1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.call-to-action-box-layout3 .single-item a i {
  line-height: 1;
  display: inline-block;
}
.call-to-action-box-layout3 .single-item a i:before {
  color: #333;
  font-size: 22px;
  margin-right: 0;
  margin-left: 15px;
}
.call-to-action-box-layout3 .single-item a:hover:after {
  width: 100%;
  right: 0;
}
.call-to-action-wrap-layout4 {
  position: relative;
  padding: 9.2rem 0 10rem;
overflow: hidden;
}
.call-to-action-wrap-layout4 .item-img {
  position: absolute;
  top: 0;
  z-index: 2;
  left:0;
}

/*

@media only screen and (max-width: 1399px) {
  .call-to-action-wrap-layout4 .item-img {
    left: calc((100% - 1110px)/2);
  }
}
@media only screen and (max-width: 1199px) {
  .call-to-action-wrap-layout4 .item-img {
    left: calc((100% - 930px)/2);
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action-wrap-layout4 .item-img {
    left: calc((100% - 690px)/2);
  }
}
*/
@media only screen and (max-width: 767px) {
  .call-to-action-wrap-layout4 .item-img {
    display: none;
  }
}
.call-to-action-box-layout4 {
  text-align: center;
}
.call-to-action-box-layout4 .item-title {
font-size: 30px;
color: #333;
font-weight: bold;
width: 65%;
margin-right: auto;
margin-left: auto;
line-height: 1.35;
text-transform: capitalize;
}
@media only screen and (max-width: 1199px) {
  .call-to-action-box-layout4 .item-title {
    width: 100%;
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action-box-layout4 .item-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-box-layout4 .item-title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-box-layout4 .item-title {
    font-size: 18px;
  }
}
.call-to-action-box-layout4 .item-title span {
  display: block;
}
.call-to-action-box-layout4 .call-to-action-phone {
  margin-bottom: 30px;
  font-size: 36px;
}
@media only screen and (max-width: 1199px) {
  .call-to-action-box-layout4 .call-to-action-phone {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action-box-layout4 .call-to-action-phone {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-box-layout4 .call-to-action-phone {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-box-layout4 .call-to-action-phone {
    font-size: 24px;
  }
}
.call-to-action-box-layout4 .call-to-action-phone a {
  color: #333;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.call-to-action-box-layout4 .call-to-action-phone a i {
  font-size: 24px;
  margin-left: 10px;
  color: #d42027;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media only screen and (max-width: 991px) {
  .call-to-action-box-layout4 .call-to-action-phone a i {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-box-layout4 .call-to-action-phone a i {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-box-layout4 .call-to-action-phone a i {
    font-size: 20px;
  }
}
.call-to-action-box-layout4 .call-to-action-btn .item-btn {
  border: 1px solid;
  border-color: #d42027;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #1a1f30;
  text-transform: initial;
  color: #333;
  padding: 14px 25px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
text-transform: capitalize;
}
@media only screen and (max-width: 575px) {
  .call-to-action-box-layout4 .call-to-action-btn .item-btn {
    padding: 12px 24px;
  }
}
.call-to-action-box-layout4 .call-to-action-btn .item-btn:hover {
  background-color: transparent;
  color: #d42027;
}
.call-to-action-wrap-layout5 {
  padding: 55px 0;
}
@media only screen and (max-width: 767px) {
  .call-to-action-wrap-layout5 {
    padding: 25px 0 50px;
  }
}
.call-to-action-wrap-layout5 .single-item {
  border-left: 1px solid #d7d7d7;
}
@media only screen and (max-width: 767px) {
  .call-to-action-wrap-layout5 .single-item {
    border-left: 0;
    border-bottom: 1px solid #d7d7d7;
  }
}
.call-to-action-wrap-layout5 .single-item:last-child {
  border-left: 0;
  border-bottom: 0;
}
div ~ :last-child .call-to-action-box-layout5 {
  margin-bottom: 0;
}
.call-to-action-box-layout5 {
  margin-right: 35px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .call-to-action-box-layout5 {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action-box-layout5 {
    margin: 25px 0 20px;
  }
}
.call-to-action-box-layout5 .media i:before {
  font-size: 50px;
  line-height: 65px;
  color: #d42027;
  margin-right: 0px;
}
.call-to-action-box-layout5 .media .media-body {
  margin-right: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .call-to-action-box-layout5 .media .media-body {
    margin-right: 0;
  }
}
.call-to-action-box-layout5 .media .media-body .item-title {
  color: #333;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px;
}

/*=======================================================================
[10] Blog Area Style
=========================================================================*/
.blog-wrap-layout4 {
  padding: 35px 0 20px;
}
@media only screen and (max-width: 991px) {
  .blog-wrap-layout4 .single-item {
    margin-bottom: 30px;
  }
  .blog-wrap-layout4 .single-item:last-child {
    margin-bottom: 0;
  }
}

.blog-box-layout5 {
margin-bottom:25px;
background-color: #f5f5f5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.blog-box-layout5:hover .item-img img {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-box-layout5 .item-img {
  position: relative;
  overflow: hidden;
}
.blog-box-layout5 .item-img img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

height: 260px;
}
.blog-box-layout5 .post-date {
  position: absolute;
  background-color: #3c3c3ccc;
  top: 25px;
  right: 25px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  line-height: 20px;
  color: #fff;
  display : none;
}
.blog-box-layout5 .post-date span {
  display: block;
}
.blog-box-layout5 .item-content {
padding: 20px;
border-top: 1px solid #f3f3f3;
}
.blog-box-layout5 .item-content .item-title {
  overflow: hidden;
height: 55px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
font-weight: normal;
font-size: 16px;

text-align: right;

direction: rtl;

margin-bottom: 10px;

line-height: 27px;
}
.blog-box-layout5 .item-content .item-title a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.blog-box-layout5 .item-content .item-title a:hover {

}
.blog-box-layout5 .item-content .post-actions-wrapper ul li {
  color: #d42027;
  font-size: 17px;
  display: inline-block;
  margin-left: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.blog-box-layout5 .item-content .post-actions-wrapper ul li:last-child {
  margin-left: 0px;
}
.blog-box-layout5 .item-content .post-actions-wrapper ul li span {
  color: #d42027;
}
.blog-box-layout5 .item-content .post-actions-wrapper ul li a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}


.blog-box-layout5 .item-content .post-actions-wrapper ul li a i {
  margin:0 10px !important;
}








/*=======================================================================
[13] Departments Area Style
=========================================================================*/


.departments-wrap-layout7 {
  padding: 35px 0 20px ;
}


.departments-box-layout1 .item-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;


background: #252525;
}


.departments-box-layout1 .item-img img {
  width: 100%;
height: 285px;margin: 0 auto;
transition: all ease-in-out 0.4s;
}



.departments-box-layout1:hover .item-img img { 

transform: scale(1.1);
}
/*

.departments-box-layout1 .item-img:after {
  position: absolute;
  content: "";
background-color: rgba(37, 44, 63, 0.72);

  height: 100%;
  width: 100%;
  top: 100%;
  right: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}*/
.departments-box-layout1 .item-img .item-btn-wrap {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 7;
  text-align: center;
  display: inline-block;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}
.departments-box-layout1 .item-img .item-btn-wrap a.item-btn {
  display: inline-block;
  padding: 8px 20px;
  font-size: 14px;
  border: 2px solid;
  border-color: #333;
  color: #333;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.departments-box-layout1 .item-img .item-btn-wrap a.item-btn:hover {
  background-color: #252525;
  color: #d42027;
}
.departments-box-layout1 .item-content {
  text-align: center;
  padding: 20px;
  background-color: #252525;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.departments-box-layout1 .item-content .item-title {
  margin-bottom: 0;
  text-transform: capitalize;
font-weight: normal;
font-size: 18px;
}
.departments-box-layout1 .item-content .item-title a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



.departments-box-layout1 .item-content .item-title a:hover {
  color: #fff;
}

.departments-box-layout1 .item-content:hover {
  background: #1a1f30;
}

.departments-box-layout1 .item-content .department-info li {
  color: #333;
}
.departments-box-layout1 .item-content .department-info li i {
  color: #d42027;
  margin-left: 10px;
}
.departments-box-layout1 .item-content .department-info li i:before {
  margin-right: 0;
}
.departments-box-layout1 .item-content .department-info li span {
  display: inline-block;
  margin-left: 10px;
  font-weight: 500;
  color: #333;
}

.departments-box-layout1:hover .item-img:after {
  top: 50%;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.departments-box-layout1:hover .item-btn-wrap {
  top: 50%;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single-departments-box-layout1 {
  padding-right: 15px;
}
@media only screen and (max-width: 991px) {
  .single-departments-box-layout1 {
    padding-right: 0;
  }
}
.single-departments-box-layout1 .single-departments-img {
  border-radius: 4px;
  margin-bottom: 45px;
}
.single-departments-box-layout1 .single-departments-img .tab-content {
  border: none;
  position: relative;
  overflow: hidden;
}
.single-departments-box-layout1 .single-departments-img .tab-content a {
  cursor: move;
  display: block;
  background-color: #cecece;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 10px;
}
.single-departments-box-layout1 .single-departments-img .tab-content a img {
  border-radius: 4px;
}
.single-departments-box-layout1 .single-departments-img .tab-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: -5px;
  margin-left: -5px;
}
@media only screen and (max-width: 1199px) {
  .single-departments-box-layout1 .single-departments-img .tab-nav {
    margin-bottom: 35px;
  }
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item {
  width: 25%;
  padding-right: 5px;
  padding-left: 5px;
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item:last-child {
  margin-left: 0;
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item a {
  position: relative;
  display: block;
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item a img {
  width: 100%;
  border-radius: 4px;
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item a.active:before {
  content: "\f067";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  z-index: 3;
  color: #333;
  font-size: 36px;
  text-align: center;
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item a.active:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(57, 108, 240, 0.8);
  z-index: 2;
}
.single-departments-box-layout1 .item-content .item-content-wrap {
  margin-bottom: 50px;
}
.single-departments-box-layout1 .item-content .item-title {
  font-weight: 600;
  color: #333;
}
.single-departments-box-layout1 .item-content .sub-title {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 991px) {
  .single-departments-box-layout1 .item-content .sub-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .single-departments-box-layout1 .item-content .sub-title {
    font-size: 20px;
  }
}
.single-departments-box-layout1 .item-content .department-info {
  margin: 35px 0;
}
.single-departments-box-layout1 .item-content .department-info li {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  font-weight: 500;
  padding-right: 40px;
}
.single-departments-box-layout1 .item-content .department-info li:after {
  content: "\f054";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 10px;
  right: 0;
  top: 2px;
  color: #333;
  line-height: 20px;
  text-align: center;
  z-index: 1;
  border-radius: 50%;
  background: #1a1f30;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(42, 92, 220, 0.75);
  -moz-box-shadow: 0px 2px 15px 0px rgba(42, 92, 220, 0.75);
  box-shadow: 0px 2px 15px 0px rgba(42, 92, 220, 0.75);
}
.single-departments-box-layout1 .item-content .department-info li:last-child {
  margin-bottom: 0;
}
.single-departments-box-layout1 .item-content .item-cost {
  margin-bottom: 50px;
}
.single-departments-box-layout1 .item-content .item-cost ul li {
  font-size: 17px;
  color: #333;
  padding: 15px 0px 15px 25px;
  position: relative;
}
.single-departments-box-layout1 .item-content .item-cost ul li span {
  font-weight: 500;
  left: 25px;
  position: absolute;
}
.single-departments-box-layout1 .item-content .item-cost ul li:nth-child(odd) {
  background-color: #f1f7fa;
}
.single-departments-box-layout1 .item-content .item-cost ul li:nth-child(even) {
  background-color: #252525;
}
.single-departments-box-layout1 .item-content .item-specialist {
  margin-bottom: 30px;
}
.single-departments-box-layout1 .item-content .item-specialist .item-img {
  background-color: #f1f7fa;
  border-radius: 4px;
  padding: 45px 30px 0px;
}
@media only screen and (max-width: 575px) {
  .single-departments-box-layout1 .item-content .item-specialist .item-img {
    width: max-content;
  }
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-title {
  text-transform: capitalize;
  font-weight: 600;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-title a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-title a:hover {
  color: #d42027;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body span {
  font-size: 16px;
  margin-bottom: 20px;
  	font-family: "Tajawal-Regular";
  display: block;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-btn {
  border: 1px solid #d42027;
  font-size: 14px;
  font-weight: 500;
  color: #d42027;
  border-radius: 4px;
  padding: 9px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-btn:hover {
  color: #333;
  background: #1a1f30;
}


/*=======================================================================
[27] Footer Top Area Style
=========================================================================*/
.footer-top-wrap {
  padding: 40px 0 0;
border-bottom: 1px solid #ffffff1a;
}

.footer-bottom-wrap,
.footer-top-wrap {
background: #0009;
}



.footer-box {
  margin-bottom: 30px;
}

.footer-box p {
color: #fff;

font-size: 15px;
}

.footer-box .footer-logo {
  padding-bottom: 25px;
}


.footer-logo img {

}

.footer-box .footer-about {
  font-size: 17px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-about {
    font-size: 16px;
  }
}
.footer-box .footer-about p {
  color: #333;
}
.footer-box .footer-contact-info {
  margin-bottom: 32px;
}
.footer-box .footer-contact-info li {
  font-size: 15px;
  color: #cecece;
  margin-bottom: 15px;
  position: relative;
  padding-right: 30px;
}



.footer-box .footer-contact-info li + li {
font-family: arial;
}

@media only screen and (max-width: 767px) {
  .footer-box .footer-contact-info li {
    font-size: 14px;
  }
}
.footer-box .footer-contact-info li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-contact-info li i {
  font-size: 16px;
  color: #fff;
  top: 5px;
  right: 0;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-contact-info li i {
    font-size: 20px;
  }
}
.footer-box .footer-social li {
  display: inline-block;
  margin-left: 13px;
}


.footer-social {

margin-top:35px;}

@media only screen and (max-width: 1199px) {
  .footer-box .footer-social li {
    margin-left: 5px;
  }
}
.footer-box .footer-social li a {
  padding: 5px;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.footer-box .footer-social li a:hover {
  color: #d42027;
}
.footer-box .footer-header {
  position: relative;
}
.footer-box .footer-header:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #1a1f30;
  bottom: 0;
  right: 0;
  position: absolute;
}
.footer-box .footer-header h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 20px;
}

.footer-box .footer-latest-post li {
  line-height: 22px;
  margin-bottom: 20px;
}
.footer-box .footer-latest-post li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-latest-post li a {
  font-size: 17px;
  color: #333;
  margin-bottom: 12px;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-latest-post li a {
    font-size: 16px;
  }
}
.footer-box .footer-latest-post li a:hover {
  color: #d42027;
}
.footer-box .footer-latest-post li span {
  font-size: 16px;
  color: #8a8a8a;
  display: block;
}
.footer-box .footer-departments li {
  margin-bottom: 10px;
}
.footer-box .footer-departments li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-departments li a {
  font-size: 17px;
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-departments li a {
    font-size: 16px;
  }
}
.footer-box .footer-departments li a:hover {
  color: #d42027;
}
.footer-box .footer-quick-link li {
  margin-bottom: 15px;
width: 50%;
float: right;
}
.footer-box .footer-quick-link li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-quick-link li a {
  font-size: 15px;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-quick-link li a {
    font-size: 14px;
  }
}
.footer-box .footer-quick-link li a:hover {
  color: #d42027;
}
.footer-box .footer-opening-hours li {
  font-size: 17px;
  color: #333;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-opening-hours li {
    font-size: 16px;
  }
}
.footer-box .footer-opening-hours li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-opening-hours li span {
  color: #d42027;
}
.footer-center-wrap {
  padding: 30px 0;
  background-color: #2a2a2a;
}
@media only screen and (max-width: 991px) {
  .footer-center-wrap {
    padding: 50px 0;
  }
}
.footer-center-wrap .footer-social {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .footer-center-wrap .footer-social {
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .footer-center-wrap .footer-social ul {
    margin-bottom: 30px;
  }
}
.footer-center-wrap .footer-social ul li {
  display: inline-block;
  margin-left: 5px;
  font-size: 22px;
  font-weight: 500;
  color: #333;
}
.footer-center-wrap .footer-social ul li a {
  padding: 10px 5px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.footer-center-wrap .footer-social ul li a:hover {
  color: #d42027;
}
.footer-center-wrap .newsletter-title {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .footer-center-wrap .newsletter-title {
    justify-content: center;
  }
}
.footer-center-wrap .newsletter-title .item-title {
  color: #333;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .footer-center-wrap .newsletter-title .item-title {
    margin-bottom: 30px;
  }
}.newsletter-form {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;width: 100%;
}
.newsletter-form .stylish-input-group {
  border: 0;
  height: 50px;
  border-radius: 30px;
}
.newsletter-form .stylish-input-group form {
width: 100%;

display: inline-block;
}


.newsletter-form .stylish-input-group .form-control {
padding: 0 15px 0 80px;
border: none;
box-shadow: none;
border-radius:30px;
background: #fff;
font-size: 15px;
color: #333;
height: 50px;width: 100%;
float: right;
}
.newsletter-form .stylish-input-group .input-group-addon {
  padding: 0;
  border: none;
  transition: 0.5s ease-in-out;
position: absolute;

left: 0;

z-index: 9;

background: none;
}
.newsletter-form .stylish-input-group .input-group-addon:focus {
  outline: none;
}
.newsletter-form .stylish-input-group .input-group-addon button {
  border-radius: 30px 0 0 30px;

  cursor: pointer;

  border: 0;
  transition: 0.5s ease-in-out;


height: 50px;


background: #1a1f30;

text-align: center;

display: inline-block;

padding: 0 10px;

}
.newsletter-form .stylish-input-group .input-group-addon button span {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.5s ease-in-out;
}
.newsletter-form .stylish-input-group .input-group-addon button:focus {
  outline: none;
}




.newsletter-form .stylish-input-group .input-group-addon button:hover {
background: #333;
}

.newsletter-form .stylish-input-group input.form-control::-webkit-input-placeholder,
.newsletter-form .stylish-input-group textarea.form-control::-webkit-input-placeholder {
  color: #5a5a5a;
  font-size: 16px;
}
.newsletter-form .stylish-input-group input.form-control::-moz-placeholder,
.newsletter-form .stylish-input-group textarea.form-control::-moz-placeholder {
  color: #5a5a5a;
  font-size: 16px;
}
.newsletter-form .stylish-input-group input.form-control:-moz-placeholder,
.newsletter-form .stylish-input-group textarea.form-control:-moz-placeholder {
  color: #5a5a5a;
  font-size: 16px;
}
.newsletter-form .stylish-input-group input.form-control:-ms-input-placeholder,
.newsletter-form .stylish-input-group textarea.form-control:-ms-input-placeholder {
  color: #5a5a5a;
  font-size: 16px;
}
.footer-bottom-wrap {
padding: 8px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;

font-size: 13px;

}

.footer-bottom-wrap .copyleft {
font-size:13px
}

.footer-bottom-wrap .copyleft a {
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.footer-bottom-wrap .copyleft a:hover {
  color: #d42027;
}


/*=======================================================================
[08] Pogress Area Style
=========================================================================*/
.progress-wrap-layout1 {
  padding: 7.6rem 0 4.6rem;
}
.progress-box-layout1 {
  text-align: center;
  border-left: 1px solid #cccccc;
  position: relative;
  min-height: 20rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}
.progress-box-layout1:last-child {
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  .progress-box-layout1 {
    border-left: 0;
  }
}
.progress-box-layout1 .inner-item .item-icon {
  line-height: 0.9;
}
.progress-box-layout1 .inner-item .item-icon i:before {
  font-size: 22rem;
  margin-right: 0;
  color: #f1f1f1;
}
@media only screen and (max-width: 1199px) {
  .progress-box-layout1 .inner-item .item-icon i:before {
    font-size: 20rem;
  }
}
@media only screen and (max-width: 991px) {
  .progress-box-layout1 .inner-item .item-icon i:before {
    font-size: 18rem;
  }
}
.progress-box-layout1 .inner-item .item-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  z-index: 1;
}
.progress-box-layout1 .inner-item .item-content .counting-text {
  font-size: 6rem;
  color: #396cf0;
  text-transform: capitalize;
  font-weight: 500;
}
.progress-box-layout1 .inner-item .item-content p {
  font-size: 24px;
  color: #333;
}
.progress-wrap-layout2 {
  padding: 7.6rem 0 6.8rem;
position: relative;
background-position: center !important;
}
.progress-box-layout2 {
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 7;
  min-height: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.progress-box-layout2:last-child {
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  .progress-box-layout2 {
    border-left: 0;
  }
}
.progress-box-layout2 .counting-text {
  font-size: 6rem;
  color: #333;
  text-transform: capitalize;
  font-weight: 500;
}
.progress-box-layout2 p {
  color: #333;
  font-size: 24px;
}


/*=======================================================================
[29] Button Style
=========================================================================*/
.isotop-btn {
  text-align: center;
  margin-bottom: 45px;
}
.isotop-btn:after {
  display: none;
}
.isotop-btn a {
  background-color: #252525;
  color: #333;
  padding: 8px 20px;
  font-size: 18px;
  display: inline-block;
  margin: 0 3px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(206, 216, 221, 0.75);
  -moz-box-shadow: 0px 2px 4px 0px rgba(206, 216, 221, 0.75);
  box-shadow: 0px 2px 4px 0px rgba(206, 216, 221, 0.75);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.isotop-btn a:hover {
  background: #1a1f30;
  color: #333;
}
.isotop-btn .current {
  background: #1a1f30;
  color: #333;
}
.play-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.play-btn i {
  display: block;
  line-height: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.play-btn i:before {
  font-size: 60px;
  margin-right: 0;
  color: #333;
}
.play-btn:hover i {
  opacity: 0.6;
}
.blog-btn {
  margin-top: 40px;
  border-radius: 4px;
  padding: 16px 30px;
  color: #333;
  background-color: #252525;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.blog-btn i {
  color: #d42027;
  margin-right: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.blog-btn:hover {
  background: #1a1f30;
  color: #333;
}
.blog-btn:hover i {
  color: #333;
}
.loadmore-layout1 {
  text-align: center;
}
.loadmore-layout1 .item-btn {
  padding: 12px 22px;
  font-size: 15px;
  border: 1px solid;
  border-color: #d42027;
  color: #d42027;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loadmore-layout1 .item-btn:hover {
  background: #1a1f30;
  color: #333;
}


.loadmore {
margin-top:20px
}

/*=======================================================================
[30] ScrollUp Style
=========================================================================*/
.scrollUp {
  overflow: hidden;
  position: fixed;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 45px;
  bottom: -50px;
  left: 17px;
  text-align: center;
  z-index: 9999;
  background-color: #2c2b2b;
  display: block;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
  transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}
.scrollUp i {
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.scrollUp:hover,
.scrollUp:focus {
  color: #fff;
}

.scrollUp:hover i,
.scrollUp:focus i {
  -webkit-animation: toBottomFromTop 0.5s forwards;
  animation: toBottomFromTop 0.5s forwards;
}
.scrollUp.back-top {
  bottom: 30px;
}


/*=======================================================================
[33] Animation Style        
=========================================================================*/
@keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop10 {
  49% {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toleftFromright10 {
  5% {
    right: -5px;
  }
  30% {
    opacity: 0.5;
    right: 10px;
  }
  60% {
    right: 5px;
    opacity: 1;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  51% {
    opacity: 1;
  }
}



/************* new hassan ***********/

.temp-logo {
padding:8px 0;
display: inline-block;

}

.lang-head a {
color: #333;
font-size: 16px;
border-right: 1px solid;
padding-right: 15px;
margin-right: 10px;
}

.lang-head a i {
padding-right:8px
}

.lang-head a:hover {
color:#333;
}


.header-action-items-layout1 {
float: left;

margin-top: -80px;
}

.logo-area-layout1 {
float: right;
}


.men-had {

margin-left:20px;
}


/*================================================
About Area CSS
=================================================*/
.about-area {
  position: relative;
  z-index: 1;
padding: 40px 0;
}

.about-image {
  width: 100%;
  height: 100%;/*
  background-image: url(../images/about-img1.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;*/
}

.about-image img {

}

.about-content {
  max-width: 555px;
  padding-right: 50px;
}

.about-content span {
  display: block;
  margin-bottom: 5px;
  color: #d42027;
  font-size: 17px;

}

.about-content h2 {
margin-bottom: 0;
line-height: 1.3;
font-size: 23px;
font-weight: 600;
}

.about-content p {
  margin-top: 10px;
  margin-bottom: 0;
}

.about-four__content ul {
  padding-right: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 10px;
}




.about-four__content ul li i {
display: none;
}
/*

.about-four__content ul li {
  margin-bottom: 16px;
  position: relative;
  padding-right: 34px;

}


.about-four__content ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: #d420274d;
  color: #d42027;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: -2px;
}

.about-four__content ul li:hover i {
  background: #1a1f30;
  color: #333;
}

.about-four__content ul li:last-child {
  margin-bottom: 0;
}
*/



.about-four__content ul li {
  margin-bottom: 8px; 
position: relative;
padding-right: 30px;

}



.about-four__content ul li:before {

    content: '\f00c';
    font-family: fontawesome;
    color: #f47629;
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 13px;
    line-height: 1;


  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
border: 1px solid #1a1f30;
color: #1a1f30;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 13px;
  position: absolute;



}




.about-four__content ul li:hover:before {
  background: #1a1f30;
  color: #fff;
}

.about-four__content ul li:last-child {
  margin-bottom: 0;
}




.about-four__text .btn {
  margin-top: 30px;
}




.about-four__text .loadmore-layout1 {
text-align: right;
margin-top:20px;
}

.about-four__text p {
margin: 0 0 10px 0;
}


@media only screen and (max-width: 767px) {

.footer-box {
margin-bottom: 10px;
margin-top: 20px;
}
.call-to-action-wrap-layout4,
.about-content {
padding: 20px 0;}

.about-area {
padding: 20px;
padding-bottom: 0;
}

 }



.portfolio-carousel .owl-nav,
.serv-slider .owl-nav,
.nav-control-layout4 .owl-controls .owl-nav {
  margin-top: 0;
}


.portfolio-carousel .owl-nav > div,
.serv-slider .owl-nav > div,
.nav-control-layout4 .owl-controls .owl-nav > div {
  color: #fff3;
  border: 1px solid #fff3;
  background: none;


  font-size: 18px;
  height: 35px;
  width: 35px;
  text-align: center;

  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: -45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;


color: #424242;

border-color: #424242;

}
@media only screen and (max-width: 1199px) {
  .nav-control-layout4 .owl-controls .owl-nav > div {
    height: 44px;
    width: 44px;
    font-size: 17px;
  }
}
@media only screen and (max-width: 991px) {
  .nav-control-layout4 .owl-controls .owl-nav > div {
    height: 42px;
    width: 42px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-control-layout4 .owl-controls .owl-nav > div {
    height: 38px;
    width: 38px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .nav-control-layout4 .owl-controls .owl-nav > div {
    height: 36px;
    width: 36px;
    font-size: 14px;
  }
}


.portfolio-carousel .owl-nav .owl-prev,
.serv-slider .owl-nav .owl-prev,
.nav-control-layout4 .owl-controls .owl-prev {
  left: 0;
}



.portfolio-carousel .owl-nav .owl-prev:hover,
.serv-slider .owl-nav .owl-prev:hover,
.nav-control-layout4 .owl-controls .owl-prev:hover {
  background: #1a1f30;
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



.portfolio-carousel .owl-nav .owl-next,
.serv-slider .owl-nav .owl-next,
.nav-control-layout4 .owl-controls .owl-next {
  left: 40px;
}


.portfolio-carousel .owl-nav .owl-next:hover,
.serv-slider .owl-nav .owl-next:hover,
.nav-control-layout4 .owl-controls .owl-next:hover {
  background: #1a1f30;
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



.portfolio-carousel:hover .owl-controls .owl-prev,
.nav-control-layout4:hover .owl-controls .owl-prev {
  opacity: 1;
  visibility: visible;
}

.portfolio-carousel:hover .owl-controls .owl-next,
.nav-control-layout4:hover .owl-controls .owl-next {
  opacity: 1;
  visibility: visible;
}


.bg-overlay-primary80::before {
    background-color: rgba(57, 108, 240, 0.8);
    background-color: rgba(37, 44, 63, 0.72);
}

.bg-overlay::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}




.bg-overlay::before {

    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

}
.bg-overlay-primary80::before {

    background-color: rgba(57, 108, 240, 0.8);
    background-color: rgba(37, 44, 63, 0.72);

}







/****************** new dsign ****************/



/* Top Social
-----------------------------------------------------------------*/

#top-social,
#top-social ul { margin: 0;float: left; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
	display: block;
	position: relative;
	float: right;
	width: auto;
	overflow: hidden;
	height: 44px;transition: all ease-in-out 0.1s;
	line-height: 44px;font-size: 13px;

color: #333;
}


#top-social li:hover span {
color:#fff;
}



#top-social li { border-right: 1px solid #eee; }

#top-social li:first-child { border-right: 0 !important; }

#top-social li a {
	float: none;
	width: 40px;
	color: #474948;
	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
}

#top-social li a:hover {
	color: #FFF !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#top-social li .ts-icon {
	width: 40px;
	text-align: center;
	font-size: 14px;
}







#top-bar,
#top-bar{
	border-bottom-color: rgba(255,255,255,0.1);
	background-color: #282828;
}

.top-links ul li { border-right-color: rgba(255,255,255,0.1); }

.top-links {
color: #333;
}
.top-links li > a {  }

.top-links li:hover {
	background: #1a1f30;

}



.top-links li > a:hover {
color:#fff !important;
}


.top-links ul ul,
.top-links ul div.top-link-section {
	background: #fff;
	border-bottom: none;
}

.top-links ul ul li {
	border-top: 1px solid #cecece33;

}

.top-links ul ul li:hover { background: #1a1f30; }






.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }


.si-linkedin:hover,
.si-colored.si-linkedin { background-color: #0E76A8 !important; }


.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }


.si-youtube:hover,
.si-colored.si-youtube { background-color: #C4302B !important; }


.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }


.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }

.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }




/*********** language ************/


.fleft {
float:right;
}

.top-links {
    position: relative;
    float: right;
}


.top-links li > a {
    color: #AAA;
}
.top-links li > a {
    cursor: pointer;
}
.top-links li > a {
    display: block;
    padding: 0 12px;
    font-size: 14px;

    text-transform: capitalize;
    height: 44px;
    color: #333;
}

.top-links li > a i { 
margin-right:4px;

}

.top-links ul ul, .top-links ul div.top-link-section {
    display: none;

    position: absolute;
    z-index: 10;
    background: #fff;
    border: 0;
    top: 44px;
    right: 0;
    width: 140px;
    margin: 0;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);z-index: 999999;

}




* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/




#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
	float: left;
	margin: 43px 25px 0 15px;
}

#top-cart { position: relative; }

#top-search a,
#top-cart > a,
#side-panel-trigger a,
#top-account a {
	display: block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	color: #333;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}


#top-search {

}






#top-search a { 
z-index: 11;
cursor: pointer;
 }

#top-search a i {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

body.top-search-open #top-search a i.fa fa-search,
#top-search a i.fa fa-times { opacity: 0; }

body.top-search-open #top-search a i.fa fa-times {
	opacity: 1;
	z-index: 11;
	font-size: 16px;
}

#top-cart > a:hover { color: #1ABC9C; }

#top-search form {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	padding: 0 15px;
	margin: 0;
	top: 0;
	right: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
min-height: 100px;
}

body.top-search-open #top-search form {
	opacity: 1;
	z-index: 10;
}

#top-search form input {
	box-shadow: none !important;
	pointer-events: none;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	font-size: 22px;
	padding: 10px 80px 10px 0;
	height: 100%;
	background-color: transparent;
	color: #333;
	font-weight: 700;
	margin-top: 0 !important;
	lettespacing: 2px;
}

#top-search form input { padding-right: 20px; }


body.top-search-open #top-search form input { pointer-events: auto; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input { border-bottom: 2px solid rgba(0,0,0,0.1); }

#top-search form input::-moz-placeholder {
	color: #333;
	opacity: 1;
	text-transform: uppercase;
}
#top-search form input:-ms-input-placeholder {
	color: #333;
	text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
	color: #333;
	text-transform: uppercase;
}

#primary-menu .container #top-search form input,
.sticky-header #top-search form input { border: none !important; }




.header-menu-area .container {
position: relative;
}




#top-search, #top-cart {

    -webkit-transition: margin .4s ease, opacity .3s ease;
    -o-transition: margin .4s ease, opacity .3s ease;
    transition: margin .4s ease, opacity .3s ease;

}
#top-search, #top-cart, #side-panel-trigger, #top-account {

    float: left;
margin: 43px 20px 43px 0;

}


.logo-area-layout1, .men-had {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



body.top-search-open .logo-box,
body.top-search-open .logo-header, body.top-search-open .main-navigation {
opacity:0;
}





body.top-search-open #top-search a i.fa.fa-times {

    opacity: 1;
    z-index: 11;
    font-size: 16px;

}
body.top-search-open #top-search a i.fa.fa-search, #top-search a i.fa.fa-times {

    opacity: 0;

}
#top-search a i {

    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;

}



/********************************************************/

.services-home {
padding:30px 0;
background-image: url(../images/pattern.png);
}

.illustration-v3
{
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;

    display: block;
    overflow: hidden;
    min-height: 270px;
    position: relative;
    background-size: cover;
    background-position: center center;max-width:270px;
	text-decoration: none !important;
}


.illustration-v3 img {
height:270px;transition: all ease-in-out 0.2s;
max-width:270px;
}
.illustration-v3:hover img {
transform:scale(1.1)
}

.illustration-v3:after {

  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #0006;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}



.illustration-v3 .illustration-bg
{
    width: 100%;
    display: table;
    min-height: 270px;max-width:270px;
position: absolute;
top: 0;
    background-clip: padding-box;
}

.illustration-v3 .illustration-ads
{
    width: 100%;
    height: 270px;max-width:270px;
    overflow: hidden;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 20px 20px;
    background-clip: padding-box;
}

.illustration-v3 .illustration-v3-category
{
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    position: relative;
    border-top: 5px solid rgba(255,255,255,.5);
    border-bottom: 5px solid rgba(255,255,255,.5);
}

.illustration-v3 span.product-category
{
    color: #333;
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 50px;
    lettespacing: 3px;
    text-transform: uppercase;
}
.illustration-v3 span.product-amount
{
    color: #fff3;
    font-size: 24px;
}



.footer-foot {
background: url(../images/bg-testi-list.jpg);

background-size: cover;
}






.service-two-link {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;

  -webkit-transition: all .4s ease;
  transition: all .4s ease;border: 0;
}
.service-two-link i {
margin:0 8px;
}

/*
.service-two-link:hover {
  color: #d42027;
  border-color: #d42027;
}

*/


.service-two-link {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #1a1f30;
padding: 10px 20px;

margin-top: 10px;

border-radius: 25px;

overflow: hidden;background-position: right;

}
.service-two-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #333;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.service-two-link:hover, .service-two-link:focus, .service-two-link:active {
  color: white;
}
.service-two-link:hover:before, .service-two-link:focus:before, .service-two-link:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}





/********** about icon *************/

.about-desc {position: relative;
}

.thsn-medical-icon-brand {
position: absolute;
z-index: 9;
right: -109px;
top: 50%;
transform: translate(-50%,-50%);
align-items: center;
z-index: 1;
}

.thsn-medical-icon-brand:before {


    background: url(../images/brand-pattarnarabic.png) repeat 0 0;
    content: "";
    position: absolute;
    width: 100px;
    height: 210px;
    right: -50px;
    top: -53px;
opacity: 0.4;
}


.thsn-medical-icon-brand {

ext-align: center;
display: inline-block;
border: 2px solid transparent;
width: 7em;
height: 7em;
box-sizing: content-box;
border-radius: 50%;
background-color: #fff;
max-width: 100% !important;
display: grid;align-items: center;
align-items: center;

}


.thsn-medical-icon-brand img {
display: block;
margin: 0 auto;
width: 50%;
}

.thsn-medical-icon-brand:before { 
font-size: 53px;
}



.vc_custom_heading {

    font-size: 13px;
    line-height: 24px;
    lettespacing: 2px;
    color: #d42027;
    text-transform: uppercase;
    font-weight: 800;
    font-style: normal;margin-bottom: 0;
}






.about-four {
padding: 50px 0;
padding-bottom: 30px;
background-color: #fff;
}

.about-four__images {
position: relative;display: flex;border-radius: 8px;
overflow: hidden;
}

.about-four__images img {
width: 100%;
height: 420px;
}



.about-four__images:after {

    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #FFFFFF80;
    position: absolute;border-radius: 8px;
    top: 0;
    left: 0;
    transform: scale(0.95);
}


.about-four__title {
font-size: 20px;
line-height: 30px;
}

.about-four__sub-title {
  margin: 0;
color: #333;
  font-size: 20px;
  margin-top: 45px;
  margin-bottom: 10px;
}

.about-four__tag-line {
  margin: 0;
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 10px;
}

.about-four__text {
  margin: 0;
font-size: 15px;
line-height: 26px;
  color: #423f3f;
}




/*=======================================================================
[11] Brand Area Style
=========================================================================*/
.brand-wrap-layout2 {
  padding: 50px 0;
background-color: #f9f9fb;
}
.brand-box-layout1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .brand-box-layout1 {
    padding: 9rem 0 10rem 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
.brand-box-layout1 .item-title {
  margin-bottom: 0;
  color: #333;
  text-transform: capitalize;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .brand-box-layout1 .item-title {
    margin-bottom: 50px;
  }
}
.brand-box-layout2 {
  position: relative;
}
.brand-box-layout2 img {
  margin: 0 auto;
}
.brand-box-layout2 ul {
  position: absolute;
  top: 50%;
  right: 0;
  left: 15px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .brand-box-layout2 ul {
    text-align: center;
    position: inherit;
    top: 0;
  }
}
@media only screen and (max-width: 575px) {
  .brand-box-layout2 ul {
    top: 35%;
  }
}
.brand-box-layout2 ul li {
  display: inline-block;
  margin-left: 10px;
}
@media only screen and (max-width: 575px) {
  .brand-box-layout2 ul li {
    display: block;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .brand-box-layout2 ul li:last-child {
    margin-bottom: 0;
  }
}
.brand-box-layout2 ul li:last-child {
  margin-left: 0;
}
.brand-box-layout3 {
cursor: all-scroll;
align-items: center;
display: grid;
border: 4px double #f5f5f5;
padding: 3px;
}


.brand-box-layout3:hover {
border-color: #1a1f30;
}


.brand-box-layout3 img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.brand-box-layout3:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}







.whats-icon{
position: fixed;
bottom: 75px;
left: 17px;
width: 40px;
height: 40px;
color: #fff;
font-size: 23px;
text-transform: uppercase;
line-height: 40px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #4dc247;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;	
}


.whats-icon a { 
color: #fff;
}


.whats-icon:hover a {
	color:#4dc247;

}


.whats-icon:hover{
	color:#4dc247;
	background:#333;
}






.phone-icon{
position: fixed;
bottom: 120px;
left: 17px;
width: 40px;
height: 40px;
color: #fff;
font-size: 23px;
text-transform: uppercase;
line-height: 40px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #1a1f30;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;	
}


.phone-icon a { 
color: #fff;
}


.phone-icon:hover a {
	color:#d42027;

}


.phone-icon:hover{
	color:#d42027;
	background:#333;
}









/******************************/



/****************************//**********************/


.main-facts {
padding: 40px 0;
text-align: center;
background-image: url("../images/pattern-1.png");
background-position: right;
background-repeat: no-repeat;
background-attachment: fixed;



}

        .ct-process-layout1 {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            overflow: hidden;
            padding-top: 15px
        }

        @media screen and (max-width:767px) {
            .ct-process-layout1 {
                flex-wrap: wrap
            }
        }

        .ct-process-layout1:before {
            content: '';
            width: 1099px;
            height: 100px;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: 74px;
            right: 0;
            left: 0;
            margin: auto
        }

        @media screen and (max-width:1290px) {
            .ct-process-layout1:before {
                width: 1000px
            }
        }

        @media screen and (max-width:1199px) {
            .ct-process-layout1:before {
                display: none
            }
        }

        .ct-process-layout1 .ct-process-icon {
            background-color: #ac323f;
            height: 136px;
            width: 136px;
            line-height: 136px;
            -webkit-border-radius: 100%;
            -khtml-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            margin: 0 auto 39px auto;
            -webkit-transition: all .3s linear 0ms;
            -khtml-transition: all .3s linear 0ms;
            -moz-transition: all .3s linear 0ms;
            -ms-transition: all .3s linear 0ms;
            -o-transition: all .3s linear 0ms;
            transition: all .3s linear 0ms;
            position: relative;
            z-index: 1
        }

        .ct-process-layout1 .ct-process-icon number {
            top: -11px;
            width: 24px;
            height: 24px;
            position: absolute;
            background-color: #515251;
            font-size: 14px;
            color: #333;
            font-weight: 600;
            line-height: 24px;
            -webkit-border-radius: 24px;
            -khtml-border-radius: 24px;
            -moz-border-radius: 24px;
            -ms-border-radius: 24px;
            -o-border-radius: 24px;
            border-radius: 24px;
            right: 8px;
            -webkit-transition: all .3s linear 0ms;
            -khtml-transition: all .3s linear 0ms;
            -moz-transition: all .3s linear 0ms;
            -ms-transition: all .3s linear 0ms;
            -o-transition: all .3s main-factslinear 0ms;
            transition: all .3s linear 0ms
        }

        .ct-process-layout1 .ct-process-icon span {
            display: block;
            width: 152px;
            height: 152px;
            z-index: -1;
            position: absolute;
            top: -8px;
            left: -8px;
            -webkit-border-radius: 100%;
            -khtml-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            -webkit-transform: rotate(33deg);
            -khtml-transform: rotate(33deg);
            -moz-transform: rotate(33deg);
            -ms-transform: rotate(33deg);
            -o-transform: rotate(33deg);
            transform: rotate(33deg);
            overflow: hidden
        }

        .ct-process-layout1 .ct-process-icon span:before {
            display: block;
            content: '';
            height: 152px;
            width: 76px;
            position: absolute;
            top: 0;
            left: 0;
            background: #1a1f30;
            -webkit-transition: all .3s linear 0ms;
            -khtml-transition: all .3s linear 0ms;
            -moz-transition: all .3s linear 0ms;
            -ms-transition: all .3s linear 0ms;
            -o-transition: all .3s linear 0ms;
            transition: all .3s linear 0ms
        }

        .ct-process-layout1 .ct-process-icon i,
        .ct-process-layout1 .ct-process-icon img {
            position: absolute;
            top: 50%;
            right: 50%;
            -webkit-transform: translate(-50%, -50%);
            -khtml-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .ct-process-layout1 .ct-process-icon img {
            max-width: 80px
        }

        .ct-process-layout1 .ct-process-icon i {
            font-size: 60px;
            color: #333;
            -webkit-transition: all .3s linear 0ms;
            -khtml-transition: all .3s linear 0ms;
            -moz-transition: all .3s linear 0ms;
            -ms-transition: all .3s linear 0ms;
            -o-transition: all .3s linear 0ms;
            transition: all .3s linear 0ms
        }

        .ct-process-layout1 .ct-process-title {
            font-size: 16px;
            color: #252a37;
            margin-bottom: 6px
        }

        .ct-process-layout1 .ct-process-desc {
            padding: 0 20px
        }

        .ct-process-layout1 .ct-process-button {
            padding-top: 18px
        }

        .ct-process-layout1 .ct-process-button a {
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 500
        }

        .ct-process-layout1 .ct-process-button a i {
            margin-right: 4px
        }

        .ct-process-layout1 .ct-process-item {
            position: relative;
            padding: 0 15px;
            text-align: center;
            margin-bottom: 35px;
            width: 16.6%
        }



.ct-process-layout1 .ct-process-item:nth-child(3) {

margin-top:60px;
}



.ct-process-layout1 .ct-process-item:nth-child(4) {

margin-top: 20px !important;
}






        .ct-process-layout1 .ct-process-item:hover .ct-process-icon {
            background-color: #999
        }

        .ct-process-layout1 .ct-process-item:hover .ct-process-icon span:before {
            background-color: #333
        }

        .ct-process-layout1 .ct-process-item:hover .ct-process-icon number {
            background-color: #f00
        }

        .ct-process-layout1 .ct-process-item:nth-child(even) {
            margin-top: 50px
        }

        @media screen and (max-width:1199px) {
            .ct-process-layout1 .ct-process-item:nth-child(even) {
                margin-top: 0
            }
        }

        @media screen and (max-width:991px) {
            .ct-process-layout1 .ct-process-item {
                width: 50%;
                min-width: 50%;
                margin-bottom: 65px
            }
        }

        @media screen and (max-width:575px) {
            .ct-process-layout1 .ct-process-item {
                width: 100%;
                min-width: 100%
            }
        }

        @media screen and (max-width:991px) {
            .ct-process-layout1.ct-process-5-items:before {
                display: none
            }
        }

        .ct-process-layout1.ct-process-5-items .ct-process-item {
            width: 20%
        }

        @media screen and (max-width:991px) {
            .ct-process-layout1.ct-process-5-items .ct-process-item {
                width: 50%;
                min-width: 50%;
                margin-top: 0;
                margin-bottom: 65px
            }
        }

        @media screen and (max-width:575px) {
            .ct-process-layout1.ct-process-5-items .ct-process-item {
                width: 100%;
                min-width: 100%
            }
        }

        .ct-process-layout1.active .ct-process-item .ct-process-icon {
            background-color: #00d0f9
        }

        .ct-process-layout1.active .ct-process-item .ct-process-icon span:before {
            background-color: #0674fd
        }

        .ct-process-layout1.active .ct-process-item .ct-process-icon number {
            background-color: #79cd1c
        }

        .ct-process-layout2 {
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            z-index: 1
        }

        .ct-process-layout2:before {
            content: '';
            position: absolute;
            width: 1045px;
            height: 64px;

            background-repeat: no-repeat;
            background-position: center;
            top: 35px;
            right: 90px;
            left: 0;
            margin: auto
        }

        @media screen and (max-width:991px) {
            .ct-process-layout2:before {
                display: none
            }
        }

        .ct-process-layout2 .ct-process-icon {
            background-color: #0841c6;
            background-image: -webkit-gradient(linear, right top, left top, from(#0841c6), to(#05c6fb));
            background-image: -webkit-linear-gradient(right, #0841c6, #05c6fb);
            background-image: -moz-linear-gradient(right, #0841c6, #05c6fb);
            background-image: -ms-linear-gradient(right, #0841c6, #05c6fb);
            background-image: -o-linear-gradient(right, #0841c6, #05c6fb);
            background-image: linear-gradient(right, #0841c6, #05c6fb);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0841c6', endColorStr='#05c6fb', gradientType='1');
            -webkit-box-shadow: 0 7px 18px rgba(5, 198, 251, .39);
            -khtml-box-shadow: 0 7px 18px rgba(5, 198, 251, .39);
            -moz-box-shadow: 0 7px 18px rgba(5, 198, 251, .39);
            -ms-box-shadow: 0 7px 18px rgba(5, 198, 251, .39);
            -o-box-shadow: 0 7px 18px rgba(5, 198, 251, .39);
            box-shadow: 0 7px 18px rgba(5, 198, 251, .39);
            height: 120px;
            width: 120px;
            -webkit-border-radius: 120px;
            -khtml-border-radius: 120px;
            -moz-border-radius: 120px;
            -ms-border-radius: 120px;
            -o-border-radius: 120px;
            border-radius: 120px;
            position: relative;
            margin: 0 auto 36px auto
        }

        .ct-process-layout2 .ct-process-icon i {
            font-size: 46px;
            color: #333;
            -webkit-transition: all .3s linear 0ms;
            -khtml-transition: all .3s linear 0ms;
            -moz-transition: all .3s linear 0ms;
            -ms-transition: all .3s linear 0ms;
            -o-transition: all .3s linear 0ms;
            transition: all .3s linear 0ms;
            display: block
        }

        .ct-process-layout2 .ct-process-icon img,
        .ct-process-layout2 .ct-process-icon i {
            position: absolute;
            top: 50%;
            right: 50%;
            -webkit-transform: translate(-50%, -50%);
            -khtml-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .ct-process-layout2 .ct-process-title {
            font-size: 20px;
            color: #162171;
            font-weight: 700
        }

        .ct-process-layout2 .ct-process-desc {
            font-size: 14px;
            line-height: 24px;
            color: #3a505f;

        }

        @media screen and (max-width:991px) {
            .ct-process-layout2 .ct-process-desc {
                max-width: auto
            }
        }

        .ct-process-layout2 .ct-process-item {
            width: 25%;
            padding: 0 40px
        }

        @media screen and (max-width:991px) {
            .ct-process-layout2 .ct-process-item {
                width: 50%;
                min-width: 50%;
                margin-bottom: 65px
            }
        }

        @media screen and (max-width:575px) {
            .ct-process-layout2 .ct-process-item {
                width: 100%;
                min-width: 100%
            }
        }

        .ct-process-layout2 .ct-process-item:hover .ct-process-icon i {
            -webkit-transform: translate(-50%, -50%) rotateY(360deg);
            -khtml-transform: translate(-50%, -50%) rotateY(360deg);
            -moz-transform: translate(-50%, -50%) rotateY(360deg);
            -ms-transform: translate(-50%, -50%) rotateY(360deg);
            -o-transform: translate(-50%, -50%) rotateY(360deg);
            transform: translate(-50%, -50%) rotateY(360deg)
        }








/*--------------------------------------------------------------
## Call To Action
--------------------------------------------------------------*/
.feature-home {

background: url(../images/bg-cta-2.jpg);
background-size: cover;position: relative;


}


.feature-home .text-worker h3 {
font-size: 20px;
}

.feature-home .text-worker h3 p {
font-size: 18px;
}


.feature-home .text-worker a.english {
display: block;font-size: 20px;
margin-bottom: 15px;
}


.feature-home .text-worker a.english i {
margin-left: 15px;float: right;
}

.feature-home:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
background: rgba(255, 255, 255, 0.84);
}


.cta-home {
padding: 0;

}

.cta-box {
  padding:60px;
  color: #333; 
  margin: 0;
  background-size: cover;
}
.cta-box .row, .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-self-center {
  -ms-flex-item-align: center; 
  align-self: center;
}
.cta-box h3 {
  color: #333;
  margin-bottom: 16px;
}
.cta-box .btn:first-child {
  margin-right: 10px;
}
.cta-box .btn:last-child {
  margin-right: 0;
}

.btn.btn-download {
  padding-right: 82px;
}
.career-download a{
  position: relative;
}
.i-btn {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -1px;
  margin-top: -1px; 
  display:block;
  max-width: 60px;
  font-size: 26px;
  line-height: 28px;
  padding: 15px 20px;
  color: #333;
  background-color: #d72727;
  border:1px solid #d72727;
}

.career-box{
  padding:60px;
  background-color: #f2f4f6;
  margin-bottom: 30px;
}
.career-box h2 {
  margin-bottom: 50px;
}
.career-box h4 {
  font-size: 18px;
  margin-bottom: 10px;
}



/************** new header ***********/





/************************** 
* 2. header styles 
***************************/
.header-navigation {

  margin-bottom: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  position: relative;
min-height: 80px;
background-color: transparent;
display: flex;

background: linear-gradient(to left, #fbfbfb, #fff);
background-color: #fff;
}
.header-navigation .container {
  background: transparent;
  position: relative;
  display: block;
}
.header-navigation .container .logo-box {
  float: right;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header-navigation .container .navbar-brand {
  height: auto;
  margin: 0;
}
.header-navigation .container .menu-toggler {
  display: none;
}
.header-navigation .container .left-side-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}
.header-navigation .main-navigation {
  float: left;
  text-align: left;
}
@media (min-width: 1200px) {
  .header-navigation .main-navigation {
    display: block !important;
  }
}

.header-navigation ul.navigation-box {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-navigation ul.navigation-box li a .sub-nav-toggler {
  display: none;
}
.header-navigation ul.navigation-box > li {
  position: relative;
  padding: 25px 0;
  display: inline-block;
  vertical-align: middle;
  /* Second Level Menu */
  /* Thrid Level Menu */
}
.header-navigation ul.navigation-box > li + li {

}

.header-navigation ul.navigation-box > li:first-child {
  padding-right: 0;
}
.header-navigation ul.navigation-box > li:last-child {
  padding-left: 0;
}
.header-navigation ul.navigation-box > li > a {
  font-weight: 500;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  padding: 0;
  transition: all .4s ease;
  position: relative;
}
.header-navigation ul.navigation-box > li.current > a, .header-navigation ul.navigation-box > li:hover > a {
background: #1a1f30;
color: #fff;
}


.header-navigation ul.navigation-box > li.current > a {
background: #1a1f30;
color: #fff;
}



.header-navigation ul.navigation-box > li > .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  float: right;
  min-width: 220px;
  padding: 0px 0px;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > .sub-menu.left-align {
  right: auto;
  left: 0;
}
.header-navigation ul.navigation-box > li > .sub-menu.center-align {
  right: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > .sub-menu > li {
  display: block;
  position: relative;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > .sub-menu > li + li {

}
.header-navigation ul.navigation-box > li > .sub-menu > li > a {
  font-size: 15px;
  color: #333;
  font-weight: 500;
  padding: 12px 30px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;background-position: left;
  transition: all .4s ease;text-transform: capitalize;border-right: 3px solid #d42027;border-bottom: 1px solid #dddddd4d;

}
.header-navigation ul.navigation-box > li > .sub-menu > li:hover > a {
background: #1a1f30;background-position: left;
color: #fff;
}
.header-navigation ul.navigation-box > li:hover:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}
.header-navigation ul.navigation-box > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.header-navigation ul.navigation-box > li > ul > li {
  /* no more nested showen */
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu {
  position: absolute;
  top: 0%;
  right: 100%;
  z-index: 1000;
  float: right;
  min-width: 220px;
  padding: 0px 0px;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > ul > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.left-align {
  right: auto;
  left: 100%;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.center-align {
  right: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li {
  display: block;
  position: relative;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li > a {
  font-size: 15px;
  color: #333;
  font-weight: 500;
  padding: 12px 30px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;text-transform: capitalize;
  transition: all .4s ease;

border-right: 3px solid #d42027;


}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li:hover > a {

color: #fff;
background: #1a1f30;
}

.header-navigation ul.navigation-box > li > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-navigation ul.navigation-box > li > ul > li ul {
  display: none;
}

.sub-menu .sub-nav-toggler {
display: none;
}

.header-navigation.stricky-fixed {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 991;

  border-bottom: 0;
}

.site-header.header-one .top-bar .container-fluid {
  padding: 0;
}
.site-header.header-one .top-bar .right-content a.logo-box {
  background: #30355d;
  text-align: center;
  padding: 40px 86px;
  display: inline-block;
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .right-content a.logo-box {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 1859px) {
  .site-header.header-one .top-bar .right-content {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .right-content {
    width: auto;
    text-align: right;
  }
}
.site-header.header-one .top-bar .left-content {
  padding: 34px 0;
  padding-left: 60px;
}
@media (max-width: 1859px) {
  .site-header.header-one .top-bar .left-content {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .left-content {
    width: auto;
    text-align: right;
    padding-left: 50px;
  }
}
.site-header.header-one .top-bar .single-header-contact-info {
  padding: 12px 0;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1859px) {
  .site-header.header-one .top-bar .single-header-contact-info {
    text-align: right;
  }
}
.site-header.header-one .top-bar .single-header-contact-info + .single-header-contact-info {
  border-right: 2px solid #f3f3f3;
  padding-right: 50px;
  margin-right: 50px;
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .single-header-contact-info + .single-header-contact-info {
    padding-right: 28px;
    margin-right: 28px;
  }
}
.site-header.header-one .top-bar .single-header-contact-info:last-child {
  padding-right: 0;
  border-right: 0;
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .single-header-contact-info:last-child {
    display: none;
  }
}
.site-header.header-one .top-bar .single-header-contact-info .icon-block,
.site-header.header-one .top-bar .single-header-contact-info .text-block {
  display: table-cell;
  vertical-align: middle;
}
.site-header.header-one .top-bar .single-header-contact-info .icon-block i {
  font-size: 32px;
  color: #0eb0ee;
  display: block;
}
.site-header.header-one .top-bar .single-header-contact-info .text-block {
  padding-right: 20px;
}
.site-header.header-one .top-bar .single-header-contact-info .text-block h3,
.site-header.header-one .top-bar .single-header-contact-info .text-block p {
  margin: 0;
  line-height: 1em;
}
.site-header.header-one .top-bar .single-header-contact-info .text-block h3 {
  color: #30355d;
  font-size: 20px;
}
.site-header.header-one .top-bar .single-header-contact-info .text-block p {
  color: #7f8284;
  font-size: 16px;
  margin-top: 5px;
}
.site-header.header-one .top-bar .social a {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f3f3f3;
  color: #949494;
  line-height: 52px;
  font-size: 14px;
  text-align: center;
  transition: all .4s ease;
}
.site-header.header-one .top-bar .social a:hover {
  color: #333;
  background: #30355d;
}
.site-header.header-one .top-bar .social a + a {
  margin-right: 10px;
}
.site-header.header-one .header-navigation {
  position: relative;
}
.site-header.header-one .header-navigation .container {
  width: 100%;
  max-width: calc(100% - 362px);
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: #0eb0ee;
  padding-right: 50px;
  padding-left: 0px;
}
@media (max-width: 1489px) {
  .site-header.header-one .header-navigation .container {
    max-width: calc(100% - 250px);
  }
}
.site-header.header-one .header-navigation .container .left-side-box {
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.site-header.header-one .header-navigation .container .left-side-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}
.site-header.header-one .header-navigation .container .left-side-box .bootstrap-select > .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none !important;
  font-size: 16px;
  font-weight: 500;
  color: #30355d;
  line-height: 27px;
  box-shadow: none !important;
}
.site-header.header-one .header-navigation .container .left-side-box .bootstrap-select > .dropdown-toggle .flag-icon {
  font-size: 27px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.site-header.header-one .header-navigation .container .left-side-box .bootstrap-select > .dropdown-toggle:after {
  vertical-align: 0.1em;
  margin-right: .0em;
}
.site-header.header-one .header-navigation .container .left-side-box .bootstrap-select .dropdown-menu > li > a {
  padding-top: 0;
  padding-bottom: 0;
}
.site-header.header-one .header-navigation .container .left-side-box .quote-btn {
  display: inline-block;
  vertical-align: middle;
  background: #30355d;
  font-size: 18px;
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
  padding: 25.5px 122.5px;
  transition: all .4s ease;
  margin-right: 50px;
}
.site-header.header-one .header-navigation .container .left-side-box .quote-btn:hover {
  color: #0eb0ee;
  background: #252525;
}
@media (max-width: 1489px) {
  .site-header.header-one .header-navigation .container .left-side-box .quote-btn {
    margin-right: 30px;
    padding-right: 80px;
    padding-left: 90px;
  }
}
.site-header.header-one .header-navigation .main-navigation {
  float: right;
  text-align: right;
}
.site-header.header-one .stricky-menu {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  transition: all .4s ease;
}
.site-header.header-one .stricky-menu .container {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.site-header.header-one .stricky-menu .container .left-side-box .quote-btn {
  padding-right: 45px;
  padding-left: 45px;
}
.site-header.header-one .stricky-menu.stricky-fixed {
  position: fixed;
  background: #0eb0ee;
  visibility: visible;
  opacity: 1;
}



.left-side-box a {
color: #333;
padding: 5px 10px;
display: block;
float: left;
font-size: 18px;
}






.site-header.header-two {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 44, 66, 0.1);
  z-index: 99;
}
.site-header.header-two .top-bar .container {
  position: relative;
}
.site-header.header-two .top-bar .container:before {
  position: absolute;
  bottom: 0;
  right: 15px;
  content: '';
  width: 1000000px;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
}
.site-header.header-two .top-bar .single-header-contact-info {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 0;
}
.site-header.header-two .top-bar .single-header-contact-info + .single-header-contact-info {
  padding-right: 50px;
  margin-right: 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.site-header.header-two .top-bar .single-header-contact-info .icon-block,
.site-header.header-two .top-bar .single-header-contact-info .text-block {
  display: table-cell;
  vertical-align: middle;
}
.site-header.header-two .top-bar .single-header-contact-info .icon-block i {
  display: block;
  font-size: 18px;
  color: #0eb0ee;
}
.site-header.header-two .top-bar .single-header-contact-info .text-block {
  padding-right: 10px;
}
.site-header.header-two .top-bar .single-header-contact-info .text-block p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.site-header.header-two .top-bar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  padding: 14.5px 0;
}
.site-header.header-two .top-bar .bootstrap-select > .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none !important;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 27px;
  box-shadow: none !important;
}
.site-header.header-two .top-bar .bootstrap-select > .dropdown-toggle .flag-icon {
  font-size: 27px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.site-header.header-two .top-bar .bootstrap-select > .dropdown-toggle:after {
  vertical-align: 0.1em;
  margin-right: .0em;
}
.site-header.header-two .top-bar .bootstrap-select .dropdown-menu > li > a {
  padding-top: 0;
  padding-bottom: 0;
}
.site-header.header-two .header-navigation ul.navigation-box > li {
  padding: 52px 0;
}
.site-header.header-two .header-navigation ul.navigation-box > li > a {
  color: #333;
}
.site-header.header-two .header-navigation ul.navigation-box > li:hover > a, .site-header.header-two .header-navigation ul.navigation-box > li.current > a {
  color: #0eb0ee;
}
.site-header.header-two .header-navigation.stricky-fixed ul.navigation-box > li {
  padding: 25px 0;
}

.site-header.header-three .top-bar {
  position: relative;
  background: #0eb0ee;
}
.site-header.header-three .top-bar:before, .site-header.header-three .top-bar:after {
  content: '';
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.site-header.header-three .top-bar:before {
  right: 0;
  background: #30355d;
}
.site-header.header-three .top-bar:after {
  left: 0;
  background: #0eb0ee;
}
.site-header.header-three .top-bar .container {
  position: relative;
  z-index: 10;
}
.site-header.header-three .top-bar .right-content p {
  padding: 14px 0;
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.site-header.header-three .top-bar .right-content p a {
  color: #0eb0ee;
}
.site-header.header-three .top-bar .single-header-contact-info {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 0;
}
.site-header.header-three .top-bar .single-header-contact-info + .single-header-contact-info {
  padding-right: 50px;
}
.site-header.header-three .top-bar .single-header-contact-info .icon-block,
.site-header.header-three .top-bar .single-header-contact-info .text-block {
  display: table-cell;
  vertical-align: middle;
}
.site-header.header-three .top-bar .single-header-contact-info .icon-block i {
  display: block;
  font-size: 18px;
  color: #30355d;
}
.site-header.header-three .top-bar .single-header-contact-info .text-block {
  padding-right: 10px;
}
.site-header.header-three .top-bar .single-header-contact-info .text-block p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #30355d;
}
.site-header.header-three .top-bar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  padding: 0px 0;
  margin-left: 100px;
}
.site-header.header-three .top-bar .bootstrap-select > .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none !important;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 27px;
  box-shadow: none !important;
}
.site-header.header-three .top-bar .bootstrap-select > .dropdown-toggle .flag-icon {
  font-size: 27px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.site-header.header-three .top-bar .bootstrap-select > .dropdown-toggle:after {
  vertical-align: 0.1em;
  margin-right: .0em;
}
.site-header.header-three .top-bar .bootstrap-select .dropdown-menu > li > a {
  padding-top: 0;
  padding-bottom: 0;
}
.site-header.header-three .header-navigation {
  background: #252525;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
}
.site-header.header-three .header-navigation .main-navigation {
  float: none;
  text-align: center;
}
.site-header.header-three .header-navigation ul.navigation-box > li.current > a,
.site-header.header-three .header-navigation ul.navigation-box > li:hover > a {
  color: #0eb0ee;
}
.site-header.header-three .header-navigation ul.navigation-box > li {
  padding: 52px 0;
}
.site-header.header-three .header-navigation ul.navigation-box > li + li {
  margin-right: 56px;
}
.site-header.header-three .header-navigation .left-side-box .social a {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f3f3f3;
  color: #949494;
  line-height: 52px;
  font-size: 14px;
  text-align: center;
  transition: all .4s ease;
}
.site-header.header-three .header-navigation .left-side-box .social a:hover {
  color: #333;
  background: #30355d;
}
.site-header.header-three .header-navigation .left-side-box .social a + a {
  margin-right: 10px;
}
.site-header.header-three .header-navigation.stricky-fixed ul.navigation-box > li {
  padding: 25px 0;
}

.site-header.header-four {
position: relative;
background: #fff;
z-index: 99;
width: 100%;
}

.site-header.header-four .top-bar {
  text-align: center;
  background: #30355d;
}
.site-header.header-four .top-bar .right-content p {
  padding: 10.5px 0;
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.site-header.header-four .top-bar .right-content p a {
  color: #0eb0ee;
}
.site-header.header-four .lower-bar .container {
  position: relative;
}
.site-header.header-four .lower-bar .container .logo-box {
float:right;
padding: 5px 0;
}



.site-header.header-four .lower-bar .container .logo-box img {
width: 150px;
}


.site-header.header-four .lower-bar .single-header-contact-info {
  display: inline-block;
  vertical-align: middle;
  padding: 36px 0;
}
.site-header.header-four .lower-bar .single-header-contact-info + .single-header-contact-info {
  margin-right: 60px;
}
.site-header.header-four .lower-bar .single-header-contact-info i {
  color: #0eb0ee;
  font-size: 32px;
  line-height: 1em;
  display: block;
}
.site-header.header-four .lower-bar .single-header-contact-info h3, .site-header.header-four .lower-bar .single-header-contact-info p {
  margin: 0;
}
.site-header.header-four .lower-bar .single-header-contact-info h3 {
  color: #30355d;
  font-size: 15px;
  line-height: 1em;
  margin-top: 15px;
  margin-bottom: 5px;
}
.site-header.header-four .lower-bar .single-header-contact-info p {
  line-height: 1em;
  font-size: 16px;
  color: #7f8284;
}
/*
.site-header.header-four .header-navigation {
display: inline-block;
width: 100%;
}*/

.site-header.header-four .header-navigation .main-navigation {
  float: left;
  text-align: center;
s
}
.site-header.header-four .header-navigation ul.navigation-box > li {
  padding: 38px 0;
}
.site-header.header-four .header-navigation ul.navigation-box > li > a {
padding: 12px 12px;
}


.logo-header {
float: right;
}





.smart-home {
display:none;
margin-right: 8px;
}


/*
.back-blck {

display:none;
width: 100%;

min-height: 100%;

background: #000c;

position: fixed;

z-index: 11;

}


.off-scroll {
overflow:hidden;
}

.off-scroll .back-blck {
display:block;
}


*/


















.iportfolio {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;margin-bottom: 25px;border: 1px solid #fff3;
}

.iportfolio .portfolio-image {
	position: relative;
	overflow: hidden;
}

.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}

.iportfolio .portfolio-overlay { height: 100% !important; }






.iportfolio .portfolio-image img { 
height:220px;
}





/**************** products *****************/


.pro-content {
padding: 40px 0;
}

.sidebar { width: 240px;
display: block;
	position: relative;
	margin-left: 4%;
	margin-bottom: 50px;
	float: right;
margin-left: 40px;  }


.product-3 .product {
width: 33.33333333%;
padding: 0 25px 25px 0;float: right;
}

/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion.accordion-border {
	border: 1px solid #fff3;
border-bottom: 0;
	border-radius: 0;

width: 100%;
min-height: 45px;
overflow: hidden;
}


.accordion.accordion-border:last-child {

	border-bottom: 1px solid #fff3;
}


.accordion.accordion-border .acctitle,
.accordion.accordion-border .active {
	border-color: #CCC;
	line-height: 44px;
	padding: 0 15px 0 36px;
}

.accordion.accordion-border .acctitle i {
	right: 14px;
	line-height: 44px;
}

.accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; }





.sagmenu2 .latmenu li:hover, .sagmenu2 .latmenu li.current {

  background: rgb(149,149,149); /* Old browsers */


}
.sagmenu2 .latmenu li:hover a, .sagmenu2 li.current a {
  color: white;
}

.sagmenu2 .current a {
  font-weight: bold;
}

.sagmenu2 .lattitu {
  background: rgb(165,165,165); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(165,165,165,1) 0%, rgba(102,102,102,1) 24%, rgba(51,51,51,1) 47%, rgba(25,25,25,1) 100%, rgba(234,40,3,1) 100%, rgba(243,197,189,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(165,165,165,1) 0%,rgba(102,102,102,1) 24%,rgba(51,51,51,1) 47%,rgba(25,25,25,1) 100%,rgba(234,40,3,1) 100%,rgba(243,197,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(165,165,165,1) 0%,rgba(102,102,102,1) 24%,rgba(51,51,51,1) 47%,rgba(25,25,25,1) 100%,rgba(234,40,3,1) 100%,rgba(243,197,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#f3c5bd',GradientType=0 ); /* IE6-9 */

  cursor: pointer;

  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  padding: 0 10px 0 5px !important;

background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #eaeaea, #f1f1f1);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #eaeaea, #f1f1f1); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */




}

.sagmenu2 .lattitu.active {
  background: rgb(232,108,87); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(232,108,87,1) 0%, rgba(255,102,0,1) 24%, rgba(199,34,0,1) 47%, rgba(234,40,3,1) 100%, rgba(243,197,189,1) 100%, rgba(243,197,189,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(232,108,87,1) 0%,rgba(255,102,0,1) 24%,rgba(199,34,0,1) 47%,rgba(234,40,3,1) 100%,rgba(243,197,189,1) 100%,rgba(243,197,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(232,108,87,1) 0%,rgba(255,102,0,1) 24%,rgba(199,34,0,1) 47%,rgba(234,40,3,1) 100%,rgba(243,197,189,1) 100%,rgba(243,197,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86c57', endColorstr='#f3c5bd',GradientType=0 ); /* IE6-9 */
  border: 0px !important;
  cursor: pointer;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;

background: #1a1f30;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #ef473a, #d42027);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #ef473a, #d42027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}

.sagmenu2 .active a {
    color: #333;
}

.sagmenu2 .accord-btn {
  position: relative;
  font-size: 14px;
  margin-top: 0;
  text-transform: uppercase;
}
/*
.sagmenu2 .accord-btn:before {
content: "\f067";
display: block;
height: 0;
font-family: fontawesome;
left: 5px;
position: absolute;
color: #333;
font-size: 12px;
}

.active.accord-btn:before { 
content: "\f068";
color: #333;
}*/

.sagmenu2 .accord-btn a {
  text-decoration: none;
color: #333;
  position: absolute;
}

.sagmenu2 .accord-btn:after {
  color: #dbdbdb;
  content : attr(data-title);
}


.sagmenu2 .lattitu.active h4 {
color: #333;
}

.sagmenu2 .lattitu h4 {
font-size: 14px;
margin: 0;
line-height: 44px;
color: #333;
}




.sagmenu2.accordion.accordion-border .acc_content {
    padding: 0 !important;
}

.sagmenu2 .latmenu li a {
  display: list-item;
}
.sagmenu2 .latmenu li {
  border-top: 1px solid #b9b9b9;
}










.widget_links ul,
.widget_links li
{
	list-style: none;
	margin: 0;
}


.widget_links li { padding: 4px; }


.widget_links li a {
	display: inline-block;
	padding: 7px 3px 7px 12px;
}




.widget_links li a {
	border: none !important;
	color: #444;
	font-size: 14px;
}

.widget_links li a:hover { color: #000; }

/*
.postcontent {
width: 860px;
clear: left;
}*/


.accordion-box .accordion .accord-content {
display: none;
}



/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
	position: relative;
padding: 20px 0;
background-color: #F5F5F5;

border-bottom: 1px solid #EEE;
}

#page-title .container { position: relative; }

#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
}

#page-title span {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
	font-size: 18px;
}

.breadcrumb {
	position: absolute;
	width: auto;
	top: 50%;
	right: auto;
	left: 15px;
	margin: -10px 0 0 0;
	background-color: transparent !important;
	padding: 0;
	font-size: 12px;

}

body.stretched .container-fullwidth .breadcrumb { left: 60px !important; }

#header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; }

.breadcrumb a { color: #333; text-transform: capitalize;}

.breadcrumb a:hover { color: #d42027; }

.breadcrumb i { width: auto !important; }



.breadcrumb > li {
    display: inline-block;
}


.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}


















/* ----------------------------------------------------------------
	Shop
-----------------------------------------------------------------*/


.shop {
	position: relative;
	margin: 0 -20px -20px 0;
}

.product { position: relative; }

.shop .product {
	float: right;
	padding: 0 20px 20px 0;
	width: 25%;
}

.product-image {
position: relative;
width: 100%;
overflow: hidden;
background: #252525;
border-radius: 8px;
border: 10px solid #252525;
}

.product-image > a,
.product-image .slide a,
.product-image img {
	display: block;
	width: 100%;
	height: 100%;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-image > a {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.product-image > a:nth-of-type(2) {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}

.product-image:hover > a:nth-of-type(2) {
	opacity: 1;
	z-index: 2;
}

.product-desc {
	padding: 15px 0;
	font-size: 14px;
}

.product-title { margin-bottom: 7px; }

.product-title h3 {
	margin: 0;
	font-size: 20px;
}

.product-title h3 a,
.single-product .product-title h2 a { color: #333; }

.product-title h3 a:hover,
.single-product .product-title h2 a:hover { color: #1ABC9C; }

.product-price {
	font-size: 18px;
	font-weight: 600;
	color: #444;
	margin-bottom: 4px;
}

.product-price del {
	font-weight: 400;
	font-size: 90%;
	color: #888;
}

.product-price ins {
	text-decoration: none;
	color: #1ABC9C;
}

.product-overlay {
	position: absolute;
	width: 100%;
	height: 44px;
	line-height: 44px;
	top: auto;
	bottom: -44px;
	right: 0;
	z-index: 6;
	overflow: hidden;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay {
	-webkit-transition: bottom .3s ease-in-out;
	-o-transition: bottom .3s ease-in-out;
	transition: bottom .3s ease-in-out;
}

.product:hover .product-overlay { bottom: 0; }

.product-overlay a {
	display: block;
	float: right;
	width: 50%;
	font-size: 13px;
	color: #333;
	background-color: #F5F5F5;
	text-align: center;
	border-left: 1px solid rgba(0,0,0,0.1);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.product-overlay a.item-quick-view { border-left: 0; }

.product-overlay a i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-left: 3px;
}

.product-overlay a:hover {
	background-color: #333;
	color: #333;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sale-flash {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 6px 10px;
	background-color: #1ABC9C;
	color: #333;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-radius: 2px;
	z-index: 5;
}

.sale-flash.out-of-stock { background-color: #777; }


/* Shop - 3 Columns
-----------------------------------------------------------------*/

.shop.product-3 { margin: 0 -30px -30px 0; }

.product-3 .product {
	padding: 0 30px 30px 0;
	width: 33.33333333%;
}




.single-product .product-desc {
    padding: 0;
}
.product-desc {
    padding: 15px 0;
    font-size: 14px;
}
.col_last {
    margin-left: 0 !important;
    clear: left;
}




 .col_half {
    display: block;
    position: relative;
    margin-left: 4%;
    margin-bottom: 50px;
    float: right;
}
.col_half {
    width: 48%;
}





/* Shop - Single
-----------------------------------------------------------------*/

.single-product .product {
	width: 100%;
	margin: 0;
}

.shop-quick-view-ajax,
.portfolio-ajax-modal {
	position: relative;
	background-color: #333;
	width: 800px;
	margin: 0 auto;
}

.single-product .product-image,
.single-product .product-image img { }

#thumbs .item img  {
height: 100%;
width: 100%;
display: block;
}

.single-product .product-desc { padding: 0; }

.single-product .product-title h2 {
	font-size: 28px;
	margin-bottom: 8px;
}

.single-product .product-price {
	float: right;
	font-size: 24px;
	color: #1ABC9C;
	margin-bottom: 0;
}

.single-product .product-rating {
	float: left;
	position: relative;
	top: 9px;
}

.single-product .product-desc .line { margin: 20px 0; }

.quantity {
	float: right;
	margin-left: 30px;
}

.quantity .qty {
	float: right;
	width: 50px;
	height: 40px;
	line-height: 40px;
	border: 0;
	border-right: 1px solid #fff3;
	border-left: 1px solid #fff3;
	background-color: #fff3;
	text-align: center;
	margin-bottom: 0;
}

.quantity .plus,
.quantity .minus {
	display: block;
	float: right;
	cursor: pointer;
	border: 0px transparent;
	padding: 0;
	width: 36px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff3;
	font-size: 16px;
	font-weight: bold;
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.quantity .plus:hover,
.quantity .minus:hover { background-color: #fff3; }

.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {
	box-shadow: none !important;
	outline: 0 !important;
}

.single-product .add-to-cart.button {
	height: 40px;
	line-height: 40px;
}

.product-meta {
	font-size: 13px;
	color: #777;
}

.product-meta > .panel-body { margin-bottom: -5px; }

.product-meta > .panel-body > span {
	display: block;
	margin-bottom: 5px;
}


.single-product .feature-box.fbox-plain.fbox-small { padding-right: 26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon { width: 20px; }

.single-product .feature-box.fbox-plain.fbox-small h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 7px;
}

.single-product .feature-box.fbox-plain.fbox-small p { margin-right: -26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 18px; }





.panel {
    margin-bottom: 20px;
    background-color: #252525;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default {
    border-color: #dddddd;
}

.panel-body {
    padding: 15px;
}


.panel-body a { 

color: #cb622f;
}









/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/


.tabs {
	position: relative;
	margin: 0 0 30px 0;
}

ul.tab-nav:not(.tab-nav-lg) {
	margin: 0;
	border-bottom: 1px solid #fff3;
	list-style: none;display: flex;
}

ul.tab-nav:not(.tab-nav-lg) li {
	float: right;
	border: 1px solid #fff3;
	border-bottom: 0;
	border-right: 0;
	height: 41px;
	text-align: center;
}

ul.tab-nav:not(.tab-nav-lg) li:first-child {
	margin-right: 15px;
	border-right: 1px solid #fff3;
}

ul.tab-nav:not(.tab-nav-lg) li a {
	display: block;
	padding: 0 15px;
	color: #333;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
	position: relative;
	top: 1px;
}


ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active {
border-top: 2px solid #d42027;
}

.table-bordered > tbody > tr > td {
border: 1px solid #dddddd;padding: 8px;
line-height: 1.42857143;
vertical-align: top;
}


.table-bordered tr:nth-child(even) {
background:#fff3;
}



.col_full {
    width: 100%;
display: block;
position: relative;
margin-bottom: 50px;
clear: both;
margin-left: 0;
margin-top: 50px !important;
margin-bottom: 0 !important;
}


.tab-container {
    position: relative;
    padding: 20px 0 0;
}

ul.tab-nav li a i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-left: 3px;
}

.table-code > thead > tr > th {
    text-align: center;
    background-color: #b2b2b2;
    color: #000;
    font-weight: normal;border: 1px solid #dddddd;
}






/* Flex Slider - Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider,
.fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav.flex-control-thumbs {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin: 2px -2px -2px 0;
	height: 75px;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
	cursor: pointer;
	text-indent: -9999px;
	border: 0;
	border-radius: 0;
	margin: 0;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
	display: block;
	width: 100px !important;
	height: auto !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {

	opacity: 1;
}


/* Flex Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
	margin: 2px -2px -2px 0;
	height: auto;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
	width: 25% !important;
	height: auto !important;
	margin: 0;
	padding: 0 2px 2px 0;
}

.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li { width: 33.30% !important; }
.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li { width: 20% !important; }
.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li { width: 16.66% !important; }
.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li { width: 12.5% !important; }
.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li { width: 10% !important; }
.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li { width: 8.33% !important; }

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
	width: 100% !important;
	height: auto !important;
padding: 5px;

border: 1px solid #fff3;

margin-top: 8px;
}



/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.fslider { min-height: 32px; }


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; border: none; }
.slider-wrap,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;}

.flexslider {position: relative;margin: 0; padding: 0;}
.flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slider-wrap img {

width: auto;
display: block;
max-height: 380px;
margin: 0 auto;

}

.flex-pauseplay span {text-transform: capitalize;}

.slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slider-wrap {display: block;}
* html .slider-wrap {height: 1%;}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.flex-control-nav {
	position: absolute;
	z-index: 10;
	text-align: center;
	top: 14px;
	left: 10px;
	margin: 0;
}

.flex-control-nav li {
	float: right;
	display: block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 10px !important;
	height: 10px !important;
	border: 1px solid #FFF;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active { background-color: #333; }













#sync1 .item{
    margin: 5px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}


#sync1 img {
max-height:380px;
width: auto;
margin: 0 auto;

}




#sync2 .item{
border: 1px solid #fff3;
    margin: 5px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
border: 1px solid #999;
}
 



/* Portfolio - Overlay
-----------------------------------------------------------------*/

.portfolio-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	text-align: center;
	background-color: rgba(0,0,0,0.8);align-items: center;
text-align: center;
padding: 20px;	
color:#fff;
font-size: 20px;
text-transform: capitalize;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay { opacity: 1; }

.portfolio-overlay a {
	position: absolute;
	top: 50%;
	right: 50%;
	background: #1a1f30;
	width: 45px !important;
	height: 48px !important;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a {
	-webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.portfolio-overlay a.right-icon {  }

.portfolio-overlay a.left-icon {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -24px;
}

.portfolio-overlay a.center-icon {
	display: block;
	margin: -20px 0 0 -20px;
	opacity: 0;
}

.portfolio-item:hover a.center-icon,
.iportfolio:hover a.center-icon { opacity: 1; }

.portfolio-overlay a:hover {
	background-color: #fff;color:#1a1f30;
}

.portfolio-item:hover .portfolio-overlay a.right-icon,
.portfolio-item:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon { margin-top: -18px; }

.portfolio-overlay a i.icon-line-play {
	position: relative;
	right: 2px;
}


.portfolio-overlay .portfolio-desc {
	position: relative;
	padding: 0 !important;
	margin: 0;
	text-align: center;
}

.portfolio-overlay .portfolio-desc a {
	display: inline;
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	font-size: inherit;
	width: auto !important;
	height: auto !important;
	line-height: 1;
	background-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.portfolio-overlay .portfolio-desc h3 {
	font-weight: 600;
	color: #F5F5F5 !important;
	line-height: 1;
}

.portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; }

.portfolio-overlay .portfolio-desc span {
	margin-top: 7px;
	color: #DDD !important;
}

.portfolio-overlay .portfolio-desc span a {
	color: #DDD !important;
	font-size: inherit;
}

.portfolio-overlay .portfolio-desc ~ a {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
	margin: 20px 0 0 !important;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc ~ a {
	-webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, opacity .2s linear;
}

.portfolio-overlay .portfolio-desc ~ a.left-icon {
	right: 0;
	left: 0;
	margin-right: 5px !important;
	margin-left: 0 !important;
}

.portfolio-overlay .portfolio-desc a:hover { background: transparent; }

body.device-touch.device-xs .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: none !important; }



.postcontent .portfolio-desc h3 {
    font-size: 17px;
}

.portfolio-desc h3 {
    margin: 0;
    padding: 0;
        font-size: 15px !important;color: #fff;
}
.portfolio-desc h3 a {
color: #222;

text-transform: capitalize;

height: 45px;


width: 100%;

display: inline-block;
max-height: 45px;
width: 100%;
display: inline-block;
overflow: hidden;

}
.portfolio-desc {
margin-top:5px;
padding: 13px;

background: #1a1f30;
}

.postcontent .portfolio-desc span {
    font-size: 12px;
}
.portfolio-desc span {
display: block;

margin-top: 3px;

color: #d42027;

text-transform: uppercase;
}







.outer { margin:0 auto; max-width:800px;}
#big .item {  margin:2px; color: #333; border-radius: 3px; text-align: center; }
#thumbs .item { 
margin: 2px;
color: #333;
border-radius: 3px;
text-align: center;
cursor: pointer; height: 90px;width: 90px;
cursor: pointer;
border:1px solid #fff3;
}
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { border:1px solid #d42027; }


#big .item img {
max-height:300px;
width: auto;
margin: 0 auto;}

#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { right: 10px; }
#big.owl-theme .owl-next { left: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }




.gallery-carousel .owl-nav {
position: absolute;
top: -50px;
display: flex;
left: 0;
}



.gallery-sec {
padding: 50px 0 30px;
background: #f5f5f5;
}



.gallery-carousel .owl-nav > div,
.gallery-carousel .owl-controls .owl-nav > div {
color: #999;

border: 1px solid #999;
  background: transparent;
  font-size: 18px;
  height: 35px;
  width: 35px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;margin: 2px !important;
}




.gallery-carousel .owl-controls .owl-prev {
  right: 0px;
}


.gallery-carousel .owl-controls .owl-prev:hover {
  background: #1a1f30;
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



.gallery-carousel .owl-controls .owl-next {
  right: 40px;
}


.gallery-carousel .owl-controls .owl-next:hover {
  background: #1a1f30;
  color: #333;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}










/*=======================================================================
[21] Contact Page Style        
=========================================================================*/
.contact-wrap-layout {


}



.google-map-area {

margin-bottom: -10px;
}




.contact-box-layout1 {

padding: 15px;

background-color: #fff;

margin: 20px 0;

border: 15px solid #f5f5f5;
box-shadow: 1px 2px 15px #0003;



}
@media only screen and (max-width: 991px) {
  .contact-box-layout1 {
    margin-left: 0;
  }
}
.contact-box-layout1 .title {
  color: #333;
text-transform: capitalize;
font-size: 19px;
  font-weight: 600;
}
.contact-box-layout1 .contact-form-box .select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #656565;
}
.contact-box-layout1 .contact-form-box .select2-container--classic .select2-selection--single {
  background-color: transparent;
  border: 1px solid #dbe3e7;
}
.contact-box-layout1 .contact-form-box .select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: transparent;
}
.contact-box-layout1 .contact-form-box .select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #d42027 transparent transparent transparent;
}
.contact-box-layout1 .contact-form-box .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #d42027 transparent;
}
.contact-box-layout1 .contact-form-box .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single,
.contact-box-layout1 .contact-form-box .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border: 1px solid #d42027;
}
.contact-box-layout1 .contact-form-box .form-group {
  margin-bottom: 15px;
}
.contact-box-layout1 .contact-form-box .form-group .form-control {
font-size: 15px;
padding: 15px 20px;
color: #333;
background-color: #fff;font-family: "Tajawal-Regular";
}
.contact-box-layout1 .contact-form-box .form-group .form-control:focus {
  border-color: #353535;
}
.contact-box-layout1 .contact-form-box .form-group .item-btn {
  margin-top: 25px;
  border: 1px solid;
  border-color: #1a1f30;
  background: #1a1f30;
  color: #fff;
  font-weight: 500;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 13px 30px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 62, 0.28);
  -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 62, 0.28);
box-shadow: 0px 1px 10px 0px rgba(0, 0, 62, 0.28);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
font-size: 16px;
padding: 6px 15px;height: 40px;height: 45px;
min-width:150px;
}
.contact-box-layout1 .contact-form-box .form-group .item-btn:hover {
  background-color: #333;
  box-shadow: inherit;
}
.contact-box-layout1 .contact-info {
  margin-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .contact-box-layout1 .contact-info {
    margin-bottom: 0;
  }
}
.contact-box-layout1 .contact-info li {
  color: #333;
  margin-bottom: 20px;
  position: relative;
  padding-right: 30px;
font-size: 15px;
}
.contact-box-layout1 .contact-info li:last-child {
  margin-bottom: 0px;
  color: #333;
}


.contact-box-layout1 .contact-info li:nth-child(2),
.contact-box-layout1 .contact-info li:first-child {
  font-weight: 500;

}
.contact-box-layout1 .contact-info li i {
  font-size: 20px;
  color: #d42027;
  top: 0;
  right: 0;
  position: absolute;width: 30px;
text-align: center;
}
.contact-box-layout1 .alert.alert-danger,
.contact-box-layout1 .alert.alert-info,
.contact-box-layout1 .alert.alert-success {
  margin-top: 10px;
  margin-bottom: 0;
}
.contact-box-layout1 .alert.alert-danger p,
.contact-box-layout1 .alert.alert-info p,
.contact-box-layout1 .alert.alert-success p {
  margin-bottom: 0;
}



.english,
.contact-box-layout1 .contact-info li + li {

font-family: arial;
}


.contact-box-layout1 .contact-info li span {
margin: 0 8px;

font-family: "Tajawal-Regular";
}



/*
* 5. about style
*/
.about-one {
  padding-top: 90px;
  padding-bottom: 100px;
}

.about-one .container {
  position: relative;
}

.about-one__title {
  margin: 0;
  font-size: 32px;
  line-height: 48px;
  font-weight: 600;
color: #333;
  
  margin-bottom: 20px;
}

.about-one__text {
  font-size: 16px;
  line-height: 26px;
  color: #333;
  margin: 0;
}

.about-one__text + .about-one__text {
  margin-top: 30px;
}

.about-one__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 25px;
}

.about-one__list-item {
  font-size: 16px;
  color: #333;
}

.about-one__image-block {
  position: absolute;
  top: 0;
  right: 15px;
  width: 100%;
  max-width: 500px;
  background: transparent url(../images/resources/about-dots.png) 100% -120% no-repeat;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.about-one__image-one > img {
  border-radius: 50%;
  position: relative;
}

.about-one__image-two {
  position: absolute;
  bottom: 0;
  right: 0;
}

.about-one__image-two > img {
  position: relative;
  border-style: solid;
  border-width: 7px;
  border-color: white;
  border-radius: 50%;
  background-color: #6e6e6e;
  -webkit-box-shadow: inset 0px 3px 95px 0px rgba(0, 0, 0, 0.49);
          box-shadow: inset 0px 3px 95px 0px rgba(0, 0, 0, 0.49);
}


.about-two .container {
  position: relative;
}

.about-two .block-title {
  margin-bottom: 15px;
}

.about-two .block-title__text {
  font-weight: 300;
  font-size: 20px;
color: #333;
}

.about-two .block-title__title + .block-title__text {
  margin-top: 22px;
}
/*
.about-two__image-block {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
*/
.about-two__image-block img {
max-width: 100%;
max-height: 400px;
margin: 0 auto;
display: block;
}

.about-two__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-two__list-item {
  position: relative;
  padding-left: 35px;
  font-size: 16px;
  color: #333;
}

.about-two__list-item i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #afb2c6;
  font-size: 14px;
}

.about-two__list-item + .about-two__list-item {
  margin-top: 10px;
}

.about-two__about-page {
  padding-top: 40px;
  padding-bottom: 30px;
}

.about-two__about-page .block-title {
  margin-bottom: 40px;
}

.about-two__about-page .block-title__text {
  font-weight: 400;
  font-size: 16px;
  color: #333;
  margin-bottom: 0;
}

.about-two__about-page .block-title__tag-line {
  font-weight: 300;
  font-size: 20px;
color: #333;
  margin-bottom: 15px;
}
/*
.about-two__about-page .about-two__image-block {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
*/
.block-title__title {
font-size: 18px;
}

.about-two__content p {
color: #333;
font-size: 17px;
}


.ri-date {
font-size: 14px;
display: inline-block;
background: #333;
padding: 8px;
color: #fff;
}
.about-three {
  padding: 100px 0;
}

.about-three__title {
  margin: 0;
color: #333;
  font-size: 32px;
  
  font-weight: 600;
  margin-bottom: 25px;
}

.about-three__text {
  margin: 0;
  color: #333;
  font-size: 16px;
  line-height: 26px;
}

.about-three__text + .about-three__title {
  margin-top: 35px;
}

.about-three__text + .about-three__text {
  margin-top: 25px;
}

.about-three__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.about-three__border-top {
  padding-top: 0;
}

.about-three__border-top hr {
  border-width: 1px;
  margin: 0;
  border-color: rgba(186, 186, 186, 0.8);
  margin-bottom: 90px;
}


.about-four__images {
margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-four__title {
  margin: 0;
color: #000;
margin-bottom: 15px;
}

.about-four__sub-title {
  margin: 0;
color: #333;
  
  font-size: 20px;
  margin-top: 45px;
  margin-bottom: 10px;
}

.about-four__tag-line {
  margin: 0;
  font-weight: 300;
  font-size: 20px;
  
  margin-bottom: 10px;
}

.about-four__text {
  margin: 0;
  font-size: 15px;
  line-height: 26px;
  color: #333;
}











.about-four__text p span {

color: #333;
font-size: 15px;
border-left: 5px double;
padding-left: 12px;
text-transform: capitalize;
line-height: 27px;

}



.new-idea p {
display: inline-block;
}



.new-idea > div {
display: inline-block;
}


.new-idea > div input {

height: 45px;
box-shadow: none;}







@media only screen and (max-width: 767px) {

.footer-box {
margin-bottom: 10px;
margin-top: 20px;
}
.call-to-action-wrap-layout4,
.about-content {
padding: 20px 0;}

.about-area {
padding: 20px;
padding-bottom: 0;
}

.about-four__content {
padding-right: 0;
padding-left: 0;
}


.fleft.header-contact-layout1,
.sm-hidden {
display:none;
}


.heading-layout1 h2,
.about-four__title {
font-size: 17px;line-height: 27px;margin-bottom: 10px;
}



.logo-header {
max-width: 290px;
float: none;
margin: 0 auto;
}

.site-header.header-four .header-navigation .main-navigation {
margin-right: 0;

position: absolute;

z-index: 99999;

top: 89px;

right: 0;
max-height: 500px;

overflow: auto;
}


#top-search {

margin: 0;}


#top-search a {
position: absolute;
top: 25px;
left: 15px;
}


#top-search form input {
font-size: 15px;
padding: 10px 30px 10px 0;
lettespacing: 0;font-weight: normal;

padding-right: 0;
}

.top-links li > a {
padding: 0 5px;
width: 84px;
}

.feature-home {
padding:20px 0;
}




.smart-home {
display:inline-block;
}







#tab-video iframe {
max-width:100%;
}





.col_half {
width: 100%;

float: none;
}



.postcontent,
.sidebar {

    width: 100%;
    float: none;
    margin: 0;
padding:0 20px;
margin-bottom: 20px;
}

.pro-content {
padding-bottom: 0;
}

.product-3 .product {
width: 100%;
float: none;
padding: 0;
display: inline-block;
margin-bottom: 20px;
}



.breadcrumb {
position: relative;

top: auto;
right: auto;
left: auto;
margin: auto;
margin-top: 10px;
}


ul.tab-nav:not(.tab-nav-lg) {
display: inline-block;
width: 100%;
}
ul.tab-nav:not(.tab-nav-lg) li {
width: 50%;

display: inline-block;
}
ul.tab-nav:not(.tab-nav-lg) li:first-child {
	margin-right: 0;
}
 }


.img-fluid2 {
    max-width: 100%;
    height: 90px;
    width: 100% !important;
    margin: auto;
}



.oc-item a.st-ly {
width: 100%;

display: inline-block;

background: #1a1f30;

color: #333;

text-transform: capitalize;
font-size: 16px;
padding: 6px;
text-align: center;


color: #d42027;
background: #fff3;
background: -webkit-linear-gradient(to left, #CFDEF3, #E0EAFC);
background: linear-gradient(to left, #CFDEF3, #E0EAFC);
background: linear-gradient(to left, #dadadcc9, #f9f9fb);
}




.new-idea p {
display: inline-block;
}



.new-idea > div {
display: inline-block;
}


.new-idea > div input {

height: 45px;
box-shadow: none;}















/* upcoming-event */
.upcoming-area {
background-color: #f9f9fb;
padding: 40px 0 20px;
}
.upcoming-2-area {
	background-position: center center;
	background-repeat: no-repeat;
}
.area-title > span {
	height: 5px;
	width: 80px;
	background: #25c97a;
	left: 0;
	display: inline-block;
}
.area-title h1 {
	font-size: 65px;
	margin-bottom: 18px;
	margin-top: 22px;
	letter-spacing: -.3px;
}
.area-title p {
	font-size: 16px;
	margin-bottom: 0;
}
.white-area-title h1{color: #333;}
.white-area-title p{color: #333;}
.black-area-title span{background: #252525;}
.black-area-title p{color:#111111;}
.area-title-light h1 {
	color: #333;
	font-size: 65px;
	font-weight: 300;
	letter-spacing: -.3px;
	margin-bottom: 25px;
}
.area-title-light h1 span {
	color: #d10459;
	font-weight: 500;
	font-style: italic;
}
.area-title-light p {
	color: #333;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 0;
}
.upcoming-event-wrapper {

margin-bottom: 30px;
	border-radius: 10px;overflow: hidden;

}



.upcoming-2-event {
	margin-left: 70px;
	box-shadow: none;
}
.upcoming-event-img{position: relative;overflow: hidden;}
.upcoming-event-img > a img{width:100%;
transition: all ease-in-out 0.4s;height: 300px;}

.upcoming-event-wrapper:hover img {
opacity: 0.7;
background:#000;
transform: scale(1.1);
}


.up-tag {
	position: absolute;
	top: 20px;
	background: #25c97a;
	right: 20px;
	padding: 4px 15px;
	border-radius: 4px;
}
.up-tag span {

	font-size: 14px;
	color: #333;
	font-weight: 600;
}


.upcoming-text {
padding:20px;transition: all ease-in-out 0.4s;
position: relative;overflow:hidden;
background: linear-gradient(to top, #e3e3e3, #fff);

}

.upcoming-text > * {
position: relative;
z-index:2;
}


/*
.upcoming-text:after { 
content: "";
position: absolute;
width: 200px;
height: 200px;
background: #fff3;
bottom: -150px;
z-index: 0;
transform: rotate(-45deg);
border-radius: 50%;
transition: all ease-in-out 0.6s;
right: -150px;

}

.upcoming-event-wrapper:hover .upcoming-text:after {
width: 1000px;
height: 1000px;
}*/

.upcoming-text h3 {
font-size: 18px;
font-weight: normal;
margin-bottom: 0;
color: #333;
text-align: center;
}
.upcoming-text h3 > a{color: #333;transition:.3s;transition: all ease-in-out 0.4s; text-transform: capitalize;}

.upcoming-text p {color: #333;
	margin-bottom: 30px;
}
/**
.btn-border {

    height: 2px;
    width: 40px;
    background: #111111;
    display: inline-block;
    position: relative;
    top: -3px;
    left: 7px;
    transition: .3s;

}*/

.upcoming-event-wrapper:hover .upcoming-text {
background: #1a1f30;
}

.upcoming-event-wrapper:hover .upcoming-text h3 > a {
color: #fff;

} 

.up-event-meta {
	margin-bottom: 12px;
}
.up-event-meta span {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-right: 10px;
	line-height: 2.1;font-size: 13px;
text-transform: uppercase;
letter-spacing: .5px;
}
.up-event-meta span:last-child{margin-right:0;}
.up-event-meta span i {
	color: #202aae;
	margin-right: 5px;
}

.btn-text {
    color: #333;
    position: relative;
    z-index: 9999;
    transition: .3s;
}


.upcoming-text > a.btn {
background: #eef4fd;

padding: 12px 18px;

position: relative;

font-size: 18px;
}
.upcoming-text > a.btn:hover .btn-text{color: #333;}
.upcoming-text > a.btn:hover .btn-border{background:#111111;}

.upcoming-text > a.btn::before {
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 100%;
	background: #1a1f30;
	-webkit-transition: all 0.3s ease;
	transition: all 0.4s ease;
}
.upcoming-text > a.btn:hover::before{
	width: 100%;
	left: 0;
	-webkit-transition: width 0.3s ease;
	transition: width 0.3s ease;
}
















/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 10;
}
.main-slider.style1 {
    margin-top: 0px;
}
.main-slider .slide {
    position: relative;
    display: block;
    overflow: hidden;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; height: 500px;
}
.main-slider .slide .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    transition: all .8s ease-in-out .4s;
}
/*
.main-slider .slide .image-layer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    content: "";
    z-index: -1;
}*/
/*
.main-slider .active .slide .image-layer{
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
}
*/


/*
.main-slider .owl-item .image-layer{
    transition: all ease-in-out 3s;
transform:scale(1.3);
height:100%;
}



.main-slider .owl-item.active .image-layer {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
 }

*/



.main-slider .content{
	position:relative;
	z-index:11;
text-align: right;
padding-top: 220px;
width: 50%;
float: right;
}
.main-slider.style1 .content{
    position: relative;
    display: block;
    width: 100%;
}

.main-slider .auto-container{
    position: relative;
    overflow: hidden;
}

.main-slider .content h3{
    color: #1dc0e8;
    font-size: 24px;
    font-weight: 700;
    text-transform: none;

	opacity: 0;margin-bottom: 8px;
transform: translateX(100%);
    transition: all .4s ease-in-out .1s;
}

.main-slider .content h3 span {

    background-color: #1a1f30e6;
    padding: 7px 16px;
    transition: none 0s ease 0s;
    text-align: center;
    border-width: 0px;
    margin: 0px;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 28px;
    color: #fff;
    text-transform: capitalize;
}


.main-slider .active .content h3{
	opacity: 1;
transform: translateX(0);
    transition: all .4s ease-in-out .3s;    
}
.main-slider .content h2{
	position: relative;
	color: #243d7b;

	opacity: 0;
transform: translateX(-100%);
    transition: all .4s ease-in-out .1s; line-height: 30px;
}

.main-slider .content h2 span {
z-index: 6;
font-size: 18px;
line-height: 30px;
color: #fff;
letter-spacing: 0px;
cursor: pointer;
visibility: inherit;
transition: none 0s ease 0s;
text-align: right;
border-width: 0px;
margin: 0px;
padding: 8px 24px;
font-weight: 400;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
transform: translate3d(0px, 0px, 0px);
transform-origin: 50% 50% 0px;
background: #000c;


display:inline-block;
}
.main-slider .active .content h2{
	opacity: 1;
transform: translateX(0);
    transition: all .7s ease-in-out .5s;       
}
.main-slider .content .btns-box{
	position: relative; 
	opacity: 0;
	transform: translateY(80px);
    transition: all .4s ease-in-out .1s; 
}
.main-slider .active .content .btns-box{
	opacity: 1;
	transform: translateY(0px);
    transition: all .7s ease-in-out .7s;    
}

.certified-area .btns-box {
width: 100%;
text-align: center;
margin-top: 10px;
}

.main-slider .icon-holder {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    background: #1dc0e8;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    z-index: 10;
	opacity: 0;
	transform: translateY(-80px);
    transition: all .4s ease-in-out .1s; 

}
.main-slider .active .icon-holder{
	opacity: 1;
	transform: translateY(0px);
    transition: all .7s ease-in-out .7s;       
}
.main-slider .icon-holder img{
    width: auto;
}


.main-slider .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
   /* transition-delay: .1s;
    transition-timing-function: ease-in-out;*/
    /*transition-duration: .5s;/*
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;*/
    opacity: 0;
    transform: scale(1.0);
}
.main-slider:hover .owl-theme .owl-nav{
    opacity: 1;
    transform: scale(1.0);
}
.main-slider .owl-theme .owl-prev span, 
.main-slider .owl-theme .owl-next span{
    display: block;line-height: inherit;
}


.main-slider .owl-theme .owl-nav .owl-next,
.main-slider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    background: #020202cc;
    height: 60px;
    width: 45px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    line-height: 60px;
    font-weight: 400;
    opacity: 1;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}



.main-slider .owl-theme .owl-nav .owl-next { 
 right: 0;left: auto;
}

.main-slider .owl-theme .owl-nav .owl-prev:hover,
.main-slider .owl-theme .owl-nav .owl-next:hover{
    background: #1a1f30;        
color: #fff;    
}


.banner-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 70px;
    right: 0;
    display: block;
    text-align: center;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto !important;
    line-height: 0;
    display: none;
}
.banner-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline;
    height: 20px;
    width: 20px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0 10px;
    transition: all 500ms linear;
    transition-delay: 0.1s;
}
.banner-carousel .owl-dots .owl-dot span{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
}
.banner-carousel .owl-dots .owl-dot.active{
    background-color: #0098ff;
    border-color: #0098ff;
}



.new-videos {
padding: 40px 0;
}




.sor-second {
    letter-spacing: 0;
    font-size: 16px;
}

.tot-viso {
text-transform: capitalize;

font-size: 17px !important;
}


.ipi-videos {

border: 1px dashed #1a1f30;
padding: 8px !important;

}







@media only screen and (max-width: 767px) { 

.main-slider .content {
padding-top: 80px;text-align: center;
width: 100%;
}

.main-slider .content h3 span {
font-size: 20px;}



.about-two__content p,
.conts-ser p,
.main-slider .content h2 span {
font-size: 15px;
}

.main-slider .content h2 span {
font-size: 14px;
padding: 7px 16px;}


.feature-home .text-worker {
text-align: center;
}
.feature-home .text-worker h3 p {
margin:0;
font-size: 16px;
}


.block-title__title {
font-size: 16px;
}

.main-slider .slide {
height: 210px;
}



.main-slider .owl-theme .owl-nav .owl-next, .main-slider .owl-theme .owl-nav .owl-prev {

height: 30px;
width: 30px;
font-size: 16px;
line-height: 30px;
}

}




/******** hassan ************/
/*
.map{
  filter: grayscale(100%) invert(92%) contrast(83%);
filter: invert(90%)
}
*/
.section-title h2 {
padding: 0;
margin: 0;
line-height: 1;
font-weight: 600;
color: #333;
font-size: 20px;
text-transform: uppercase;margin-bottom: 25px;
}

.specialization-section-two {
padding:50px 0 0;
}

.vid-swe {
margin:20px 0;
}


.img-swe,
.vid-swe {

padding:4px;
background:#f5f5f5;
} 

.file-swe {
margin: 20px 0;
}

.ma-bot {
margin-bottom: 20px;
}


.contact-page-wrapper {
padding-top:50px;
}
.google-map {
width:100%;
}

.deff-color {

color:#fbaf19;
font-size: 20px;
font-weight: bold;
margin-right: 8px;}


.order-form {
width: 80%;
margin: 0 auto;
margin-bottom: 30px;
}


/*----- All button style start -----*/
.btn-main {
  color: #cdcdcd;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 30px;
  display: inline-block;
  text-transform: capitalize;
  border: 1px solid #cdcdcd;
  line-height: 1; }
  .btn-main span {
    font-size: 25px;
    padding-left: 5px;
    line-height: 28px;
    vertical-align: bottom;
    position: relative; }
    .btn-main span:before {
      top: 50%;
      left: 100%;
      font-size: 16px;
      line-height: 1;
      margin-left: -15px;
      content: "\eab8";
      position: absolute;
      font-family: IcoFont !important;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      visibility: hidden; }
  .btn-main:hover {
    color: #ffffff;
    border-color: #d42027;
    background: #1a1f30; }
    .btn-main:hover span:before {
      margin-left: -5px;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      visibility: visible; }

.btn-bg__fill {
  color: #ffffff;
  background-color: #fbaf19; }

.btn-text {
  font-size: 15px;
  color: #fbaf19;
  border: none;
  padding: 0; }
  .btn-text:hover {
    color: #fbaf19 !important;
    background-color: transparent; }














.projects-section {
	position: relative;
	padding: 40px 0 40px;
}

.projects-section:before {
	position: absolute;
	content: '';
	background: url(../images/overlay.png) center no-repeat;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.project-filter-btn {
	position: relative;
	margin-bottom: 50px;
	right: -2px;
}

.projects-section .items-container {
	margin: 0;
}

.projects-section-two .gallery-block,
.projects-section .gallery-block {
	padding: 0px;
}

.gallery-block .image {
	position: relative;
	overflow: hidden;
}

.gallery-block img {
	position: relative;
	width: 100%;height: 280px;
	display: block;
}

.gallery-block .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
display: grid;

align-items: end;
}


.gallery-block.ma-bot {
    margin-bottom: 16px;
    padding: 0 8px;
}

.ind-gallery {
padding: 50px 0;
background: #f5f5f5;
}

.gallery-block .overlay p {
color: #fff;position: relative;
text-align: center;
z-index: 2;font-size: 20px;
}


.gallery-block:hover .overlay {
	opacity: 1;
	visibility: visible;
}

.gallery-block .overlay:before {
	position: absolute;
	content: '';
	background: rgba(34, 34, 34, 0.8);
	left: 0;
	top: 0;
	width: 100%;
	height: 0%;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.gallery-block:hover .overlay:before {
	height: 100%;
}

.gallery-block .caption-title {
	position: absolute;
	left: 0;
	bottom: -120px;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: var(--font-family-oswald);
	padding: 18px 30px;
	background: #fff;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}


.gallery-block .overlay > div {

opacity:0;
}

.gallery-block:hover .overlay > div {
opacity:1
}

.gallery-block .caption-title a {
	color: #1c1f26;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.gallery-block .caption-title a:hover {
	color: #fbaf19;
}

.gallery-block:hover .caption-title {
	bottom: 0;
}

.gallery-block .zoom-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	color: #1d2027;
	background: #fff;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.gallery-block:hover .zoom-btn {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.gallery-block .zoom-btn a {
	color: #1d2027;
}

.gallery-block .date {
	position: absolute;
	right: 20px;
	bottom: 70px;
	font-size: 14px;
	font-family: var(--font-family-oswald);
	color: #fff;
	-webkit-transform: rotate(90deg) translateX(-50%) translateY(-50%);
	-ms-transform: rotate(90deg) translateX(-50%) translateY(-50%);
	transform: rotate(90deg) translateX(-50%) translateY(-50%);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.gallery-block .date:before {
	position: absolute;
	content: '';
	left: -40px;
	top: 11px;
	width: 30px;
	height: 1px;
	background: #fbaf19;
}

.ui-selectmenu-button.ui-button {
	background: transparent;
	border-radius: 0px;
	border-color: #2c2f37;
	padding: 21px 30px;
	width: auto;
	min-width: 270px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-family: var(--font-family-oswald);
	text-transform: uppercase;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 10px 18px;
	border-bottom: 1px solid #f4f4f4;
}

.ui-selectmenu-text {
	position: relative;
	overflow: visible;
}

.ui-selectmenu-text:after {
	position: absolute;
	content: "\f107";
	font-size: 18px;
	font-family: Fontawesome;
	color: #1c1f26;
	top: 0;
	right: -18px;
	z-index: 99;
}

.projects-section .ui-selectmenu-text:after {
	color: #fff;
}

.fa {
line-height: inherit;
}





.about-four__text p strong {
background: linear-gradient(to left, #1a1f30, #41bff9);

padding: 8px 20px;

border-radius: 5px;

color: #fff;

margin: 20px 0;

display: inline-block;

border-bottom: 2px solid #626262;
font-weight: normal;
}

.tit-gall {
position: absolute;
bottom: 8px;
left: 0;
right: 0;
}


@media only screen and (max-width: 767px) {  
.main-slider .content h3 {
height: auto;
}


.main-slider .slide .image-layer {
background-size: 100% 100%;
}


.gallery-sec,
.specialization-section-two,
.about-four,
.footer-top-wrap,
.brand-wrap-layout2,
.blog-wrap-layout4,
.upcoming-area {
padding: 20px 0;
}



.oc-item img,
.gallery-block img {
min-height: auto;
height: 180px !important;

}


.new-idea {
text-align: center;
}


.about-four__content ul,
.contact-box-layout1 .contact-form-box .form-group .item-btn {
margin: 0 auto;

display: block;
}


.breadcrumb {
display: none;
}




.header-navigation ul.navigation-box > li > .sub-menu > li:hover > a {
background: #fff;

color: #1a1f30;
}

#top-social {
text-align: center;
width: 100%;
}

#top-social ul {
float: none;
display: inline-block;
}

.about-four__text p,
.heading-layout1 h2,
.heading-layout1 {
  margin-bottom: 10px;

}

.upcoming-text h3 {

font-size: 16px;}



.tit-gall,
.footer-box p { 
font-size: 14px;
}


.footer-box .footer-header h3 {
font-size: 18px;
}



.about-four__content ul li {
    margin-bottom: 8px;}

 
#top-search form {
min-height: 80px;
}


.blog-box-layout5,
.upcoming-event-wrapper {
margin: 0 auto 10px;
}

}




.owl-carousel {
direction: ltr;
}