/*---------------------------------------------

===================   
CSS INDEX
===================

[01] Typography
[02] Common Style
[03] Title Style
[04] Header Area Style
[07] Call To Action Area Style
[13] Departments Area Style
[27] Footer Top Area Style
[28] Preloader Style
[29] Button Style
[30] ScrollUp Style
[33] Animation Style

/*=======================================================================
[01] Typography 
=========================================================================*/
/*

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

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





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

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: 14px;
	font-family: "Roboto";
  font-weight: 400;
  height: 100%;
  line-height: 26px;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #444444;
}
p {
  margin: 0 0 5px 0;
  color: #444444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
	font-family: "Roboto";
  margin: 0 0 15px 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: #ff001a;
}
.bg-accent100 {
  background-color: #f8f8f8;
}
.bg-light-accent100 {
  background-color: #f1f7fa;
}
.bg-light-primary100 {
  background-color: #ffffff;
}
.bg-light-secondary100 {
  background-color: #f3f3f3;
}
.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-right: 10rem;
  padding-left: calc((100% - 1290px) / 2);
}
@media only screen and (max-width: 1399px) {
  .both-side-half-bg > div:first-child {
    padding-left: calc((100% - 1110px) / 2);
  }
}
@media only screen and (max-width: 1199px) {
  .both-side-half-bg > div:first-child {
    padding-left: calc((100% - 930px) / 2);
  }
}
@media only screen and (max-width: 991px) {
  .both-side-half-bg > div:first-child {
    padding-left: calc((100% - 690px) / 2);
    padding-right: calc((100% - 690px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .both-side-half-bg > div:first-child {
    padding-left: calc((100% - 510px) / 2);
    padding-right: calc((100% - 510px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .both-side-half-bg > div:first-child {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.both-side-half-bg > div:last-child {
  padding-left: 10rem;
  padding-right: calc((100% - 1290px) / 2);
  background-color: #ff001a;
}
@media only screen and (max-width: 1399px) {
  .both-side-half-bg > div:last-child {
    padding-right: calc((100% - 1110px) / 2);
  }
}
@media only screen and (max-width: 1199px) {
  .both-side-half-bg > div:last-child {
    padding-right: calc((100% - 930px) / 2);
  }
}
@media only screen and (max-width: 991px) {
  .both-side-half-bg > div:last-child {
    padding-left: calc((100% - 690px) / 2);
    padding-right: calc((100% - 690px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .both-side-half-bg > div:last-child {
    padding-left: calc((100% - 510px) / 2);
    padding-right: calc((100% - 510px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .both-side-half-bg > div:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*=======================================================================
[03] Title Style
=========================================================================*/
.section-heading p {
  width: 80%;
}
@media only screen and (max-width: 991px) {
  .section-heading p {
    width: 100%;
  }
}
.section-heading.text-center h1,
.section-heading.text-center h2,
.section-heading.text-center h3,
.section-heading.text-center h4,
.section-heading.text-center p {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.section-heading.text-left p,
.section-heading.text-right p {
  margin-left: 0;
  margin-right: 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:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 56px;
  background-color: #ff001a;
  left: 50%;
  bottom: 0;
  margin-left: -28px;
border-radius: 15px;
}


.heading-layout1:before {
position: absolute;
content: "";
height: 4px;
width: 5px;
background-color: #ff001a;
left: 50%;
bottom: 0;
margin-left: 32px;
border-radius: 50%;
}




.heading-layout1 h2,
.heading-layout1 h3 {
  font-size: 22px;
  text-transform: capitalize;
margin-bottom: 0;
padding-bottom: 15px;
}
.heading-layout1 p {
	font-family: "Roboto";
}
.text-left.heading-layout1:after {
  right: 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: left;
  position: relative;
}
.heading-layout5:after {
  position: absolute;
  content: "";
  height: 4px;
  width: 45px;
  background-color: #ff001a;
  left: 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-right: 1px solid #fff3;
border-left: 1px solid #fff3;
padding: 0 15px;
}

.header-contact-layout1 li a {
color: #fff;
}


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

color: #fff;

}

.top-bar-border-bottom {

position: relative;

height: 44px;

line-height: 44px;

font-size: 15px;

border-bottom-color: #eee;

background-color: #EFF0F466;
  background: #0b1c60;
  background: linear-gradient( to right , #193bc6 , #0b1c60);
}


.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 #ff001a;
  background-color: #ffffff;
  width: 250px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 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: #ff001a;
}


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

}




.template-main-menu nav > ul > li ul.dropdown-menu-col-2 {
  border-top: 1px solid #ff001a;
  background-color: #ffffff;
  width: 480px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 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: #ff001a;
}
.template-main-menu nav > ul > li .third-level {
  border-top: 1px solid #ff001a;
  background-color: #ffffff;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 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: #ff001a;
}
.template-main-menu nav > ul > li .template-mega-menu {
  background-color: rgba(255, 255, 255, 0.97);
  border-top: 1px solid #ff001a;
  position: absolute;
  width: 100%;
  left: 0;
  right: 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;
  left: 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: #ff001a;
  padding: 5px 15px 5px 35px;
}
.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a:hover i {
  color: #ff001a;
  animation: toRightFromLeft10 0.5s;
}
.template-main-menu nav > ul > li:hover:after {
  left: 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;
  right: 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 {
  right: 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: #ff001a;background:#ddd;
}


.header-menu-layout1 .template-main-menu nav > ul > li.current > a {
background:#ff001a;
color:#fff;
}
/*
.header-menu-layout2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 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: #ff001a;
}
.header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky {
  margin-right: 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;
  left: 0;
  right: 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;
  left: 0;
  right: 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: #ff001a;
}*/
.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-left: 15px;

border-left: 1px solid #646464;
}


.header-action-items-layout1 ul li {
  display: inline-block;
  margin-right: 15px;
}
.header-action-items-layout1 ul li:last-child {
  margin-right: 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: #ff001a;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid;
  border-color: #ff001a;
  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-left: 10px;
}
.header-action-items-layout1 ul .action-items-primary-btn:hover {
  background-color: transparent;
  color: #ff001a;
}
.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: #ff001a;
}
.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-right: 15px;
  padding-right: 15px;
  position: relative;
}
.header-action-items-layout2 ul li:first-child:after {
  height: 30px;
  width: 1px;
  background-color: #b2b2b2;
  content: "";
  position: absolute;
  right: 0;
  top: -15px;
  z-index: 5;
}
.header-action-items-layout2 ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.header-action-items-layout2 ul li .item-btn {
  height: 75px;
  text-align: center;
  padding: 26px 40px;
  background-color: #ff001a;
  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: #ff001a;
}
.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-left: 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%);

