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

@FONT-FACE {
	font-family: "english";
	src: url("TitilliumWeb-Regular.ttf");
}



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


a {
    color: #474948;

}
a:hover {
    color: #474948;

}
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: 15px;
	font-family: "Roboto";
  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: #444444;
text-align: right;
direction:rtl;font-family: english , "Roboto";
}


.owl-carousel {
direction:ltr;
}

.owl-carousel .owl-item {
direction:rtl;
}




p {
  margin: 0 0 20px 0;
  color: #444444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;

  margin: 0 0 20px 0;
  color: #111111;
}
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;
}
.bg-overlay-primary80:after,
.bg-overlay-primary80:before {
  background-color: rgba(57, 108, 240, 0.8);
background-color: rgba(37, 44, 63, 0.72);
}
.bg-primary100 {
  background-color: #0E7EAD;
}
.bg-accent100 {
  background-color: #f8f8f8;
}
.bg-light-accent100 {
  background-color: #f1f7fa;
}
.bg-light-primary100 {
  background-color: #ffffff;
}

.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-color: #0E7EAD;
}
@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%;

margin: 15px 0;
}
@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-left p,
.section-heading.text-right 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: #111111;
}
.section-heading.heading-light h1,
.section-heading.heading-light h2,
.section-heading.heading-light h3,
.section-heading.heading-light h4 {
  color: #ffffff;
}
.section-heading.heading-light p {
  color: #ffffff;
}
.heading-layout1 {
  margin-bottom: 25px;
  text-align: center;
  position: relative;
}

/*
.heading-layout1 h2:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 45px;



  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}
*/



.heading-layout1 .bar {
height: 4px;
width: 85px;
background: linear-gradient(to right top, #e5bb72, #e5bb72, #e5bb72, #e5bb72, #e5bb72);
background: linear-gradient( to left , #8fbb3d , #67a81d);
background: linear-gradient(to left, #26abe2, #0E7EAD);
background: linear-gradient(to left, #f68a21, #ffc60c);
position: relative;
border-radius: 5px;
overflow: hidden;
margin: auto;
}


.heading-layout1 .bar:before { 
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 8px;
background: #fff;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;
animation-name: MOVE-BG;
}




@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-85px)
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-85px);
        transform: translateX(-85px)
    }
}



.heading-layout1 h2,
.heading-layout1 h3 {
  font-size: 22px;
  text-transform: capitalize;  position: relative;margin-bottom: 12px;
}
.heading-layout1 p {
	font-family: "Roboto";
}
.text-left.heading-layout1:after {
  left: inherit;
  margin: 0;
}
.heading-light.heading-layout1:after,
.heading-light.heading-layout5:after {
  background-color: #ffffff;
}
.heading-layout2 {
  margin-bottom: 75px;
}
.heading-layout2 h2 {
  font-size: 4rem;
  
  text-transform: capitalize;
}
.heading-layout2 p {
	font-family: "Roboto";
  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 {
  
  text-transform: capitalize;
}
.heading-layout3 p {
	font-family: "Roboto";
}
.heading-layout4 {
  margin-bottom: 40px;
}
.heading-layout4 h2 {
  font-size: 4rem;
  
  text-transform: capitalize;
}
.heading-layout4 p {
	font-family: "Roboto";
  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-color: #0E7EAD;
  right: 0;
  bottom: -20px;
}
.heading-layout5 h2,
.heading-layout5 h3 {
  
  text-transform: capitalize;
  margin-bottom: 10px;
}
.heading-layout5 p {
	font-family: "Roboto";
}
/*=======================================================================
[04] Header Area Style
=========================================================================*/


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


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

color: #474948;

}

.top-bar-border-bottom {

position: relative;

border-bottom: 1px solid #eee;

    border-bottom-color: rgb(238, 238, 238);

border-bottom-color: rgb(238, 238, 238);

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 #0E7EAD;
  background-color: #ffffff;
  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: #111111;
  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: #ffffff;
  background-color: #0E7EAD;
}


.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 #0E7EAD;
  background-color: #ffffff;
  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: #111111;
  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: #ffffff;
  background-color: #0E7EAD;
}
.template-main-menu nav > ul > li .third-level {
  border-top: 1px solid #0E7EAD;
  background-color: #ffffff;
  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: #111111;
  padding: 12px 15px;
  display: block;
}
.template-main-menu nav > ul > li .third-level li a:hover {
  color: #ffffff;
  background-color: #0E7EAD;
}
.template-main-menu nav > ul > li .template-mega-menu {
  background-color: rgba(255, 255, 255, 0.97);
  border-top: 1px solid #0E7EAD;
  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;
  
  color: #111111;
  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: #111111;
  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: #444444;
  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: #0E7EAD;
  padding: 5px 15px 5px 35px;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a:hover i {
  color: #0E7EAD;
  animation: toRightFromLeft10 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";
  
  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: #111111;
  -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: #ffffff;
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 right, #f9f9fb 0%,#fff 100%);
background: linear-gradient(to right, #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: #111111;
}
@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: #0E7EAD;background:#ddd;
}


.header-menu-layout1 .template-main-menu nav > ul > li.current > a {
background:#0E7EAD;
color:#fff;
}
/*
.header-menu-layout2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 101px 0 auto;
  z-index: 100;
  background-color: #ffffff;
  -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: #111111;
}
.header-menu-layout2 .template-main-menu nav > ul > li > a:hover {
  animation: toBottomFromTop10 0.3s forwards;
  color: #0E7EAD;
}
.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: #ffffff;
}
@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: #e3e3e3;
}
.header-menu-layout4 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 51px 0 auto;
  z-index: 100;
  background-color: #ffffff;
}
.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: #111111;
}
@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: #0E7EAD;
}*/
.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: #ffffff;
  background-color: #0E7EAD;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid;
  border-color: #0E7EAD;
  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: #0E7EAD;
}
.header-action-items-layout1 ul .action-items-light-btn {
  font-size: 14px;
  display: inline-block;
  padding: 9px 15px;
  color: #ffffff;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid;
  border-color: #ffffff;
  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: #ffffff;
  color: #0E7EAD;
}
.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-color: #0E7EAD;
  color: #ffffff;
  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-color: #0E7EAD;
}
.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;
  
}
.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: #fff;

border: 1px solid #0E7EAD;

}
@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: #ffffff;
  -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;
  
}
.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: #111111;
}
@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: #444444;
  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-color: #0E7EAD;
  color: #ffffff;
  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: #ffffff;
  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: #ffffff;
  color: #0E7EAD;
  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 #0E7EAD;
  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: #111111;
  -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: #111111;
  -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: #0E7EAD;
}
.cart-items .cart-item .cart-title span {
  display: block;
  font-size: 14px;
}
.cart-items .cart-item .cart-trash a {
  color: #111111;
}
.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: #0E7EAD;
  background-color: #0E7EAD;
  color: #ffffff;
  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: #0E7EAD;
}
.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: #fff;

