/*css-by-saneeshonline*/

@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  box-sizing: border-box;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}

ol, ul {

  list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

  content: "";

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

*:focus {

  outline: none !important;

}

::-webkit-input-placeholder {

  color: #000;

  font-size: 13px;

}

::-moz-placeholder {

  color: #000;

  font-size: 13px;

}

:-ms-input-placeholder {

  color: #000;

  font-size: 13px;

}

:-moz-placeholder {

  color: #000;

  font-size: 13px;

}

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 30px white inset;

  box-shadow: 0 0 0 30px white inset;

}

.reset {

  clear: both;

}

body {

  margin: 0;

  font-family: 'Poppins', sans-serif;

  overflow: hidden;

  overflow-y: scroll;

  animation: fadein 2s;

  -moz-animation: fadein 2s;

  -webkit-animation: fadein 2s;

  -o-animation: fadein 2s;

}

body, textarea, input, select {

  color: #061923;

  font-size: 16px;

}

textarea, input, select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, select:focus, textarea {

  font-size: 16px;

}

h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  float: left;

  position: relative;

  width: 100%;

  font-family: 'Montserrat', sans-serif;

}

p {

  line-height: 28px;

  margin: 0px 0 0 0;

  float: left;

  width: 100%;

}

a {

  text-decoration: none !important;

  color: #53565a;

  position: relative;

  display: inline-block;

  -webkit-transition : 400ms ease-in-out;

  -moz-transition: 400ms ease-in-out;

  -ms-transition: 400ms ease-in-out;

}

a:hover {

  text-decoration: none !important;

  color: #000;

}

/* a::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 1px;

  top: 100%;

  left: 0;

  background: #000;

  transition: transform 0.5s;

  transform: scaleX(0);

  transform-origin: right;

  z-index: 9;

}

a:hover::after {

  transform: scaleX(1);

  transform-origin: left;

} */

ul {

  padding: 0;

  margin: 0;

}

.wrapper {

  width: 100%;

  float: left;

  position: relative;

}

.container {

  width: 1280px;

  margin: auto;

  position: relative;

}

img {

  display: block;

  max-width: 100%;

  height: auto;

}

.center__block {

  display: block;

  margin: 0 auto;

}

.text__center {

  text-align: center;

}

.text__right {

  text-align: right;

}