right: 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 #ff001a;

}
@media only screen and (max-width: 1199px) {
  .header-search-dark .search-input {
    right: 25px;
    width: 740px;
  }
}
@media only screen and (max-width: 991px) {
  .header-search-dark .search-input {
    right: 25px;
    width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-dark .search-input {
    right: 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-left: 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%);
  right: 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 {
    right: 25px;
    width: 740px;
  }
}
@media only screen and (max-width: 991px) {
  .header-search-light .search-input {
    right: 25px;
    width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-light .search-input {
    right: 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;
  left: 0;
}
.cart-area-dark .cart-trigger-icon {
  position: relative;
}
.cart-area-dark .cart-trigger-icon i:before {
  margin-left: 0;
  color: #444444;
  font-size: 30px;
}
.cart-area-dark .cart-trigger-icon span {
  position: absolute;
  top: -22px;
  right: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #ff001a;
  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;
  left: 0;
}
.cart-area-light .cart-trigger-icon {
  position: relative;
}
.cart-area-light .cart-trigger-icon i:before {
  margin-left: 0;
  color: #ffffff;
  font-size: 30px;
}
.cart-area-light .cart-trigger-icon span {
  position: absolute;
  top: -22px;
  right: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  color: #ff001a;
  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 #ff001a;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background-color: rgba(241, 247, 250, 0.98);
  padding: 10px;
  position: absolute;
  right: 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-right: 20px;
}
.cart-items .cart-item > div:last-child {
  margin-right: 0;
}
.cart-items .cart-item .cart-title {
  text-align: left;
}
.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: #ff001a;
}
.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: #ff001a;
  background-color: #ff001a;
  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: #ff001a;
}
.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-right: 10px;
  padding-right: 10px;

color: #fff;

border-right: 1px solid #eee;
}
.header-contact-layout1 ul li i {
  margin-right: 10px;
  color: #fff;
}
.header-contact-layout1 ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 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-right: 30px;
  padding-right: 30px;
  color: #444444;
  border-right: 1px solid #d7d7d7;
}
.header-contact-layout2 ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.header-contact-layout2 ul li .media i {
  margin-top: 7px;
  color: #ff001a;
  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-right: 20px;
  color: #ffffff;
}
.header-contact-layout3 ul li i {
  margin-right: 10px;
}
.header-contact-layout3 ul li:last-child {
  margin-right: 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-right: 5px;
}
.header-social-layout1 li:last-child {
  margin-right: 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: #ff001a;
}
.header-social-layout1 li a:hover {
  color: #ff001a;

}
.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-right: 5px;
}
.header-social-layout2 ul li:last-child {
  margin-right: 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;
  left: 0;
  right: 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: #ff001a;
}
.mean-container .mean-nav > ul li:hover > a {
  color: #ff001a;
  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: right;
  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-right: 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: #ff001a;
}
@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-right: 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;
  left: 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: #ff001a;
}
.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;
  left: 0;
  right: 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(#ff001a), to(#ff001a));
  background: -webkit-linear-gradient(left, #ff001a, #ff001a);
  background: -o-linear-gradient(left, #ff001a, #ff001a);
  background: linear-gradient(to right, #ff001a, #ff001a);
  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;
  right: 0;
  background-color: #ff001a;
  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-left: 0;
  margin-right: 15px;
}
.call-to-action-box-layout3 .single-item a:hover:after {
  width: 100%;
  left: 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;
  right:0;
}

/*

@media only screen and (max-width: 1399px) {
  .call-to-action-wrap-layout4 .item-img {
    right: calc((100% - 1110px)/2);
  }
}
@media only screen and (max-width: 1199px) {
  .call-to-action-wrap-layout4 .item-img {
    right: calc((100% - 930px)/2);
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action-wrap-layout4 .item-img {
    right: 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-left: auto;
margin-right: 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-right: 10px;
  color: #ff001a;
  -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: #ff001a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #ff001a;
  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: #ff001a;
}
.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-right: 1px solid #d7d7d7;
}
@media only screen and (max-width: 767px) {
  .call-to-action-wrap-layout5 .single-item {
    border-right: 0;
    border-bottom: 1px solid #d7d7d7;
  }
}
.call-to-action-wrap-layout5 .single-item:last-child {
  border-right: 0;
  border-bottom: 0;
}
div ~ :last-child .call-to-action-box-layout5 {
  margin-bottom: 0;
}
.call-to-action-box-layout5 {
  margin-left: 35px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .call-to-action-box-layout5 {
    margin-left: 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: #ff001a;
  margin-left: 0px;
}
.call-to-action-box-layout5 .media .media-body {
  margin-left: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .call-to-action-box-layout5 .media .media-body {
    margin-left: 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;
}
@media only screen and (max-width: 991px) {
  .blog-wrap-layout4 .single-item {
    margin-bottom: 30px;
  }
  .blog-wrap-layout4 .single-item:last-child {
    margin-bottom: 0;
  }
}

.blog-box-layout5 {
  -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: #3c3c3ccc;
  top: 25px;
  left: 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: 16px;
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: #ff001a;
}
.blog-box-layout5 .item-content .post-actions-wrapper ul li {
  color: #ff001a;
  font-size: 17px;
  display: inline-block;
  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-box-layout5 .item-content .post-actions-wrapper ul li:last-child {
  margin-right: 0px;
}
.blog-box-layout5 .item-content .post-actions-wrapper ul li span {
  color: #ff001a;
}
.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%;
  left: 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;
  left: 0;
  right: 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: #ff001a;
}
.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: #ff001a;
}
.departments-box-layout1 .item-content .department-info li {
  color: #444444;
}
.departments-box-layout1 .item-content .department-info li i {
  color: #ff001a;
  margin-right: 10px;
}
.departments-box-layout1 .item-content .department-info li i:before {
  margin-left: 0;
}
.departments-box-layout1 .item-content .department-info li span {
  display: inline-block;
  margin-right: 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-left: 15px;
}
@media only screen and (max-width: 991px) {
  .single-departments-box-layout1 {
    padding-left: 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-left: -5px;
  margin-right: -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-left: 5px;
  padding-right: 5px;
}
.single-departments-box-layout1 .single-departments-img .tab-nav .nav-item:last-child {
  margin-right: 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%);
  left: 0;
  right: 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;
  left: 0;
  right: 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-left: 40px;
}
.single-departments-box-layout1 .item-content .department-info li:after {
  content: "\f054";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  
  font-size: 10px;
  left: 0;
  top: 2px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  z-index: 1;
  border-radius: 50%;
  background-color: #ff001a;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(42, 92, 220, 0.75);
  -moz-box-shadow: 0px 2px 15px 0px rgba(42, 92, 220, 0.75);
  box-shadow: 0px 2px 15px 0px rgba(42, 92, 220, 0.75);
}
.single-departments-box-layout1 .item-content .department-info li:last-child {
  margin-bottom: 0;
}
.single-departments-box-layout1 .item-content .item-cost {
  margin-bottom: 50px;
}
.single-departments-box-layout1 .item-content .item-cost ul li {
  font-size: 17px;
  color: #111111;
  padding: 15px 0px 15px 25px;
  position: relative;
}
.single-departments-box-layout1 .item-content .item-cost ul li span {
  font-weight: 500;
  right: 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: #ff001a;
}
.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 #ff001a;
  font-size: 14px;
  font-weight: 500;
  color: #ff001a;
  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: #ff001a;
}


/*=======================================================================
[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:#e3e3e3;
margin-bottom: 8px;
display: block;
}

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


.footer-logo img {

}

.footer-box .footer-about {
  font-size: 14px;
  padding-bottom: 5px;
}

.footer-box .footer-about p {
  color: #e3e3e3;
}
.footer-box .footer-contact-info {
  margin-bottom: 32px;
}
.footer-box .footer-contact-info li {
  font-size: 14px;
  color: #cecece;
  margin-bottom: 15px;
  position: relative;
  padding-left: 30px;
}


.footer-box .footer-contact-info li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-contact-info li i {
  font-size: 16px;
  color: #ffffff;
  top: 5px;
  left: 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-right: 13px;
}


.footer-social {

margin-top:35px;}

@media only screen and (max-width: 1199px) {
  .footer-box .footer-social li {
    margin-right: 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: #ff001a;
}
.footer-box .footer-header {
  position: relative;
}
.footer-box .footer-header:after {
  content: "";
  width: 50px;
  height: 4px;
  background-color: #ff001a;
  bottom: 0;
  left: 0;
  position: absolute;
}
.footer-box .footer-header h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 20px;
}

.footer-box .footer-latest-post li {
  line-height: 22px;
  margin-bottom: 20px;
}
.footer-box .footer-latest-post li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-latest-post li a {
  font-size: 17px;
  color: #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: #ff001a;
}
.footer-box .footer-latest-post li span {
  font-size: 16px;
  color: #8a8a8a;
  display: block;
}
.footer-box .footer-departments li {
  margin-bottom: 10px;
}
.footer-box .footer-departments li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-departments li a {
  font-size: 17px;
  color: #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: #ff001a;
}
.footer-box .footer-quick-link li {
  margin-bottom: 15px;
width: 50%;
float: left;
}
.footer-box .footer-quick-link li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-quick-link li a {
  font-size: 14px;
  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;
text-transform: capitalize;
}

.footer-box .footer-quick-link li a:hover {
  color: #ff001a;
}
.footer-box .footer-opening-hours li {
  font-size: 14px;
  color: #e3e3e3;
  margin-bottom: 15px;
}

.footer-box .footer-opening-hours li:last-child {
  margin-bottom: 0px;
}
.footer-box .footer-opening-hours li span {
  color: #ff001a;
}
.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-right: 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: #ff001a;
}
.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;max-width: 260px;
}
.newsletter-form .stylish-input-group {
  border: 0;
  height: 50px;
  border-radius: 30px;
}
.newsletter-form .stylish-input-group .form-control {
padding: 0 10px 0 30px;
border: none;
box-shadow: none;
border-radius: 30px 0 0 30px;
background: #fff;
font-size: 14px;
color: #000;
height: 50px;width: 100%;
float: left;
}
.newsletter-form .stylish-input-group .input-group-addon {
  padding: 0;
  border: none;
  transition: 0.5s ease-in-out;
}
.newsletter-form .stylish-input-group .input-group-addon:focus {
  outline: none;
}
.newsletter-form .stylish-input-group .input-group-addon button {
  border-radius: 0 30px 30px 0;

  cursor: pointer;

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


height: 50px;


background: #345f7b;

text-align: center;

display: inline-block;

padding: 0 10px;

}
.newsletter-form .stylish-input-group .input-group-addon button span {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  
  text-transform: capitalize;
  transition: 0.5s ease-in-out;
}
.newsletter-form .stylish-input-group .input-group-addon button:focus {
  outline: none;
}
.newsletter-form .stylish-input-group .input-group-addon:hover {
  background-color: #ff001a !important;
}
.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: 13px;
}
.newsletter-form .stylish-input-group input.form-control::-moz-placeholder,
.newsletter-form .stylish-input-group textarea.form-control::-moz-placeholder {
  color: #5a5a5a;
  font-size: 13px;
}
.newsletter-form .stylish-input-group input.form-control:-moz-placeholder,
.newsletter-form .stylish-input-group textarea.form-control:-moz-placeholder {
  color: #5a5a5a;
  font-size: 13px;
}
.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: 13px;
}
.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: #ff001a;
}


/*=======================================================================
[08] Pogress Area Style
=========================================================================*/
.progress-wrap-layout1 {
  padding: 7.6rem 0 4.6rem;
}
.progress-box-layout1 {
  text-align: center;
  border-right: 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-right: 0;
}
@media only screen and (max-width: 767px) {
  .progress-box-layout1 {
    border-right: 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-left: 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%);
  left: 0;
  right: 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-right: 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-right: 0;
}
@media only screen and (max-width: 767px) {
  .progress-box-layout2 {
    border-right: 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: #ff001a;
  color: #ffffff;
}
.isotop-btn .current {
  background-color: #ff001a;
  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%);
  left: 0;
  right: 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-left: 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: #ff001a;
  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-btn:hover {
  background-color: #ff001a;
  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: #ff001a;
  color: #ff001a;
  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-color: #ff001a;
  color: #ffffff;
}


.loadmore {
margin-top:20px
}

/*=======================================================================
[30] ScrollUp Style
=========================================================================*/
.scrollUp {
  overflow: hidden;
  position: fixed;
height: 45px;
width: 45px;
line-height: 45px;
border-radius: 45px;
  bottom: -50px;
  right: 20px;
  text-align: center;
  z-index: 9999;
  background-color: #ff001a;
  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);
}
.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;
}
.scrollUp:hover i,
.scrollUp:focus i {
  -webkit-animation: toBottomFromTop 0.5s forwards;
  animation: toBottomFromTop 0.5s forwards;
}
.scrollUp.back-top {
  bottom: 180px;
}


/*=======================================================================
[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% {
    left: -5px;
  }
  30% {
    opacity: 0.5;
    left: 10px;
  }
  60% {
    left: 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-left: 1px solid;
padding-left: 15px;
margin-left: 10px;
}

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

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


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

margin-top: -80px;
}

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


.men-had {

margin-right:20px;
}




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


.d-table {width: 100%;height: 100%;display: table;}
.d-tablecell {display: table-cell;vertical-align: middle;}
.custom-btn1 {background-color: #ff001a;color: #fff;border: 1px solid #ff001a;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: 510px;background-size: 100% 100%;background-position: center center;position: relative;}

/*
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;
background: linear-gradient(to bottom, #00235259 , #0a172cba);

}*/



.hero-text {

width: 46%;

float: right;

position: relative;

padding: 50px;

margin-right: 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:left
}
*/


.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;left: 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;right: 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;left: 0;right: 0; bottom: 20px;}
.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: 220px;
    }
    .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;
        left: 50px;
        right: 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:right
}



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