border-left: 1px solid #eee;
}
.header-contact-layout1 ul li i {
  margin-left: 10px;
  color: #fff;
}
.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: #444444;
  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: #0E7EAD;
  font-size: 26px;
}
.header-contact-layout2 ul li .media .media-body {
  color: #111111;
}
.header-contact-layout2 ul li .media .media-body .title {
  
  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: #ffffff;
}
.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: #fff;
  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-color: #0E7EAD;
}
.header-social-layout1 li a:hover {
  color: #0E7EAD;

}
.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: #ffffff;
  -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: #e3e3e3;
}
.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: #111111;
  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: #0E7EAD;
}
.mean-container .mean-nav > ul li:hover > a {
  color: #0E7EAD;
  background-color: #ffffff;
}
.mean-container .mean-nav > ul li li a {
  color: #111111;
  opacity: 1;
  font-weight: 400;
  padding: 0.5em 10%;
}
.mean-container .mean-nav > ul li li a:hover {
  background-color: #ffffff;
}
.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-color: #0E7EAD;
}
@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: #ffffff;
  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: #ffffff;
}
@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;
  
}
.call-to-action-box-layout2 .item-btn {
  border: 1px solid;
  border-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-transform: initial;
  color: #ffffff;
  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: #ffffff;
  color: #0E7EAD;
}
.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, left top, right top, from(#0E7EAD), to(#0E7EAD));
  background: -webkit-linear-gradient(left, #0E7EAD, #0E7EAD);
  background: -o-linear-gradient(left, #0E7EAD, #0E7EAD);
  background: linear-gradient(to right, #0E7EAD, #0E7EAD);
  color: #ffffff;
  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-color: #0E7EAD;
  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: #ffffff;
  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: #111111;
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: #111111;
  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: #0E7EAD;
  -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: #0E7EAD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #0E7EAD;
  text-transform: initial;
  color: #ffffff;
  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: #0E7EAD;
}
.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: #0E7EAD;
  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: #111111;
  text-transform: capitalize;
  
  margin-bottom: 10px;
}

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

.blog-box-layout5 {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(208, 208, 208, 0.75);
  -moz-box-shadow: 0px 1px 0px 0px rgba(208, 208, 208, 0.75);
  box-shadow: 0px 1px 0px 0px rgba(208, 208, 208, 0.75);
  background-color: #ffffff;
  -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 {
  -webkit-box-shadow: 0px 2px 30px 0px rgba(208, 208, 208, 0.75);
  -moz-box-shadow: 0px 2px 30px 0px rgba(208, 208, 208, 0.75);
  box-shadow: 0px 2px 30px 0px rgba(208, 208, 208, 0.75);
}
.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: #000c;
  top: 25px;
  right: 25px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  line-height: 20px;
  color: #ffffff;
}
.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;min-height: 72px;
  -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: 15px;
margin-bottom: 10px;
}
.blog-box-layout5 .item-content .item-title a {
  color: #111111;
  -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 {
  color: #0E7EAD;
}
.blog-box-layout5 .item-content .post-actions-wrapper ul li {
  color: #0E7EAD;
  font-size: 15px;
  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: #0E7EAD;
}
.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-right: 10px;
}








/*=======================================================================
[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;

padding: 8px;
background: #fff;
border: 1px dashed #ddd;text-align: center;


}
.departments-box-layout1 .item-img img {
  width: auto;
height: 250px;margin: 0 auto;
transition: all ease-in-out 0.4s;
}
.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: #ffffff;
  color: #ffffff;
  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: #ffffff;
  color: #0E7EAD;
}
.departments-box-layout1 .item-content {
  text-align: center;
  padding: 20px;
  background-color: #f8f8f8;
  -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: #111111;
  -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: #0E7EAD;
}
.departments-box-layout1 .item-content .department-info li {
  color: #444444;
}
.departments-box-layout1 .item-content .department-info li i {
  color: #0E7EAD;
  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: #111111;
}
.departments-box-layout1:hover {
  -webkit-box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75);
  -moz-box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75);
  box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75);
}
.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";
  
  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: #ffffff;
  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 {
  
  color: #111111;
}
.single-departments-box-layout1 .item-content .sub-title {
  font-size: 24px;
  color: #111111;
  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-size: 10px;
  right: 0;
  top: 2px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  z-index: 1;
  border-radius: 50%;
  background-color: #0E7EAD;
  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: 15px;
  color: #111111;
  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: #ffffff;
}
.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;
  
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-title a {
  color: #111111;
  -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: #0E7EAD;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body span {
  font-size: 16px;
  margin-bottom: 20px;
  	font-family: "Roboto";
  display: block;
}
.single-departments-box-layout1 .item-content .item-specialist .media-body .item-btn {
  border: 1px solid #0E7EAD;
  font-size: 14px;
  font-weight: 500;
  color: #0E7EAD;
  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: #ffffff;
  background-color: #0E7EAD;
}


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

.footer-box p {
color:#fff;
}

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


.footer-logo img {

}

.footer-box .footer-about {
  font-size: 15px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-about {
    font-size: 16px;
  }
}
.footer-box .footer-about p {
  color: #e3e3e3;
}
.footer-box .footer-contact-info {
  margin-bottom: 32px;
}
.footer-box .footer-contact-info li {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 15px;
  position: relative;
  padding-right: 30px;direction: ltr;
}
@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;font-family: english;
}
.footer-box .footer-contact-info li i {
  font-size: 16px;
  color: #ffffff;

  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: #ffffff;
  -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: #0E7EAD;
}
.footer-box .footer-header {
  position: relative;
}
.footer-box .footer-header:after {
  content: "";
  width: 50px;
  height: 4px;
      background: linear-gradient(to left, #f68a21, #ffc60c);
  bottom: 0;
  right: 0;
  position: absolute;
}
.footer-box .footer-header h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .footer-box .footer-header h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-box .footer-header h3 {
    font-size: 18px;padding-bottom: 13px;
margin-bottom: 13px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-box .footer-header h3 {
    font-size: 18px;padding-bottom: 13px;
margin-bottom: 13px;
  }
}
.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: 15px;
  color: #e3e3e3;
  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: #0E7EAD;
}
.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: 15px;
  color: #e3e3e3;
  -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: #0E7EAD;
}
.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: #ffffff;
  -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: #0E7EAD;
}
.footer-box .footer-opening-hours li {
  font-size: 15px;
  color: #e3e3e3;
  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: #0E7EAD;
}
.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: #ffffff;
}
.footer-center-wrap .footer-social ul li a {
  padding: 10px 5px;
  color: #ffffff;
  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: #0E7EAD;
}
.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: #ffffff;
  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;
}
.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;
font-size: 15px;
color: #444444;
height: 50px;
width: 90%;
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:focus,
.newsletter-form .stylish-input-group:focus,
.newsletter-form .stylish-input-group .input-group-addon button:focus {
  outline: none;
outline: 0 !important;

box-shadow: none !important;
}





.newsletter-form .stylish-input-group .input-group-addon button {
border-radius: 30px 0 0 30px;

  cursor: pointer;

  border: 0;



height: 50px;


background: #0E7EAD;

text-align: center;

display: inline-block;

padding: 0 10px;
background: linear-gradient(to left, #26abe2, #0E7EAD);
}
.newsletter-form .stylish-input-group .input-group-addon button span {
  color: #ffffff;
  text-align: center;
  font-size: 14px;

  text-transform: capitalize;
}
.newsletter-form .stylish-input-group .input-group-addon button:focus {
  outline: none;
}
.newsletter-form .stylish-input-group .input-group-addon:hover button {
background: #0E7EAD;
}
.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: 14px;
}
.newsletter-form .stylish-input-group input.form-control::-moz-placeholder,
.newsletter-form .stylish-input-group textarea.form-control::-moz-placeholder {
  color: #5a5a5a;
  font-size: 14px;
}
.newsletter-form .stylish-input-group input.form-control:-moz-placeholder,
.newsletter-form .stylish-input-group textarea.form-control:-moz-placeholder {
  color: #5a5a5a;
  font-size: 14px;
}
.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: 14px;
}
.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;
}

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

.footer-bottom-wrap .copyright a {
  color: #ffffff;
  -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 .copyright a:hover {
  color: #0E7EAD;
}


/*=======================================================================
[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: #111111;
}
.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: #ffffff;
  text-transform: capitalize;
  font-weight: 500;
}
.progress-box-layout2 p {
  color: #ffffff;
  font-size: 24px;
}


/*=======================================================================
[29] Button Style
=========================================================================*/
.isotop-btn {
  text-align: center;
  margin-bottom: 45px;
}
.isotop-btn:after {
  display: none;
}
.isotop-btn a {
  background-color: #ffffff;
  color: #444444;
  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-color: #0E7EAD;
  color: #ffffff;
}
.isotop-btn .current {
  background-color: #0E7EAD;
  color: #ffffff;
}
.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: #ffffff;
}
.play-btn:hover i {
  opacity: 0.6;
}
.blog-btn {
  margin-top: 40px;
  border-radius: 4px;
  padding: 16px 30px;
  color: #111111;
  background-color: #ffffff;
  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: #0E7EAD;
  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-color: #0E7EAD;
  color: #ffffff;
}
.blog-btn:hover i {
  color: #ffffff;
}
.loadmore-layout1 {
  text-align: center;
}
.loadmore-layout1 .item-btn {
  padding: 12px 22px;
  font-size: 15px;
  border: 1px solid;
  border-color: #0E7EAD;
  color: #0E7EAD;
  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: linear-gradient(to left, #0E7EAD, #0E7EAD);
  color: #ffffff;
}


.loadmore {
margin-top:20px
}

/*=======================================================================
[30] ScrollUp Style
=========================================================================*/
.scrollUp {
  overflow: hidden;
  position: fixed;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 45px;
  bottom: -50px;
  right: 20px;
  text-align: center;
  z-index: 9999;
  background-color: #0E7EAD;
  display: block;
  font-size: 16px;
  color: #ffffff;
  -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);
background: linear-gradient(to left, #26abe2, #0E7EAD);
}
.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: #ffffff;
background: linear-gradient(to left, #0E7EAD, #0E7EAD);
}
.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 toRightFromLeft10 {
  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;
	font-family: "gess";
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;
}




/*
Hero slider style
==========================*/


.d-table {width: 100%;height: 100%;display: table;}
.d-tablecell {display: table-cell;vertical-align: middle;}
.custom-btn1 {background-color: #0E7EAD;color: #fff;border: 1px solid #0E7EAD;display: inline-block;padding: 12px 30px;text-transform: uppercase;border-radius: 30px;text-decoration: none;}
.custom-btn1:hover {background-color: transparent;text-decoration: none;color: #fff;}

/*
Hero slider style
==========================*/
.hero-slider {position: relative;}
.single-hs-item {height: 500px;background-size: 100% 100%;background-position: center center;position: relative;}

/*
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;right: 0;top: 0;background-color: #0000004d;opacity: .6;}

*/

.hero-text {

width: 46%;

float: left;

position: relative;

padding: 50px;

margin-left: 50px;


}
.hero-text h1 {

margin: 0;





font-size: 62px;
color: rgb(19, 9, 71);


}
.hero-text p {

line-height: 20px;
font-size: 18px;
margin: 0px;
color: rgb(109, 122, 140);

}


.hero-text img{ 
width:200px;
}

.hero-slider .owl-item.active h1 {-webkit-animation: 1s .3s bounceInLeft both;}
.hero-slider .owl-item.active p {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}



.hero-text .owl-item.active p:nth-child(2) { 

-webkit-animation: 1.3s .6s fadeInUp both !important;animation: 1.3s .6s  fadeInUp both !important;

}

.hero-text .owl-item.active p:nth-child(3) { 

-webkit-animation: 1.6s .9s fadeInUp both !important;animation: 1.6s .9s  fadeInUp both !important;

}



.hero-text .owl-item.active p:nth-child(4) { 

-webkit-animation: 1.9s 1.2s fadeInUp both !important;animation: 1.9s 1.2s fadeInUp both !important;

}

/*
.x-le {

float: right
}
*/


.slide-progress {
  width: 0;
  max-width: 100%;
  height: 4px;
  background: #7fc242;
}


.hero-slider .owl-item.active .slider-btn {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.owl-carousel .owl-nav button.owl-prev {background-color: #3d3d3d;position: absolute;right: 0;top: 50%;
color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;}
.owl-carousel .owl-nav button.owl-next {background-color: #3d3d3d;position: absolute;left: 0;top: 50%;color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;
}
.owl-theme .owl-nav {margin-top: 0;}
.owl-dots {position: absolute;right: 0;left: 0; bottom: 20px; display: none !important;}
.owl-theme .owl-dots .owl-dot span {width: 11px;height: 20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #3d3d3d;}

@media only screen and (max-width: 600px) {
    .single-hs-item {
        height: 300px;
    }
    .hero-text h1 {
        font-size: 30px;
    }
    .hero-text p {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .owl-carousel .owl-nav button.owl-next {
        top: auto;
        margin: 0;
        bottom: 0px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        top: auto;
        margin: 0;
        bottom: 0px;
    }
    .owl-dots {
        bottom: 10px;
        right: 50px;
        left: 50px;
    }
}

.name-prod {
border-top: 1px solid #cfcfcf;
padding: 15px;
text-align: center;
z-index: 2;
width: 100%;
background: #fff;
margin-top: 5px;
}

.name-prod h2 {
color: #333;
font-size: 15px;
font-weight: normal;
height: 36px;
overflow: hidden;
display: grid;
align-items: center;
 }




.th-social {
float: left
}



.hero-slider .owl-nav {
position: absolute;
top: 50%;width: 100%;
}


.hero-slider .owl-nav > div {

    border-radius: 0 !important;
    width: 45px;
    height: 56px;
    line-height: 55px;
    font-size: 25px !important;
    text-align: center;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0E7EAD !important;
}


.hero-slider .owl-nav .owl-prev {
position: absolute;

right: 0;
}	


.hero-slider .owl-nav .owl-next { 
position: absolute;

left: 0;
}



#header_1 {
position: relative;
z-index: 9;
}


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



/*================================================
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: #0E7EAD;
  font-size: 15px;

}

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

}

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

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




.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: #0E7EAD4d;
  color: #0E7EAD;
  -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-color: #0E7EAD;
  color: #ffffff;
}

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



.about-four__content ul li {
  margin-bottom: 16px; 
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%;
    background: linear-gradient(to left, #26abe2, #188ab9);  
    color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 13px;
  position: absolute;



}




.about-four__content ul li:hover:before {
  background-color: #0E7EAD;
  color: #ffffff;
}

.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;
}




@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;
}

 }




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



.serv-slider .owl-nav > div,
.nav-control-layout4 .owl-controls .owl-nav > div {
  color: #ddd;
  border: 1px solid #ddd;
  background: transparent;


  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;
}
@media only screen and (max-width: 1199px) {
  .nav-control-layout4 .owl-controls .owl-nav > div {
    height: 44px;
    width: 44px;
    font-size: 15px;
  }
}
@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;
  }
}



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


.serv-slider .owl-nav .owl-prev:hover,
.nav-control-layout4 .owl-controls .owl-prev:hover {
  background: #0E7EAD;
  color: #ffffff;
  -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;
}



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


.serv-slider .owl-nav .owl-next:hover,
.nav-control-layout4 .owl-controls .owl-next:hover {
  background: #0E7EAD;
  color: #ffffff;
  -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;
}

.nav-control-layout4:hover .owl-controls .owl-prev {
  opacity: 1;
  visibility: visible;
}
.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; }

#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;
}

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

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

#top-social li a {
	float: none;
	width: 40px;
	font-weight: bold;
	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-left-color: rgba(255,255,255,0.1); }

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

.top-links li:hover {
	background-color: #ddd;

}



.top-links li > a:hover {
color:#30355d;
}


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

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

}

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






.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 ************/


.fright {
float: left;
}

.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: #666;
}

.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 0 43px 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; }

#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: #0E7EAD; }

#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;

	margin-top: 0 !important;

}

#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: #555;
	opacity: 1;
	text-transform: uppercase;
}
#top-search form input:-ms-input-placeholder {
	color: #555;
	text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
	color: #555;
	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 0 43px 15px;

}