.col__1 {

  width: 8.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__2 {

  width: 16.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__3 {

  width: 25%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__4 {

  width: 33.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__5 {

  width: 41.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__6 {

  width: 50%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__7 {

  width: 58.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__8 {

  width: 66.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__9 {

  width: 75%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__10 {

  width: 83.33333333%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col__11 {

  width: 91.66666667%;

  float: left;

  padding: 0 15px;

  position: relative;

}

.col {

  width: 100%;

  float: left;

  padding: 0 15px;

  position: relative;

}

section {

  width: 100%;

  float: left;

  position: relative;

  padding: 0px 0;

}

.header {

  z-index: 9;

  width: 100%;

  background: #005dac;

}



#header {

	position: fixed;

  top: 0;

  transition: all .5s;

}

.intro {

  position: relative;

  width: 100%;

  float: left;

  z-index: 1;

  margin: 80px 0 0;

}

.navigation {

  width: 100%;

  display: table;

  position: relative;

  font-family: inherit;

}

.navigation * {

  box-sizing: border-box;

  -webkit-tap-highlight-color: transparent;

}

.navigation-portrait {

  height: 48px;

}

.navigation-fixed-wrapper {

  width: 100%;

  left: 0;

  z-index: 19998;

  will-change: opacity;

}

.navigation-fixed-wrapper.fixed {

  position: fixed !important;

  -webkit-animation: fade .50s;

  animation: fade .50s;

}

.navigation-fixed-wrapper .navigation {

  margin-right: auto;

  margin-left: auto;

}

.navigation-fixed-placeholder {

  width: 100%;

  display: none;

}

.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {

  display: block;

}

.navigation-hidden {

  width: 0 !important;

  height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  position: absolute;

  top: -9999px;

}

.align-to-right {

  float: right;

}

.nav-header {

  float: left; background:#fff;

}

.navigation-hidden .nav-header {

  display: none;

}

.nav-brand {

  padding: 5px;


  display: block

}

.nav-brand img {

  height: 70px;

}

.nav-brand:hover, .nav-brand:focus {

  color: #70798b;

}

.navigation-portrait .nav-brand {

  font-size: 18px;

  line-height: 48px;

}

.nav-logo > img {

  height: 48px;

  margin: 11px auto;

  padding: 0 15px;

  float: left;

}

.nav-logo:focus > img {

  outline: initial;

}

.navigation-portrait .nav-logo > img {

  height: 36px;

  margin: 6px auto 6px 15px;

  padding: 0;

}

.nav-toggle {

  width: 30px;

  height: 30px;

  padding: 6px 2px 0;

  position: absolute;

  top: 50%;

  margin-top: -14px;

  right: 15px;

  display: none;

  cursor: pointer;

}

.nav-toggle:before {

  content: "";

  position: absolute;

  width: 24px;

  height: 2px;

  background-color: #fff;

  border-radius: 10px;

  box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;

}

.navigation-portrait .nav-toggle {

  display: block;

}

.navigation-portrait .nav-menus-wrapper {

  width: 320px;

  height: 100%;

  top: 0;

  left: -400px;

  position: fixed;

  background-color: #ffffff;

  z-index: 20000;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transition-duration: .8s;

  transition-duration: .8s;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {

  left: auto;

  right: -400px;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {

  left: 0;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {

  left: auto;

  right: 0;

}

.nav-menus-wrapper-close-button {

  width: 30px;

  height: 40px;

  margin: 10px 7px;

  display: none;

  float: right;

  color: #70798b;

  font-size: 26px;

  cursor: pointer;

}

.navigation-portrait .nav-menus-wrapper-close-button {

  display: block;

}

.nav-menu {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: normal;

  font-size: 0;

}

.navigation-portrait .nav-menu {

  width: 100%;

}

.nav-menu.nav-menu-centered {

  text-align: center;

}

.nav-menu.nav-menu-centered > li {

  float: none;

}

.nav-menu > li {

  display: inline-block;

  float: left;

  text-align: left;

}

.navigation-portrait .nav-menu > li {

  width: 100%;

  position: relative;

  border-top: solid 1px #f0f0f0;

}

.navigation-portrait .nav-menu > li:last-child {

  border-bottom: solid 1px #f0f0f0;

}

.nav-menu + .nav-menu > li:first-child {

  border-top: none;

}

.nav-menu > li > a {

  line-height: 80px;

  padding: 0 15px;

  display: inline-block;

  position: relative;

  text-decoration: none;

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1px;

  -webkit-transition: color 0.3s, background 0.3s;

  transition: color 0.3s, background 0.3s;

}

.navigation-portrait .nav-menu > li > a {

    width: 100%;

    height: auto;

    padding: 12px 15px 12px 26px;

    line-height: inherit;

    color: black;

}

.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {

  color: #8cc861;

}

.nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] {

  width: 18px;

  height: 16px;

  line-height: 16px;

  -webkit-transform: scale(1.4);

  -ms-transform: scale(1.4);

  transform: scale(1.4);

}

.nav-menu > li > a > [class*="ion-"] {

  width: 16px;

  display: inline-block;

  -webkit-transform: scale(1.8);

  -ms-transform: scale(1.8);

  transform: scale(1.8);

}

.navigation-portrait .nav-menu.nav-menu-social {

  width: 100%;

  text-align: center;

}

.nav-menu.nav-menu-social > li {

  text-align: center;

  float: none;

  border: none !important;

}

.navigation-portrait .nav-menu.nav-menu-social > li {

  width: auto;

}

.nav-menu.nav-menu-social > li > a > [class*="ion-"] {

  font-size: 12px;

}

.nav-menu.nav-menu-social > li > a > .fa {

  font-size: 14px;

}

.navigation-portrait .nav-menu.nav-menu-social > li > a {

  padding: 15px;

}

.submenu-indicator {

  margin-left: 10px;

  margin-top: 36px;

  float: right;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.navigation-portrait .submenu-indicator {

  width: 54px;

  height: 44px;

  margin-top: 0;

  position: absolute;

  top: 0;

  right: 0;

  text-align: center;

  z-index: 20000;

}

.submenu-indicator-chevron {

  height: 6px;

  width: 6px;

  display: block;

  border-style: solid;

  border-width: 0 1px 1px 0;

  border-color: transparent #fff #fff transparent;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: border 0.3s;

  transition: border 0.3s;

}

.navigation-portrait .submenu-indicator-chevron {

  position: absolute;

  top: 18px;

  left: 24px;

  border-color: black;

}

.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron {

  border-color: transparent #8cc861 #8cc861 transparent;

}

.navigation-portrait .submenu-indicator.submenu-indicator-up {

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.nav-overlay-panel {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: fixed;

  display: none;

  z-index: 19999;

}

.no-scroll {

  touch-action: none;

  overflow-x: hidden;

}.nav-dropdown {

  min-width: 180px;

  margin: 0;

  padding: 0;

  display: none;

  position: absolute;

  list-style: none;

  z-index: 98;

  white-space: nowrap;

}

.navigation-portrait .nav-dropdown {

  width: 100%;

  position: static;

  left: 0;

}

.nav-dropdown .nav-dropdown {

  left: 100%;

}



.nav-dropdown > li {

  width: 100%;

  float: left;

  clear: both;

  position: relative;

  text-align: left;

}

.nav-dropdown > li > a {

  width: 100%;

  padding: 7px 20px;

  display: inline-block;

  text-decoration: none;

  float: left;

  font-size: 14px;

  color: #70798b;

  background-color: #fdfdfd;

  -webkit-transition: color 0.3s, background 0.3s;

  transition: color 0.3s, background 0.3s;

}

.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {

  color: #fff; background:#8cc861;

}

.nav-dropdown.nav-dropdown-left {

  right: 0;

}

.nav-dropdown > li > .nav-dropdown-left {

  left: auto;

  right: 100%;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {

  text-align: right;

}

.navigation-portrait .nav-dropdown > li > a {

  padding: 12px 20px 12px 30px;

}

.navigation-portrait .nav-dropdown > li > ul > li > a {

  padding-left: 50px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {

  padding-left: 70px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {

  padding-left: 90px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {

  padding-left: 110px;

}

.nav-dropdown .submenu-indicator {

  right: 15px;

  top: 16px;

  position: absolute;

}

.navigation-portrait .nav-dropdown .submenu-indicator {

  right: 0;

  top: 0;

}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {

  border-color: transparent #8CC152 #8CC152 transparent;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {

  left: 10px;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

}

.getintouch {

  width: 100%;

  float: left;

  position: relative;

  padding: 25px 0;

  border-bottom: #ececec 1px solid;

}

.getintouch__flexbox {

  display: flex;

  justify-content: space-between;

}

.getintouch ul, .getintouch ul li {

  display: flex;

  float: left;

  position: relative;

}

.getintouch ul li {

  padding: 15px 15px 15px 15px;

}

.getintouch ul li i, .getintouch ul li span {

  float: left;

  display: inline-block;

}

.getintouch ul li i {

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  border: #333 1px solid;

  border-radius: 50%;

}

.getintouch ul li span {

  padding-left: 10px;

}

.getintouch ul li::after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 1px;

  height: 100%;

  background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF);

  background-position: 0, 100%, 0, 100%;

}

.getintouch ul li:last-child::after {

  display: none;

}

.getintouch ul li h3 {

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 600;

  color: #444;

}

.getintouch ul li a {

  float: left;

  font-size: 12px;

  color: #005dab;

  font-weight: 600;

}

.gredient_btn {

  background-image: linear-gradient(to right, #005dac, #8cc861);

  background-size: 150% 150%;

  padding: 19px 25px;

  height: 55px;

  color: white;

  position: relative;

	border: 0;

	border-radius: 3px;

	text-transform: uppercase;

	font-size: 13px;

	letter-spacing: 1.5px;

	overflow: hidden;

}

.gredient_btn:hover {

  animation: gradient 3s ease infinite;

  color: white;

}

.curve_img, .map_img_bg {

  position: relative;

}

.curve_img {

  z-index: 1;

}

.curve_img img {

  border-radius: 50px 0 0 0;

}

.intro__txt__box {

  z-index: 1;

  border-radius: 50px 0 0 0;

  overflow: hidden;

}

.map_img_bg {

  margin: -185px 0 0 -155px;

}

.map_img_bg img {

  opacity: 0.1;

}

.intro__txt__box {

  width: 100%;

  float: left;

  padding: 50px;

  background: white;

  margin: 100px 0 0 -175px;

  position: relative;

  box-shadow: -5px 0 5px -5px #e2e2e2;

}

h1 {

  font-size: 35px;

  color: black;

  font-weight: 700;

}

.intro__txt__box h1 {

  padding-left: 70px;

}

.intro__txt__box ul {

  padding: 15px 0 0;

  width: 100%;

  float: left;

}

.intro__txt__box ul li {

  width: 100%;

  padding: 20px 0;

  display: flex;

  align-items: center;

}

.circle__img {

  width: 12%;

  background: #fff;

  position: relative;

  height: 0;

  padding-bottom: 11.5%;

  float: left;

  border: #ececec 1px solid;

  border-radius: 50%;

  text-align: center;

  line-height: 53px;

  font-size: 25px;

  font-weight: lighter;

  color: #8bc861;

}

.circle__img img {

  height: 35px;

  margin: 7px auto;

}

.circle__img::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50px;

  width: 1px;

  height: 100px;

  background: #ececec;

}

.intro__txt__box ul li:last-child .circle__img::after {

  display: none;

}

.intro__txt__box span {

  float: left;

  width: 88%;

  padding-left: 20px;

}

.intro__txt__box h2 {

  color: #8bc861;

  text-transform: uppercase;

  font-size: 15px;

  font-weight: 600;

}

.intro__txt__box p {

  margin: 5px 0 0;

}

.video-play-button {

  position: absolute;

  z-index: 10;

  bottom: -40px;

  left: 10%;

  box-sizing: content-box;

  display: block;

  width: 32px;

  height: 44px;

  border-radius: 50%;

  padding: 35px 20px 18px 35px;

  cursor: pointer;

  transition: all .5s;

}

.video-play-button:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

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

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

  display: block;

  width: 80px;

  height: 80px;

  background: #8bc861;

  border-radius: 50%;

  -webkit-animation: pulse-border 1500ms ease-out infinite;

          animation: pulse-border 1500ms ease-out infinite;

}

.video-play-button:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

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

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

  display: block;

  width: 80px;

  height: 80px;

  background: #8bc861;

  border-radius: 50%;

  -webkit-transition: all 200ms;

  transition: all .5s;

}

.video-play-button:hover::after {

  background-color: #7aad55;

}

.video-play-button img {

  position: relative;

  z-index: 3;

  max-width: 100%;

  width: auto;

  height: auto;

}

.video-play-button span {

  display: block;

  position: relative;

  z-index: 3;

  width: 0;

  height: 0;

  border-left: 25px solid #fff;

  border-top: 15px solid transparent;

  border-bottom: 15px solid transparent;

}

.services__area ul {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

}

.services__area ul li {

  width: 25%;

  padding: 0 15px;

  float: left;

  display: flex;

}

.services__list {

  width: 100%;

  float: left;

  background: white;

  border-radius: 10px;

  padding: 35px;

  margin-top: 75px;

}

.services__list--img {

  width: 130px;

  height: 130px;

  border-radius: 50%;

  float: left;

  margin: -80px 0 0 0;

  overflow: hidden;

  border: #fff 10px solid;


}

.services__list--img img {  
  border-radius: 50%;  
}



.raedmore {

  font-size: 12px;

  font-weight:normal;


}

.services__list h3 {

  color: #313944;

  font-size: 20px;

  margin-top: 25px;

}

.services__list p {

  font-size: 15px;

}

h2 {

  font-size: 40px;

  font-weight: 600;

}

.mt-140 {

  margin-top: -140px;

}

.parallex__bg {

  background-image: linear-gradient(to right, #003c9a 40%, #8cc8618c), url(../skin/parallex.jpg);

  height: 700px;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  align-items: center;

  background-position: center center;

}

.vision__mission {

  width: 70%;

  float: left;

}

.vision__mission ul li {

  width: 50%;

  padding: 15px;

  color: white;

  float: left;

  position: relative;

}

.vision__mission ul li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 140px;

  height: 140px;

  background: url(../skin/icon_bg.png) center center no-repeat;

}

.vision__mission ul  li img {

  float: left;

  width: 30%;

}

.vision__mission ul li span {

  width: 70%;

  float: left;

  padding-left: 25px;

}

.vision__mission ul li:nth-child(3), .vision__mission ul li:nth-child(4) {

  margin: 75px 0 0;

}

.vision__mission h3 {

  font-size: 25px;

  font-weight: 600;

}

.title__decor h2 {

  padding-bottom: 20px;

}

.title__decor h2::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 60px;

  height: 5px;

  background-image: linear-gradient(to right, #8cc861 50%, #003c9a 50%);

}

.blog__list {

  width: 100%;

  float: left;

}

.blog__list ul li {

  width: 33.33%;

  padding: 0 15px;

  float: left;

}

.blog__list--box {

  width: 100%;

  float: left;

  background: white;

  padding-bottom: 15px;

  margin-bottom: 30px;

}

.blog__list--box h3 {

  color: #353535;

  font-size: 18px;

  font-weight: 600; height:60px;

}

.date {

  color: #8dc761;

  font-size: 12px;

  display: flex;

  align-items: center;

  margin-top: 15px;

  font-weight: 600;

}

.date img {

  height: 25px;

  float: left;

  margin-right: 10px;

  /* background: white;

  padding: 2px;

  border: #ececec 1px solid; */

}

.blog__list--box p {

  font-size: 15px;

  display: -webkit-box;

  height: 75px;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.blog__list--box h3 {

  margin-top: 15px;

  display: -webkit-box;


  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.icon_more {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #fff;

  border: #003d9a 1px solid; 

  text-align: center;

  color: #003d9a;

  float: left;

  margin: 15px 0 0;

  line-height: 50px;

  font-size: 25px;

}

.hvr-radial-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  overflow: hidden;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-radial-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #003d9a;

  border-radius: 100%;

  -webkit-transform: scale(0);

  transform: scale(0);

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

}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {

  color: white;

}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {

  -webkit-transform: scale(2);

  transform: scale(2);

}

.intro .item 

{

  height: auto;

  position: relative;

}

.intro .item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.intro .item .cover {

  padding: 75px 0;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;


  display: flex;

  align-items: center;

}

.intro .item .cover .header-content {

  position: relative;

  overflow: hidden;

}

.intro .item .cover .header-content h2 {

    font-weight: 800;

    font-size: 50px;

    color: #fff;

    letter-spacing: 2px;

    text-shadow: 2px 2px 1px rgba(11, 0, 0, 0.48);

}

.intro .item .cover .header-content h1 {

  font-size: 56px;

  font-weight: 600;

  margin: 5px 0 20px;

  word-spacing: 3px;

  color: #fff;

}

.intro .item .cover .header-content h4 {

  font-size: 24px;

  font-weight: 300;

  line-height: 36px;

  color: #fff;

}

.intro .owl-item.active p, .review .owl-item.active p {

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.intro .owl-item.active h3, .review .owl-item.active h3 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInUp;

  animation-delay: 0.3s;

}

.intro .owl-item.active h2 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.intro .owl-item.active h4 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.3s;

}

.intro .owl-item.active .white__btn {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInUp;

  animation-delay: 0.3s;

}

.intro .owl-nav .owl-prev {

  position: absolute;

  left: 15px;

  top: 43%;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background: #005cac7a !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

.intro .owl-nav .owl-prev span {

  font-size: 1.6875rem;

  color: #fff;

}

.intro .owl-nav .owl-prev:focus {

  outline: 0;

}

.intro .owl-nav .owl-prev:hover {

  background: #005cac !important;

}

.intro .owl-nav .owl-next {

  position: absolute;

  right: 15px;

  top: 43%;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background: #005cac7a !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

.intro .owl-nav .owl-next span {

  font-size: 1.6875rem;

  color: #fff;

}

.intro .owl-nav .owl-next:focus {

  outline: 0;

}

.intro .owl-nav .owl-next:hover {

  background: #005cac !important;

}

.intro:hover .owl-prev {

  left: 0px;

  opacity: 1;

}

.intro:hover .owl-next {

  right: 0px;

  opacity: 1;

}

.clients .owl-item {

  padding: 0 15px;

}

.clients img {

  border: #ececec 1px solid;

}

.testimonials {

  background-image: linear-gradient(to right bottom,  #005cacf8, #8cc861f8), url(../skin/test_bg.jpg);

  background-attachment: fixed;

  padding: 0 0 100px;

}

.testimonials::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 85px;

  background: #f7fbf3;

}

.review {

  width: 42%;

  margin: auto;

}

.review__box__pic {

  width: 170px;

  height: 170px;

  border-radius: 50%;

  overflow: hidden;

  margin: auto;

  border: #f7fbf3 12px solid;

}

.quote img {

  width: 75px !important;

  position: relative;

  left: 39%;

  margin-top: -40px;

}

.quote { margin-top:60px;}

.review__box {

  width: 100%;

  float: left;

  text-align: center;

  color: white;

}

.review__box p {

  font-size: 20px;

  line-height: 30px;

}

.review__box h3 {

  font-size: 25px;

  font-weight: 700;

  margin-top: 25px;

}

.review__box h3 span {

  display: block;

  font-size: 18px;

  font-weight: 500;

}

.owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

  margin: 30px 0;

}

.owl-carousel button.owl-dot {

  background: none;

  border: white 2px solid;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  margin: 5px;

}

.owl-carousel button.active.owl-dot {

  background: white;

}

footer {

  width: 100%;

  position: relative;

  float: left;

  color: #626475;

  font-size: 14px;

}

.quote__box {

  background: #8cc861;

  display: flex;

  align-items: center;

  color: white;

  justify-content: space-around;

  width: 75%;

  margin: -85px  auto 0;

  padding: 50px 30px;

  border-radius: 5px;

}

.quote__box h2 {

  width: auto;

  font-size: 32px;

  font-weight: 700;

}

.quote__box h2 span {

  display: block;

  font-size: 18px;

  font-weight: 500;

}

.white__btn {

	color: #8cc861;

	padding: 20px 15px;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 12px;

	text-align: center;

  background: white;



  border-radius: 3px;

  border: none;

  cursor: pointer;

}

.white__btn:hover {

	color: #8cc861;

}

.white__btn:after {

	/* content: '\e84b'; */

	transition: all .25s;

	opacity: 0;

	margin-left: -.5em;

	font-family: 'unicons';

}

.white__btn:hover:after {

	opacity: 1;

	margin-left: .7em;

}

.large__btn {

  width: 200px;

}

.blue__btn {

  background: #005dac;

  color: white;

}

.blue__btn:hover {

  color: white;

}

.footer__list ul li {

  width: 25%;

  float: left;

  padding: 0 15px;

}

.footer__list h4 {

  color: #0a2f5a;

  font-size: 18px;

  font-weight: 700;

 

}

.footer__list ul li ul li {

  width: 100%;

  padding: 5px 0;

}

.social__links a {

  margin-right: 10px;

}

.social__links i {

  font-size: 20px;

}

.navigation__bar {

  width: 83%;

  float: left;

}

.country__select {

  width: 17%;

  float: left;

  position: relative;

}

.language-select {


  color: #fff;

  height: 40px;

  width: 100%;

  overflow: hidden;

  cursor: pointer;

  background: #ffffff;

  border: solid 1px #0075d8;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  position: absolute;

  top: 20px;

  right: 0;

  transition: all 150ms ease-in-out;

}

.language-select li {

  vertical-align: middle;

  text-align: left;

  justify-content: left;

  order: 2;

  min-height: 50px;

  padding: 0 15px 0 40px;

  line-height: 45px;

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.language-select li:hover {

  cursor: pointer;

  background: #191919;

}

.language-select li img {

  margin-right: 10px;

  width: 24px;

  height: 24px;

  vertical-align: middle;

  display: inline-block;

}

.language-select li span {

  vertical-align: middle;

  display: inline-block;

}

.language-select.open {

  height: 250px;

}

.language-select li.active {

  order: 1;

  pointer-events: none;

}



/* .language-select::after {

  position: absolute;

  content: '\e82d';

  font-family: unicons;

  top: 15px;

  right: 15px;

} */

.intro .white__btn {

  display: inline-block;

  margin: 15px 0 0;



}

.intro__inner {

  width: 100%;

  height: 375px;

  position: relative;

  float: left;

  display: flex;

  color: white;

  margin: 80px 0 0;

}

.intro__inner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

 /*  background-image: linear-gradient(to right bottom, #8cc861, #005dac); */

  mix-blend-mode: multiply;

}

.bg1 {

  background: url(../skin/bg1.jpg) center center no-repeat;

  background-size: cover;

}

.bg2 {

  background: url(../skin/bg2.jpg) center center no-repeat;

  background-size: cover;

}

.bg3 {

  background: url(../skin/bg3.jpg) center center no-repeat;

  background-size: cover;

}

.bg4 {

  background: url(../skin/bg4.jpg) center center no-repeat;

  background-size: cover;

}

.bg5 {

  background: url(../skin/bg5.jpg) center center no-repeat;

  background-size: cover;

}

.bg6 {

  background: url(../skin/bg6.jpg) center center no-repeat;

  background-size: cover;

}

.bg7 {

  background: url(../skin/bg7.jpg) center center no-repeat;

  background-size: cover;

}

.bg8 {

  background: url(../skin/bg8.jpg) center center no-repeat;

  background-size: cover;

}

.bg9 {

  background: url(../skin/bg9.jpg) center center no-repeat;

  background-size: cover;

}

.bg10 {

  background: url(../skin/bg10.jpg) center center no-repeat;

  background-size: cover;

}

.bg11 {

  background: url(../skin/bg11.jpg) center center no-repeat;

  background-size: cover;

}

.intro__inner h1 {

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 800;

  color: white;

}

.breadcrumbs {

  display: block;

  float: left;

  margin: 5px 0 0;

  font-size: 12px;

  font-weight: 600;

}

.breadcrumbs ul li {

  display: inline-block;

  float: left;

}

.breadcrumbs ul li span {

  padding: 0 15px;

  display: inline-block;

  float: left;

  position: relative; font-size:12px;

}

.breadcrumbs ul li span::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 5px;

  height: 5px;

  transform: translateY(-50%);

  background: white;

  border-radius: 50%;

}

.breadcrumbs ul li:first-child span {

  padding-left: 0;

}

.breadcrumbs ul li:last-child span::after {

  display: none;

}

.breadcrumbs a {

  color: #8cc861;

}

.breadcrumbs a:hover {

  color: #fff;

}

.about__img {

  width: 100%;

  position: relative;

  float: left;

}

.about__img img {

  z-index: 1;

  position: relative;


}

.about__img::after {

  content: "";

  z-index: 0;

  position: absolute;

  width: 100%;

  height: 400px;

  bottom: -100px;

  left: -100px;

  background: linear-gradient(90deg, #8cc861 20px, transparent 1%) center, linear-gradient(#8cc861 20px, transparent 1%) center, #8cc86185;

  background-size: 22px 22px;

}

.video__bg {

  background: linear-gradient(90deg, #005dac 20px, transparent 1%) center, linear-gradient(#005dac 20px, transparent 1%) center, #005cacdc;

  background-size: 22px 22px;

  color: white;

}

.video__box {

  width: 100%;

  float: left;

  position: relative;

  background: #fff;

  padding: 30px;

  box-shadow: 0 0 45px #bfbfbf;

  border: #dedede 1px solid;

}

.video__bg h2 {

  font-weight: 800;

  font-size: 35px;

  margin-bottom: 50px;

}

.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

}

.embed-container iframe, .embed-container object, .embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.about__intro h3 {

  color: black;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 1px;

}

.about__intro p {

  line-height: 35px;

}

.message__box {

  width: 100%;

  margin: 0 0 75px;

  float: left;

}

.manager__pic {

  width: 25%;

  float: left;

  background: #f7fbf3;

  padding: 25px;

  position: relative;

}

.message {

  width: 75%;

  float: left;

  background: white;

  color: #777;

  padding: 40px 60px 60px 100px;

  font-size: 15px;

  margin-left: -50px;

}

.message h3 {

  color: black;

  font-weight: 600;

  margin-top: 20px;

}

.message p {

  line-height: 30px;

}

.message h4 {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 700;

  margin-top: 25px;

  color: #8cc861;

  font-size: 20px;

}

.links span {

  display: inline-block;

  padding: 0 15px;

  float: left;

  position: relative;

  margin: 5px 0 0;

}

.links span::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 5px;

  height: 5px;

  background: #8cc861;

  border-radius: 50%;

}

.links span:first-child {

  padding: 0 15px 0 0;

}

.links span:last-child::after {

  display: none;

}

.team ul li {

  width: 25%;

  padding: 15px;

  float: left;

}

.team__box {

  width: 100%;

  position: relative;

  float: left;

  background: white;

  /*padding-bottom: 15px;*/

}

.team__box img {

  filter: grayscale(0);

  transition: all .5s;

}

.team__box:hover img {

  filter: grayscale(0);

}

.team__box h3 {

  text-transform: uppercase;

  font-weight: 800;

  letter-spacing: 1px;

  margin: 15px 0 0;

}

.mt__175 {

  margin-top: 175px;

}

.values h2, .team h2 {

  font-weight: 800;

  margin-bottom: 50px;

}

.values ul {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  margin-bottom: 75px;

}

.values ul li {

  width: 25%;

  display: flex;

  padding: 0 15px;

}

.value__box {

  width: 100%;

  display: flex;

  background: #f9f9f9;

  border-radius: 3px;

  padding: 15px;

  flex-direction: column;

  border: #ececec 1px solid;

}

.value__box h3 {

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 1px;

}

.value__box p {

  font-size: 14px;

}

.services {

  font-size: 14px;

}

.services h2 {

  font-weight: 800;

  color: black;

}

.list ul li {

  padding: 5px 0 5px 1.3em;

  width: 100%;

  position: relative;

  float: left;

}

.list ul li:before {

  content: "\ebac";

  font-family: unicons;

  display: inline-block;

  margin-left: -1.3em;

  width: 1.3em;

  color: #8cc861;

}

.services {

  display: flex;

  align-items: center;

}

.services__highlights ul {

  display: flex;

  flex-wrap: wrap;

  margin: 50px 0 85px;

}

.services__highlights ul li {

  width: 33.33%;

  float: left;

  padding: 0 15px;

  display: flex;

}

.services__highlights__box {

  width: 100%;

  float: left;

  background: white;

  padding-bottom: 15px;

  display: flex;

  flex-flow: column;

}

.services__highlights__box h3 {

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 1px;

  margin-top: 15px;

}

.services__highlights__box p {

  font-size: 14px;

}

.solution__video h2 {

  font-weight: 800;

}

.solution__video {

  display: flex;

  align-items: center;

  margin-bottom: 85px;

}

.gallery {

  padding-bottom: 50px;

  float: left;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.gallery li {

  width: 29%; padding:0px;

  float: left;


  display: flex;

  flex-direction: column; background:#fff; margin-left:2%; margin-right:2%;  margin-bottom:5%;

}

.gallery li ul li {  float:none;}

.gallery li a {

  width: 100%;

  position: relative;


}



.gallery li a:hover img,

.gallery li a.hover img {

  opacity: 0.3;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}

.gallery li a:hover i,

.gallery li a.hover i {

  opacity: 1;

  -webkit-transform: translate(-50%, -50%) scale(1);

  transform: translate(-50%, -50%) scale(1);

  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.gallery li h3 {

  font-weight: 600; width:100%;

  text-align: left;

  margin-top: 15px;

}

.enquiry__box {

  width: 100%;

  float: left;

  background: white;

  padding: 25px;

  border-radius: 3px;

  margin-left: -100px;

  position: relative;

  z-index: 1;

}

.enquiry__box h3 {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 800;

  color: #005dac;

  font-size: 20px;

}

label {

  width: 100%;

  float: left;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 12px;

  font-weight: 600;

  color: #aaa;

  margin: 15px 0 5px;

}

.field, .area {

  width: 100%;

  float: left;

  background: #f9f9f9;

  height: 55px;

  padding: 15px;

  border: #ececec 1px solid;

  border-radius: 3px;

  box-sizing: border-box;

}

.area {

  height: 100px;

  resize: none;

}

.map__enq {

  display: flex;

  align-items: center;

  flex-flow: row-reverse;

}

.map__bg {

  width: 100%;

  height: 750px;

}

.locations ul {

  padding-bottom: 75px;

  float: left;

  width: 100%;

}

.locations ul li {

	width: 25%;

	float: left;

}

.contact__box {

	width: 100%;

	float: left;

	position: relative;

  background: #8cc861;

  color: white;

  border-right: #ffff 1px solid;

	overflow: hidden;

	transition: .3s ease-in-out;

}

.contact__box:hover {

	background: black;

}

figure {

	width: 100%;

	margin: 0;

	padding: 0;

	overflow: hidden;

	position: relative;

	z-index: 2;

}

.contact__box figure img {

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	opacity: 0.00;

}

.contact__box figure:hover img {

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

	opacity: 0.30;

}

.contact__box__desc {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: flex;

	align-items: center;

	transition: all 0.5s ease-in-out;

}

.contact__box__desc h4 {

	color: #005dac;

	font-size: 15px;

	font-weight: 700;

	transition: all 0.4s ease-in-out;

}

.contact__box:hover h4 {

	color: #8cc861;

}

.contact__box__desc .col {

	padding: 0 30px;

}

.contact__box__desc:hover {

	color: white;

}

.line__readmore {

	display: inline-block;

	float: left;

	margin: 20px 0 0;

	color: #fff;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 600;

}

.line__readmore:before {

	width: 0;

	height: 2px;

	background: white;

	content: "";

	position: relative;

	float: left;

	margin: 7px 0 0 0;

	transition: all 0.5s ease-in-out;

}

.contact__box__desc:hover .line__readmore:before {

	width: 50px;

	margin: 7px 15px 0 0;

}

.contact__box__desc:hover .line__readmore {

	color: #8cc861;

}

.blog__detail h3, .privacy h3 {

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #003c9a;

  font-weight: 600;

  font-size: 17px;

  margin-top: 15px;

}

.blog__detail ul {

  padding: 0 0 0 20px;

}

.blog__detail ul li {

  padding: 7px 0;

  width: 100%;

  float: left;

  list-style: decimal-leading-zero;

}

.blog__detail p {

text-align:justify;
}

.mb__75 {

  margin-bottom: 75px;

}

.related__blogs .owl-dots {

  display: none;

}

.custom__nav .owl-carousel .owl-nav button.owl-next, .custom__nav .owl-carousel .owl-nav button.owl-prev, .custom__nav .owl-carousel button.owl-dot {

  width: 50px;

  height: 50px;

  background: #003d9a;

  color: white;

  border-radius: 50%;

  position: relative;

  font-size: 20px;

  margin: 5px;

  transition: all .5s;

}

.custom__nav .owl-carousel .owl-nav button.owl-next:hover, .custom__nav .owl-carousel .owl-nav button.owl-prev:hover {

  background: #8cc861;

}

.custom__nav .owl-carousel .owl-nav button.owl-next span, .custom__nav .owl-carousel .owl-nav button.owl-prev span {

 

}



.privacy {

  background: white;

  width: 100%;

  float: left;

  padding: 50px;

  margin-bottom: 75px;

  border: #f1f1f1 1px solid;

}

.privacy p {

  line-height: 30px;

}

.clients__list ul li {

  width: 20%;

  padding: .5px;

}

.review__list {

  width: 90%;

  margin: auto;

}

.review__list ul {

  display: flex;

  width: 100%;

  flex-wrap: wrap;

}

.review__list ul li {

  width: 100%;

  float: left;

  margin-bottom: 30px;

}

.review__list__box {

  width: 100%;

  display: flex;

  flex-flow: row;

  align-items: center;

  background: white;

  padding: 50px 0;

  border-radius: 50px 0 50px 0;

  border: #dfdfdf 1px solid;

}

.review__list ul li:nth-child(even)

.review__list__box {

  flex-flow: row-reverse;

}

.review__list__img {

  width: 15%;

  border-radius: 50px 0 50px 0;

  overflow: hidden;

  float: left;

  margin-left: -75px;

  background: white;

  padding: 10px;

  border: #dfdfdf 1px solid;

}

.review__list__img img {

  border-radius: 50px 0 50px 0;

  overflow: hidden;

}

.review__list ul li:nth-child(even) .review__list__img {

  margin: 0 -75px 0 0;

}

.review__list__desc {

  width: 85%;

  padding: 0 30px;

  float: left;

}

.review__list__desc p {

  margin: 0 0 15px;

  line-height: 30px;

}

.review__list__desc h3 {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 700;

  color: black;

}

.clients .owl-dots {

  display: none;

}

.custom__nav .owl-nav {

  text-align: center;

  margin-top: 10px;

}

.img__banner img {

  object-fit: cover;

}

.img__banner--box {

  position: absolute;

  width: 100%;

  top: 0;

  height: 100%;

  display: flex;

}

.coloumlist ul li {

    width:50%;

}

.coloumlist h3 {

    margin:15px 0;

}

.coloumlist .white__btn {

  background: #8cc861; 

  color: white;

  width:250px;

}

.recent__blogs {

  background: #f9f9f9;

  border: #ececec 1px solid;

  /* box-shadow: 0 0 35px 0 rgba(0, 0, 0, .23); */

}

.recent__blogs h2 {

  text-transform: uppercase;

  font-weight: 800;

  color: #005dac;

  margin: 15px 0 5px;

  font-size: 20px;

  letter-spacing: 1px;

}

.recent__blogs ul {

  margin-bottom: 15px;

  width: 100%;

  float: left;

  padding: 0;

}

.recent__blogs ul li {

  width: 100%;

  padding: 10px 0;

  float: left;

  border-bottom: #ececec 1px solid;

  list-style: none;

}

.recent__blogs ul li:last-child {

  border: none;

}

.recent__blogs ul li img {

  width: 30%;

  float: left;

}

.recent__blogs--desc {

  width: 70%;

  float: left;

  padding-left: 15px;

}

.recent__blogs--desc h3 a {

  font-size: 17px;

  color: black;

  font-weight: 700;

  display: -webkit-box;

  height: 20px;

  margin: 0;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.recent__blogs--desc p {

  font-size: 14px;

  line-height: 20px;

  display: -webkit-box;

  height: 40px;

  margin: 7px 0 0;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.gallery__catagory--box {

  width: 100%;

  float: left;

}

figure.snip1190 {

  color: #fff;

  position: relative;

  overflow: hidden;

  width: 100%;

  background: #000000;

  text-align: center;

}

figure.snip1190 * {

  -webkit-box-sizing: padding-box;

  box-sizing: padding-box;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.snip1190 img {

  opacity: 0.2;

  width: 100%;

}

figure.snip1190 figcaption {

  bottom: 0;

  display: block;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}

figure.snip1190 h2 {

  font-weight: 700;

  left: 0;

  right: 0;

  font-size: 14px;

  letter-spacing: 1px;

  margin: 0 auto;

  position: absolute;

  text-transform: uppercase;

  bottom: 50%;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}

figure.snip1190 p {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 50%;

  opacity: 0;

  font-size: 14px;

  -webkit-transform: translateY(-20%) scale(0.7);

  transform: translateY(-20%) scale(0.7);

}

figure.snip1190 .square {

  height: 78px;

  width: 78px;

  overflow: hidden;

  position: absolute;

  top: 50%;

  left: 50%;

  content: '';

  -webkit-transform: rotate(45deg) translate(-50%, -50%);

  transform: rotate(45deg) translate(-50%, -50%);

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

}

figure.snip1190 .square:before,

figure.snip1190 .square:after,

figure.snip1190 .square div:before,

figure.snip1190 .square div:after {

  background-color: #ffffff;

  position: absolute;

  content: "";

  display: block;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

figure.snip1190 .square:before,

figure.snip1190 .square:after {

  width: 65%;

  height: 2px;

}

figure.snip1190 .square div:before,

figure.snip1190 .square div:after {

  width: 2px;

  height: 65%;

}

figure.snip1190 .square:before,

figure.snip1190 .square div:before {

  left: 0;

  top: 0;

}

figure.snip1190 .square:after,

figure.snip1190 .square div:after {

  bottom: 0;

  right: 0;

}

figure.snip1190 a {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: absolute;

}

figure.snip1190:hover img,

figure.snip1190.hover img {

  opacity: 0.25;

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

figure.snip1190:hover h2,

figure.snip1190.hover h2 {

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

figure.snip1190:hover p,

figure.snip1190.hover p {

  opacity: 1;

  -webkit-transform: translateY(0px) scale(1);

  transform: translateY(0px) scale(1);

}

figure.snip1190:hover .square:before,

figure.snip1190.hover .square:before {

  width: 38%;

}

figure.snip1190:hover .square div:before,

figure.snip1190.hover .square div:before {

  height: 38%;

}

figure.snip1190:hover .square:after,

figure.snip1190.hover .square:after {

  width: 55%;

}

figure.snip1190:hover .square div:after,

figure.snip1190.hover .square div:after {

  height: 55%;

}

.service__sub .services__list {

  background: #f7f7f7;

}

.service__sub .services__area ul li {

  width: 33.33%;

}

.service__sub .services__area {

  width: 100%;

  float: left;

  margin-top: 50px;

}

.back__btn {

  display: inline-block;

  border: #333 1px solid;

  border-radius: 45px;

  float: right;

  margin-bottom: 35px;

}

.back__btn img {

  display: inline-block;

  float: left;

  width: auto;

  height: 45px;

}

.back__btn span {

  display: inline-block;

  float: left;

  padding: 10px;

}

.blog__list .owl-theme .owl-dots {

  display: none;

}



/*media-quries & keyframes*/

.valign {

  display: flex;

  align-items: center;

}

strong {

  font-weight: 800;

}

.shade {

  background: #f7fbf3;

}

.mt__15 {

  margin-top: 15px;

}

.mt__30 {

  margin-top: 30px;

}

.mt__75 {

  margin-top: 75px;

}

.mt__100 {

  margin-top: 100px;

}

.mt__50 {

  margin-top: 50px;

}

.mt-10 {

  margin-top: -10px;

}

.italic {

  font-style: italic;

}

.col__center {

  float: none;

  margin: 0 auto;

}

.p0 {

  padding: 0;

}
.p0_new{ padding: 0;}

.pb100 {

  padding: 0 0 100px;

}

.pt100 {

  padding: 100px 0 0;

}

.pt55 {

  padding: 0px 0 0px 0;  background:#ffffff;

}
.text__center h1 { margin-top:20px;}

.m0 {

  margin: 0;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.no-border {

  border: none !important;

}

.up {

  position: relative;

  color: #000;

  display: table;

  background: #8cc8614f;

  float: none;

  margin: 75px auto 0;

  clear: both;

  text-align: center;

  font-style: normal;

  cursor: pointer;

  width: 110px;

  height: 35px;

  border-radius: 5px 5px 0 0;

  font-size: 30px;

  transition: all 0.5s ease-in-out;

}

.up:hover {

  color: #fff;

  background: #8cc861;

}

.zoom-in {

  -webkit-animation: zoomIn 400ms ease both;

  -moz-animation: zoomIn 400ms ease both;

  -o-animation: zoomIn 400ms ease both;

  animation: zoomIn 400ms ease both;

}

.zoom-out {

  -webkit-animation: zoomOut 400ms ease both;

  -moz-animation: zoomOut 400ms ease both;

  -o-animation: zoomOut 400ms ease both;

  animation: zoomOut 400ms ease both;

}

@-webkit-keyframes zoomIn {

0% {

-webkit-transform: scale(0.6);

transform: scale(0.6);

}

100% {

-webkit-transform: scale(1);

transform: scale(1);

}

}

@keyframes zoomIn {

0% {

transform: scale(0.6);

}

100% {

transform: scale(1);

}

}

@-webkit-keyframes zoomOut {

0% {

-webkit-transform: scale(1);

transform: scale(1);

}

100% {

-webkit-transform: scale(0.6);

transform: scale(0.6);

}

}

@keyframes zoomOut {

0% {

transform: scale(1);

}

100% {

transform: scale(0.6);

}

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



@-moz-keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



@keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}

@-webkit-keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

/*Queries*/

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

  .container {

    width: 1170px;

  }

}

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

  .container {

    width: 100%;

    padding: 0 15px;

  }

  .getintouch__flexbox {

    flex-flow: column;

    align-items: center;

    height: 140px;

  }

}

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

  .review__list {

    width: 80%;

  }

  .services__area ul li, .values ul li, .locations ul li {

    width: 50%;

  }

  .intro__txt__box {

    margin: 50px 0 0 -95px;

  }

  .circle__img img{

    height: 20px;

  }

  .mt-140 {

    margin-top: -60px;

  }

  .values ul li {

    margin-bottom: 30px;

  }

  .team ul li {

    width: 33.33%;

  }

  .contact__box {

    border-bottom: #fff 1px solid;

  }

  .enquiry__box {

    margin-left: -50px;

  }

  .vision__mission {

      width: 100%;

  }

  .about__img::after {

      display: none;

  }

}


  @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) and (orientation: landscape)    {   
.header::before {
    width: 5%;
}   
}
    

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

  .col__1, .col__2, .col__3, .col__4, .col__5, .col__6, .col__7, .col__8, .col__9, .col__10, .col__11, .col, .quote__box, .review__list, .locations ul li, .vision__mission ul li, .message {

    width: 100%;

  }
  
  .quote__box{     margin: 25px auto 0;}
  .quote__box h2 { text-align:center;
    font-size: 18px;}
    .solution__video {
    
    margin-bottom: 40px;
}

.gallery {
    padding-bottom: 40px;}
    
    .up {
   
    margin: 15px auto 0;}
   
  
  .pb100 {
    padding: 0 0 50px;
}

h1 {
    font-size: 26px;}
  .mobile__p0, .container, .intro__txt__box h1 {

    padding: 0;

  }

  .intro .item .cover {

      padding: 0 15px;

  }

  section {

    padding: 15px 0;

  }

  .video__box, .intro__txt__box, .privacy {

    padding: 15px;

  }

  .mt__75, .mt__30, .mt__50, .services h2, .services__highlights ul li, .video__box, .mt__175, .about__intro h3 {

    margin-top: 15px;

  }

  .valign {

    display: block;

  }

  .services {

    flex-flow: column-reverse;

  }

  .services__highlights ul {

       margin: 0 0 40px;

  }

  .solution__video {

    flex-flow: column;

  }

  .getintouch {

    display: none;

  }

  .contact__box {

    border-bottom: #fff 1px solid;

    border-right: 0;

  }

  .pt100 {

      padding: 50px 0 0;

  }

  .intro__txt__box {

      margin:15px 0 0 0;

  }

  .values h2, .team h2 {

      margin-bottom: 15px;

  }

  .manager__pic {

    float: none;

    display: table;

    margin: auto;

    width: 30%;

  }

  .parallex__bg {

      height: auto;

  }
 .vision__mission ul li img { width:50px}
 .review__box p {
    font-size: 15px;
    line-height: 22px;
}
.review__box h3 {font-size: 18px;font-weight: 700;margin-top: 25px;}

.review__box h3 span {display: block;font-size: 14px;font-weight: 500;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

  .country__select {

    width: 14%;

  }
  .getintouch ul li i { display:none;}
  .getintouch {
   padding: 5px 0;}

  .navigation__bar {

    width: 86%;

  }

  .header::before {

    width: 5%;

  }

  .quote__box {

    width: 90%;

  }

  .intro__inner {

    height: 245px;

  }

  .vision__mission {

    width: 80%;

  }

  .gallery li {

    width: 33.33%;

  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .quote__box, .vision__mission {

    width: 100%;

  }

  .gallery li, .blog__list ul li, .team ul li {

    width: 50%;

  }

  .country__select {

    right: 11%;

  }

  .nav-toggle {

    right: -100px;

  }

  .services .col__6 {

    width: 100%;

  }

  section {

    padding: 30px 0;

  }

  .intro__inner {

    height: 215px;

  }

  .services {

    flex-flow: column-reverse;

  }

  .footer__list ul li {

    width: 33.33%;

  }

  .review__list__img {

    width: 25%;

  }

  .getintouch ul li i {

    width: auto;

    height: auto;

    border:none;

    border-radius: 0%;

  }

  .intro__txt__box {

    padding: 15px;

  }

  .intro__txt__box h1 {

    font-size: 25px;

  }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {

  .services__highlights ul li, .footer__list ul li, .blog__list ul li, .services__area ul li, .values ul li, .team ul li, .service__sub .services__area ul li, .gallery li {

    width: 50%;

  }

  .country__select {

    right: 11%;

  }

  .nav-toggle {

    right: -100px;

  }

  .intro__inner {

    height: 160px;

  }

  .intro__inner h1 {

    font-size: 25px;

  }

  .quote__box {

    padding: 30px;

  }

  .quote__box h2 {

    font-size: 25px;

  }

  .review__list__img {

    width: 25%;

    margin: 0;

  }

  .review__list__desc {

    width: 75%;

  }

  .review__list__box {

    padding: 15px;

  }

  .review__list__desc {

    padding: 0 0 0 15px;

  }

  .review__list ul li:nth-child(2n) .review__list__img {

    margin: 0;

  }

  .clients__list ul li {

      width:25%;

  }

  .intro .item .cover .header-content h2 {

      font-size: 30px;

  }

  .manager__pic {

    width: 30%;

  }

  .message {

    padding: 40px 60px 60px 60px;

    margin-left: 0;

    margin-top: -40px;

  }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) {

  .country__select, .navigation__bar, .services__highlights ul li, .footer__list ul li, .blog__list ul li, .review__list__desc, .services__area ul li, .values ul li, .team ul li, .service__sub .services__area ul li, .coloumlist ul li, .gallery li {

    width: 100%;

  }
  .p0_new{    padding: 10px;}
  
  .white__btn{ padding:8px 10px;}

  .country__select {

    top: -85px;

  }

  .nav-brand {

    padding: 0;

  }

  .navigation__bar {

    position: relative;

    top: 50px;

    background: #005dac;

  }

  .language-select {

    background: white;

    color: black;

    border: none;

    border-radius: 0;

  }

  .intro__inner {

    height: 140px;

    margin: 120px 0 0;

  }

  .intro__inner h1 {

    font-size: 20px;

  }

  h2, .quote__box h2 {

    font-size: 20px;

  }

  .quote__box {

    flex-flow: column;

    padding: 15px;

  }

  .quote__box .white__btn {

    margin-top: 15px;

  }

  .quote__box h2 span {

    margin-top: 5px;

  }

  .review__list__box, .review__list ul li:nth-child(2n) .review__list__box {

    flex-flow: column;

  }

  .review__list__img, .clients__list ul li {

    margin: 0;

    width: 50%;

  }

  .review__list__desc {

    padding: 0 15px;

  }

  .review__list ul li:nth-child(2n) .review__list__img, .mt-140 {

    margin: 0;

  }

  .intro {

    margin: 120px 0 0;

}

.intro .item .cover .header-content h2 {

      font-size: 20px;

  }

  .message {

    padding: 40px 15px 15px;

    margin-left: 0;

    margin-top: -40px;

  }

  .manager__pic {

    width: 80%;

  }

  .video__bg h2 {

      font-size: 25px;

  }

  .map__enq {

    display: flex;

    flex-direction: column;

    align-items: center;

    flex-flow: column-reverse;

}

.enquiry__box {

    margin-left: 0;

}

}
.page_not_image img{
    display:block !important;
    margin:0 auto !important;
}

.language-select input { border:0px; height:34px; color:#666; line-height:34px; font-size:12px; vertical-align:middle; padding-left:10px;}
.btn_blue { border:0px; width:40px; height:40px;background: url(../skin/sr.png) no-repeat;  
background-size: 25px 25px; background-position: 0 6px; }
.language-select_left { float:left; width:65%}
.language-select_right { float:right; }
.icon-youjiantou { font-size:24px!important;}
.blog__detail { background:#fff; padding:25px; margin:0px;}
.col__4-1 { width:25%!important; float:right; }
.col__8-1 { width:75%!important;float:left;  




}
.col__8-1  span {  
  text-wrap: normal!important; /* 覆盖text-wrap: nowrap; */  
}
.foldpanel {
	border: 0px solid #ccc;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.foldpanel dt,
.foldpanel dd {
	border-bottom: 0px solid #ccc;
	margin: 0px;
	
}

.foldpanel dt {
    cursor: pointer;
    padding: 8px 4px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 20px;
    border-bottom: 1px solid #ecdfcc;
}
.foldpanel a {
	display: block;
    line-height: 30px;
    padding-left: 30px;
	background-color: #FBF0D2;
    transition:all .7s ease 0s;
}
.foldpanel a:hover{
	color: #fff;
    background-color: #D79B80    
}

#my-foldpanel dd {
	display: none;
}
.icon-weixin1 { font-size:18px!important; color:#4eb24d;}
.icon-weixin  { font-size:18px!important; color:#4eb24d;}
.icon-weibo1 { font-size:18px!important; color:#d81e06;}
.icon-dianhuatianchong { font-size:18px!important;}
.icon-youxiang1 {font-size:18px!important;}
.lx { font-size:16px; font-weight:normal;}
.breadcrumbs span { font-size:28px; padding-left:5px; padding-right:5px; line-height:20px;}
.breadcrumbs i { padding-left:6px; padding-right:6px;  margin-top:5px;}
.breadcrumbs ul li { line-height:20px; vertical-align:middle;}
.breadcrumbs ul li a:link,.breadcrumbs ul li a:visited { color:#fff; font-size:12px;}
.breadcrumbs ul li a:first-child a:link,.breadcrumbs ul li a:first-child a:visited {color:#8cc861}
.ser_s { background:#f7fbf3;}
.xbox ul li.s_li { clear:both; background:#fff; overflow:hidden; margin:10px 0px 10px 0px; padding:20px;}
.xbox ul li.s_li h3 { padding-top:8px; padding-bottom:8px; font-weight:bold;}
.searchFormDiv li { float:left;}
.searchFormDiv input { height:26px; border:1px solid #eee; font-size:12px; text-indent:10px;}
.btn_green {background:#005dac; color:#fff; font-size:12px;height:26px;text-indent:0px!important; padding-left:10px; padding-right:10px;}
.xbox ul li a { display:block; width:100%; height:100%;}
footer {background:#ffffff; }
.scott{ height:40px;  text-align:center; padding-top:9px; line-height:21px; clear:both; }
.scott A{BORDER:#58affe 1px solid; PADDING:2px 5px; MARGIN-RIGHT: 5px;  TEXT-DECORATION: none; background:#fff;}
.scott A:hover{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7; color:#FFF;}
.scott A:active{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7;}
.scott SPAN.current{BORDER: #237ac7 1px solid; PADDING:1px 5px;  FONT-WEIGHT: bold;  COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #237ac7;MARGIN-RIGHT: 5px;}
.scott SPAN.disabled{BORDER:#237ac7 1px solid; PADDING:2px 5px; COLOR:#237ac7; MARGIN-RIGHT: 5px; background:#d8f1ff;}
.fenye1{text-align: center; clear:both; font-size:12px; line-height:28px; height:56px; border:1px solid #9cceec; background:#e9f7ff; padding:0 5px; margin-top:5px;}
.icon--xhs { color:#ff2742; font-size:18px!important;}
.icon-douyin3 {font-size:18px!important;}
.icon-youxiang1 {font-size:19px!important;}
.icon-right-s {font-size:12px!important; color:#8cc861; }
.icon-renyuan {font-size:24px!important; color:#8cc861; }
.footer__list ul li ul li i { padding-right:8px;}
.gallery li ul li { line-height:20px; padding-left:20px; width:60%;}
.gallery li ul li.title_1 { font-size:24px; font-weight:bold; padding-bottom:10px; margin-bottom:0px!important; display:block; line-height:40px; 
padding-top:10px;


}

.gallery li a:hover {
color:#8cc861; 

}

@media (min-width: 901px) {  
.blog_pic { height:264px; overflow:hidden;}
}