.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: #ff001a !important;
background: #0006 !important;
width: 45px;
height: 80px;
line-height: 80px !important;
}


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

left: 0;
}	


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

right: 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-left: 50px;
}

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

}

.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-left: 0;
  list-style-type: none;
  margin-top: 8px;
  margin-bottom: 0;
}




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

.about-four__content ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 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: #cb2d3e4d;
  color: #cb2d3e;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 13px;
  position: absolute;
  left: 0;
  top: -2px;
}

.about-four__content ul li:hover i {
  background-color: #cb2d3e;
  color: #ffffff;
}

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



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

}



.about-four__content ul li:before {

    content: '\f00c';
    font-weight: 300; font-family: 'Font Awesome 5 Pro';
    color: #f47629;
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 13px;
    line-height: 1;

width: 20px;
height: 20px;
line-height: 20px;
  text-align: center;
  border-radius: 50%;
background-color: #ff001a;
color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 13px;
  position: absolute;



}




.about-four__content ul li:hover:before {
  background-color: #ff001a;
  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: left;
margin-top:20px;
}




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

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

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

 }


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


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


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

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


color: #ff001a;

border-color: #ff001a;

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


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



.portfolio-carousel .owl-nav .owl-prev:hover,
.serv-slider .owl-nav .owl-prev:hover,
.nav-control-layout4 .owl-controls .owl-prev:hover {
  background: #ff001a;
  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-nav .owl-next,
.serv-slider .owl-nav .owl-next,
.nav-control-layout4 .owl-controls .owl-next {
  left: 40px;
}


.portfolio-carousel .owl-nav .owl-next:hover,
.serv-slider .owl-nav .owl-next:hover,
.nav-control-layout4 .owl-controls .owl-next:hover {
  background: #ff001a;
  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:hover .owl-controls .owl-prev,
.nav-control-layout4:hover .owl-controls .owl-prev {
  opacity: 1;
  visibility: visible;
}

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

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

.bg-overlay::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    left: 0;
    right: 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: left;
	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 #fff3; }

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

#top-social li a {
	float: none;
	width: 40px;

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


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






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

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


.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-left: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;
    left: 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: right;
	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;
cursor: pointer;
 }

#top-search a i {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
width: 45px;
height: 45px;
background: #ff001a;
line-height: 45px;
border-radius: 50%;
color: #fff;
}

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

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

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