.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: #fff;
    display: block;
    font-size: 22px;
    
    line-height: 50px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.illustration-v3 span.product-amount
{
    color: #ddd;
    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:hover {
  color: #0E7EAD;
  border-color: #0E7EAD;
}

*/


.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: #0E7EAD;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #56B4D3, #0E7EAD);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #26abe2, #0E7EAD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


background: linear-gradient(to left, #26abe2, #0E7EAD);

padding: 10px 20px;

margin-top: 10px;

border-radius: 25px;

overflow: hidden;

}
.service-two-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #30475e;
  -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 {
color: #0E7EAD;
box-shadow: 0 9px 35px 0 rgba(26,47,106,.07);
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;
}

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



.vc_custom_heading {

    font-size: 13px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #0E7EAD;
    text-transform: uppercase;
    
    font-style: normal;margin-bottom: 0;
}


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

.tot-viso {
text-transform: capitalize;

font-size: 17px !important;
}


.ipi-videos {

border: 1px dashed #e7e7e7;
padding: 8px !important;
background: linear-gradient(to right, #f5f5f5 , #f9f9fb);
}


.about-four {
padding: 50px 0;
}

.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__content {
  padding-left: 80px;
}

.about-four__title {

margin-bottom: 20px;
font-size: 30px;
line-height: 27px;
color: #000;
text-transform: none;
font-weight: 300;
font-style: normal;
}

.about-four__sub-title {
  margin: 0;
  color: #26ABE2;
  font-size: 14px;
  margin-bottom: 8px;
}

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

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




/*=======================================================================
[11] Brand Area Style
=========================================================================*/
.brand-wrap-layout2 {
  padding: 35px 0;
}
.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: #ffffff;
  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 #ddd;
padding: 3px;
}


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


.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;
right: 17px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 40px;
text-align: center;
z-index: 99999;
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;
right: 17px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 40px;
text-align: center;
z-index: 99999;
cursor: pointer;
border-radius: 3px;
background: #900;
-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:#f00;

}