#top-search form {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	padding: 0 15px;
	margin: 0;
	top: 0;
	left: 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;
	letter-spacing: 2px;
}

#top-search form input { padding-left: 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: right;
    margin: 28px 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.fal.fa-times {

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

}
body.top-search-open #top-search a i.fal.fa-search, #top-search a i.fal.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;
  right: 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;
    left: 0;
    right: 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: #ff001a;
  border-color: #ff001a;
}

*/


.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: #ff001a;
padding: 16px 25px;

margin-top: 10px;
overflow: hidden;
border-radius: 9px;
margin-top: 15px;

}
/*
.service-two-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 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;
background:  #333;
}/*
.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;
left: 0;
top: 50%;
transform: translate(-50%,-50%);
align-items: center;
z-index: 1;
}

.thsn-medical-icon-brand:before {


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


.thsn-medical-icon-brand {
color: #ff001a;
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;
width: 60px;
}

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



.vc_custom_heading {
line-height: 24px;
letter-spacing: 1px;
color: #ff001a;
text-transform: capitalize;
font-weight: normal;
font-style: normal;
margin-bottom: 0;
font-size: 14px;
padding: 0px;

}



.vc_custom_heading2 {
line-height: 20px;
color: #000;
text-transform: capitalize;
font-style: normal;
margin-bottom: 20px;
font-size: 17px;
}






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

.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;
    right: 0;
    transform: scale(0.95);
}



.about-four__content {
  padding-right: 80px;
}

.about-four__title {

margin-bottom: 10px;

font-size: 20px;

line-height: 48px;

color: #030f3c;

text-transform: none;

font-style: normal;

line-height: 30px;
}

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

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

.about-four__text {
  margin: 0;
line-height: 25px;
  color: #423f3f;
}


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



/*=======================================================================
[11] Brand Area Style
=========================================================================*/
.brand-wrap-layout2 {
  padding: 50px 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%;
  left: 0;
  right: 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: right;
}
@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-right: 10px;
}
@media only screen and (max-width: 575px) {
  .brand-box-layout2 ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .brand-box-layout2 ul li:last-child {
    margin-bottom: 0;
  }
}
.brand-box-layout2 ul li:last-child {
  margin-right: 0;
}
.brand-box-layout3 {
cursor: all-scroll;
align-items: center;
display: grid;
border: 4px double #ddd;
padding: 3px;height: 130px;
}


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


.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: 70px;
right: 20px;
width: 45px;
height: 45px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 45px;
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: 125px;
right: 20px;
width: 45px;
height: 45px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 45px;
text-align: center;
z-index: 99999;
cursor: pointer;
border-radius: 3px;
background: #345f7b;
-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:#fff;

}


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









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



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


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



}

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

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

        .ct-process-layout1:before {
            content: '';
            width: 1099px;
            height: 100px;
            background-repeat: no-repeat;
            background-position: center;

            position: absolute;
            top: 74px;
            left: 0;
            right: 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;
            left: 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;
            right: -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;
            right: 0;
            background-color: #ff001a;
            -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%;
            left: 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-left: 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;
            left: 90px;
            right: 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%;
            left: 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;
            font-family: 'Poppins', sans-serif
        }

        @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;
    left: 0;
    right: 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-left: 10px;
}
.cta-box .btn:last-child {
  margin-left: 0;
}

.btn.btn-download {
  padding-left: 82px;
}
.career-download a{
  position: relative;
}
.i-btn {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -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;
display: flex;

}
.header-navigation .container {
  background: transparent;
  position: relative;
  display: block;
}
.header-navigation .container .logo-box {
  float: left;
  position: absolute;
  top: 50%;
  left: 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%);
  right: 15px;
}
.header-navigation .main-navigation {
  float: right;
  text-align: right;
}
@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-left: 0;
}
.header-navigation ul.navigation-box > li:last-child {
  padding-right: 0;
}
.header-navigation ul.navigation-box > li > a {
  font-size: 16px;
  color: #333;
  text-transform: capitalize;
  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: #ff001a;background:#ddd;

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



.header-navigation ul.navigation-box > li > .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 0px 0px;
  text-align: left;
  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 {
  left: auto;
  right: 0;
}
.header-navigation ul.navigation-box > li > .sub-menu.center-align {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > .sub-menu > li {
  display: block;
  position: relative;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > .sub-menu > li + li {
  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;border-left: 3px solid #ff001a;

}
.header-navigation ul.navigation-box > li > .sub-menu > li:hover > a {
  color: #fff;
  background: #30355d;
color: #30355d;
background: #ddd;
}
.header-navigation ul.navigation-box > li:hover:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left bottom;
          transform-origin: left 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%;
  left: 100%;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 0px 0px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > ul > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.right-align {
  left: auto;
  right: 100%;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.center-align {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li {
  display: block;
  position: relative;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li > a {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  padding: 12px 30px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;text-transform: capitalize;
  transition: all .4s ease;

border-left: 3px solid #ff001a;


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

color: #30355d;
background: #ddd;
}

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

.header-navigation.stricky-fixed {
  position: fixed;
  top: 0;
  left: 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-left: 30px;
    padding-right: 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: left;
  }
}
.site-header.header-one .top-bar .right-content {
  padding: 34px 0;
  padding-right: 60px;
}
@media (max-width: 1859px) {
  .site-header.header-one .top-bar .right-content {
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .right-content {
    width: auto;
    text-align: left;
    padding-right: 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: left;
  }
}
.site-header.header-one .top-bar .single-header-contact-info + .single-header-contact-info {
  border-left: 2px solid #f3f3f3;
  padding-left: 50px;
  margin-left: 50px;
}
@media (max-width: 1489px) {
  .site-header.header-one .top-bar .single-header-contact-info + .single-header-contact-info {
    padding-left: 28px;
    margin-left: 28px;
  }
}
.site-header.header-one .top-bar .single-header-contact-info:last-child {
  padding-left: 0;
  border-left: 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-left: 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-left: 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;
  right: 0;
  z-index: 9;
  background: #0eb0ee;
  padding-left: 50px;
  padding-right: 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 {
  right: 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-left: .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-left: 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-left: 30px;
    padding-left: 80px;
    padding-right: 90px;
  }
}
.site-header.header-one .header-navigation .main-navigation {
  float: left;
  text-align: left;
}
.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-left: auto;
  margin-right: auto;
  position: relative;
}
.site-header.header-one .stricky-menu .container .right-side-box .quote-btn {
  padding-left: 45px;
  padding-right: 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: right;
font-size: 18px;
}






.site-header.header-two {
  position: absolute;
  top: 0;
  left: 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;
  left: 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-left: 50px;
  margin-left: 50px;
  border-left: 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-left: 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-left: .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 {
  left: 0;
  background: #30355d;
}
.site-header.header-three .top-bar:after {
  right: 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-left: 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-left: 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-right: 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-left: .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-left: 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-left: 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:left;
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-left: 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: 50px;
}
.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 15px;
}


.logo-header {
float: left;
}


.logo-header img {
width: 220px;
}




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



.back-blck {

display:none;
width: 100%;

min-height: 100%;

background: #000c;

position: fixed;

z-index: 11;

}


.off-scroll {
overflow:hidden;
}

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





















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

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

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

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










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


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

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


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

/* 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 {
	left: 14px;
	line-height: 44px;
}

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





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

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


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

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

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

  cursor: pointer;

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

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



}

.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-weight: 300; font-family: 'Font Awesome 5 Pro';
right: 5px;
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: 14px;
margin: 0;
line-height: 44px;
color: #333;
}




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

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










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


.widget_links li { padding: 4px; }


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




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

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


.postcontent {
width: 100%;
clear: right;
}


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



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


#page-title {
	position: relative;
	padding: 20px 0;
	background-color: #F5F5F5;
	border-bottom: 1px solid #EEE;
}

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

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

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

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

body.stretched .container-fullwidth .breadcrumb { right: 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: #ff001a; }

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

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

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

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

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

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

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

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

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

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

.product-overlay {
	position: absolute;
	width: 100%;
	height: 44px;
	line-height: 44px;
	top: auto;
	bottom: -44px;
	left: 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: left;
	width: 50%;
	font-size: 13px;
	color: #333;
	background-color: #F5F5F5;
	text-align: center;
	border-right: 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-right: 0; }

.product-overlay a i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 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;
	left: 10px;
	padding: 6px 10px;
	background-color: #1ABC9C;
	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: 25%;
}




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




 .col_half {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
}
.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: 70px;
height: 70px;
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: left;
	font-size: 24px;
	color: #1ABC9C;
	margin-bottom: 0;
}

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

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

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

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

.quantity .plus,
.quantity .minus {
	display: block;
	float: left;
	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-left: 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-left: -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: left;
	border: 1px solid #DDD;
	border-bottom: 0;
	border-left: 0;
	height: 41px;
	text-align: center;
}

ul.tab-nav:not(.tab-nav-lg) li:first-child {
	margin-left: 15px;
	border-left: 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 #ff001a;
}

.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-right: 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-right: 3px;
}

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






/* 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;
	left: 0;
	right: 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;
	right: 10px;
	margin: 0;
}

.flex-control-nav li {
	float: left;
	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;
}

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






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

.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 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%;
	left: 50%;
	background-color: #ff001a;
	width: 40px !important;
	height: 40px !important;
	margin: -28px 0 0 -44px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
}

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

.portfolio-overlay a.left-icon {  }

.portfolio-overlay a.right-icon {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -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: #ff001a;
	background-color: #fff;
}

.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;
	left: 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;
	left: 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;
	left: 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 {
	left: 0;
	right: 0;
	margin-left: 5px !important;
	margin-right: 0 !important;
}

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

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



.postcontent .portfolio-desc h3 {
    font-size: 17px;
}
.portfolio-desc h3 {
    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;
border:1px solid #ddd;
}
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { border:1px solid #ff001a; }


#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 { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }




.portfolio-carousel .owl-nav {
position: absolute;
top: -5px;

left: 0;
}





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


.portfolio-carousel .owl-controls .owl-prev:hover {
  background: #ff001a;
  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 {
  left: 40px;
}


.portfolio-carousel .owl-controls .owl-next:hover {
  background: #ff001a;
  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 {
padding: 50px 0;
background-color: #fff;
}

.google-map-area {

}





.contact-box-layout1 {
padding: 35px;
background: #fff;
margin-bottom: 20px;
box-shadow: 1px 2px 15px #0000001c;
border-radius: 28px;
}
@media only screen and (max-width: 991px) {
  .contact-box-layout1 {
    margin-right: 0;
  }
}
.contact-box-layout1 .title {
color: #27304b;
text-transform: capitalize;
font-size: 19px;
text-align: center;
margin-bottom: 30px;
  
}
.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: #ff001a 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 #ff001a 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 #ff001a;
}
.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;

  border: 2px solid #f9f9f9;
  background-color: #f9f9f9;
  border-radius: 0 25px;
  box-shadow: none !important;
}
.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: 1px solid;
  border-color: #ff001a;
  background-color: #ff001a;
  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: 16px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(203, 45, 62, 0.28);
  -moz-box-shadow: 0px 1px 10px 0px rgba(203, 45, 62, 0.28);
  box-shadow: 0px 1px 10px 0px rgba(203, 45, 62, 0.28);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;


font-size: 16px;

padding: 6px 15px;

height: 40px;

height: 45px;

}
.contact-box-layout1 .contact-form-box .form-group .item-btn:hover {
  background-color: #24201F;
  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-left: 42px;
}
.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: #ff001a;
  top: 5px;
  left: 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;
}







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

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

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

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


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

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


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


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

position: absolute;

z-index: 99999;

top: 80px;

left: 0;
max-height: 500px;

overflow: auto;
}


#top-search {

margin: 0;}


#top-search a {
position: absolute;
top: 18px;
right: 15px;
}


#top-search form input {
font-size: 16px;
padding: 10px 30px 10px 0;
letter-spacing: 0;
height: 81px;
}

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


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



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

display: inline-block;

background: #ff001a;

color: #fff;

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


color: #ff001a;
background: #ddd;
background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);
background: linear-gradient(to right, #CFDEF3, #E0EAFC);
background: linear-gradient(to right, #dadadcc9, #f9f9fb);
}




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



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


.new-idea > div input {

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





/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 2 *******************/
.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}



.box17{position:relative}
.box17:after{content:"";width:100%;height:100%;background:rgba(2,162,221,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:auto;transition:all 1.5s ease 0s}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background:rgba(0,0,0,.1);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}



/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:240px}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:0px;background:#fff;margin:0 auto;position:absolute;top:-63px;left:0;right:0}
.box16 .social li{display:inline-block}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#ff001a;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#fff; color:#ff001a}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}



.box16 .title a {
color: #fff;
font-size: 16px;
text-shadow: 0px 5px 19px #000;
background: #32323280;}


.box16 {
margin-bottom:30px;
}




.services-block-two{transition:all ease-in-out 0.9s;cursor:pointer;position:relative;margin-bottom:20px;}
.services-block-two .inner-box{overflow:hidden;position:relative;}
.services-block-two .inner-box:hover img{filter:grayscale(100%);}
.services-block-two .inner-box .image{overflow:hidden;position:relative;display: grid;
align-items: center;}
.services-block-two .inner-box .image .icon-box{position:absolute;left:15px;bottom:15px;width:50px;height:50px;color:#ffffff;font-size:28px;line-height:50px;text-align:center;z-index:2;background-color:#ff001a;}
.services-block-two .inner-box .image img{filter:grayscale(0%);transition:all ease-in-out 0.9s;position:relative;width:100%;display:block;height:200px;}
.services-block-two .inner-box .prod-0{transition:all ease-in-out 0.4s;

background-color: #f5f5f5;
padding: 9px 20px 10px;
border: 1px solid #EEE;
font-weight: lighter;
line-height: 22px;
height: 60px;
overflow: hidden;
display: grid;
align-items: center;
}
.services-block-two .inner-box:hover .prod-0{background-color:#ff001a !important;}

.services-block-two .inner-box:hover .st-ly {
color:#fff;
}















.tr-image {
width:350px;
height:350px;
max-width:100%;
background:#fff;
display: grid;
overflow: hidden;
align-items: center;
float: right;
justify-content: center;
padding: 25px;
box-shadow: 0 0 15px #e6e6e6;
margin: 15px;
  position: relative;
z-index: 1;padding-bottom: 50px;

}


.tr-image img {
margin: 0 auto;
max-height:100%;
max-width:100%;

}






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

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

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

.cool-table ul li:before {

    content: '\f00c';
    font-weight: 300; font-family: 'Font Awesome 5 Pro';
    color: #1d2258;
    position: absolute;
    top: 0;
    left: 0;
font-size:11px;font-weight: 300;
}




.conts-ser strong {
line-height: 30px;
}

/*
.conts-ser  p {
    font-size: 16px;
}*/

.conts-ser ul {
margin-bottom:25px;
}

.conts-ser ul li {
position:relative;
margin-bottom:8px;
padding-left:20px;
}


.conts-ser ul li:before {

    content: '\f00c';
    font-weight: 300; font-family: 'Font Awesome 5 Pro';
    color: #e21d3e;
    position: absolute;
    top: 0;
    left: 0;
font-size:11px;font-weight: 300;
}


.conts-ser table p {
margin: 0;
}


.about-four__text strong {
font-size: 20px;

color: #1d2258;
}

.table {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  line-height: 36px;box-shadow: 0 0 15px #e6e6e6;
}



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

 

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


}

.conts-ser ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  color: #ff001a;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  
  margin: 0px;
}



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



/*** 

====================================================================
    Services Section Two
====================================================================

***/
.services-section-two {
  position: relative;
  padding: 40px 0;
  z-index: 2;
}



/*
.services-section-two .bg-image {
  width: 50%;
}*/



.services-section-two .bg-image:before {
/*
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #C90F16;
  opacity: 0.8;*/
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(182.49deg, #FFFFFF 29.01%, rgba(255, 255, 255, 0.6) 103.64%);
background: linear-gradient(182.49deg, #f9f9f9 29.01%, rgba(255, 255, 255, 0.6) 103.64%);
background: linear-gradient(182.49deg, #f9f9f9 29.01%, rgba(255, 255, 255, 0.6) 103.64%);
}
.services-section-two .bg-image2 {
  right: 0;
  width: 1268px;
  left: auto;
}
.services-section-two .bg-image2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #24201F;
  opacity: 0.8;
}
.services-section-two .owl-carousel .owl-dots {
  position: relative;
  margin-top: 25px;
  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;
}
@media (max-width: 575.98px) {
  .services-section-two .owl-carousel .owl-dots {
    margin-top: 0;
  }
}
.services-section-two .owl-carousel .owl-dots .owl-dot {
  height: 3px;
  width: 31px;
  margin: 0 5px;
  border: 1px solid #E7E8E8;
  background-color: #E7E8E8;
}
@media (max-width: 575.98px) {
  .services-section-two .owl-carousel .owl-dots .owl-dot {
    width: 20px;
  }
}
.services-section-two .owl-carousel .owl-dots .owl-dot.active {
  background-color: #C90F16;
  border: 1px solid #C90F16;
}

.service-block-two {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}

.owl-carousel .service-block-two {
  margin-bottom: 0;
}


.service-block-two .inner-box {
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-two .inner-box:hover .image-box .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0.9;
}
.service-block-two .inner-box:hover .image-box .read-more {
  color: #fff;
  background: #24201F;
}
.service-block-two .inner-box:hover .image-box .read-more:before {
  height: 100%;
}
.service-block-two .inner-box:hover .content-box .icon {
  color: #C90F16;
  background-color: #fff;
}
.service-block-two .inner-box .image-box .image {
position: relative;
margin-bottom: 0;
overflow: hidden;
background: #fff;
display: grid;
align-items: center;
justify-content: center;
height: 260px;
}
.service-block-two .inner-box .image-box .image img {
  position: relative;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
max-height: 240px;
width: auto;
margin: 0 auto;
}
.service-block-two .inner-box .content-box {
  position: relative;
}
.service-block-two .inner-box .content-box .inner {
position: relative;
display: inline-block;
padding: 15px 15px 0;
background-color: #F3F4F7;
width: 100%;
text-align: center;
}
@media (max-width: 991.98px) {
  .service-block-two .inner-box .content-box .inner {
    width: 100%;
  }
}
.service-block-two .inner-box .content-box::before {
  content: "";
  position: absolute;
  top: -40px;
  right: 20px;
  width: 44px;
  height: 64px;
  background-image: url(../images/icon-arrow.png);
  z-index: 3;
  pointer-events: none;
}
.service-block-two .inner-box .content-box .icon {
  position: absolute;
  top: -22px;
  left: 18px;
  height: 87px;
  width: 90px;
  line-height: 87px;
  font-size: 50px;
  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;
  color: #fff;
  background-color: #C90F16;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 2;
}
.service-block-two .inner-box .content-box .title {
  position: relative;
  margin-bottom: 5px;
  z-index: 2;
font-size: 15px;
text-transform: capitalize;
line-height: 23px;
height: 46px;
display: grid;
align-items: center;;
}

.service-block-two .inner-box .content-box .title:hover {
  color: #C90F16;
}
.service-block-two .inner-box .content-box .text {
  line-height: 1.8em;
}
.service-block-two .inner-box .content-box .theme-btn {
background-color: #F3F4F7;
width: 100%;
font-size: 12px;
padding: 10px 20px;
color: #666;
display: block;
text-align: center;
}
.service-block-two .inner-box .content-box .theme-btn i {
  position: relative;
  color: #C90F16;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-two .inner-box .content-box .theme-btn:hover i {
  color: #000;
}



.bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}





.owl-carousel.custom-nav .owl-nav {
    position: absolute;
    left: 0;
    top: -55px;
    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;
}

.owl-carousel.custom-nav .owl-nav .owl-prev,
.owl-carousel.custom-nav .owl-nav .owl-next {
    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;
    color: #ff001a;
    font-size: 14px;
    height: 26px;
    margin: 0 3px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 26px;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
background: #fff;
background: #fff;
box-shadow: 1px 1px 15px #00000017;
}



/*
.tr-image {
  width: 350px;
  height: 350px;
  max-width: 100%;
  background: #fff;
  display: grid;
  overflow: hidden;
  align-items: center;
  float: right;
  justify-content: center;
  padding: 25px;
    padding-bottom: 25px;
  box-shadow: 0 0 15px #e6e6e6;
  margin: 15px;
  position: relative;
  z-index: 1;
  padding-bottom: 50px;
}*/




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



table > tbody > tr:first-child td p,
table > tbody > tr:first-child td { 
    color: #1e2354;
}

table > tbody > tr:first-child {
    color: #fff;
    background: #f7f7f7;
}


table td {
min-width: 150px; 
}


.bar-section {
padding: 40px 0;
background: #fff;
position: relative;/*
background: linear-gradient( to right , #193bc6 , #0b1c60);
background: linear-gradient( to right , #051442 , #0b1c60);*/
z-index: 1;
}



.bar-section:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: url(../images/wtextura-bg.png);
  left: 0;
  bottom: 0;
  background-size: contain;
  opacity: 1;
opacity: 0.5;z-index: -1;
background-size: cover;
}

.bra-box p {
margin: 0;
color: #000;
text-align: center;
padding: 14px;
background: linear-gradient( to top , #f0f0f0, #f9f9f9);
font-size: 16px;
text-transform: capitalize;
font-weight: normal;
}


.bra-box {
background: #fff;
padding: 7px;
border-radius: 8px;
margin-bottom: 25px;
box-shadow: 1px 1px 15px #0001;
}


.cust-cont {
max-width: 1000px; 
}


.bf-img {
height: 110px;
overflow: hidden;
display: grid;
  position: relative;
align-items: center;
background: #fff;
border-radius: 8px;
}


.galler-section {
padding: 40px 0;
background: #f7f7f7;
}

.bf-img img {

  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
max-height: 110px;
width: auto;
margin: 0 auto;
border-radius: 8px;
max-width: 90%;
}


.colfive {
width: 20%;
padding: 0 7px;
margin-bottom: 14px;
}


.bos-gallery {
  position: relative;
overflow: hidden;
background: #fff;
text-align: center;
}


.bos-gallery a {
display: block;
}

.bos-gallery img {
height: 260px;
}


.bos-gallery i {
position: absolute;
height: 45px;
width: 45px;
background-color: #333;
right: 20px;
top: -50px;
transition: all 0.3s ease-out;
text-align: center;
line-height: 45px;
color: #fff;
}

.bos-gallery:hover i {
top: 20px;
}
	






/*
.form-control { 
border-radius: 25px;
border: 1px solid #ddd;
}
*/



/* Icon Box 4 */
.icon-box-4{
	text-align: left;
padding: 25px 5px 20px 86px;
	position: relative;
	border-radius: 7px;
	overflow: hidden;
margin-bottom: 30px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;border-radius: 0 0 0 40px;
overflow: hidden;
}
.icon-box-4 svg {
    color: #beafb1;
    display: block;
    stroke-width: 1px;
    position: absolute;
    width: 60px;
    height: 60px;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
}
.icon-box-4 h3 {
font-size: 17px;
    color: #27304b;
margin-bottom: 10px;
    position: relative;
}

.icon-box-4 p {
margin:0;
line-height:22px;

}

.icon-box-4 a[href^="mailto:"]{
color: #111;
}
.icon-box-4 a[href^="mailto:"]:hover{
	color: #27304b;
	text-decoration: none;
}
.icon-box-4.bg-orange{
	background: rgba(213, 155, 45, 0.2);background: #3baef21a;	
}
.icon-box-4.bg-green{
	background: #3bf2711a;
}
.icon-box-4.bg-gray{
	background: rgb(162 162 162 / 7%)
}



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



/*----- All button style start -----*/
.btn-main {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 30px;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #cdcdcd;
  line-height: 1; 

    border-color: #1d2258;
    background-color: #1d2258;
border-radius: 4px;
border-color: #333;
background-color: #333;
padding: 12px 24px;

}
  .btn-main span {
    font-size: 25px;
    padding-left: 5px;
    line-height: 28px;
    vertical-align: bottom;
    position: relative; }
    .btn-main span:before {
      top: 50%;
      left: 100%;
      font-size: 16px;
      line-height: 1;
      margin-left: -15px;
      content: "\eab8";
      position: absolute;
      font-family: IcoFont !important;
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      visibility: hidden; }
  .btn-main:hover {
    color: #ffffff;
    border-color: #1d2258;
    background-color: #1d2258; }
    .btn-main:hover span:before {
      margin-left: -5px;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      visibility: visible; }








.tab__vission {
padding: 40px 0 20px;
}


.miss-box {
padding: 30px;
border-radius: 30px;
background: #fff;
box-shadow: 1px 1px 15px #be0a160d;
box-shadow: 1px 1px 15px #0000000a;
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 30px;
min-height: 240px;
margin-bottom: 30px;
text-align: center;
}




.miss-box ul li {
  position: relative;
padding-left:20px;text-align: left;
}

.miss-box ul li:before {

    content: '\f00c';
    font-weight: 300; font-family: 'Font Awesome 5 Pro';
    color: #1d2258;
    position: absolute;
    top: 0;
    left: 0;
font-size:11px;font-weight: 300;
}




.miss-box:hover {
box-shadow: none;
}

.miss-box:hover i {
color: #f2f2f2;
}

.miss-box i {
position: absolute;
font-size: 120px;
right: -45px;
top: -45px;
color: #eee;
z-index: -1;
}

.miss-box h2 {
color: #be0a16;
font-size: 24px;
text-transform: capitalize;
margin-bottom: 8px;}




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

#top-social {
display: flex;
justify-content: center;
}

.tr-image {
width: 280px;
height: 280px;
float: none;
margin: 0 auto 15px;
}

.tr-image img {
  max-height: 230px;
}

.colfive {
width: 50%;
padding: 0 10px;
margin-bottom: 20px;
}


.text-worker h3 {
font-size: 17px;
margin-bottom: 0;
}

.footer-top-wrap {
  padding: 0;}



.tab__vission,
.contact-wrap-layout,
.brand-wrap-layout2,
.services-section-two,
.bar-section,
.about-four,
.pro-content,
.galler-section {
  padding: 20px 0;}

.bos-gallery img {
  height: 160px;
}

.miss-box {
padding: 20px;
}


.footer-box .footer-contact-info {
  margin-bottom: 0;
}


.footer-box .footer-contact-info li,
.footer-box .footer-quick-link li {
  margin-bottom: 7px;}


.footer-social {
  margin: 15px 0;
}


.heading-layout1 h2, .heading-layout1 h3 {
font-size: 18px;
}


.icon-box-4,
.heading-layout1 {
  margin-bottom: 15px; }


.header-navigation ul.navigation-box > li > a {
  font-size: 14px;

}

.bra-box p,
.breadcrumb {
display: none;
}
.contact-box-layout1 .title {
  font-size: 17px;
  margin-bottom: 15px;
}




.icon-box-4 svg {
  width: 50px;}

.icon-box-4 {line-height: 20px;
  text-align: left;
  padding: 18px 5px 20px 46px;}



.contact-box-layout1 {
  padding: 20px;
  margin-bottom: 0px;
  text-align: center;
}



}