.phone-icon:hover{
	color:#f00;
	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;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABEsAAABkCAMAAABJs065AAAC7lBMVEWds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds8+ds89H4/rfAAAA+XRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKy0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVpbXF1eX2FiY2RlZmdoaWprbG1ub3BxcnN0dnh5ent8fX5/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2+v8DCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f40yWnYAAAIsklEQVQYGe3BaXiU1QEF4DPJZA+ZkJBAsIRFQTAG0CCVRaFCylahiIaipaKyqoigUFroghZbCzFIieKGRaUuZalFrQiuVTAgigqComhZZFEgEpjk/Ov9Q5/eaX0cIDNzv5nzvhAREZEzkI1QbVbseCgftpI3al8+GyF6TewGERGjx0esKYFtI8kVsPjeJ/k6bDNJTkaI7NIMiEhc81019yofLMmfkfwnLPk0amEJ0KiHJfUbkntgG/Q19/WCiMSz+STvhKUljVpY/HtJvg3bFpJvwJJyjGQtLMl7SW5GiLP6NIWIeFPhgGLYMoMkD8OStJXkStjK93DnhbB13shX28FWSfIPsDSlcRy2m+t5sAdExIsGHuGJSbCk1ZHcDVvHdfueLkSIlOJkhME3ev4oH2xrSS6HJaeO5NsQES/aRrI2E5ZZZMN4RFb+n9YvyoGlLY3dsLWqfPJKiIhbsvqVIsQBGoWw9ZnSHTHwOsm7YcnYSfJaiIhL2u4iH4ZtIcm/ww2BP77w81RYLqOxDiLikodolMGSMnX57CZwVimNZbDljp9UCBGJmedoDIanVJJ7SmAp3EV+0QIiEhWFt995HmwjSX6WBW/pWB6AbQqNGRCRaGjyMXm0C2wVKyrbwvNupfFLiEg0jKaxCPGo4HPyQBvYRj0yMwfeklmaARHnXUXjHsSlwikzi2GbRPIVH7yk95c80B8ibklumw5bxjvk7vZIFO/Q6Awv2UbyXz6IuKTkE349FLaMn97QAgnjJRrt4CV1NJpAxCWvkTyUjgTW6zB5D0K0OBcO+wvJVyHilC9pFCGRtby6N0L8+gTfLISzcu5997EWEHHKUpIbIZbONKogIt8mtQAhAtXvP9EKYhlCYw1E5FtMOMwXA5Dvkref5C0Qkf+vYwPJuyDfqfOKt6Ynw5bcKgXumvLRW8MhEiXDaTwLOR3nb+eeAXDVFSSDXSASHa2OkZwKOR2vkdyXAkctoDENIlHSf9POOcmQ07GHRis4aiyNYRCJhOa3Tm0GaSxLSH6YBEclL64PVvkgEgGt95Kf5kEaSfaibavPgbvyciESEb+hMQESQefNGJMBkTh3B43xkMi56Ci5IR0i8a3dfnJHLiRyltAYAkd1euubl9pB5My1mj4hFxJBD9IYCke9R/I1iJyi4ptHZ0Ciq8sRclMq3JRBoz4ZIqfkwiPkBj8kutrcNjEbrtpEcgNETs2fafSHxFzG4J4+OKHkjfqNJRA5NctoDIDEWtEOcrUfbkiCyKm6pI7c4IfE2u9oXAERz+r8q/HZkJi7n8YkOCr96gnFEPkvzbMgTupRRx4qgpv8r5JHLoDISQVrWXsTxEk9HqjuBEddSuNxiJxUTTLYBiKnph+NpyFy0joa/SEe0X/RrHy4wP8meaIfRE6aRXJ/AOINlzeQW9Pggoxxd3aDyH+kzvtoTRnEI5bTGAgRkTPyKI0+cFRyv/I0SGK4dP7Pm0K8q9N+crUPbkp9hfwgH5IIhjWQm/wQ78qtGJAER11DYzYkEayj0QMikTCRRhUkEaykcT4krpSNLYUTig6RwYshiaDnUfIxSFyZTNaPhRPOrXq4LyQxtL62rw8ST3yHSB7wQSSCsiBxz3+M5PFUOKrDvOoLIB4XWFW/50pIvLub5CI4qtlesq4bxNsWkqwtgMS5pFFVY5PhqOtoLIR423oaPSESO8Np3AXxtntJHgpAJHZSXiF3tYZ4W/bjX2/qC0lAPZ947CK4wT+4Igci4kmd6si6rnBW75EFEHcNXTAtEyLG7TTmwFUPkl+VQVx1E8nVEDGuo3EjHNWJxiqIqz6k0QYiQPpLZE02HNWNxusQV9WQDBZAxEjq1dcPV/nXkxwDcdXQIDkXIu4LzFg8AuKuc8d0h4hHDZv3sxRIDFx0UxlEwpc+btbFcNdtJJdAou8XJCdCJGzPkw0/gbN2kWwogERbZh3JzyESrg403oaztpKsz4dEW6Ce5EGIhKu4gWQNnFURJCsh0fcwydkQCdsDZLAC7uo0uRyhunaFRFrK9fN+7INI2HwDbu0GT0lZSa7LhjSitvMf6guRBFNBYwqk8eTtJoOXQCSx3ELjHkjjGU1jMUQSy9m1ZMMPII1nOI25EGlc7dfse6oADuv+5AvDEKLk+j6Q05Wyhvy4CCKNaxPJv8FbBp0gKyFhaX/dJQiR1G9wOkQaVy6NOnjLepINRZAwDK4jqyASeTtJ1sBb3qHRHhKGGpL1zSEScWXbub0rvGUcyTUIkdIS8r920PgeRCIvqcAHrymvvDEDtisP8t1zIKGmknwGIhKmnCMkVyHBDXn+xYEIMWLBhDSISJjOo/EZElvPejJ4PkTk9KXsJFkNm6/35dlIIL+nMQMicgY6PLvtvkxYfH8lv2iPxHELjZEQkcbVm8Z9iFOXrd083QdL5jryaT9EpHH9iMZKhAgUIR60/obkGNh8JedARBpb5g6SI2CbW89VGfC+a2g8BRGJgqI7Hh0CW18a0+ExrRc+OQK2i2nMhojExjgaS2DLHj+tLRyW+wXJEbDNOcF/NIGIxEbH4yRHw5K1hTxcCld0vjQNtuE0ViBETkuISMwMfnnLVNgqaFTD5q+Y3A4x4FtGbm0JS28aD0BE3HY1jSpY/GvJo90RYS1vm1EM2yAa82HxLSU/aQcRcVvWB+SREljKaSyF7bIPj69shhDZpWkIx1mTRqbB1nw3efBsWK6l8QhCdCnPhIi4LnD9tNawDaKxApacr0g+DtsP9/PgQNjylgff7wNbhwNkTTosU2jMgaXFXrKhHCISH1I3k8E+sHShsR22XSR3wbaY5P4sWO6jMQyWqTRuh63jomUDISLxInDjb8tgy9xLciksaQ0kG9Jg2UzjQlgeoTEKloJPyZ0FEJEE03PL0aeawfYcyedgu5/kVzmwfP8YuTULttwbbmgKEREgr3r9glzY8p6pe68fQpTOnJYPERERCcO/AfD5Vawchf5yAAAAAElFTkSuQmCC);
            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: #fff;
            
            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-color: #0E7EAD;
            -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: #fff;
            -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-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABBUAAABACAMAAAByU79iAAABGlBMVEUWIXH///8WIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXEWIXGfA3ciAAAAXnRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltc5CT6XQAADQ1JREFUGBntwQlbGmfDBeDDDMMqKEgAxajEDVFx16hR4xJN3Y2iLHP+/9/4zjPmon2/tmnaaIL63Dcs629Fsy4CzvhiCYHE1umKB6Pn4P4oDSOx3zzth+Ft1E/yCFQON9MIpKsTHh54EVjdKtQBywrEU3iQ3jwYQ2DO53UKxkeSFRgnJHdgHJM8h7FH8osDWSN570GmSd5EINkmeRaGuDu+v4RA7+piGlZXCXXAes0i49M9CCz7PI5BIrckJyApn+Q2JEm5hMQpTYhDIwK5oyQhl5Q3kE+UQcgWZRgyTRmE9DbJZhpGtXG/hAe5Nw6sXybUAev16V/fyMGIXpH3KUiesgQZphxAipQTSJJyBnHuSJ7DOCN5AWOf5BcHsk2yEYVsULKQDcoo5D1lGjJPqUEKlHcwPpLnMRjOyEQC1k8W6oD1WhR2dwoweptkOwuZoqxCxii7kBxlHeLdkJyBsUG238J42+TtGxiZU/88AyN52Dzph5E45s0QjOQFuQwj0yTPwpBRkn4WMk2pQqqUdUiJsgRxj8m7Phju2HQK1k8R6oD1smXX1jIwMm3S74fUKMuQScoSJNkkWYaxTl4lYKS2jqsOAoMTvXjg9Tr4ysGfhfGVm03gQWp2MoLA9PnpCIzoJXkegRQo7yBjlA3IMGUD4h6TjRwChZEorCcU6oD1EoWHhz0YfU2ymYbUKAuQKUoVEv1C3qVgvDk8msCD9BsXTy08NBRGYLpeX4ARvyc5CBmhbENKlB0Yu+RtLwJeHNbjC3XAeoGil+RlFFKjzEEqlAokfEyeRGDEKjNJdIveze0SjPA52S5Chii7kAJlC0a1xcMorMcW6oD1ckzd3M7DmKFMQyqUCiR8SB6GYTj5ARfdLDq9mIXhnpDtAUiJcgDJUJZh9G19HIX1SEIdsJ47p/jWg1GglCE1Sg0SvSBPIwjk+vHseJW5DIzwJckRyDDlEBK7I1lGIJmG9WNCHbCeOfcTeZOCzFHWIOkGeZ+CES6VXLwEsfn1ARjxBslZyChlF8YKeRSB9SNCHbCeJ29qIQtjhLIGGaSUYfSuLKbxUuWPzxcdSJ6yBilS5mFEJytxWP9BqAPWs+SckH4JMk7ZgDHXaC3hNVknr5KQCco2JHpF3qZg/XuhDljPiVNeGIBRpOxBYrdku4jXKV0Iw0g2SY5AKpQlGNmVxR5Y3y3UAes5+UByClKk7MDoWX6fx2v3Zu/zJIwpyjIk0yLrCVjfK9QB6xmIvU3DSFAuIc4R2czB+v9iN2QjDVmhTMPILlQisP5BqANW9yu16E9DEpRzGG65koL1Z7HKXApGjTIOGfDJUwfWt4U6YHW/S5LNMGST9EdgfY/4FXnmQT5SSjASQ0lYfy3UAatr1S4+D8JoUGIwhqr9sL6PNzoShrFNKUJKLfpTsP5SqANWt6qSbCYhqyT3YP1X2QZ57EDOSDbDsP5KqANWt8nkXRgHlGGIO70zF4b1nyWnyi6MOiUBic3MpWD9UagDVndxdsmzGGSVpN8L6xEtkTyGRK7JRgbWH4Q6YHWXUUoNEjliYwrWY3KmdhejkDHKGqw/CHXA6g5DtSKMacp7BBJhWE9jlLIKI/G2F5aEOmB1hTWSFUiqSfoFWE8rfErepyEDTfo1vHLuZgpWt4n6JK9h5LZ3B2A9tXC5koTxmaQfx+t2yPqwA6s7FNfmopA45QrWz3dJSeNVm6Z8jMHqBiMkTx3IJslxWD/fHMnPMN7VW5thvEZTTcp1CVYXOKbkIc5I7Q2sX6H8YSEKSfskF/Aq5c5oLDuwfpXU0nIvjH1KP6xuMEo5xOvkrdGoF2D9GvF7spGC5JvkFqyukGyRnIcxsb+RwuviDlxSmvMRWL/CFGUORnKsAKtLDF02N8OQKZI3Hl6Z2FabchSH9fN4tZ1pB1KmTMHqVgeUIbw6Yw0aVVg/zT7JFUj4hDyLwOpWG5QsxB1fHsSLF1k+WvIg6X2KX4P1k8QpdRjOYMmF1bWSl+QajC2S03jpDkhuI3BN8sqB9cSmj7dSkEib5BmsZ8B9k4YRpdzgpXIR8CgtGNOULKwnNkfy2oVUfTYHYD0jEZ/kFYxoZSaJFyW2z5sSxLkjeQFJtUjOwnpqp5QcjPRQFNazskhyHBK9Iu/TeEm2STYjkHKL90XIOclzWE+ldlevwtgn2Y7Dep4KlRyMCcoKXoBUdcKDcUXphxHLeZB5ks04rCcyShmA9H1huwLrmRunrMIobi4m8Gz1N8jzMGSLZN3D73KUcViPrfDWg7FKmYURzsZhPXeRC7LRCxki+SWC5yYaRWCTMgKJ7N6f5vC78C3JI1iPzNknb1KQcUoB1ovhTVSTMHYoZTwv7hb9NRhblLf4C+uUCKxHVqKswVhu3k3DeoHWKIOQ2F7rNI9nYZIyAsk1yTMXf1aglGA9ktynm/ceZIyyDeslS92QBw5km2Q9jC5WuakvwFilzMLorU14+LPoHcltWI/EuyO5DIndkn4B1ovmDRcdGFeUDIzychndp0gZhZRI+v34hhrJ+yisH+PNfpiEkaecwkitvs/DeiV2SN57kEWSa+gW0/XGqgOpUVZhTJyejOCbZpvMwfpBn0jOQxJtkpuwXpvYnn89CKNB0g/DyE1m8Wv05xwYA5R3kLeUUXyn1CQ6kgd3n9KwvlO4ujEGo4dyDWP8nkdxWK/XHclWGDJDcgq/gLNPnkQgs5Q1GAvN5iK+W6gDRyTPERhbr7iwvukjyRok7pM8QcCJwnrNJkjOQ5wGyYYDccbXynhyxY+7RRhlyhykQBnDvxfqQJsSg9RI7iLQU+6H9bv45m+rEUiccgtjnmwOwrIkO5WH4bZJtlzIKsk1PIg6eFSJylgERs4n2/2QWcoyjOrdXQ3/QagDn0lew6hTYpBSi1xBwMlG8WpFMi4CJyS3IZEWySsE+oZjsKz/sURyDeK0SLZdSO8564P4cYnxERdGqk5eRiCLlAVIb5v0c/gRoQ70nfAyD+OCZMuD/EbSj0PSl2xP4UHEwesy2uRNBpKkNGDMke0RWNbfKK+OOTDuSTZdyBHJugvxtprXQwi4A3kHf89J4qvy1pwHo79BHjqQVco4ZJIyASO/s1vEDwl1APDwYLhFzsG4pKQguyTbcUjsgI0xPHDxgsXXD2cdSLhJ8hgSbpA8QSBbTsGy/tGkT87CuKOkISskm3FI5Jw8DsMoX90uOTCyh5erHozCLb/kYcyQPILxkVKErFMmIOFP5EEYjyPUgT9IlTMIVEkewjijvIGskvR7IO5Wuz6OB66Ll8F5N5OF4VyQXISkKDcwRpu8ycGy/oXMRA6BLZLXDuSYUoLUKGVIxic5CfFuSa5BnBuSVzAuKSnIPqUE6WuSVxEEMlk8llAH/tLIetWDsUDy1oUcUUqQGkk/A3G22q15PEj04BnKv40icED6JUgf5QrGKck1BCJZB5b1n0Q2r/d7YSyRbCUhq5QqZIqyBclTziEeDQdyStJPQIZ88tSFkapVo3h0oQ58mzP3224aRo1kMwHZo4xDKpQCxN0ldxwYzsCQh67mFEc8BHbIuz5IlnIMibZJHsHo2fptIQzLeizeh/bNMIy8TzbTkDylCom3SO7A+EzyAMZAk5xHILdU8fCEQh34Xu7SzWkRRpVkuxfynlKFTFDGIO4xeZ2EEVt4P4CuEZ+pxGG4R+R1ElKkfIDkKJ9gVNq8ycKynlRxazODwHSjteXAGGvwcxJGYvtyK4ZAYrgPP0eoA/+es3xzOQqjTNLPQRYpC5BRygokfEVyBEbxrPExhkBuPIMn52TieDB+tJ+Hkbgl6wlImbIMGabswjgi/RIC8X4XlvXTOA6+cmP4hUId+CEzXy7KMHI+6b+BTFA2IEOUPUjknuQmjBrpj8FI7Nc/9SFQWJx0EQgXMvjKC+Mbwj0OHmTKvQg403vLURjJc/ozMIZJNpKQOcosZIryHuJdkf4QDHdsLgvLesVCHXgkbw8/jcCI3ZJ+AZKn7EBylEuI1yZ5C+OQ5DmMdyQPYKSuyE0Y7obfXkRg6ra5gkC57n/wYJQbPO+FMeGT4zCWSH6G8YGk3wPZooxDapRZSLxOtvthJBbeF2BZloQ68Oh6FtfzCHwg77OQyD3JbYjnk2zAaFESkDNKFrJBeQOZogxC8pQxSLJFchnitUgeQpwGyXsYt5QeyG+UQcgSZRCSuCWvYzDSK6v9sCzrf4Q68JQKIzEEihf+XhzGBslFGMckbxzIESUF2aOMQNYoM5AqZR0yRDmC9FGuIW6LZNOBfCbZikLmSN54kNhnchWB+OREFJZl/Y1QB34yZ3x1FIH0Z17kYZTa5DaMMsnbKOQtSb8fUqCMQZItkksQ94rkexgbJNdh5O/oT8Jwqkc7vQg4mR5YlvXPQh34hVx8lZ4YchAY3tnoRaByeTaGQKV+t4TAyFVzy4PRu3exEobhTL2fdBCIFuOwLOu/CXX8H78gHgeHfnbNAAAAAElFTkSuQmCC);
            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, left top, right top, from(#0841c6), to(#05c6fb));
            background-image: -webkit-linear-gradient(left, #0841c6, #05c6fb);
            background-image: -moz-linear-gradient(left, #0841c6, #05c6fb);
            background-image: -ms-linear-gradient(left, #0841c6, #05c6fb);
            background-image: -o-linear-gradient(left, #0841c6, #05c6fb);
            background-image: linear-gradient(left, #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: #fff;
            -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:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .7);
}


.cta-home {
padding: 0;

}

.cta-box {
  padding:60px;
  color: #fff; 
  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: #ffffff;
  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: #fff;
  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;
background-color: transparent;
background: linear-gradient(to right, #f9f9fb 0%,#fff 100%);
background: linear-gradient(to right, #f9f9fb,#fff )
}
.header-navigation .container {
  background: transparent;
  position: relative;
  display: block;
}

.header-navigation .container .row {
justify-content: space-between;
}


.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 .right-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: 15px;
  color: #333;

  padding: 0;
  transition: all .4s ease;
  position: relative;
}
.header-navigation ul.navigation-box > li.current > a, .header-navigation ul.navigation-box > li:hover > a {
  color: #0E7EAD;background:#ddd;

background: #E0EAFC;

background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);

background: linear-gradient(to right, #CFDEF3, #E0EAFC);

background: linear-gradient(to right, #dadadcc9, #f9f9fb);

}


.header-navigation ul.navigation-box > li.current > a {
    background: linear-gradient(to left, #26abe2, #0E7EAD);
background: linear-gradient(to left, #26abe2, #0E7EAD);
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.right-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 > ul > li > .sub-menu > li + li,
.header-navigation ul.navigation-box > li > .sub-menu > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.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;
  transition: all .4s ease;text-transform: capitalize;


}


.header-navigation ul.navigation-box > li > .sub-menu > li > a:after {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    content: "";
width:4px;
height:100%;
    background-repeat: no-repeat;
    background-position: top left;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
background: linear-gradient(to top, #3294b5, #0E7EAD);
background: #26abe2;
}



.header-navigation ul.navigation-box > li > .sub-menu > li:hover > a {
  color: #30355d;
  background: #eee;
}
.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 {
  
  }
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.right-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(255, 255, 255, 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;
}


.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li > a:after {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    content: "";
width:4px;
height:100%;
    background-repeat: no-repeat;
    background-position: top left;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
background: linear-gradient(to top, #3294b5, #0E7EAD);
background: #26abe2;
}



.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li:hover > a {
color: #30355d;
background: #eee;
}


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

.header-navigation ul.navigation-box > li > ul > li ul {

}

.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 .left-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 .left-content a.logo-box {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 1859px) {
  .site-header.header-one .top-bar .left-content {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .left-content {
    width: auto;
    text-align: right;
  }
}
.site-header.header-one .top-bar .right-content {
  padding: 34px 0;
  padding-left: 60px;
}
@media (max-width: 1859px) {
  .site-header.header-one .top-bar .right-content {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .right-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: #fff;
  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 .right-side-box {
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.site-header.header-one .header-navigation .container .right-side-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}
.site-header.header-one .header-navigation .container .right-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 .right-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 .right-side-box .bootstrap-select > .dropdown-toggle:after {
  vertical-align: 0.1em;
  margin-right: .0em;
}
.site-header.header-one .header-navigation .container .right-side-box .bootstrap-select .dropdown-menu > li > a {
  padding-top: 0;
  padding-bottom: 0;
}
.site-header.header-one .header-navigation .container .right-side-box .quote-btn {
  display: inline-block;
  vertical-align: middle;
  background: #30355d;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  
  padding: 25.5px 122.5px;
  transition: all .4s ease;
  margin-right: 50px;
}
.site-header.header-one .header-navigation .container .right-side-box .quote-btn:hover {
  color: #0eb0ee;
  background: #fff;
}
@media (max-width: 1489px) {
  .site-header.header-one .header-navigation .container .right-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 .right-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;
}



.right-side-box a {
color: #fff;
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: #fff;
}
.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: #fff;
  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: #fff;
}
.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 .left-content p {
  padding: 14px 0;
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.site-header.header-three .top-bar .left-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: #fff;
  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: #fff;
  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 .right-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 .right-side-box .social a:hover {
  color: #fff;
  background: #30355d;
}
.site-header.header-three .header-navigation .right-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;
}

.site-header.header-four .top-bar {
  text-align: center;
  background: #30355d;
}
.site-header.header-four .top-bar .left-content p {
  padding: 10.5px 0;
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.site-header.header-four .top-bar .left-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: right;
  text-align: center;
margin-right: 30px;
}
.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 17px;
}


.logo-header {
float: right;
margin: 5px 0;
}





.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;
}
*/











/**************** 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 #DDD;
	border-radius: 0;
}

.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 10px !important;

background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #eaeaea, #f1f1f1);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #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: #0E7EAD;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #26abe2, #0E7EAD);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #26abe2, #0E7EAD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(to left, #26abe2, #0E7EAD);


}

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

.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: 10px;
position: absolute;
color: #333;
font-size: 12px;
}

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

.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:#fff;
}

.sagmenu2 .lattitu h4 {
font-size: 15px;
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;position: relative;
}





.widget_links li a {
	display: inline-block;
	padding: 10px 3px 10px 12px;
	font-size: 15px;
}




.widget_links li a {
	border: none !important;
	color: #444;

}

.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;z-index:5;
}

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

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

#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 !important;
	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: #555; text-transform: capitalize;}

.breadcrumb a:hover { color: #0E7EAD; }

.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: #fff;
border-radius: 8px;
box-shadow: 0px 1px 15px #d2d2d2;border: 10px solid #fff;
}

.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: #0E7EAD; }

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

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

.product-price ins {
	text-decoration: none;
	color: #0E7EAD;
}

.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: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sale-flash {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 6px 10px;
	background-color: #0E7EAD;
	color: #FFF;
	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: #FFF;
	width: 800px;
	margin: 0 auto;
}

.single-product .product-image,
.single-product .product-image img { height: auto; }


#thumbs .item img  {
width: 60px;
margin: 0 auto;
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: #0E7EAD;
	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 #DDD;
	border-left: 1px solid #DDD;
	background-color: #EEE;
	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: #EEE;
	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: #DDD; }

.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: #ffffff;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-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 #DDD;
	list-style: none;display: flex;
}

ul.tab-nav:not(.tab-nav-lg) li {
	float: right;
	border: 1px solid #DDD;
	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 #DDD;
}

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

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


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

.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:#eee;
}



.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 #ddd;

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: #FFF; }













#sync1 .item{
    margin: 5px;
    color: #FFF;
    -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 #ddd;
    margin: 5px;
    color: #FFF;
    -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;
}
 















.iportfolio {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

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

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

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






/* 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.5);
}

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-color: #333;
	width: 40px !important;
	height: 40px !important;
	margin: -20px 0 0 -20px;
font-size: 23px;

line-height: 46px;
	text-align: center;
	color: #fff;

	-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.left-icon {  }

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

.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 {
	color: #0E7EAD;
	background-color: #EEE;
}

.portfolio-item:hover .portfolio-overlay a.left-icon,
.portfolio-item:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-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 {
	
	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.right-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: 15px;
}
.portfolio-desc h3 {
    font-size: 15px !important;
}
.portfolio-desc h3 {
    margin: 0;
    padding: 0;
    font-size: 19px;
}
.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: 8px;

background: #fff;
}

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

margin-top: 3px;

color: #5d8faf;

text-transform: uppercase;
}







.outer { margin:0 auto; max-width:800px;}
#big .item {  margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#thumbs .item { 
margin: 2px;
color: #FFF;
border-radius: 3px;
text-align: center;
cursor: pointer; height: 100px;
border:1px solid #ddd;
}
#thumbs .item h1 { font-size: 18px; }
/*
#thumbs .current .item { border:1px solid #0E7EAD; }
*/

#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; }



































/******************** prosuct *****************************/
.block {
    float: none;
}
.block {
    border: 1px solid #eaeaea;
    border-radius: 0;
    box-shadow: none;
}
.block-breadcrumbs {
    margin-top: 30px;
    padding-right: 15px;
    font-size: 12px;
}
.block {
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    max-width: 100%;
    width: 100%;
}
.rtl-right {
    float: left;
}

.product-images {
    float: left !important;
}

.block-breadcrumbs {
    padding-left: 15px;
}

.block-breadcrumbs {
    font-size: 12px;
}

.block-breadcrumbs ul {
    padding: 0;
}

.block-breadcrumbs ul li {
    display: inline;
    list-style: none;
    height: 40px;
    line-height: 40px;
    float: left;
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    font-size: 14px;
    color: #414141;
    overflow: hidden;
}

.block-breadcrumbs ul li a {
    float: left;
}

.block-breadcrumbs ul li span {
    float: left;
}
.block-breadcrumbs ul li span {
    position: relative;
    float: right;
    width: 30px;
    text-indent: -9999em;
    height: 100%;
    background: url("../images/bg-breadcrumbs.png") no-repeat 0 0;
    padding: 12px 5px;
}

.product-page .block-top-sellers {
    margin-top: 30px;
}
.block-product-info {
    margin-top: 30px;
    float: right;
    width: 100%;
}

.block-product-image {
    margin-top: 30px;
    padding: 10px;
    overflow: hidden;
    display: block;
}

.block-product-image .product-image {
    overflow: hidden;
}

.block-product-info .product-name {
    margin-top: 0;
    font-weight: normal;
    font-size: 20px;
}
.block-product-info .desc {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
    color: #414141;
}
.block-product-info .variations-box {
    margin-top: 15px;
}
.block-product-info .variations-table {
    width: 100%;
    border: none;
}
.block-product-info .variations-table td {
    border: none;
    padding: 10px 0;
    vertical-align: middle;
}
.block-product-info .variations-table .table-label {
    width: 65px;
    float: left;
}
.block-product-info .variations-box .list-check-box {
    padding: 0;
}
.block-product-info .variations-box .list-check-box li {
    list-style: none;
    display: inline;
    float: right;
    padding-left: 10px;
}
.block-product-info .variations-box .list-check-box li > a {
    width: 40px;
    height: 20px;
    border: 1px solid #eaeaea;
    padding: 1px;
    float: right;
    text-align: center;
    line-height: 15px;
    position: relative;
}
.block-product-info .variations-box .list-check-box li > a span {
    width: 100%;
    height: 100%;
    display: block;
}
.block-product-info .variations-box .list-check-box li > a:before {
    width: 5px;
    height: 5px;
    background: url("expandish/view/theme/elite//images/arow.png") no-repeat;
    content: "";
    position: absolute;
    top: -7px;
    right: 17px;
    display: none;
}
.block-product-info .variations-box .list-check-box.color {
    font-size: 0;
}
.block-product-info .variations-box .list-check-box li > a:hover:before,
.block-product-info .variations-box .list-check-box li > a.selected:before {
    display: block;
}
.block-product-info .box-qty {
    width: auto;
    display: inline-block;
    float: left;
}
.block-product-info .box-qty .quantity-minus,
.block-product-info .box-qty .quantity-plus {
    width: 35px;
    height: 30px;
    border: 1px solid #eaeaea;
    display: inline-block;
    text-align: center;
    float: right;
    font-size: 0;
}
.block-product-info .box-qty .quantity-minus:hover,
.block-product-info .box-qty .quantity-plus:hover {
    background-color: #f8f8f8;
}
.block-product-info .box-qty .quantity-minus {
    background-image: url("../images/minus.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.block-product-info .box-qty .quantity-minus:hover {
    background-image: url("../images/minus-hover.png");
}
.block-product-info .box-qty .quantity-plus {
    background-image: url("../images/plus-square.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.block-product-info .box-qty .quantity-plus:hover {
    background-image: url("../images/plus-square-hover.png");
}
.block-product-info .box-qty input.quantity {
    border: 1px solid #eaeaea;
    height: 30px;
    width: 70px;
    float: right;
    border-left: none;
    border-right: none;
    text-align: center;
}

.block-product-info .btn-add-cart {
    margin-top: -2px;
    margin-left: 5px;
    float: left;
}
.button-radius {
    margin-bottom: 1px;
}
.button-radius {
    position: relative;
    border: 1px solid #eaeaea;
    padding: 1px;
    padding-left: 1px;
    padding-right: 1px;
    min-height: 34px;
    background: #fff;
    display: inline-block;
    width: auto;
    line-height: 30px;
    padding-right: 20px;
    padding-left: 40px;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    color: #666666;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin-top: 10px;
    font-size: 14px;
}

.button-radius .icon::before {
    background-color: #1169b9;
}
.btn-add-cart .icon::before {
    content: " ";
    background-image: url("../images/cart-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.button-radius .icon::before {
    font-family: "FontAwesome";
    content: "\f104";
    font-size: 14px;
    color: #fff;
    width: 28px;
    height: 28px;
    background-color: #1169b9;
    border-radius: 90%;
    text-align: center;
    line-height: 26px;
    float: right;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.button-radius .icon {
    position: absolute;
    right: 76%;
    top: 2px;
    overflow: hidden;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.product-price {
    color: #1169b9;
    margin: 0 -5px;
}
.product-price {
    font-weight: bold;
}

.product-price ins {
    color: #1169b9;
    font-size: 18px;
    margin: 0 10px;
    text-decoration: none;
}

.block-product-info .box-control-button {
}
.block-product-info .box-control-button .link-wishlist {
    width: 19px;
    height: 34px;
    background: url("expandish/view/theme/elite//images/wishlist-icon.png") no-repeat left center;
    font-size: 0px;
    float: right;
    margin-left: 25px;
}
.block-product-info .box-control-button .link-wishlist:hover {
    background: url("expandish/view/theme/elite//images/wishlist-icon.png") no-repeat right;
}
.block-product-info .box-control-button .link-support {
    width: 17px;
    height: 34px;
    background: url("expandish/view/theme/elite//images/support-icon.png") no-repeat left center;
    font-size: 0px;
    float: right;
    margin-left: 25px;
}
.block-product-info .box-control-button .link-support:hover {
    background: url("expandish/view/theme/elite//images/support-icon.png") no-repeat right;
}
.block-product-info .box-control-button .link-sendmail {
    width: 17px;
    height: 34px;
    float: right;
    margin-left: 25px;
    font-size: 0;
    line-height: 35px;
}
.block-product-info .box-control-button .link-sendmail:before {
    font-family: "FontAwesome";
    font-size: 14px;
    content: "\f0e0";
    color: #e5e5e5;
}
.block-product-info .box-control-button .link-sendmail:hover:before {
    color: #666;
}
.block-product-info .box-control-button .link-print {
    width: 17px;
    height: 34px;
    float: right;
    margin-left: 25px;
    font-size: 0;
    line-height: 35px;
}
.block-product-info .box-control-button .link-print:before {
    font-family: "FontAwesome";
    font-size: 14px;
    content: "\f02f";
    color: #e5e5e5;
}
.block-product-info .box-control-button .link-print:hover:before {
    color: #666;
}

.product-extra-link a.wishlist-link::after {
    background-image: url("../images/wishlist-icon2.png");
    width: 19px;
    height: 17px;
}
.product-extra-link a::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    background-position: top left;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.product-extra-link a.support-link::after {
    background-image: url("../images/support-icon2.png");
    width: 17px;
    height: 18px;
}

@media (max-width: 1199px) (min-width: 768px) {
    .show-in {
        display: none;
    }
}

.flexslider .slides img {
    width: 100% !important;
}

.magnifier {
    direction: ltr;
}

.cloudzoom-zoom {
    left: calc(100% + 15px) !important;
    right: auto !important;
}

#pageContent {
    font-family: "Tajawal";
}

.product-info-stock-sku .stock .label {
    line-height: 25px;
    border-radius: 7px;
    font-size: 15px;
    
    padding: 6px 5px 1px 5px;
}

.product-extra-link {
    margin-top: -10px;
    float: right;
}

.product-extra-link a {
    border: 1px solid #e5e5e5;
    display: inline-block;
    background-color: #fff;
    height: 40px;
    position: relative;
    width: 40px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.product-extra-link a span {
    display: none;
}

.product-extra-link a:hover {
    background: #1169b9 !important;
    border-color: #1169b9;
}

.product-extra-link a:hover::after {
    background-position: bottom left;
}

.block .block-head {
    padding: 10px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.block-tabs .block-head {
    float: right;
    width: 100%;
}
.block .block-head {
    padding: 15px 20px;
    border-bottom: 1px solid #eaeaea;
    background: #fbfbfb;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.block .block-inner {
    padding-bottom: 25px;
}
.block .block-inner {
    width: 100%;
    float: right;
    padding: 20px;
    padding-bottom: 20px;
}

.block .block-inner ul li {
    color: #414141;
}

table,
th,
td {
    border: 1px solid #ddd;
    color: #414141;
    padding: 10px;
}

.block-tabs .nav-tab li a:hover,
.block-tabs .nav-tab li.active a {
    background: rgba(0, 0, 0, 0);
    color: #1169b9;
}
.block-tabs .nav-tab li a {
    line-height: 50px;
    color: #414141;
}
.block-tabs.block .block-head {
    padding-top: 0;
    padding-bottom: 0;
}
.block-tabs .block-head .block-title {
    padding: 15px 0;
}
.block-tabs .nav-tab li {
    height: 50px;
    position: relative;
    display: inline;
    float: left;
}
.block-tabs .nav-tab li.active {
    background: #fff;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}
.block-tabs .nav-tab li.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: -1px;
    right: 0;
}
.block-tabs .nav-tab li:before {
    content: ".";
    display: inline-block;
    float: left;
    color: #1169b9;
    height: 50px;
    line-height: 33px;
    font-size: 30px;
    margin-left: 18px;
    vertical-align: middle;
}
.block-tabs .nav-tab li a {
    padding-right: 30px;
}

.block-tabs {
    margin-top: 20px;
}

.tab-container {
    position: relative;
}
.tab-container .tab-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
.tab-container .active {
    opacity: 1;
    visibility: inherit;
    position: inherit;
    -vendor-animation-duration: 0.3s;
    -vendor-animation-delay: 1s;
    -vendor-animation-iteration-count: infinite;
}

.large-image {
    border: 1px solid #ddd;
    margin-top: 20px;
}

.large-image img {
    max-width: 100%;
    height: 400px;
    margin: 0 auto;
}

.previews-list {
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.previews-list li {
    margin-left: 15px;
    padding: 0;
    float: none;
    display: inline-block;
}

.flexslider-thumb-vertical-outer {
    margin: 0 10px 15px 0;
    width: 76px;
    float: right;
    position: relative;
    z-index: 1;
}

.flexslider-thumb-vertical .flex-viewport {
    height: 300px !important;
}

.flexslider-thumb-vertical .slides {
    margin: -4px 0 0;
    padding: 0;
    list-style-type: none;
}

.flexslider-thumb-vertical .slides li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.flexslider-thumb-vertical .slides li img {
    width: 100%;
    padding: 4px 0;
    cursor: pointer;
    -moz-user-select: none;
}

.flexslider-thumb {
    max-width: 455px;
    padding: 22px 62px;
    position: relative;
    border-top: 1px #e5e5e5 solid;
    direction: ltr;
}

@media (max-width: 479px) {
    .flexslider-thumb {
        padding: 22px 32px;
        border-bottom: 1px #e5e5e5 solid;
    }
}

@media (max-width: 767px) {
    .flexslider-thumb {
        padding: 22px 18px;
        border-bottom: 1px #e5e5e5 solid;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flexslider-thumb {
        padding: 22px 35px;
        border-bottom: 1px #e5e5e5 solid;
    }
}

.product-view-area-compact .flexslider-thumb {
    margin: 17px auto 0;
}

.flexslider-thumb .flex-viewport {
    z-index: 10;
}

.flexslider-thumb .flex-direction-nav {
    top: 30%;
    right: 0;
    width: 100%;
    z-index: 1;
}

.flexslider-thumb .flex-prev {
    position: absolute;
    right: 20px;
    top: 8px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

@media (max-width: 768px) {
    .flexslider-thumb .flex-prev {
        right: 0;
    }
}

.flexslider-thumb .flex-direction-nav a:hover {
    background-color: #48bc28;
    color: #fff;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.flexslider-thumb .flex-next {
    position: absolute;
    left: 20px;
    top: 8px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 28px;
    border-radius: 100%;
    text-align: center;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

@media (max-width: 480px) {
    .flexslider-thumb .flex-next {
        left: 0;
    }
}

@media (max-width: 768px) {
    .flexslider-thumb .flex-next {
        left: 0px;
    }
}

.flexslider-thumb li img {
    cursor: pointer;
    -moz-user-select: none;
    border: 1px #e5e5e5 solid;
    padding: 2px;
}

.previews-list {
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.previews-list li {
    margin-left: 15px;
    padding: 0;
    float: none;
    display: inline-block;
}

.flexslider-thumb-vertical-outer {
    margin: 0 10px 15px 0;
    width: 76px;
    float: right;
    position: relative;
    z-index: 1;
}

.flexslider-thumb-vertical .flex-viewport {
    height: 300px !important;
}

.flexslider-thumb-vertical .slides {
    margin: -4px 0 0;
    padding: 0;
    list-style-type: none;
}

.flexslider-thumb-vertical .slides li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.flexslider-thumb-vertical .slides li img {
    width: 100%;
    padding: 4px 0;
    cursor: pointer;
    -moz-user-select: none;
}






























.portfolio-carousel .owl-nav {
position: absolute;
top: -45px;
left: -2px;
}





.portfolio-carousel .owl-nav > div,
.portfolio-carousel .owl-controls .owl-nav > div {
  color: #ddd;
  border: 1px solid #ddd;
  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;
}




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


.portfolio-carousel .owl-controls .owl-prev:hover {
  background: #0E7EAD;
  color: #ffffff;
  -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-controls .owl-next {
  right: 40px;
}


.portfolio-carousel .owl-controls .owl-next:hover {
  background: #0E7EAD;
  color: #ffffff;
  -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 {


background-image: url(../images/bg-map.png);

background-color: #f9f9fb;
}

.google-map-area {
padding: 15px;

background: #fff;

box-shadow: 1px 2px 15px #ddd;

margin-bottom: 20px;
}





.contact-box-layout1 {

padding: 20px;

background: #f9f9fb;

margin: 20px 0;

border: 15px solid #fff;
box-shadow: 1px 2px 15px #ddd;



}
@media only screen and (max-width: 991px) {
  .contact-box-layout1 {
    margin-left: 0;
  }
}
.contact-box-layout1 .title {
  color: #111111;
text-transform: capitalize;
font-size: 19px;
  
}
.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: #0E7EAD 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 #0E7EAD 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 #0E7EAD;
}
.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: #000000;
}
.contact-box-layout1 .contact-form-box .form-group .form-control:focus {
  border-color: rgba(0, 0, 0, 0.15);
}
.contact-box-layout1 .contact-form-box .form-group .item-btn {
  margin-top: 25px;
  border: none;
background: linear-gradient(to left, #26abe2, #0E7EAD);
  color: #ffffff;
  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: 15px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;

  -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: 15px;
padding: 6px 15px;height: 40px;height: 45px;
}
.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: #111111;
  margin-bottom: 20px;
  position: relative;
  padding-right: 42px;direction: ltr;
}
.contact-box-layout1 .contact-info li:last-child {
  margin-bottom: 0px;
  color: #444444;
}
.contact-box-layout1 .contact-info li:first-child {
  font-weight: 500;
}
.contact-box-layout1 .contact-info li i {
  font-size: 22px;
  color: #0E7EAD;

  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;
}



























/*
* 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;
  
  color: #26ABE2;
  
  margin-bottom: 20px;
}

.about-one__text {
  font-size: 16px;
  line-height: 26px;
  color: #797979;
  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: #797979;
}

.about-one__image-block {
  position: absolute;
  top: 0;
  left: 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;
  left: 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: #26ABE2;
}

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

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

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

.about-two__list-item i {
  position: absolute;
  top: 50%;
  right: 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: #797979;
  margin-bottom: 0;
}

.about-two__about-page .block-title__tag-line {
  font-weight: 300;
  font-size: 20px;
  color: #26ABE2;
  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: 20px;
}

.about-two__content p {
color: #666;
font-size: 15px;
}

.ri-date {
color: #0E7EAD;
font-size: 14px
}

.about-three {
  padding: 100px 0;
}

.about-three__title {
  margin: 0;
  color: #26ABE2;
  font-size: 32px;
  
  
  margin-bottom: 25px;
}

.about-three__text {
  margin: 0;
  color: #797979;
  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 {
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-four__content {
  padding-left: 80px;
}
.about-four__title {

color: #000;
text-transform: capitalize;
font-size: 20px;

}

.about-four__sub-title {
color: #26ABE2;
font-size: 16px;
margin-bottom: 7px;
display: block;
text-transform: uppercase;
}

.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;margin-bottom: 20px;
}











.about-four__text p span {

color: #e72e5d;
font-size: 18px;
border-right: 5px double;
padding-right: 12px;
text-transform: capitalize;

}



.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) {


.header-navigation ul.navigation-box li a .sub-nav-toggler {
display: block;
} 


.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-left: 0;
}


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

.about-four__content ul {
    margin-top: 10px;
    
}

.about-four__title {
font-size: 15px;
line-height: 25px;margin-bottom: 15px;

}


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


.site-header.header-four .header-navigation .main-navigation {
margin-right: 0;
position: fixed;
z-index: 99999;
top: 0;
height: 100vh !important;
overflow: auto;
width: 300px;
right: -120%;
display: block !important;
transition: all ease-in-out 0.4s;
}



#top-search {

margin: 0;}


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


#top-search form input {
font-size: 16px;
padding: 10px 30px 10px 0;
letter-spacing: 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;
}
 

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

.contact-box-layout1 .contact-form-box .form-group .item-btn {
margin: 0 auto;
display: block;
}


.contact-box-layout1 {

    padding: 10px;

}


}


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













.inside-ult {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;display: none;
background: #f5f5f5;}




.sagmenu2 .latmenu li .sub-nav-toggler {
position: absolute;

left: 2px;

top: 4px;

width: 27px;

height: 28px;

text-align: center;

cursor: pointer;

z-index: 3;

line-height: 29px;

font-size: 12px;

}






.done-show {
max-height: 300px;
}


/*

.douple-ult:before {

    content: "\f067";
    display: block;
    height: 0;
    font-family: fontawesome;
color: #333;

font-size: 12px;

transform: none;

font-style: initial;

}


.font-icon:before {
    content: "\f068";
}
*/




    .sub-nav-toggler {
background-color: transparent;

background-image: none;

border: 0;

border-radius: 4px;

padding: 0;

position: absolute;

top: 9px;

left: 15px;


margin-left: 0px;

display: block;

cursor: pointer;

outline: 0 !important;

width: 30px;

height: 30px;
    }

    .sub-nav-toggler .icon-bar {
background-color: #333;
border-radius: 1px;
display: block;
height: 2px;
width: 10px;
    }

    .sub-nav-toggler .icon-bar+.icon-bar {
margin-top: -2px;
transform: rotate(90deg);
    }








/* upcoming-event */
.upcoming-area {
background: #f3f3f3;
padding: 40px 0 20px;
}
.upcoming-2-area {
	background-position: center center;
	background-repeat: no-repeat;
}
.area-title > span {
	height: 5px;
	width: 80px;
	background: #25c97a;
	right: 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: #d4d4d4;}
.white-area-title p{color: #d4d4d4;}
.black-area-title span{background: #252525;}
.black-area-title p{color:#111111;}
.area-title-light h1 {
	color: #d4d4d4;
	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: #d4d4d4;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 0;
}
.upcoming-event-wrapper {
	background: #eee;
margin-bottom: 30px;
	border-radius: 10px;overflow: hidden;background-color: #EFF0F4;

}



.upcoming-2-event {
	margin-right: 70px;
	box-shadow: none;
}
.upcoming-event-img{position: relative;overflow: hidden;}
.upcoming-event-img > img{
transition: all ease-in-out 0.4s; min-height: 255px;}

/*

.upcoming-event-img:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
opacity:0;
background:#0006;
  right: 0;
  bottom: 0;transition: all ease-in-out 0.4s;z-index: 1;}*/

.upcoming-event-wrapper:hover .upcoming-event-img:before {
opacity:1;
}


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

	font-size: 14px;
	color: #d4d4d4;
	
}


.upcoming-text {
transition: all ease-in-out 0.4s;padding: 12px;
position: relative;overflow:hidden;
background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #dfdccd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(to top,#fff,#f1f1f1);
}






.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;
left: -150px;

}

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

.upcoming-text h3 {
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
text-align: center;font-family: english , "Roboto";
}
.upcoming-text h3 {color: #000; text-transform: capitalize; font-family: english , "Roboto";}

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

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

}*/

.upcoming-event-wrapper:hover .upcoming-text {
background: linear-gradient(to left, #26abe2, #0E7EAD);
background: linear-gradient(to left, #217fb9, #226093);
}

.upcoming-event-wrapper:hover .upcoming-text h3 {
color: #ffffff;
} 

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

.btn-text {
    color: #d4d4d4;
    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: #d4d4d4;}
.upcoming-text > a.btn:hover .btn-border{background:#111111;}

.upcoming-text > a.btn::before {
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 100%;
	background: #0E7EAD;
	-webkit-transition: all 0.3s ease;
	transition: all 0.4s ease;
}
.upcoming-text > a.btn:hover::before{
	width: 100%;
	right: 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: 520px;
}
.main-slider .slide .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
    transition: all ease-in-out 4s;
}
/*
.main-slider .slide .image-layer:before{
    position: absolute;
    top: 0;
    right: 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 .content{
	position:relative;
	z-index:11;
text-align: right;
padding-top: 320px;
}
.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;
    line-height: 34px;
    
    text-transform: none;

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

.main-slider .content h3 span {

    background: linear-gradient(to left, #26abe2, #0E7EAD);
    padding: 7px 16px;
    transition: none 0s ease 0s;
    text-align: center;
    border-width: 0px;
    margin: 0px;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 25px;
    color: #ffffff;
    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;
	font-size: 90px;
	
	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: rgb(255, 255, 255);
letter-spacing: 0px;
cursor: pointer;
visibility: inherit;
transition: none 0s ease 0s;
text-align: center;
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: #171a1a7d;

max-width:584px;
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;
    right: 0;
    left: 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%;
    right: 0;
    left: 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: 10px;
top: 0;
background: #efefee1f;
height: 60px;
width: 60px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 25px;
line-height: 60px;
font-weight: 400;
opacity: 1;
margin: 0;
    margin-top: 0px;
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: 10px;left: auto;
}

.main-slider .owl-theme .owl-nav .owl-prev:hover,
.main-slider .owl-theme .owl-nav .owl-next:hover{
    background: #0E7EAD;        
color: #d4d4d4;    
}


.banner-carousel .owl-dots {
    position: absolute;
    right: 0;
    bottom: 70px;
    left: 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 #fff3;
padding: 8px !important;

}







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

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

.main-slider .content h3 span {
font-size: 14px;line-height: 55px; }



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

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

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



.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;
letter-spacing: 1px;
    color: #141414;
    font-size: 20px;
;margin-bottom: 25px;
}

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


.english,
.conts-ser table {
font-family: english , "Roboto";
}


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


.img-swe,
.vid-swe {
width:300px;
height:300px;margin: 0 auto;
padding:7px;
    background: #f5f5f5;
} 


.img-swe img {
width: 100%;
height:100%;
}

.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-left: 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-right: 5px;
    line-height: 28px;
    vertical-align: bottom;
    position: relative; }
    .btn-main span:before {
      top: 50%;
      right: 100%;
      font-size: 16px;
      line-height: 1;
      margin-right: -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: #0E7EAD;
    background-color: #0E7EAD; }
    .btn-main:hover span:before {
      margin-right: -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;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.project-filter-btn {
	position: relative;
	margin-bottom: 50px;
	left: -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;margin-bottom: 25px;
}

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

.gallery-block .overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

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

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

.gallery-block:hover .overlay:before {
opacity: 0.4;
}

.gallery-block .caption-title {
	position: absolute;
	right: 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;
	left: 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;
	left: 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: '';
	right: -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;
	left: -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 right, #202020, #2c2c2c);

padding: 8px 20px;

border-radius: 5px;

color: #fff;

margin: 20px 0;

display: inline-block;

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














/****************** New animation for contacts fixed icons *************/


.all-ioc {
position: fixed;
z-index: 9;
left: -7px;
bottom: -20px;
width: 60px;
height: 60px;
display: block;
}

.show-icons {
position: absolute;
bottom: 45px;
left: 30px;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 33px;
text-transform: uppercase;
line-height: 60px;
text-align: center;
z-index: 999;
cursor: pointer;
border-radius: 3px;
-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%;/*
background: -webkit-linear-gradient(#0e2f35, #063f4a, #0e2f35);*/
background: #063f4a;



	
}


.show-icons .ico-img {
display: block;
width: 100% !important;
height: 100% !important;
z-index: 6;
background-size: 80%;
background-image: url("../images/button.png");
background-repeat: no-repeat;
background-position: 50%;
background-color: #333333;
border-radius: 50%;
}

.show-icons:hover {
	color:#0e2f35;
background: -webkit-linear-gradient(#fbfbfb, #fff);

}


.sonar-wave {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #414141;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}


.sonar-wave {
  animation: amo-button-wave infinite 2.6s 0s linear;

}


@keyframes amo-button-wave {
  0% {
      transform: scale(1, 1);
      opacity: 0.45
  }
  40% {
      opacity: 0.45
  }
  100% {
      transform: scale(1.35, 1.35);
      opacity: 0
  }
}








.sonar-wave2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #414141;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}



.sonar-wave2 {
  animation: amo-button-wave2 infinite 2.6s 0s linear;
}




.sonar-wave2 {
animation-delay: 0.8s;
}




@keyframes amo-button-wave2 {
  0% {
      transform: scale(1, 1);
      opacity: 0.45
  }
  40% {
      opacity: 0.45
  }
  100% {
      transform: scale(1.35, 1.35);
      opacity: 0
  }
}





.whats-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 50px;
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%;opacity: 0;	
}


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


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

}


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






.phone-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #123377;
-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%;opacity: 0;	
}


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


.phone-icon:hover a {
	color:#006AFF;

}


.phone-icon:hover{
	color:#006AFF;
	background:#fff;
}
















.messenger-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 29px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #006AFF;
-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%;opacity: 0;	
}


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


.messenger-icon:hover a {
	color:#006AFF;

}


.messenger-icon:hover{
	color:#006AFF;
	background:#999;
}



.all-ioc.active .phone-icon {
left: 160px;opacity: 1;
}


.all-ioc.active .whats-icon {
left: 100px;opacity: 1;
}

.all-ioc.active .messenger-icon {
left: 155px;opacity: 1;
}
/********* New animation for contacts fixed icons **********/






video {
    z-index: -1;
    display: block;
    width: 100%;
}

.iportfolio.ipi-videos {
margin-bottom:30px;
}

.new-sec {
padding:50px 0;
background:#f6f6f6;
}




.wrapper .about-four.cle-page:nth-child(even) {
background:#f6f6f6;
}

.cle-page {
padding:20px 0;
}


.cle-page .services-block-two .inner-box {
border: 1px solid #34905f;
margin-bottom:25px;
}


.cle-page .services-block-two .inner-box .prod-0 {
line-height: 40px;
background: linear-gradient(to left, #26abe2, #0E7EAD);
}





.slider-serv .upcoming-event-img > img {
height: 300px;
}


.slider-serv .upcoming-text {
   padding:20px; }

.slider-serv .upcoming-text h3 {
    font-size: 18px;}







.no-desk {
display: none;
}






.close-bars {
width: 40px;
color: #333;
height: 40px;

line-height: 40px !important;

position: absolute;

left: 0;
text-align: center;
cursor: pointer;
border-radius: 50%;
display:none;
}






.main-navigation .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;display: inline-block;

width: 100%;
}

.main-navigation .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 10px 10px;
}

.main-navigation .social-links li a{
	position:relative;
	line-height:32px;
	font-size:16px;
	color:#111;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.donate-box {
padding-top: 35px;
display: inline-block;
width: 100%;
}

.donate-box > div {
float: none;
width: 90%;
margin: 0 auto;
position: relative;
}

.hot-call {
padding-right:58px;
}

.hot-call i {
font-size: 20px;

color: #ffffff;

background: linear-gradient(to top, #3294b5, #1B4174);

width: 40px;

height: 40px;
line-height: 40px;

text-align: center;

margin-right: 5px;

border-radius: 0 50px 50px 50px;

display: inline-block;

position: absolute;

right: 0;
}


.ptext {
margin: 0;

line-height: 24px;

font-size: 15px;
}

.hot-call .itext {
font-size: 18px;color: #111;
line-height: 28px;font-family: english;
direction: ltr;
}

.hot-call > span {
display: block;
}

.main-navigation .logo-header {
display: none;
margin: 20px auto;
}




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



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

.upcoming-event-img > img {
height: 180px;
min-height: 180px;
}

.slider-serv .upcoming-event-img > img {
height: 220px;
min-height: 220px;
}

.main-slider .content h3 {
height: 30px;
}
.iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img {

height: auto;}


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

.oc-item,
.gallery-block.col-xs-6 {
width:50%;
padding:0 8px;
}

.upcoming-event-img > img,
.oc-item img,
.gallery-block img {
min-height: auto;
height: 160px !important;

}


.no-mob {
    display: none;
    
}

.close-bars,
.no-desk,
.main-navigation .logo-header {
display: block;
}



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


.contact-box-layout1 .contact-form-box .form-group .item-btn {
margin: 0 auto;

display: block;
}

.about-four__sub-title,
.breadcrumb {
display: none;
}




.slider-serv .upcoming-text h3,
.upcoming-text h3 {
font-size: 16px;
height: 45px;

display: grid;

align-items: center;
}


.slider-serv .upcoming-text,
.upcoming-text {
padding: 10px;
}


.upcoming-event-wrapper {
margin-bottom: 30px;
}


.slider-serv .upcoming-event-wrapper {
margin-bottom: 0px;
}

p,
body {

    font-size: 14px;}



.contact-box-layout1 .title,
#page-title h1,
.heading-layout1 h2, .heading-layout1 h3 {
font-size: 16px;
}


.text-worker h3 {
font-size: 16px;margin-bottom: 8px;
}


.footer-box .footer-contact-info {

    margin-bottom: 0;

}

.container {
padding-left: 25px;
padding-right: 25px;
}





.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li > a,
.header-navigation ul.navigation-box > li > .sub-menu > li > a {
padding:8px 20px;
}



#top-social {

width: 100%;}

#top-social, #top-social ul {
float: none;
display: inline-block;
text-align: center;
}

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

.about-four__text {
    font-size: 14px;  }
    
    .footer-social {
        text-align: center;
    }
    
    
    
.pro-content .row > [class*=col-]:nth-child(odd) {
padding-left: 5px;
}

.pro-content .row > [class*=col-]:nth-child(even) {
padding-right: 5px;
}


.upcoming-event-wrapper {
    margin-bottom: 10px;
    
}


#contact-form p {
    font-size: 18px !important;
}


.blog-box-layout5 .item-content .item-title {
    font-size: 13px;min-height: 61px;
    
}
.service-two-link {
   margin-top: 0; 
}

}






.lang-box {
width: 100%;
display: block;
padding: 10px 25px;
border-top: 1px solid rgba(235, 235, 235, 0.83);
border-bottom: 1px solid rgba(235, 235, 235, 0.83);
}

.lang-box img {
width: 20px;
float: right;
margin-left: 8px;}


.lang-box a {font-family: english , "Roboto";
display:block;
color: #000;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}








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

.main-caption {
    top: 0;
    left: 40px;
}




/* Banner */

.bhf-hidden{
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  word-wrap: normal !important;
}

figure.tz-banner {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}

figure.tz-banner img {
  position: relative;
  display: block;
  height: auto;
  max-width: 100%;
  -webkit-transform: translateZ(0);
}

figure.tz-banner .button {
  text-transform: none;
}

figure.tz-banner .button.large {
  padding: 0 35px;
}

figure.tz-banner figcaption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.tz-banner .banner-button {
  display: inline-block !important;
  position: absolute;
  background-color: #fdb819;
  color: #212121;
  font-weight: 500;
  font-size: 14px;
  border-radius: 3px;
  height: 45px;
  padding: 12px 40px;
  width: auto !important;
  z-index: 1;
  opacity: 1;
  text-indent: 0;
}

figure.tz-banner.tz-banner-button-style-light .banner-button{
padding: 0 20px;
  background-color: transparent;
  color: #fff;
  font-weight: 400;
  transition: transform 0.4s ease;
  height: auto !important;

color: #fff;
background-color: #fdb819;
background: linear-gradient(to left, #26abe2, #0E7EAD);
line-height: 40px;

}

figure.tz-banner.tz-banner-button-style-light .banner-button:after{
  display: inline-block;
  content: "\f104";
font-family: fontawesome;
  font-size: 16px;
  margin-right: 5px;
  transform: translateY(1px);
}


.banner-button {
    top: 70px;
    left: 40px;
}



figure.tz-banner figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
margin-top: 60px;
}

/* Anchor will cover the whole item by default */

figure.tz-banner figcaption::before, figure.tz-banner figcaption::after {
  pointer-events: none;
}

figure.tz-banner figcaption>.main-caption, figure.tz-banner figcaption>.secondary-caption {
  position: absolute;
  font-size: inherit;
}

@media (min-width: 768px) {
  figure.tz-banner figcaption {
    font-size: 100%;
  }
}

@media ( min-width: 767px ) and ( max-width: 1024px ){
  .banner-container .elementor-widget-tz-banner{
    position: relative;
    margin: 15px auto;
  }

  .banner-container .tz-banner{
    position: relative;
  }

}





/* Sarah */

figure.effect-sarah {
background: linear-gradient(to left, #26abe2, #0E7EAD);
}

figure.effect-sarah img {
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  max-width: -webkit-calc(100% + 20px);
  max-width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transform: translate3d(-18px, 0, 0) scale(1.1);
transform: translate3d(-18px, 0, 0) scale(1.1);

}

figure.effect-sarah:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}



figure.effect-sarah .secondary-caption {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

figure.effect-sarah:hover .secondary-caption {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}






.main-caption h3 {
text-transform: uppercase;
line-height: 20px;
font-size: 22px;
font-weight: 300;
color: #fff;
margin: 0;
}


.main-caption h3 span {
font-weight: 300;
font-size: 0.639em;
display: block;
margin-bottom:8px;
}



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

figure.tz-banner figcaption {
margin-top: 20px;
}

.banner-button,
.main-caption {
    left: 20px;
}

.main-caption h3 {

font-size: 19px;
}

figure.tz-banner.tz-banner-button-style-light .banner-button {
line-height: 35px;
padding: 0 15px;
}


.about-four__text {
line-height:22px;
}


}

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

.conts-ser table.cool-table {
width: 100%;
}
/*
.cool-table tr:nth-child(even){background-color: #f2f2f2;}
*/
.cool-table tr th {
background-color: #f9f9f9;
color: #000;
font-weight: normal;
}

.cool-table {
line-height: 30px;
}

.cool-table ul li {
  position: relative;
padding-right:20px;
}

.cool-table ul li:before {

    content: '\f00c';
    font-family: fontawesome;
    color: #26abe2;
    position: absolute;
    top: 0;
    right: 0;
font-size:11px;font-weight: 300;
}