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

 [Table of contents]

 1. Base (Global style for some elements)
 2. Header (Logo or navigation)
 3. Header Top Bar (Section)
 4. Main Slider (Section)
 5. Site Features (Section)
 6. About Us (Section)
 7. Statistic (Section)
 8. Services (Section)
 9. Tabs (Section)
 10. Portfolio (Section)
 11. Testimonial (Section)
 12. Clients (Section)
 13. Quick support (Section)
 14. Packages (Section)
 15. Team (Section)
 16. Call to action (Section)
 17. Blog (Section)
 18. Site Contact (Section)
 19. Footer (Section)
 20. Scroll To Top Button
 21. Preloader

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

 [Global CSS for some elements]

 # html
 # body
 # a tag
 # responsive images
 # input placeholders
 # i tag for font awesome icons
 # paragraph
 # hr tag for horizontal line
 # white section
 # dark section
 # align center (class)
 # bootstrap fluid container
 # theme button
 # swiper (carousel slider)

-----------------------------------------------------------------------------------*/
html {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 15px;
}

body {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 100%;
  /* ----------------------------- Global font */
  font-family: 'Open Sans', sans-serif;
  background: white;
}

* {
  outline: none !important;
}

/* a tag */
a {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
  color: #4543d0;
}

a:hover, a:active, a:focus, a:visited {
  color: #4543d0;
  text-decoration: none;
}

/* Responsive image */
img {
  display: inline-block;
  max-width: 100%;
}

span {
  display: inline-block;
  max-width: 100%;
}

figure {
  overflow: hidden;
  max-width: 100%;
  display: block;
}

/* Input Placeholders */
:-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

/* I tag for font-awesome icons */
i {
  display: inline-block;
}

/* Paragraph */
p {
  color: #828282;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  font-family: inherit;
  text-align:left;
}

/* Paragraph center  */
.center-text p{
	text-align:center;
	padding:0;
	margin:0 0 40px 0;
}


/* Horizontal line */
hr {
  max-width: 70px;
  width: 100%;
  display: block;
  height: 0;
  clear: both;
  border: 2px solid #d7d7d7;
  margin: 0;
}

/* Grey section (.site-grey-section) class */
.site-grey-section {
  margin: 0;
  padding: 90px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #f0f6f7;
}

/* White section (.site-white-section) class */
.site-white-section, .site-dark-section {
  margin: 0;
  padding: 90px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: white;
}

.site-white-section h1, .site-dark-section h1, .site-grey-section h1 {
  /* H1 heading */
  color: #4543d0;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: block;
  margin-bottom:10px;
}

.site-white-section h1 a, .site-dark-section h1 a, .site-grey-section h1 a {
  color: #4543d0;
}

@media screen and (max-width: 767px) {
  .site-white-section h1, .site-dark-section h1, .site-grey-section h1 {
    /*font-size: 32px;
    line-height: 44px;
    padding-bottom: 10px;*/
  }
}

.site-white-section h1 strong, .site-dark-section h1 strong, .site-grey-section h1 strong {
  font-weight: 700;
}

.site-white-section h1:before, .site-dark-section h1:before, .site-grey-section h1:before {
  /* H1 horizontal line */
  /*content: "";
  position: absolute;
  max-width: 70px;
  width: 100%;
  display: block;
  height: 4px;
  background: #d7d7d7;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 100%;*/
}

.site-white-section h2, .site-dark-section h2, .site-grey-section h2 {
  /* H2 Heading */
  font-family: inherit;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: inherit;
  color: #000000;
  letter-spacing:-1px;
  margin:0 0 40px 0;
  padding:0;
}

.site-white-section h3, .site-dark-section h3, .site-grey-section h3, .inner-page-white-section h3, .inner-page-grey-section h3 {
  /* H3 Heading */
  font-family: inherit;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: inherit;
  color: #000000;
  letter-spacing:-1px;
  margin:0 0 20px 0;
  padding:0;
}


.site-white-section h2 a, .site-dark-section h2 a, .site-grey-section h2 a {
  color: #1a1e2a;
}

.site-white-section h2 span, .site-dark-section h2 span, .site-grey-section h2 span {
  color: #4543d0;
}

.site-white-section h3, .site-dark-section h3, .site-grey-section h3, .site-white-section h4, .site-dark-section h4, .site-grey-section h4, .site-white-section h5, .site-dark-section h5, .site-grey-section h5, .site-white-section h6, .site-dark-section h6, .site-grey-section h6 {
  /* a tag color change inside headings */
}

.site-white-section h3 a, .site-dark-section h3 a, .site-grey-section h3 a, .site-white-section h4 a, .site-dark-section h4 a, .site-grey-section h4 a, .site-white-section h5 a, .site-dark-section h5 a, .site-grey-section h6 a, .site-white-section h6 a, .site-dark-section h6 a, .site-grey-section h6 a {
  color: #1a1e2a;
}

/* Dark section (.site-dark-section) class */
.site-dark-section {
  margin: 0;
  padding: 90px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #4543d0;
  color: white;
}

.site-dark-section h1 {
  /* H1 heading */
  color: white;
}

.site-dark-section h2 {
  /* H2 heading */
  color: white;
}

@media screen and (max-width: 991px) {
	.site-white-section h2, .site-dark-section h2, .site-grey-section h2 {
		font-size:30px;
	}
}

.site-dark-section p {
  /* Paragraph */
  color: white;
}



/* inner page container ( .inner-page-dark-section )  class */
.inner-page-dark-section {
  margin: 0;
  padding: 90px 0;
  display: block;
  width: 100%;
  clear: both;
  position:relative;
  background:#4543d0;
}


/* inner page container ( .inner-page-white-section .inner-page-dark-section .inner-page-grey-section )  class */
.inner-page-white-section, .inner-page-dark-section, .inner-page-grey-section {
  margin: 0;
  padding: 90px 0;
  display: block;
  width: 100%;
  clear: both;
  position:relative;
}

.inner-page-grey-section {
	background:#f0f6f7;
}

.inner-page-white-section h1, .inner-page-dark-section h1, .inner-page-grey-section h1  {
  /* H1 heading */
  font-family: inherit;
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: block;
  margin-bottom:10px;
  padding:0;
}

.inner-page-white-section h1, .inner-page-grey-section h1   {
  /* H1 heading color*/
  color: #4543d0;
}

.inner-page-dark-section h1  {
  /* H1 heading color */
  color: #FFFFFF;
}


.inner-page-white-section h2, .inner-page-dark-section h2, .inner-page-grey-section h2  {
  /* H1 heading */
  font-family: inherit;
  font-size: 40px;
  line-height: 1.3;
  font-weight: 700;
  position: relative;
  display: block;
  margin:0 0 50px 0;
  padding:0;
}

@media screen and (max-width: 991px) {
	.inner-page-white-section h2, .inner-page-dark-section h2, .inner-page-grey-section h2 {
		font-size:30px;
	}
}

.inner-page-white-section h2, inner-page-grey-section h2   {
  /* H1 heading color*/
  color: #000000;
}

.inner-page-dark-section h2  {
  /* H1 heading color */
  color: #FFFFFF;
}


/* Align center class */
.section-align-center {
  display: inline-block;
}

/* Fluid Container max width set when use (.wide) class */
.container-fluid.wide {
  max-width: 1400px;
}

/* Theme button */
a.theme-btn {
  /* a tag */
  border: 2px solid #4543d0;
  color: #4543d0;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  padding: 14px 35px 14px 35px;
  position: relative;
  overflow: hidden;
  transition: 400ms ease;
  transition-property: color, background;
  cursor: pointer;
  z-index: 10;
  display: inline-block;
  border-radius:4px;
}

a.theme-btn:hover {
  color: #FFFFFF;
  background: #4543d0;
}

.more-text {
	font-size:14px;
	font-weight:700;
	color:#4543d0;
	text-transform:uppercase;
	padding: 16px 0;
	margin:15px 0;
}

.more-text:hover {
	border:#4543d0 solid 2px;
	text-align: center;
	padding: 14px 30px 14px 30px;
	border-radius:6px;
	transition:all ease .5s;
}

/* Swiper carousel slider pagination */
.swiper-pagination {
  width: 100%;
  display: block;
  clear: both;
  padding: 0;
  position: relative;
  margin: 40px 0 0;
  overflow: hidden;
  left: 0;
  top: auto;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #a2bec2;
  transition: 400ms ease;
  transition-property: background-color;
  margin: 8px !important;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4543d0;
}

/* Swiper carousel slider navigation */
.swiper-button-prev, .swiper-button-next {
  /* Prev navigation button */
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  background: white none;
  text-align: center;
  transition: 400ms ease;
  transition-property: background-color;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
  overflow: hidden;
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    margin: 0;
  }
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  background-color: #2E3F59;
}

.swiper-button-prev:hover:before, .swiper-button-next:hover:before {
  color: white;
}

.swiper-button-prev:before, .swiper-button-next:before {
  content: "\e902";
  font-family: 'icomoon', serif;
  display: block;
  color: rgba(26, 30, 42, 0.4);
  transition: 400ms ease;
  transition-property: color;
  position: relative;
  left: -2px;
}

.swiper-button-next {
  /* Next navigation button */
  right: 10px;
  left: auto;
}

.swiper-button-next:before {
  content: "\e903";
  left: 2px;
}


/* Botstrap colom padding remove */

.no-right-padding { padding-right:0 !important; }
.no-left-padding { padding-left:0 !important; }
.no-padding { padding-left:0 !important; padding-right:0 !important; }

.no-padding-2 { padding-left:0 !important; padding-right:0 !important; }

@media screen and (max-width: 991px) {
	.no-padding-2 { padding-left:15px !important; padding-right:15px !important; }
}

@media screen and (max-width: 767px) {
	.no-padding-2 { padding-left:15px !important; padding-right:15px !important; }
}

.no-padding-3 { padding-left:0 !important; padding-right:0 !important; }

@media screen and (max-width: 767px) {
	.no-padding-3 { padding-left:15px !important; padding-right:15px !important; }
}


@media screen and (max-width: 767px) {
	.no-right-padding { padding-right:15px !important; }
	.no-left-padding { padding-left:15px !important; }
}


/* remove border */
.no-border { border:none; border-right:none !important;}

/* color text */
.color-text { color:#4543d0;}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}
  
/*-----------------------------------------------------------------------------------

 Header (section)

 # header container
 # logo
 # navigation
 # navigation toggle button

-----------------------------------------------------------------------------------*/
/* Header container */
header.site-header {
  margin: 0;
  padding: 2px 0 0px;
  display: block;
  width: 100%;
  clear: both;
  background: white;
  position: relative;
  /* min-height: 85px; */
  min-height: 74px;
  z-index: 100;
  border-bottom:#e3eaed solid 1px;
  
  -webkit-box-shadow: 0px 21px 69px -33px rgba(18,17,88,0.34);
-moz-box-shadow: 0px 21px 69px -33px rgba(18,17,88,0.34);
box-shadow: 0px 21px 69px -33px rgba(18,17,88,0.34);
}

/* Logo */
.site-logo {
  position: relative;
  float: left;
}

.site-logo a {
  position: relative;  
}

.site-logo img {
  top: 0;
  left: 0;
  bottom: 0;
  width: 110px;
}

.site-logo h1 {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  color: #1a1e2a;
  font-size: 33px;
  font-weight: 500;
  line-height: 27px;
}

.site-logo small {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #989899;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}



/* When header is sticky the sub menu not goes down more then 400ms px */
@media screen and (max-width: 991px) {
  .sticky-wrapper.is-sticky .site-nav {
    max-height: 400px;      
    overflow: hidden;
    overflow-y: auto;
  }
}

.sticky-wrapper {
  /* height: 86px !important; */
  height: 74px !important;
}

/* Header navigation */
.site-nav {
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}

@media screen and (min-width: 992px) {
  .site-nav {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav {
    /* mobile menu */
    position: relative;
    width: 100%;
    transition: 400ms ease;
    transition-property: transform;
    z-index: 100;
    border-top: 1px solid #d7d7d7;
    margin-top: 20px;
    padding: 20px 0 0;
    display: none;
  }
}

.site-nav ul {
  margin: 0;
  padding: 0;
  display: block;
}

.site-nav li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  list-style: none;
}

@media screen and (max-width: 991px) {
  .site-nav li {
    width: 100%;
    position: relative;
  }
}

.site-nav li.active > a, .site-nav li:hover > a {
  /* Active Item */
  color: #4543d0;
}

.site-nav li:last-child > a {
  /* Last child padding remove */
  padding-right: 0;
}

.site-nav a {
  font-size: 14px;
  font-weight: 700;
  line-height: 29px;
  text-transform: capitalize;
  color: #1a1e2a;
  padding: 5px 15px;
  transition: 400ms ease;
  transition-property: color;
}

@media screen and (max-width: 1199px) {
  .site-nav a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 991px) {
  .site-nav a {
    width: auto;
    display: inline-block;
    padding: 10px 30px 10px 0;
    line-height: 18px;
    z-index: 1;
    position: relative;
  }
}

.site-nav a > i.fa {
  /* font awesome icon */
  margin-left: 5px;
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .site-nav a > i.fa {
    display: none;
  }
}

.site-nav .indicator-desktop {
  /* sub menu indicator for desktop */
}

@media screen and (max-width: 991px) {
  .site-nav .indicator-desktop {
    display: none !important;
  }
}

.site-nav .indicator-mobile {
  /* sub menu indicator for mobile */
  display: none;
}

@media screen and (max-width: 991px) {
  .site-nav .indicator-mobile {
    display: block;
    float: right;
    font-size: 12px;
    line-height: 26px;
    width: 100%;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-right: 5px;
    cursor: pointer;
    z-index: 0;
    text-align: right;
  }
}

.site-nav li:hover > .sub-menu {
  /* show the sub menu on mouse hover */
  opacity: 1;
  visibility: visible;
}

.site-nav ul.sub-menu {
  /* sub menu */
  margin: 0;
  padding: 30px 0 10px;
  display: block;
  position: absolute;
  top: auto;
  /* left: auto; */
  left: 0;
  right: 0;
  background: white;
  min-width: 150px;
  visibility: hidden;
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, visibility;
}

@media screen and (min-width: 992px) {
  .site-nav ul.sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    display: none;
    float: left;
    clear: both;
    border-left: 1px solid #d7d7d7;
    padding: 10px 0 10px 20px;
  }
}

.site-nav ul.sub-menu .sub-menu {
  /* second level sub menu */
  left: 100%;
  top: -10px;
  padding-top: 10px;
}

@media screen and (min-width: 992px) {
  .site-nav ul.sub-menu .sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    padding-bottom: 10px;
    display: none;
  }
}

.site-nav ul.sub-menu li {
  margin: 0;
  padding: 4px 0;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
}

.site-nav ul.sub-menu a {
  line-height: normal;
  width: 100%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

.site-nav ul.sub-menu span {
  line-height: normal;
  width: 100%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 1199px) {
  .site-nav ul.sub-menu a {
    padding-left: 15px;
    padding-right: 15px;
  }
  .site-nav ul.sub-menu span {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu a {
    line-height: 18px;
    display: inline-block;
    width: auto;
    padding: 6px 30px 6px 0;
  }

  .site-nav ul.sub-menu span {
    line-height: 18px;
    display: inline-block;
    width: auto;
    padding: 6px 30px 6px 0;
  }
}

.site-nav ul.sub-menu a i.fa {
  margin-left: 6px;
  display: inline-block;
  position: relative;
  top: -1px;
}

/* Navigation toggle button */
.site-nav-toggle {
  display: none;
  float: right;
  margin-top: 8px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .site-nav-toggle {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .site-nav-toggle {
    margin-right: 10px;
  }
}

.site-nav-toggle span {
  width: 40px;
  display: block;
  clear: both;
  margin-bottom: 6px;
  height: 4px;
  background: #4543d0;
  transition: 400ms ease;
  transition-property: opacity, transform;
  opacity: 1;
  transform-origin: top left;
  transform: rotate(0deg);
}

.site-nav-toggle span span:nth-child(3) {
  transform-origin: bottom left;
}

.site-nav-toggle.active {
  /* Active Toggle button */
}

.site-nav-toggle.active span:nth-child(1) {
  transform: rotate(30deg);
  transition-delay: 200ms;
}

.site-nav-toggle.active span:nth-child(2) {
  opacity: 0;
}

.site-nav-toggle.active span:nth-child(3) {
  transform: rotate(-30deg);
  transition-delay: 200ms;
}

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

[Header top bar (section)]

# header top bar container
# font awesome icons
# top bar left section
# top bar right section

-----------------------------------------------------------------------------------*/
/* Header top bar */
.site-top-bar {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  background-color: #0c0b39;
  min-height: 40px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .site-top-bar {
    line-height: 16px;
    padding: 10px 0;
  }
}

.site-top-bar a {
  margin: 0 18px;
}

.site-top-bar a[href] span:after {
  /* Show the mouser hover underline if the a tag have href attribute */
  display: block;
}

.site-top-bar span {
  font-size: 13px;
  color: #c3c3c7;
  line-height: 18px;
  text-align: left;
  position: relative;
}

.site-top-bar span:after {
  /* Underline */
  content: "";
  height: 1px;
  background: white;
  position: relative;
  top: -4px;
  width: 0;
  transition: 400ms ease;
  transition-property: width;
  margin: 0 auto;
  display: none;
}

.site-top-bar span:hover:after {
  width: 100%;
}

.site-top-bar i.fa {
  /* Font awesome icons */
  font-size: 13px;
  font-family: "FontAwesome", serif;
  color: #c3c3c7;
  line-height: 2.231;
  text-align: left;
  margin-right: 6px;
}

.site-top-bar .site-top-bar-left-section {
  /* left section */
  text-align: left;
  float: left;
  display: block;
}

.site-top-bar .site-top-bar-left-section span {
  color: white !important;
}

@media screen and (min-width: 768px) {
  .site-top-bar .site-top-bar-left-section a:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-top-bar .site-top-bar-left-section {
    display: inline-block;
    float: none;
  }
}

.site-top-bar .site-top-bar-right-section {
  /* right section */
  text-align: right;
  float: right;
  display: block;
}

.site-top-bar .site-top-bar-right-section span {
  color: white !important;
}

@media screen and (min-width: 768px) {
  .site-top-bar .site-top-bar-right-section a:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-top-bar .site-top-bar-right-section {
    text-align: left;
    display: inline-block;
    float: none;
  }
}

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

 [Main slider (section)]

 # Main slider container
 # bootstrap container (fluid) for slider
 # slider navigation
 # Icomoon custom icon for slider navigation
 # slider container
 # slider background images change css
 # slider pagination
 # slider bullets
 # slider content holder (caption)
 # h1 heading
 # h2 heading
 # paragraph
 # slider

-----------------------------------------------------------------------------------*/
/* Main Slider */
.site-main-slider {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  background: #eaeaea;
  min-height: 100px;
  position: relative;
}

.site-main-slider .container-fluid {
  /* bootstrap fluid container max width set for slider */
  max-width: 1200px;
}

.site-main-slider .swiper-button-prev, .site-main-slider .swiper-button-next {
  /* slider navigation next and prev button */
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 0;
  left: 0;
  transition: 400ms ease;
  transition-property: background-color;
}

@media screen and (max-width: 767px) {
  .site-main-slider .swiper-button-prev, .site-main-slider .swiper-button-next {
    top: 20px;
    left: 20px;
  }
}

.site-main-slider .swiper-button-prev:hover, .site-main-slider .swiper-button-next:hover {
  /* button hover */
  background-color: #4543d0;
}

.site-main-slider .swiper-button-prev:hover:before, .site-main-slider .swiper-button-next:hover:before {
  color: white;
  opacity: 1;
}

.site-main-slider .swiper-button-prev:before, .site-main-slider .swiper-button-next:before {
  /* Custom font icon */
  opacity: 0.4;
  color: #1e222e;
  transition: 400ms ease;
  transition-property: color, opacity;
}

.site-main-slider .swiper-button-next {
  /* slider navigation next button  */
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 0;
  right: 0;
  left: auto;
}

@media screen and (max-width: 767px) {
  .site-main-slider .swiper-button-next {
    right: 20px;
  }
}

.site-main-slider .swiper-container {
  /* slider container */
  width: 100%;
  height: 100%;
  background: #E8E8E9;
}

.site-main-slider .swiper-slide {
  /* single slide
     Here is the code. If you want to change the slider background image css.*/
  background-position: center center;
  background-size: cover;
  padding: 140px 0 160px;
}

@media screen and (max-width: 991px) {
  .site-main-slider .swiper-slide {
    background-position: center left;
  }
}

.site-main-slider .swiper-pagination {
  /* slider pagination container */
  width: 100%;
  clear: both;
  padding: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 0 47px;
}

.site-main-slider .swiper-pagination-bullet {
  /* slider pagination bullet */
  width: 16px;
  height: 16px;
  background-color: #acafb5;
  border-radius: 100px;
}

.site-main-slider .swiper-pagination-bullet-active {
  /* slider active pagination bullet */
  background-color: #4543d0;
}

.site-main-slider .sequence-caption {
  /* slider content holder (caption) */
  position: relative;
  top: 50%;
  left: 0;
  right: 0;
  bottom: auto;
  display: block;
  width: 100%;
  height: auto;
  padding-left: 80px;
  padding-right: 80px;
  transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
  .site-main-slider .sequence-caption {
    transform: translateY(0);
    top: 0;
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .site-main-slider .sequence-caption {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    padding-top: 80px;
  }
}

.site-main-slider h1 {
  /* h1 heading */
  color: #1a1e2a;
  font-family: inherit;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  margin:0;
  padding:0;
}

@media screen and (max-width: 1199px) {
  .site-main-slider h1 {
    font-size: 38px;
  }
  
 }

@media screen and (max-width: 991px) {
  .site-main-slider h1 {
    font-size: 35px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .site-main-slider h1 {
    font-size: 35px;
    line-height: 1.5;
  }
}

.site-main-slider h1:before {
  /* 4px div show left side the h1 heading */
  content: "";
  position: absolute;
  top: 4px;
  left: -30px;
  display: block;
  width: 4px;
  height: 76px;
  background-color: #4543d0;
}

@media screen and (max-width: 991px) {
  .site-main-slider h1:before {
    display: none;
  }
}

.site-main-slider h2 {
  /* h2 heading */
  color: #1a1e2a;
  font-family: inherit;
  font-size: 32px;
  font-weight: 400;
  line-height:1.5;
  margin:0;
  padding:0;
}

@media screen and (max-width: 1199px) {
  
  .site-main-slider h2 {
    font-size: 26px;
  }
}


@media screen and (max-width: 991px) {
  .site-main-slider h2 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .site-main-slider h2 {
    font-size: 20px;
    line-height: 28px;
  }
}

.site-main-slider h2 u {
  /* inside heading text underline */
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.site-main-slider h2 u:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: 2px;
  background: #1a1e2a;
}

.site-main-slider p {
  /* paragraph */
  color: #777;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 40px;
  text-align:center;
}

@media screen and (max-width: 991px) {
  .site-main-slider p {
    text-align: center;
  }
}

.site-main-slider a.theme-btn {
  /* slider href buttons */
  border: 2px solid #1a1e2a;
  border-radius:6px;
  color: #1a1e2a;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  transition: 400ms ease;
  transition-property: background, border-color, color;
  margin-right: 24px;
  white-space: nowrap;
}

@media screen and (max-width: 991px) {
  .site-main-slider a.theme-btn {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}

.site-main-slider a.theme-btn:hover {
  background: #4543d0;
  border-color: #4543d0;
  color: white;
}

.site-main-slider .seq-canvas {
  /* Sequence slider */
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  position: relative;
  /* min-height: 850px; */
  min-height: 650px;
  /* Slider height change */
  overflow: hidden;
  background: no-repeat center right;
  max-width: 1400px;
  margin: 0 auto;
}

.site-main-slider .sequence-slide {
  /* Slides */
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.site-main-slider .sequence-slide.seq-in {
  /*---------------------- Sequence in animation */
}

.site-main-slider .sequence-slide.seq-in .sequence-bg {
  /* background image animation */
  transform: translateX(0);
}

.site-main-slider .sequence-slide.seq-in .sequence-caption {
  /* caption animation */
  opacity: 1;
  transition-delay: 1500ms;
}

.site-main-slider .sequence-slide.seq-out {
  /*---------------------- Sequence out animation */
}

.site-main-slider .sequence-slide.seq-out .sequence-bg {
  /* background image animation */
  transform: translateX(2000px);
}

.site-main-slider .sequence-slide.seq-out .sequence-caption {
  /* caption animation */
  opacity: 0;
}

.site-main-slider .sequence-bg {
  /* Background image */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  clear: both;
  transform: translateX(-2000px);
  transition: transform 2000ms ease;
  background: no-repeat center right 20px;
}

@media screen and (max-width: 1199px) {
  .site-main-slider .sequence-bg {
    background-size: 40%;
    background-position: right bottom;
  }
}

@media screen and (max-width: 991px) {
  .site-main-slider .sequence-bg {
    background-size: 22%;
    background-position: center bottom;
  }
}

@media screen and (max-width: 767px) {
  .site-main-slider .sequence-bg {
    background-size: 30%;
  }
}

.site-main-slider .sequence-caption {
  /* Caption */
  opacity: 0;
  transition: opacity 600ms ease;
}

@media screen and (max-width: 991px) {
  .site-main-slider .sequence-caption {
    text-align: center;
  }
}

.site-main-slider .seq-pagination {
  /* pagination */
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  width: 100%;
  z-index: 10;
  text-align: center;
}

.site-main-slider .seq-pagination li {
  width: 16px;
  height: 16px;
  background-color: #acafb5;
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  transition: 400ms ease;
  transition-property: background-color;
  margin: 4px;
}

.site-main-slider .seq-pagination li.seq-current {
  background-color: #4543d0;
}

.site-main-slider .seq-prev, .site-main-slider .seq-next {
  /* navigation */
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-color: white;
  z-index: 10;
  border: none;
  margin: auto 0;
  transition: 400ms ease;
  transition-property: background-color;
  border-radius:6px;
}

@media screen and (max-width: 767px) {
  .site-main-slider .seq-prev, .site-main-slider .seq-next {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.site-main-slider .seq-prev:hover, .site-main-slider .seq-next:hover {
  background: #4543d0;
}

.site-main-slider .seq-prev:hover span, .site-main-slider .seq-next:hover span {
  opacity: 1;
  color: white;
}

.site-main-slider .seq-prev span, .site-main-slider .seq-next span {
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 0;
  display: block;
  text-align: center;
  width: 100%;
  line-height: 50px;
  color: #1e222e;
  transition: 400ms ease;
  transition-property: color, opacity;

}

.site-main-slider .seq-next {
  left: auto;
  right: 20px;
}

.site-main-slider.slider-version-1 {
  /* ------------------------ slider version 1 */
  background-color: #404040;
}

.site-main-slider.slider-version-1 .seq-canvas {
  max-width: 100%;
}

.site-main-slider.slider-version-1 .sequence-slide .sequence-bg {
  background: no-repeat center;
  background-size: cover;
  opacity: 0;
  transform: scale(1);
  transition: transform 2000ms ease, opacity 2000ms ease;
}

.site-main-slider.slider-version-1 .sequence-caption {
  /* text-align: center; */
  width: 100%;
  opacity: 1;
  transition: transform 2000ms ease;
  transition-delay: 0ms !important;
  top: 45%;
  transform: translate(-2000px, -50%);
}

.site-main-slider.slider-version-1 .sequence-caption * {
  color: white;
}

.site-main-slider.slider-version-1 .sequence-caption h2 {
  text-transform: none;
}

.site-main-slider.slider-version-1 .sequence-caption u:after {
  background-color: white;
}

.site-main-slider.slider-version-1 .sequence-caption h1 {
  text-transform: none;
}

.site-main-slider.slider-version-1 .sequence-caption h1:before {
  display: none;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn {
  border-color: white;
  margin-right: 12px;
  margin-left: 12px;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn.color-btn {
  border-color: #4543d0;
  background:#4543d0;
  margin-right: 12px;
  margin-left: 12px;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn.color-btn:hover {
  border-color: #FFFFFF;
  background:none;
  color:#FFFFFF;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn:hover {
  border-color: #4543d0;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in {
  /*---------------------- Sequence in animation */
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in .sequence-bg {
  /* background image animation */
  transform: scale(1.2);
  opacity: 1;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in .sequence-caption {
  /* caption animation */
  opacity: 1;
  transform: translate(0, -50%);
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out {
  /*---------------------- Sequence out animation */
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out .sequence-bg {
  /* background image animation */
  transform: scale(1);
  opacity: 0;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out .sequence-caption {
  /* caption animation */
  opacity: 1;
  transform: translate(2000px, -50%);
}

.site-main-slider.slider-version-2 {
  /* ------------------------ slider version 2 */
  background-color: rgba(64, 64, 64, 0.6);
}

.site-main-slider.slider-version-2 .seq-canvas {
  max-width: 100%;
}

.site-main-slider.slider-version-2 .sequence-slide .sequence-bg {
  background: no-repeat center;
  background-size: cover;
  opacity: 0;
  transform: scale(1);
  transition: none;
}

.site-main-slider.slider-version-2 .sequence-caption {
  text-align: center;
  width: 100%;
  opacity: 1;
  transition: transform 2000ms ease;
  transition-delay: 0ms !important;
  top: 50%;
  transform: translate(-2000px, -50%);
}

.site-main-slider.slider-version-2 .sequence-caption * {
  color: white;
}

.site-main-slider.slider-version-2 .sequence-caption h2 {
  text-transform: none;
}

.site-main-slider.slider-version-2 .sequence-caption u:after {
  background-color: white;
}

.site-main-slider.slider-version-2 .sequence-caption h1 {
  text-transform: none;
  font-size: 65px;
  font-family: inherit;
  font-weight: 100;
  line-height: 65px;
}

@media screen and (max-width: 767px) {
  .site-main-slider.slider-version-2 .sequence-caption h1 {
    font-size: 42px;
    line-height: 50px;
  }
}

.site-main-slider.slider-version-2 .sequence-caption h1:before {
  display: none;
}

.site-main-slider.slider-version-2 .sequence-caption .theme-btn {
  margin-right: 12px;
  margin-left: 12px;
  border-color: #4543d0;
  background: #4543d0;
}

.site-main-slider.slider-version-2 .sequence-caption .theme-btn:hover {
  background: white;
  color: rgba(30, 34, 46, 0.6);
  border-color: white;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in {
  /*---------------------- Sequence in animation */
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in .sequence-bg {
  /* background image animation */
  transform: scale(1);
  opacity: 1;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in .sequence-caption {
  /* caption animation */
  opacity: 1;
  transform: translate(0, -50%);
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out {
  /*---------------------- Sequence out animation */
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out .sequence-bg {
  /* background image animation */
  transform: scale(1);
  opacity: 0;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out .sequence-caption {
  /* caption animation */
  opacity: 1;
  transform: translate(2000px, -50%);
}


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

 [Quote (section)]

 # quote container
 # box 1 (class)
 # box 2 (class)
 # box 3 (class)
 # font awesome icon
 # paragraph
 # horizontal line
 # href button

-----------------------------------------------------------------------------------*/
/* Quote Section */
.site-quote {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  min-height: 230px;
  background: #4543d0 url("../images/free-quote.png") no-repeat center center;
  background-size: cover;
  padding: 67px 0 50px;
}

@media screen and (max-width: 991px) {
  .site-quote {
    text-align: center;
  }
}

.site-quote .site-box-1 {
  /* Box 1 */
  text-align: right;
}

@media screen and (max-width: 991px) {
  .site-quote .site-box-1 {
    text-align: center;
  }
}

.site-quote .site-box-1 p {
  /* paragraph */
  color: white;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.site-quote .site-box-2 {
  /* Box 2 */
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 991px) {
  .site-quote .site-box-2 {
    padding-left: 0;
    padding-right: 0;
  }
}

.site-quote .site-box-3 {
  /* Box 3 */
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 991px) {
  .site-quote .site-box-3 {
    padding-left: 0;
    padding-right: 0;
  }
}

.site-quote i {
  /* Icons */
  width: 37px;
  height: 44px;
  color: white;
  font-size: 43px;
  font-weight: 400;
  line-height: 29px;
  display: inline-block;
  margin-bottom: 5px;
}

.site-quote p {
  /* Paragraph */
  color: white;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
}

@media screen and (max-width: 991px) {
  .site-quote p {
    text-align: center;
  }
}

.site-quote hr {
  /* Horizontal Line */
  border-color: white;
  margin-top: 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .site-quote hr {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}

.site-quote .theme-btn {
  /* a tag */
  margin-top: 54px;
}

@media screen and (max-width: 991px) {
  .site-quote .theme-btn {
    margin-top: 40px;
  }
}



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

 [Site Features (section)]

 # Site Features container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

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

/* Site Features */
.site-features {
  width: 100%;
  display: block;
  clear: both;
  position:relative;
  padding:0;
}

.site-features .upper-section {
	position:relative;
	margin-top:-75px;
	z-index:100;
}

.site-features-container {
	float:left;
	width:100%;
	background:#FFFFFF;
	border-radius:8px;
	
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
	box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}

@media screen and (max-width: 767px) {
  .site-features-container {
    margin-top: 40px;
	background:none;
	box-shadow:none;
  }
}

.site-features-container .site-box {
  /* Box container */
  padding:45px 45px 55px 45px;
  position:relative;
  border-right:#d4e2e4 solid 1px;
  border-top:#4543d0 solid 8px;
}

@media screen and (max-width: 991px) {
  .site-features-container .site-box {
	  background:#FFFFFF;
	  padding:25px 25px 55px 25px;
	  -webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
	-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
	box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
  }
}

.site-features-container .site-box:hover {
  /* Box container hover */
  border-top:#181787 solid 8px;
  transition:all ease .5s;
}

@media screen and (max-width: 767px) {
  .site-features-container .site-box {
	  margin-bottom:25px;
  }
  
  .site-features-container .site-box {
	  border-right:none;
  }
  
  
}

.site-features-container i.fa {
  /* Font-awesome icons */
  color: #1a1e2a;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  transition: 400ms ease;
  transition-property: color;
}

.site-features-container a:hover i.fa {
  /* Icon hover */
  color: white;
}

.site-features-container figure {
  /* Icon Box */
  width: 70px;
  height: 80px;
  line-height: 50px;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: border-color, background-color;
  text-align:left;
}

.site-features-container a:hover figure {
  /* Icon box hover border color change */
  /*border-color: #4543d0;
  background-color: #4543d0;*/
}

.site-features-container h3 {
  /* H3 heading */
  color: #000000;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-transform: capitalize;
  transition: 400ms ease;
  transition-property: color;
  margin-bottom: 20px;
  text-align:left;
  letter-spacing:-1px;
}

.site-features-container a:hover h3 {
  /* H3 hover color */
  color: #4543d0;
}

.site-features-container p {
  /* Paragraph */
  position:relative;
  padding-bottom:15px;
}


.site-features .site-box:hover .site-permalink span {
  opacity: 1;
  color: #4543d0;
}

.site-features .site-box:hover .site-permalink i {
  color: #4543d0;
  left: 100%;
  padding-left: 12px;

}

.site-features .site-permalink {
  /* Permalink */
  position: absolute;
  left: 0;
  /*bottom: 0;*/
  display: block;
  margin-left: 45px;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
	.site-features .site-permalink {
  /* Permalink */
  margin-left: 25px;
}
 
}

.site-features .site-permalink span {
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, color;
}

.site-features .site-permalink i {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 6px;
  font-size: 12px;
  transition: 400ms ease;
  transition-property: color, left;
}

.site-features .nomber {
  /* nomber */
  /*width: 46px;
  height: 46px;*/
  line-height: 54px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  transition: 400ms ease;
  font-size:70px;
  font-weight:700;
  color:#e9eff2;

}

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

 [About us (section)]

 # about us container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/
/* About us container */
.site-about {
  margin: 0;
  padding:90px 0;
  display: block;
  clear: both;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .site-about {
    padding-top: 30px;
  }
}

.site-about .left-colom {
	float:left;
	width:90%;
}

.site-about .left-colom h3{
	text-align:right;
	font-size:27px;
	line-height:1.5;
	color:#828282;
	font-weight:700;
	margin:0;
	padding:0 0 25px 0;
}

@media screen and (max-width: 767px) {
	.site-about .left-colom {
		width:100%;
	}
	
  .site-about .left-colom h3{
	text-align:center;
	font-size:22px;
 }
}

.site-about .left-colom figure {
	text-align:right;
}



.site-about .right-colom {
	float:left;
	width:100%;
	text-align:left;
}

.site-about p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.9;
  margin:0;
  padding:0;
}

@media screen and (max-width: 991px) {
  .site-about p {
	text-align:center;
	}
	
	.site-about .right-colom {
	text-align:center;
	}
}

.site-about h1 {
  /* H1 heading */
  /*margin-bottom: 50px;*/
}

.site-about h2 {
  /* H2 heading */
  /*margin-bottom: 10px;*/
}

.site-about .more-text {
	text-align:left;
}

@media screen and (max-width: 767px) {
  .site-about .more-text {
	text-align:center;
}
}
/*-----------------------------------------------------------------------------------

 Statistic (section)

 # statistic container
 # background image
 # h2 heading
 # paragraph
 # section align center (class)
 # number (class) [container h3, p, font icon, image]
 # number inline block (class)

-----------------------------------------------------------------------------------*/
/* Statistic container */
.site-statistic {
  margin: 0;
  padding:0 0 90px 0;
  width: 100%;
  display: block;
  clear: both;
  text-align: center;
  position: relative;
  z-index:100;
  
}

@media screen and (max-width: 1199px) {
  .site-statistic {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}

.site-statistic .site-section-box {
  /* inner box */
  float:left;
  width:100%;
  padding:0;
  
}

@media screen and (max-width: 767px) {
  .site-statistic .site-section-box {
    /*display: none;*/
  }
}


.site-statistic h2 {
  /* H2 heading */
  color: white;
  font-family: inherit;
  font-size: 40px;
  line-height: 66px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0.625rem;
}

.site-statistic h2 strong {
  font-weight: 700;
}

.site-statistic p {
  /* Paragraph */
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 33px;
}

.site-statistic .section-align-center {
  /* Align center class */
  max-width: 600px;
}

/* Mission box wrapper */
.site-mission {
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  max-width: 550px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  height: 332px;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 1199px) {
  .site-mission {
    height: auto;
    display: block;
    margin-bottom: 30px;
    max-width: 575px;
  }
}

@media screen and (max-width: 767px) {
  .site-mission {
    max-width: 100%;
  }
}

/* Numbers section */
.site-number {
  width: 100%;
  position: relative;
  padding: 0;
  display: block;
  text-align: center;
  white-space: nowrap;
  float: left;
}

@media screen and (max-width: 991px) {
  .site-number {
	  margin-bottom:55px;
  }
}

@media screen and (max-width: 767px) {
  .site-number {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    white-space: normal;
  }
}

.site-number h3 {
  /* h3 heading */
  color: #1c2729;
  font-family: inherit;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0;
  margin:15px 0 0 0;
  display: block;
  text-align:center;
}

.site-number p {
  /* paragraph */
  color: #1c2729;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  display: block;
  text-align:center;
}

.site-number i.fa {
  /* font awesome icon */
  width: 100%;
  height: 41px;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
}

.site-number figure {
  /* image */
  position:relative;
  width: 100%;
  display: block;
  height: 100px;
  line-height: 52px;
  margin: auto 0;
  text-align:center;
}

.site-number figure img {
  /* image */
  text-align:center;
}


.site-number figure:before {
  /*  site number horizontal line */
  content: "";
  position: absolute;
  max-width: 70px;
  width: 45px;
  display: block;
  height: 3px;
  background: #c2d0d7;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom:0;
  /*top: 100%;*/
}

/* Number section inline block */
.site-number-inline {
  display: block;
  position: relative;
  margin: auto;
  width: 100%;
  /*top: 50%;
  transform: translateY(-50%);*/
}

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

Services (section)

 # services container
 # h1 heading
 # box (class)
 # h3 heading
 # paragraph
 # image
 # font awesome icon
 # permalink (class)

-----------------------------------------------------------------------------------*/
/* Services container */
.site-services {
  display: block;
  width: 100%;
  clear: both;
  position:relative;
}

.site-services:before {
  /*  site services top wave bg*/
  /*content: "";
  position: absolute;
  max-width: 100%;
  width: 100%;
  display: block;
  height: 330px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom:0;
  top: -330px;
  background:url(../images/service-section-top-wave.png) no-repeat top center;*/
}

@media screen and (max-width: 767px) {
  .site-services {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.site-services h1 {
  /* H1 heading */
  /*margin-bottom: 100px;*/
}

@media screen and (max-width: 767px) {
  .site-services h1 {

  }
}

.site-services .site-box {
  /* Service */
  padding: 0 0 30px 0;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px;
  max-width: 370px;
  min-height: 236px;
  background-color: white;
  box-shadow: 0 0 5px rgba(2, 3, 3, 0.1);
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
}

.site-services .service-image {
	display:block;
}


.site-services .content {
	display:block;
	padding:30px;
}

@media screen and (max-width: 767px) {
  .site-services .site-box {
    max-width: 100%;
    min-height: 10px;
  }
  
  .site-services .service-image img {
	  width:100%;
  }
}

.site-services .site-box:hover {
  /* Change the color on mouse hover */
  -webkit-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.82);
-moz-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.82);
box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.82);
}

.site-services .site-box:hover h3, .site-services .site-box:hover h3 a, .site-services .site-box:hover p {
  /*color: white;*/
}

.site-services .site-box:hover h3, .site-services .site-box:hover h3 a {
  color: #4543d0;
}

.site-services .site-box:hover figure {
  background: #4543d0;
}

.site-services .site-box:hover i.fa {
  color: #FFFFFF;
}

.site-services .site-box:hover .site-permalink span {
  opacity: 1;
  color: #4543d0;
}

.site-services .site-box:hover .site-permalink i {
  color: #4543d0;
  left: 100%;
  padding-left: 12px;

}

.site-services .site-box:before {
  /* Change the box bg counting using data attribute */
  content: attr(data-bg-number);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.06;
  color: #0a2b4a;
  font-family: inherit;
  font-size: 107px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  z-index: -1;
  margin-left: 26px;
}

.site-services h3 {
  /* H3 heading */
  color: #000000;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: inherit;
  margin-top: 5px;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
  letter-spacing:-1px;
}

.site-services h3 a {
  transition: 400ms ease;
  transition-property: color;
}

.site-services p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  transition: 400ms ease;
  transition-property: color;
}

.site-services figure {
  /* Image */
  /*display:none;
  width: 46px;
  height: 46px;
  line-height: 54px;
  background-color: #e0e9ea;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  transition: 400ms ease;
  transition-property: background;
  border-radius:6px;*/
}

.site-services i.fa {
  /* Font awesome icon */
  width: 22px;
  height: 14px;
  color: #4543d0;
  font-size: 20px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  transition: 400ms ease;
  transition-property: color;
}

.site-services .site-permalink {
  /* Permalink */
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  margin-left: 30px;
  margin-bottom: 25px;
}

.site-services .site-permalink span {
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, color;
}

.site-services .site-permalink i {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 6px;
  font-size: 12px;
  transition: 400ms ease;
  transition-property: color, left;
}


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

Services icon style (section)

 # services container
 # h1 heading
 # box (class)
 # h3 heading
 # paragraph
 # image
 # font awesome icon
 # permalink (class)

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



.site-services .feature-box {
	float:left;
	width:100%;
	background:#FFFFFF;
	border-radius:10px;
	padding:50px 35px;
	margin:0 0 30px 0;
	text-align:center;
	
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.12);
    -moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.12);
   box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.12);
}

.site-services .feature-box:hover {
	transition:all ease .5s;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.60);
    -moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.60);
    box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.60);
}

.site-services .feature-box:hover .more-text {
	border-bottom:#4543d0 solid 2px;
	transition:all ease .5s;
}

.site-services .feature-box figure {
	float:left;
	text-align:center;
	width:100%;
}

.site-services .feature-box h3 {
	float:left;
	width:100%;
	text-align:center;
	font-size:22px;
	font-weight:700;
	color:#000000;
	line-height:1.3;
	padding:25px 0;
	margin:0;
}

.site-services .feature-box  p {
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:0;
	margin:0;
}

.site-services .more-text {
	font-size:14px;
	font-weight:700;
	color:#4543d0;
	text-transform:uppercase;
	border-bottom:#FFFFFF solid 2px;
	padding:0px;
	margin:25px 0 0 0;
}

.site-services .more-text:hover {
	border:none;
	border-radius:0;
}
/*-----------------------------------------------------------------------------------

 Tabs (section)

 # tabs container
 # background image
 # h1 heading
 # tabs buttons
 # tabs content

-----------------------------------------------------------------------------------*/
/* Tabs section container */
.site-tabs {
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .site-tabs {
    text-align: center;
    min-height: 10px;
  }
}

@media screen and (max-width: 767px) {
  .site-tabs {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.site-tabs .tab-images {

}

.site-tabs .site-tab-bg {
  /* tabs section background image */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom:0;
  display: block;
  height: 500px;
  width: 100%;
  max-width: 100%;
  background: no-repeat top right;
  background-size: auto;
  opacity: 0;
  transition: 200ms opacity ease-in-out;
}

.site-tabs .site-tab-bg.active {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .site-tabs .site-tab-bg {
    display: none;
  }
}

.site-tabs h1 {
  /* h1 heading */
  /*margin-bottom: 70px;*/
}

@media screen and (max-width: 991px) {
  .site-tabs h1 {
    /*margin-bottom: 100px;*/
  }
}

@media screen and (max-width: 767px) {
  .site-tabs h1 {
    /*margin-bottom: 70px;*/
  }
}

@media screen and (min-width: 992px) {
  .site-tabs h1:before {
    margin: 0;
  }
}

/* Tabs buttons */
.site-tabs-buttons {
  padding: 0;
  display: block;
  list-style: none;
  width: 62%;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom:60px;
  text-align: center;
}

.site-tabs-buttons li {
  display: block;
  margin: 0;
  list-style: none;
  float: left;
  padding: 0 30px 0 0;

}

@media screen and (max-width: 1199px) {
.site-tabs-buttons {
  width: 73%;
  }

}

@media screen and (max-width: 991px) {
.site-tabs-buttons {
  width: 100%;
  }

}

@media screen and (max-width: 767px) {
  .site-tabs-buttons li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
  }
}

.site-tabs-buttons li.active a {
  /* Active tab */
  color: #4543d0;
  /*background: #4543d0;*/
  border-bottom:#4543d0 solid 2px;
}

.site-tabs-buttons a {
  /*background: #f8f7f7;*/
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  color: #909090;
  display: block;
  padding: 8px 0px;
  transition: 400ms ease;
  transition-property: color, background;
  position: relative;
  z-index: 1;
  overflow: hidden;

}

.site-tabs-buttons a:hover {
  /*background: #ece9e9;*/
  color:#4543d0;
}

@media screen and (max-width: 767px) {
  .site-tabs-buttons a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Tabs content */
.site-tabs-content {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}

.site-tabs-content p {
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 40px;
}

.site-tabs-content h3 {
  color: #828282;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height:1.5;
  margin-bottom: 30px;
  padding:0;
  margin:0;
}

.site-tabs-content ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
}

.site-tabs-content li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
}

.site-tabs-content li:before {
  /*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
  /*background:url(../images/check-box.png) left no-repeat;*/
}

.site-tabs-content li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  background:url(../images/check-box.png) left no-repeat;
  width:14px;
  height:14px;
}


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

 Portfolio (section)

 # portfolio container
 # h1 heading
 # href button
 # tabs (class)
 # content
 # caption

-----------------------------------------------------------------------------------*/
/* Portfolio Container */
.site-portfolio {
  display: block;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 991px) {
  .site-portfolio {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .site-portfolio {
    padding-top: 50px;
  }
}

.site-portfolio h1 {
  /* H1 heading */
  /*margin-bottom: 70px;*/
}

.site-portfolio .theme-btn {
  /* button */
  margin-top: 70px;
}

/* Portfolio tabs buttons */
.site-portfolio-tabs {
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  list-style: none;
  font-size: 0;
  margin: 0 0 70px;
}

.site-portfolio-tabs li {
  display: inline-block;
  float: none;
  margin: 1px 5px;
  padding: 12px 30px;
  line-height: normal;
  min-width: 100px;
  min-height: 35px;
  /*background: rgba(255, 255, 255, 0.1);*/
  color: #767c8c;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: 400ms ease;
  transition-property: background;
  
  background: #FFFFFF;
  border:#b4c9cd solid 1px;
  border-radius:4px;
}

.site-portfolio-tabs li:hover {
  background: rgba(255, 255, 255, 0.2);
}

.site-portfolio-tabs li.active {
  background: #4543d0;
  border:#4543d0 solid 1px;
  border-radius:4px;
  color:#FFFFFF;
}

@media screen and (max-width: 1199px) {
  .site-portfolio-tabs li {
    min-width: 10px;
  }
}

@media screen and (max-width: 767px) {
  .site-portfolio-tabs li {
    width: 100%;
    display: block;
  }
}

/* Portfolio content */
.site-portfolio-tabs-content {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  clear: both;
  max-width: 1170px;
}

.site-portfolio-tabs-content .portfolio-items {
  margin-bottom: 20px;
}

.site-portfolio-tabs-content .portfolio-items .site-box {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius:8px;
}

.site-portfolio-tabs-content .portfolio-items .site-box:hover:before, .site-portfolio-tabs-content .portfolio-items .site-box:hover .portfolio-caption {
  opacity: 1;
}

.site-portfolio-tabs-content .portfolio-items .site-box img {
  min-height: 200px;
}

.site-portfolio-tabs-content .portfolio-items .site-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: block;
  /*border: 10px solid #4543d0;*/
  background-color: rgba(69, 67, 208, 0.9);
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity;
}

.site-portfolio-tabs-content .portfolio-items .venobox {
  border: none;
}

.site-portfolio-tabs-content .portfolio-items .venobox:before {
  display: none;
}

.site-portfolio-tabs-content .portfolio-caption {
  /* Caption */
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translate3d(0, -50%, 0);
  bottom: auto;
  display: block;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 20px;
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity;
}

.site-portfolio-tabs-content .portfolio-caption i {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  display: block;
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 100px;
}

.site-portfolio-tabs-content .portfolio-caption h5 {
  color: white;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  letter-spacing:-1px;
}

@media screen and (max-width: 767px) {
  .site-portfolio-tabs-content .portfolio-caption h5 {
    /*font-size: 14px;*/
  }
}

.site-portfolio-tabs-content .portfolio-caption h6 {
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  display: block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}

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

 Call to action (section)

 # call to action container
 # box (class)
 # background image
 # typography
 # href button

-----------------------------------------------------------------------------------*/
/* Call to action container */
.site-call-to-action {
  margin: 0;
  padding: 120px 0;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  background:url(../images/cta-bg.jpg) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  text-align:center;
}

@media screen and (max-width: 991px) {
  .site-call-to-action {
  }
}

.site-call-to-action .site-box {
  /* Background box */
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  display: block;
  /*position: absolute;*/
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  text-align: center;
  padding:0;
  z-index: 1;
}

@media screen and (min-width: 992px) {
  .site-call-to-action .site-box {
    /*transform: translate3d(0, 50%, 0);*/
  }
}

@media screen and (max-width: 1199px) {
  .site-call-to-action .site-box {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .site-call-to-action .site-box {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.site-call-to-action .site-box:before {
  /* background image */
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 98%;
  height: 100%;
  width: 100%;
  z-index: -1;

}

@media screen and (max-width: 991px) {
  .site-call-to-action .site-box:before {
    display: none;
  }
}

.site-call-to-action h1 {
  /* h1 heading */
  color: white;
  font-family: inherit;
  font-size: 52px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 24px;
  text-align: center;
  width: 100%;
  display: block;
  line-height:1.3;
}

@media screen and (max-width: 991px) {
  .site-call-to-action h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .site-call-to-action h1 {
    font-size: 32px;
  }
}

.site-call-to-action p {
  /* paragraph */
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .site-call-to-action p {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}

.site-call-to-action .theme-btn {
  /* theme button */
  padding-left: 30px;
  padding-right: 30px;
  border:#FFFFFF solid 2px;
  color:#FFFFFF;
  text-align:center;
  font-size:15px;
  /*margin-right:50px;*/
  margin:0 25px;
}

@media screen and (max-width: 767px) {
  .site-call-to-action .theme-btn {
	  margin-right:0;
	  margin-bottom:20px;
  }
}

.site-call-to-action .theme-btn .fa{
  /* button icon */
  text-align:left;
  font-size:18px;
  line-height:1;
}

.site-call-to-action .theme-btn figure{
  /* button icon */
  text-align:left;
  font-size:15px;
  display:inline-block;
  line-height:1;
}

.site-call-to-action .theme-btn:hover {
  /* theme button */
  color:#4543d0;
  background:#FFFFFF;
}

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

 Team (section)

 # team container
 # carousel slider wrapper
 # thumbnail
 # image
 # typography
 # progress bar
 # social icons
 # slider slides
 # slider navigation

-----------------------------------------------------------------------------------*/
/* Team container */
.site-team {
  display: block;
  width: 100%;
  clear: both;
  background:#f0f6f7;
}

@media screen and (max-width: 767px) {
  .site-team {
    padding-bottom: 130px;
  }
}

@media screen and (max-width: 991px) {
  .site-team {
    padding-top: 50px;
  }
}

.site-team .swiper-wrapper {
  /* Slider wrapper */
  text-align: left;
  padding-top: 60px;
  padding-bottom: 40px;
  /*background: white;*/
}

@media screen and (max-width: 767px) {
  .site-team .swiper-wrapper {
    text-align: center;
    padding-top: 0;
  }
}

.site-team .thumbnail {
  /* Thumbnail */
  display: block;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  max-height: 480px;
  overflow: hidden;
  margin: 55px 0 auto;
  padding: 0 10px 0 0;
}

@media screen and (max-width: 991px) {
  .site-team .thumbnail {
    width: 100%;
    display: none;
  }
}

.site-team .thumbnail .swiper-slide-active:after {
  /* Active thumbnail */
  opacity: 0;
}

.site-team .thumbnail ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
}

.site-team .thumbnail li {
  width: 118px;
  height: 139px;
  display: block;
  cursor: pointer;
  margin: 10px;
  clear: both;
  float: left;
  position: relative;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
  border-radius:8px;

}

.site-team .thumbnail li:hover:after {
  opacity: 0.3;
}

.site-team .thumbnail li:after {
  /* Thumbnail overlay */
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: white;
  opacity: 0.6;
  transition: 400ms ease;
  transition-property: opacity;
}

.site-team figure {
  /* image */
  max-width: 338px;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  background: grey;
  border-radius:8px;
}

@media screen and (max-width: 767px) {
  .site-team figure {
    margin: 0 auto 40px;
  }
}

.site-team .team-description {
	float:left;
	width:100%;
	padding:0 40px 0 0;
}

@media screen and (max-width: 767px) {
  .site-team .team-description {
	padding:0 ;
	}
}


.site-team h4 {
  /* H4 heading */
  color: #000000;
  font-family: inherit;
  font-size: 28px;
  font-weight: 700;
  line-height: 25px;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 30px 0 10px 0;
  letter-spacing:-1px;

}

.site-team h5 {
  /* H5 heading */
  color: #4543d0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 0 0 30px;
}

.site-team p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  width: 100%;
  display: block;
  clear: both;
}

.site-team h6 {
  /* H6 heading */
  color: #1a1e2a;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  clear: both;
  margin: 40px 0 10px;
}

.site-team .site-team-progress {
  /* Progress bar */
  display:none;
  /*display: block;*/
  width: 100%;
  clear: both;
}

.site-team .site-team-progress span {
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  width: 100%;
  clear: both;
  display: block;
  padding-top: 22px;
  padding-bottom: 10px;
}

.site-team .site-team-progress label {
  max-width: 540px;
  width: 100%;
  height: 4px;
  background-color: #dbdbdb;
  display: block;
  overflow: hidden;
  clear: both;
}

@media screen and (max-width: 767px) {
  .site-team .site-team-progress label {
    margin: 0 auto;
    max-width: 400px;
  }
}

.site-team .site-team-progress label span {
  width: 100%;
  background: #4543d0;
  height: 4px;
  display: block;
}

.site-team .site-team-social {
  /* Social icons */
  width: 100%;
  display: block;
  clear: both;
  margin-top: 40px;
}

.site-team .site-team-social a {
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  overflow: hidden;
  border:#adbdbf solid 1px;
  border-radius:100%;
  margin-right:8px;
}

.site-team .site-team-social a:hover {
  background: #4543d0;
  color:#FFFFFF;
}

.site-team .site-team-social a:hover i.fa {
  color:#FFFFFF;
}

.site-team .site-team-social i.fa {
  /* Font awesome icon */
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #6f6f6f;
  font-family: FontAwesome, serif;
  font-size: 18px;
  font-weight: 400;
}

.site-team .team-section-slider {
  /* Slides */
  padding-left: 10px;
  padding-right: 10px;
}

.site-team .team-section-slider:before {
  /* team bg */
  content: "";
  position: absolute;
  max-width: 100%;
  width: 100%;
  display: block;
  height: 550px;
  background: #FFFFFF;
  margin: 0 auto;
  left: 180px;
  right: 0;
  top: 20px;
  border-radius:10px;
}

.site-team .team-section-arrow {
  /* Arrows container */
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 160px;
  margin: 40px auto 0;
  display: block;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .site-team .team-section-arrow {
    margin-top: 25px;
  }
  
  .site-team .team-section-slider:before {
	  display:none;
  }
  
  .site-team p {
	  text-align:center;
  }
}

.site-team .swiper-button-prev, .site-team .swiper-button-next {
  /* Prev navigation button */
  background: none;
}

.site-team .swiper-button-prev:hover:before, .site-team .swiper-button-next:hover:before {
  color: #4543d0;
}

.site-team .swiper-button-prev:before, .site-team .swiper-button-next:before {
  content: "\e905";
  font-family: 'icomoon', serif;
  display: block;
  color: #a5a7ab;
  transition: 400ms ease;
  transition-property: color;
}

.site-team .swiper-button-next {
  /* Next navigation button */
}

.site-team .swiper-button-next:before {
  content: "\e906";
}

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

 Testimonial (section)

 # testimonial container
 # carousel slider slides
 # typography
 # slider container
 # slider pagination

-----------------------------------------------------------------------------------*/
/* Testimonial container */
.site-testimonial {
  margin: 0;
  padding: 90px 0 40px 0;
  display: block;
  width: 100%;
  clear: both;

}

/* (اختياري) hover لطيف */
.swiper-slide .simages a:hover img{
  transform: scale(1.06);
  transition: .2s ease;
}


@media screen and (max-width: 767px) {
  .site-testimonial {
    background-image: none;
    padding-bottom: 40px;
  }
}


@media screen and (max-width: 767px) {
  .site-testimonial h1 {
    /*margin-bottom: 40px;*/
	
  }
  
}

.site-testimonial .swiper-slide {
  /* slider slides */
  background-color: white;
  border: 2px solid white;
  border-radius: 2px;
  text-align: center;
  /* padding: 42px 44px; */
}

@media screen and (max-width: 767px) {
  .site-testimonial .swiper-slide {
    margin-top: 60px;
    text-align: center;
    padding:0px;
  }
  
}

.site-testimonial p {
  /* paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 29px;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 30px 0 40px 0;
  text-align: center;
}

.site-testimonial h4 {
  /* paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 30px;
  font-weight: 700;
  line-height: 29px;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 130px 0 0 0;
  text-align: center;
}

.site-testimonial h5 {
  /* h5 heading */
  color: #4543d0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 0 0 6px;
  text-align: center;
}

.site-testimonial h6 {
  /* h6 heading */
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 0 0 10px;
  text-align: center;
}

.site-testimonial figure {
  width: 100px;
  height: 100px;
  background-color: white;
  border-radius: 200px;
  overflow: hidden;
  position: absolute;
  left: 43%;
  top: 34px;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .site-testimonial figure {
    left: 0;
    top: -60px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
 
 .site-testimonial h4 {
	margin-top:90px;
  }

}

.site-testimonial .swiper-container {
  /* slider container */
  max-width: 1280px;
  padding: 0 80px;
}

@media screen and (max-width: 991px) {
  .site-testimonial .swiper-container {
    max-width: 800px;
  }
}

@media screen and (max-width: 767px) {
  .site-testimonial .swiper-container {
    padding: 0;
  }
}

.site-testimonial .swiper-pagination {
  /* slider pagination */
  margin-top:10px;
}

@media screen and (max-width: 767px) {
  .site-testimonial .swiper-pagination {
    margin-top: 50px;
  }
}

.site-testimonial .swiper-arrow-container {
  margin-top: 150px;
}

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

 Packages (section)

 # packages container
 # h1 heading
 # single package (class)
 # typography
 # price info (class)
 # dollar (class)
 # price value (class)
 # price month (class)
 # price options (class)
 # font awesome icon
 # href button

-----------------------------------------------------------------------------------*/
/* Packages container */
.site-packages {
  margin: 0;
  padding: 60px 0;
  display: block;
  width: 100%;
  clear: both;
}

.site-packages h1 {
  /* H1 heading */
  /*margin-bottom: 60px;*/
}

.site-packages .site-package {
  /* Single package */
  /*max-width: 365px;*/
  width: 100%;
  background-color: white;
  text-align: center;
  margin: 60px auto 50px;
  padding:0;
  border-radius:12px;
  
  -webkit-box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.32);
  -moz-box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.32);
  box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.32);
}

.site-packages .site-package.pref {
	position:relative;
	z-index:100;
	margin-top:-1px;
}

.site-packages .site-package .prefered {
	background:#4543d0;
	border-radius:12px 12px 0 0;
	padding:0 0 50px 0;
}

.site-packages .prefered h4 {
	color:#FFFFFF;
}

.site-packages .prefered .site-dollar {
	color:#FFFFFF;
}

.site-packages .prefered .site-value {
	color:#FFFFFF;
}

.site-packages .site-package:hover {
  /* Hover */
}

.site-packages .site-package:hover h4 {
  /*color: #4543d0;*/
}

.site-packages .site-package:hover .price-info {
  /*background-color: #4543d0;*/
}

.site-packages .site-package figure {
  /* icon*/
  float:left;
  width:100%;
  text-align:center;
  margin:60px 0 0 0;
}


.site-packages h4 {
  /* title */
  color: #4b535e;
  font-family: inherit;
  font-size: 30px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  padding: 40px 0;
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  text-align: center;
  transition: 400ms ease;
  transition-property: color;
}

@media screen and (max-width: 991px) {
  .site-packages h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .site-packages .site-package {
	  margin-top:0;
  }
}

.site-packages p {
  /* description */
  color: #1a1e2a;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  padding: 20px 30px;
  text-align: left;
  display:none;
}

@media screen and (max-width: 991px) {
  .site-packages p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-packages .price-info {
  /* Price information */
  font-size:70px;
  font-weight:700;
  color: #4543d0;
  font-family: inherit;
  line-height: 14px;
  position: relative;
  padding: 20px 0;
  text-align: center;
  transition: 400ms ease;
  transition-property: background-color;
}

@media screen and (max-width: 991px) {
  .site-packages .price-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-packages .site-dollar {
  /* dollar sign */
  font-size: 30px;
  font-weight: 700;
  position: relative;
  top: 0px;
  left: 0px;
  bottom:0;
}

.site-packages .site-value {
  /* Package value */
  font-size: 70px;
  font-weight: 700;
  position: relative;
  top:0;
  left:-13px;
}

.site-packages .site-month {
  /* Month */
  display:none;
  font-size: 19px;
  font-weight: 400;
  position: relative;
  left: 6px;
  top: -2px;
}

.site-packages .price-options {
  /* Price options */
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: left;
}

.site-packages .price-options li {
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #f3f1f1;
  padding: 20px 15px;
  position: relative;
  text-align:center;
}

@media screen and (max-width: 1199px) {
  .site-packages .price-options li {
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .site-packages .price-options li {
  }
}

.site-packages .price-options i.fa {
  /* font awesome icons */
  display:none;
  width: 14px;
  height: 10px;
  color: #2dc100;
  font-family: FontAwesome, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  top: 22px;
  left: 30px;
}

@media screen and (max-width: 991px) {
  .site-packages .price-options i.fa {
    left: 20px;
  }
}

.site-packages .price-options i.fa.fa-close {
  color: red;
}

.site-packages .theme-btn {
  /* button */
  background-color: white;
  border: 2px solid #4543d0;
  color: #4543d0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  transition: 400ms ease;
  transition-property: border-color, color, background;
  margin-top: 45px;
  margin-bottom: 40px;
}

.site-packages .site-package:hover .theme-btn {
  color: white;
  border-color: #4543d0;
  background: #4543d0;
}

.site-packages .theme-btn:hover {
  color: white;
  border-color: #4543d0;
  background: #4543d0;
}

.site-packages .prefered-btn {
  color: white;
  border-color: #4543d0;
  background: #4543d0;
}


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

 Blog (section)

 # blog container
 # h1 heading
 # box (class)
 # h3 heading
 # paragraph
 # image
 # font awesome icon
 # permalink (class)

-----------------------------------------------------------------------------------*/
/* blog  container */
.site-blog {
  display: block;
  width: 100%;
  clear: both;
  position:relative;
}


@media screen and (max-width: 767px) {
  .site-blog {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.site-blog h1 {
  /* H1 heading */
  /*margin-bottom: 100px;*/
}

@media screen and (max-width: 767px) {
  .site-blog h1 {
  }
}

.site-blog .site-box {
  /* blog post */
  padding: 0;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px;
  max-width: 100%;
  min-height: 236px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
  
  -webkit-box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.12);
  -moz-box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.12);
  box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.12);
}

.site-blog .site-box:hover h3 a {
	color:#4543d0;
	text-decoration:underline;
}

.site-blog .blog-image {
	display:block;
	position:relative;
}

.site-blog .blog-image img {
	width:100%;
}

.site-blog .date {
	/* date */
  color: #000000;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  transition: 400ms ease;
  transition-property: color;
  text-align:center;
  text-transform:uppercase;
  background:#FFFFFF;
  border-radius:6px;
  position:absolute;
  bottom:30px;
  left:30px;
  padding:6px 0;
  margin:0;
 }

.site-blog span {
	/* month */
  font-size: 14px;
  line-height: 1.8;
  width:100%;
  padding:0;
  margin:0;
}


.site-blog .content {
	display:block;
	padding:30px;
}

@media screen and (max-width: 767px) {
  .site-blog .site-box {
    max-width: 100%;
    min-height: 10px;
  }
}

.site-blog h3 {
  /* H3 heading */
  color: #000000;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: inherit;
  margin-top: 5px;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
  letter-spacing:-1px;
}

.site-blog h3 a {
  transition: 400ms ease;
  transition-property: color;
}

.site-blog p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  transition: 400ms ease;
  transition-property: color;
}

.site-blog .authore-time {
	/* authore-date */
  color: #6d6d6d;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  transition: 400ms ease;
  transition-property: color;
  text-align:left;
}

.site-blog .site-box-horizontle {
  /* blog post */
  padding: 20px;
  display: block;
  width: 100%;
  text-align: left;
  /* margin: 0 0 30px; */
  margin: 0 0 13px;
  max-width: 100%;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
  
  -webkit-box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.12);
  -moz-box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.12);
  box-shadow: 0px 10px 54px 0px rgba(151,170,180,0.12);
}

.site-blog .site-box-horizontle:hover h3 a {
	color:#4543d0;
	text-decoration:underline;
}


.site-blog .site-box-horizontle .content{
  /* blog post */
  display: block;
  position: relative;
  padding:0 0 0 5px;
}

.site-blog .site-box-horizontle .date {
	/* date */
  color: #000000;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  transition: 400ms ease;
  transition-property: color;
  text-align:center;
  text-transform:uppercase;
  background:#FFFFFF;
  border:#d4e0e3 solid 1px;
  border-radius:6px;
  position:absolute;
  top:10px;
  left:10px;
  padding:6px 0;
  margin:0;
  width:60px;
  height:60px;
 }


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

 Tweets (section)

 # tweets container
 # bootstrap container
 # slider container
 # slider slides
 # date, icon ,a tag
 # slider pagination

-----------------------------------------------------------------------------------*/
/* Tweet container */
.site-tweets {
  margin: 0;
  padding: 0 0 10px;
  /*display: block;*/
  display:none;
  width: 100%;
  clear: both;
  background: #4543d0;
  text-align: center;
  color: white;
  position: relative;
}

.site-tweets .container {
  /* bootstrap container */
  position: relative;
}

@media screen and (max-width: 767px) {
  .site-tweets {
    padding-top: 10px;
  }
}

.site-tweets .swiper-wrapper {
  /* slider container */
  padding: 0;
  margin: 50px 0 0;
}

.site-tweets .swiper-wrapper > span {
  display: block;
  width: 100%;
  text-align: center;
}

.site-tweets .swiper-slide {
  /* slider slide */
  margin: 0;
  padding: 0;
  display: block;
}

.site-tweets p, .site-tweets a, .site-tweets .date {
  color: white;
  font-family: inherit;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.site-tweets .date {
  font-weight: 700;
  margin-top: 5px;
  display: block;
}

.site-tweets i.fa {
  color: white;
  font-size: 45px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 100px;
}

.site-tweets .swiper-pagination {
  /* slider pagination */
  margin-top: 60px;
  margin-bottom: 60px;
}

.site-tweets .swiper-pagination-bullet {
  opacity: 0.3;
  background-color: white;
  transition: 400ms ease;
  transition-property: opacity;
  margin: 20px;
}

.site-tweets .swiper-pagination-bullet-active {
  opacity: 1;
}

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

 Clients (section)

 # clients container
 # image

-----------------------------------------------------------------------------------*/
/* Clients container */
.site-clients {
  margin: 0;
  padding: 0 0 90px 0;
  display: block;
  clear: both;
  text-align: center;
}

.site-clients figure {
  /* Image */
  display: inline-block;
  float: none;
  overflow: hidden;
  margin: 0 10px;
  padding: 0;
  opacity: 0.5;
  transition: 400ms ease;
  transition-property: opacity;
  width:17%;
}

.site-clients figure img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

@media screen and (max-width: 991px) {
  .site-clients figure {
    width: 30%;
  }
}

@media screen and (max-width: 767px) {
  .site-clients figure {
    width: 100%;
    margin: 0;
    display: block;
    clear: both;
  }
}

.site-clients figure:hover, .site-clients figure img:hover, .site-clients figure.active {
  opacity: 1;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}



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

 Quick support (section)

 # quick support container
 # h1 heading
 # map and form container
 # google map container
 # contact form [label, input, submit, textarea]
 # contact info container
 # box (class) [icon, href tag]
 # no space (class) remove the bootstrap columns space
 # Remove the number input arrow buttons

-----------------------------------------------------------------------------------*/
/* Quick support container */
.site-quick-support {
  margin: 0;
  padding:90px 0;
  display: block;
  clear: both;
  background:url(../images/quick-support-bg.jpg) no-repeat top center;
  background-size: contain;
  background-attachment:scroll;
}

@media screen and (max-width: 991px) {
	.site-quick-support {
		background-color:#4643d0;
	}
}

.site-quick-support h1 {
  /* h1 heading */
  /*margin-bottom: 70px;*/

}


.site-quick-support .map-and-form-container {
  /* map nad form container */
  /*min-height: 522px;*/
  position:relative;
  background-color: white;
  overflow: hidden;
  border-radius:8px;
  padding:50px;
  -webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
  -moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
  box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}

.site-quick-support .left-colom {
	float:left;
	width:100%;
	z-index:100;
	position:relative;
}

.cta-graphic {
	float:left;
	width:470px;
	height:470px;
	background:url(../images/cta-graphic.png) no-repeat bottom left;
	bottom:0;
	left:0;
	position:absolute;
	z-index:0;
}

.site-quick-support .left-colom h3, .form-container h3 {
	float:left;
	width:100%;
	font-size:30px;
	text-align:left;
	color:#000000;
	padding:0 0 20px 0;
	margin:0;
}

@media screen and (max-width: 991px) {
	.site-quick-support .left-colom h3, .form-container h3 {
		font-size:22px;
	}
}

.site-quick-support .left-colom p {
	float:left;
	width:100%;
	font-size:15px;
	text-align:left;
	color:#828282;
	padding:0 50px 25px 0;
	margin:0;
}

@media screen and (max-width: 767px) {
  .site-quick-support .left-colom p {
	  padding-right:0;

  }
}

.site-quick-support .left-colom a {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:700;
	text-align:left;
	color:#4745cf;
	padding:0 0 15px 0;
	margin:0;
}

.site-quick-support .site-google-map {
  /* google map container */
  background: grey;
  min-height: 522px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .site-quick-support .site-google-map:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: none;
  }
  
  .site-quick-support .map-and-form-container {
  /* map nad form container */
  padding:25px 25px 50px 25px;
  }
}

.site-quick-support .site-contact-form {
  /* contact form */
  margin: 0;
  display: block;
  clear: both;
  width: 100%;
  padding: 0;
  float: left;
}

.site-quick-support .form-container {
	position:relative;
	z-index:100;
}

@media screen and (max-width: 767px) {
  .site-quick-support .form-container {
	  padding-top:30px;
  }
}

@media screen and (max-width: 300px) {
  .site-quick-support .site-contact-form {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.site-quick-support label {
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  margin: 0 0 10px;
}

.site-quick-support input[type=text],
.site-quick-support input[type=tel],
.site-quick-support input[type=number],
.site-quick-support input[type=url],
.site-quick-support input[type=email],
.site-quick-support textarea {
  width: 100%;
  margin: 0;
  padding: 0 0 0 15px;
  display: block;
  clear: both;
  border: none;
  box-shadow: none;
  height: 60px;
  color: #000000;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  /*border-bottom: 2px solid #cecece;*/
  border:#d8e5e7 solid 2px;
  border-radius:4px;
  transition: 400ms ease;
  transition-property: border-color;
  background:#f0f6f7;
}

.site-quick-support input[type=text]:focus,
.site-quick-support input[type=tel]:focus,
.site-quick-support input[type=number]:focus,
.site-quick-support input[type=url]:focus,
.site-quick-support input[type=email]:focus,
.site-quick-support textarea:focus {
  border-color: #4543d0;
}

.site-quick-support textarea {
  resize: none;
  height: 150px;
}

.site-quick-support button[type=submit] {
	width:100%;
  background-color: #4543d0;
  box-shadow: none;
  padding: 20px 0;
  display: block;
  float: left;
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin: 10px 0 0;
  border: 2px solid #4543d0;
  transition: 400ms ease;
  transition-property: background, color;
  border-radius:4px;
}

@media screen and (max-width: 767px) {
  .site-quick-support button[type=submit] {
    display: inline-block;
    float: none;
    padding-left: 60px;
    padding-right: 60px;
  }
}

.site-quick-support button[type=submit]:hover {
  background: none;
  color: #4543d0;
}

.site-quick-support button[type=submit] i.fa {
  display: none;
}

.site-quick-support .site-contact-info {
  /* contact info container */
  margin: 0;
  padding: 0 15px;
  display: block;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 767px) {
  .site-quick-support .site-contact-info {
    padding-left: 0;
    padding-right: 0;
  }
}

.site-quick-support .site-contact-info table {
  width: 100%;
}

.site-quick-support .site-contact-info td {
  width: 25%;
}

.site-quick-support .site-box {
  /* box */
  background-color: #4543d0;
  min-height: 160px;
  display: block;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 30px 0;
  color: white;
  position: relative;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
}

.site-quick-support .site-box:hover {
  background: #636E78;
}

.site-quick-support .site-box i.fa {
  /* font awesome icon */
  height: 17px;
  color: white;
  font-size: 20px;
  font-weight: 400;
  line-height: 41px;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  display: block;
}

.site-quick-support .site-box a {
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  display: block;
  width: 100%;
}

.site-quick-support .site-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.site-quick-support .site-box.odd:before {
  display: block;
  opacity: 0.1;
  background-color: white;
}

@media screen and (min-width: 768px) {
  .site-quick-support .no-space {
    /* remove the bootstrap columns space */
    padding-left: 0;
    padding-right: 0;
  }
}

.site-quick-support input[type=number]::-webkit-outer-spin-button,
.site-quick-support input[type=number]::-webkit-inner-spin-button {
  /* Remove the number input arrow buttons */
  -webkit-appearance: none;
  margin: 0;
}

.site-quick-support input[type=number] {
  -moz-appearance: textfield;
}


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

 site-contact (section)

 # site-contact container
 # h1 heading
 # map container
 # google map container
 # box (class) [icon, href tag]
 # no space (class) remove the bootstrap columns space
 # Remove the number input arrow buttons

-----------------------------------------------------------------------------------*/
/* site-contact container */
.site-contact {
  margin: 0;
  padding:0;
  display: block;
  clear: both;
  text-align:left;

}

.site-contact h2{
	margin-bottom:40px;
}


.site-contact .left {
  /* office container */
  /* min-height: 650px; */
  min-height: 505px;
  position:relative;
  background-color: white;
  overflow: hidden;
  padding:0px;
  /* background:url(../images/office.jpg) no-repeat top center; */
  background-size:cover;
}

.site-contact .site-google-map {
  /* google map container */
  background: grey;
  /* min-height: 650px; */
  min-height: 505px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .site-contact .site-google-map:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: none;
  }
}

.site-contact .site-contact-info {
  /* contact info container */
  margin: auto;
  padding:45px 70px;
  display: block;
  /* width: 400px;
  height:440px; */
  width: 100%;
  height: 100%;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  clear: both;
  background:rgba(255,255,255,.9);
  border-radius:8px;
}

@media screen and (max-width: 767px) {
  .site-contact .site-contact-info {
	  width: 370px;
	  height:380px;
	  padding:25px;
  }
}

@media screen and (max-width: 480px) {
  .site-contact .site-contact-info {
	  width: 350px;
	  height:380px;
	  padding:20px;
  }
}

.site-contact .site-contact-info table {
  width: 100%;
}

.site-contact .site-contact-info td {
  width: 25%;
}

.site-contact .site-box {
  /* box */
  display: block;
  width: 100%;
  clear: both;
  margin: 0;
  padding:0 0 35px 0;
  color: #828282;
  position: relative;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  text-align:left;
}

.site-contact .site-box:hover {
  /*background: #636E78;*/
}

.site-contact .site-box figure {
	float:left;
}

.site-contact .site-box h4 {
	font-size:20px;
	font-weight:700;
	color:#000000;
	padding:0;
	margin:0;
	line-height:1;
}

.site-contact .site-box i.fa {
  /* font awesome icon */
  color: #4543d0;
  font-size: 20px;
  font-weight: 400;
  line-height: 41px;
  margin: 0 20px 0 0;
  padding: 0;
  display: block;
  width:40px;
  height:40px;
  border:#c1d3d6 solid 1px;
  border-radius:4px;
  text-align:center;
}

.site-contact .site-box a {
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  line-height:1.8;
  font-weight: 400;
  display: block;
  width: 100%;
}

.site-contact .site-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.site-contact .site-box.odd:before {
  display: block;
  opacity: 0.1;
  background-color: white;
}

@media screen and (min-width: 768px) {
  .site-contact .no-space {
    /* remove the bootstrap columns space */
    padding-left: 0;
    padding-right: 0;
  }
}



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

 Footer (section)

 # footer container
 # widget (class)
 # footer logo [a, h1, small]
 # paragraph
 # href a tag [font icon]
 # h3 heading
 # ul li a
 # news (class) [a, li, figure, p, span]
 # subscribe class [input email, submit, font icon]
 # hr tag for horizontal line
 # copyright (class)
 # social icons [a, font icon]

-----------------------------------------------------------------------------------*/
/* Footer container */
.site-footer {
  width: 100%;
  clear: both;
  display: block;
  margin: 0;
  padding: 77px 0 40px;
  background-color: #0c0b39;
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}

.site-footer .widget {
  /* widget class */
  display: block;
  clear: both;
  width: 100%;
  padding: 0;
  margin: 0 0 70px;
  max-width: 330px;
}

@media screen and (max-width: 767px) {
  .site-footer .widget {
    max-width: 100%;
	margin-bottom:40px;
  }
}

.site-footer .site-logo {
  /* footer logo */
  width: 100%;
  clear: both;
  display: block;
  margin-bottom: 30px;
}

.site-footer .site-logo a {
  margin-bottom: 0;
}

.site-footer .site-logo h1 {
  color: white;
  font-family: inherit;
  font-size: 33px;
  font-weight: 500;
}

.site-footer .site-logo small {
  color: #989899;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 10px;
  text-transform: uppercase;
}

.site-footer p {
  /* paragraph */
  color: #c5c5c5;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin: 0 0 25px;
  padding: 0;
  display: block;
}

@media screen and (max-width: 767px) {
  .site-footer p {
	  margin-bottom:20px;
  }
}

.site-footer a {
  /* a tag */
  color: #c5c5c5;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer a:hover {
  color: #FFFFFF;
}

.site-footer a i.fa {
  color: #4543d0;
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
  margin-right: 12px;
  position: relative;
  top: 2px;
}

.site-footer h3 {
  /* h3 heading */
  color: white;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  width: 100%;
  display: block;
  padding: 0 0 24px;
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .site-footer h3 {
	  margin-bottom:0;

  }
}

.site-footer h3:after {
  /*content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #4543d0;
  display: block;*/
}

.site-footer ul {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
}

.site-footer ul li {
  display: block;
  padding: 0;
  width: 100%;
  clear: both;
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.site-footer ul a {
  margin-bottom: 12px;
}

.site-footer .widget-news {
  /* news class */
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  position: relative;
}

.site-footer .widget-news a {
  display: block;
  width: 100%;
  padding-left: 61px;
}

.site-footer .widget-news li {
  position: relative;
  margin: 0 0 36px;
  padding: 0;
}

.site-footer .widget-news li:hover p {
  color: #4543d0;
}

.site-footer .widget-news figure {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.site-footer .widget-news p {
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  padding: 0;
  display: block;
  clear: both;
  margin: 0 0 4px;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer .widget-news span {
  color: #a2a3a5;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}

.site-footer .site-subscribe {
  /* subscribe class */
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  position: relative;
}

.site-footer .site-subscribe input[type=email] {
  height: 50px;
  border: 1px solid #cecece;
  background:#FFFFFF;
  color: #a2a3a5;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  padding: 0 63px 0 13px;
  width: 100%;
  margin: 0;
  display: block;
  border-radius:4px;
}

.site-footer .site-subscribe button[type=submit] {
  width: 48px;
  height: 48px;
  background-color: #FFFFFF;
  border: none;
  color: #4543d0;
  font-size: 15px;
  font-weight: 400;
  line-height: 41px;
  position: absolute;
  top: 1px;
  right: 1px;
  transition: 400ms ease;
  transition-property: color, background-color;
  border-radius:0 4px 4px 0;
  
}

.site-footer .site-subscribe button[type=submit]:hover {
  background-color: #4543d0;
  color: #FFFFFF;
}

.site-footer hr {
  /* horizontal line */
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #50627d;
  max-width: 100%;
  margin: 0 0 40px;
}

.site-footer .site-copyright {
  /* copyright class */
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #c5c5c5;
}

@media screen and (max-width: 767px) {
  .site-footer .site-copyright {
    text-align: center;
    margin-bottom: 20px;
  }
}

.site-footer .site-copyright a {
  color: #c5c5c5;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer .site-copyright a:hover {
  color: white;
}

.site-footer .site-social-icons {
  /* social icons */
  text-align: right;
  margin-top: -14px;
}

@media screen and (max-width: 767px) {
  .site-footer .site-social-icons {
    text-align: center;
  }
}

.site-footer .site-social-icons a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #4f708f;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  margin: 4px;
  transition: 400ms ease;
  transition-property: border-color, background;
}

.site-footer .site-social-icons a:hover {
  border-color: #4543d0;
  background: #4543d0;
}

.site-footer .site-social-icons i.fa {
  color: white;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 36px;
  text-align: center;
}

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

About us page

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

/* Banner section */

.inner-page-main-banner {
	position:relative;
	padding:200px 0;
}

.about-us {
	background:url(../images/a_propos/Intro_Images.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

.inner-page-main-banner h2 {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:700;
	color:#FFFFFF;
	line-height:1;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

.inner-page-main-banner h1 {
	float:left;
	width:100%;
	text-align:center;
	font-size:90px;
	font-weight:700;
	color:#FFFFFF;
	line-height:1.3;
	padding:0;
	margin:0;
}

@media screen and (max-width: 1199px) {
  .inner-page-main-banner h1 {
	  font-size:65px;
	  padding:15px 0;
  }
}

@media screen and (max-width: 767px) {
  .inner-page-main-banner h1 {
	  font-size:40px;
  }
}

.inner-page-main-banner p {
	/* display:none; */
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:400;
	color:#FFFFFF;
	line-height:1.7;
	padding:0;
	margin:0;
}

@media screen and (max-width: 767px) {
  .inner-page-main-banner p {
	  padding:0 30px;
  }
}


/* Bredcum links */
.inner-page-main-banner ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
}

.inner-page-main-banner ul li {
	display:inline-block;
	list-style:none;
	padding:0 5px;
	margin:0;
	text-align:center;
	color:#FFFFFF;
}

.inner-page-main-banner ul li a{
	color:rgba(255,255,255,0.6);
}

.inner-page-main-banner ul li a:hover {
	color:rgba(255,255,255,1.00);
	transition:all ease .5s;
}

/* Vision Mission */

.page-vision-mission {
  width: 100%;
  display: block;
  clear: both;
  position:relative;
  padding:0;
}

.page-vision-mission .upper-section {
	position:relative;
	margin-top:-75px;
	z-index:100;
	float:left;
	width:100%;

	background:#FFFFFF;
	border-radius:8px;
	
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}


.page-vision-mission .left-box {
	float:left;
	width:100%;
	text-align:left;
}

.page-vision-mission .left-box figure{
	float:left;
	width:100%;
	text-align:left;
	border-radius:8px 0 0 8px;
}

@media screen and (max-width: 1199px) {
   .page-vision-mission .left-box figure {
	  width:100%;
	  border-radius:8px 8px 0 0;
  }
  
  .page-vision-mission .left-box figure img {
	  width:100%;
  }
}

.page-vision-mission .right-box {
	float:left;
	width:100%;
	padding:55px;	
}

.page-vision-mission h3 {
	float:left;
	width:100%;
	text-align:left;
	font-size:40px;
	font-weight:700;
	color:#000000;
	line-height:1.3;
	padding:0 0 20px 0;
	margin:0;
}

@media screen and (max-width: 1199px) {
	.page-vision-mission h3 {
		font-size:30px;
	}
	
	.page-vision-mission .right-box {
	padding:25px;
	}

}

.page-vision-mission p {
	float:left;
	width:100%;
	text-align:left;
	font-size:15px;
	font-weight:400;
	padding:0;
	margin:0;
}

.page-vision-mission .right-box figure{
	float:left;
	width:100%;
	text-align:left;
	margin:35px 0 10px 0;
}

.page-vision-mission .name {
	float:left;
	width:100%;
	text-align:left;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding:5px 0;
	margin:0;
}

.page-vision-mission .designation{
	float:left;
	width:100%;
	text-align:left;
	font-size:15px;
	font-weight:400;
	padding:0px;
	margin:0;
}

/* Overview section */

.overview-section {
	position:relative;
	text-align:left;
}

.overview-section .overview {
	float:left;
	width:100%;
	text-align:left;
}

.overview-section p {
	float:left;
	width:100%;
	text-align:left;
	font-size:20px;
	font-weight:400;
	line-height:1.7;
	padding:0;
	margin:0;
}

/* inner page feature section */

.feature-section {
	float:left;
	width:100%;
	padding:0 0 90px 0;
}

.feature-section .feature-box {
	float:left;
	width:100%;
}

@media screen and (max-width: 991px) {
  .feature-section .feature-box {
	  margin-bottom:60px;
  }
}


.feature-section .feature-box figure{
	float:left;
	text-align:left;
}

.feature-section h3 {
	float:left;
	width:100%;
	text-align:left;
	font-size:20px;
	font-weight:700;
	color:#000000;
	line-height:1.3;
	padding:25px 0;
	margin:0;
}

.feature-section p {
	float:left;
	width:100%;
	text-align:left;
	font-size:15px;
	font-weight:400;
	padding:0;
	margin:0;
}

.video-feature-section  {
	float:left;
	width:100%;
	padding:0;
	overflow:hidden;
}

.video-feature-section .customsection {
	position:relative;
	width:100%;
	min-height:850px;
	background:url(../images/a_propos/Video-img.jpg) no-repeat top center;
    background-size:cover;
}


.customsection>img {
	float: right;
	max-width:inherit;
	margin-right:0px;
	
}

@media screen and (max-width: 991px) {
  .customsection>img {
	  float:left;
	  width:100%;
	  text-align:center;
	  border-radius:8px;
	  margin-bottom:90px;
  }
}

.video-box {
  margin: auto;
  padding:0;
  display: block;
  width: 80px;
  height:100px;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  clear: both;
}

.video-box .video-play-btn{
	font-size: 50px;
    color: #FFFFFF;
    margin-left: -50px;
    margin-top: -50px;
    background: #4543d0;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    text-align: center;
	line-height:2;
}


/* Video play button Ripple effect */

.circle-ripple {
  background-color: #35ffc3;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  -webkit-animation: ripple 0.7s linear infinite;
          animation: ripple 0.7s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3em rgba(255, 255, 255, 0.3), 0 0 0 5em rgba(255, 255, 255, 0.3), 0 0 0 8em rgba(255, 255, 255, 0);
  }
}


.video-feature-section .right-colom {
	float:left;
	width:100%;
	padding:120px 300px 0 60px;
}

@media screen and (max-width: 1700px) {
  .video-feature-section .right-colom {
	  padding:80px 200px 0 40px;
  }
}

@media screen and (max-width: 1400px) {
  .video-feature-section .right-colom {
	  padding:80px 100px 0 40px;
  }
}

@media screen and (max-width: 1199px) {
  .video-feature-section .right-colom {
	  padding:80px 0 0 40px;
  }
}


@media screen and (max-width: 767px) {
  .video-feature-section .right-colom {
	  padding:90px 0 40px 0;
  }
}

.video-feature-section .advantage {
	float:left;
	width:100%;

}

.video-feature-section ul {
	float:left;
	width:100%;
	padding:20px 0 0 0;
}

.video-feature-section ul li {
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin-bottom:60px;
	display:flex;
}

.video-feature-section ul li:last-child {
	margin-bottom:0px;
}

.advantage-content {
	float:left;
	padding:0 0 0 20px;
	margin-top:-6px;
	flex:8;
	-webkit-flex: 8; /* Safari 6.1+ */
    -ms-flex: 8; /* IE 10 */ 

}

.video-feature-section .advantage-content h4 {
	float:left;
	font-size:23px;
	font-weight:700;
	color:#FFFFFF;
	text-align:left;
	padding:0 0 5px 0;
	margin:0;
	line-height:1.5;
}

.video-feature-section .advantage-content p {
	float:left;
	font-size:15px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	padding:5px 0 0 0;
	margin:0;
}


.advantage-icon {
	float:left;
	border:#FFFFFF solid 1px;
	width:90px;
	height:90px;
	text-align:center;
	padding:25px 0;
	border-radius:200px;
	transition: transform 1s;
}

.video-feature-section ul li:hover .advantage-icon {
	transition:all ease .9s;
	transform: rotate(360deg);
}


/* inner page two colom full width section */

.two-colom-section {
	padding:0;
	overflow:hidden;
}
.customsection-2>img {
	float: left;
	max-width:inherit;
	margin-left:-15px;
}

@media screen and (max-width: 991px) {
  .customsection-2>img {
	  float:left;
	  width:100%;
	  text-align:center;
	  border-radius:8px;
	  margin-bottom:90px;
	  margin-left:0;
  }
}

.two-colom-section .left-colom {
	float:left;
	width:100%;
	padding:120px 60px 0 0;
}

@media screen and (max-width: 1199px) {
  .two-colom-section .left-colom  {
	  padding:80px 40px 0 0;
  }
}

@media screen and (max-width: 991px) {
  .two-colom-section .left-colom  {
	  padding:90px 0 40px 0;
  }
}

.two-colom-section .left-colom p {
	float:left;
	width:100%;
	padding:0 0 25px 0;
	margin:0;
}

.two-colom-section ul {
  margin: 0;
  float:left;
  padding: 0;
  display: block;
  width: 100%;
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
}

.two-colom-section li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 2px 0 0 25px;
}

.two-colom-section li:before {
  /*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
  /*background:url(../images/check-box.png) left no-repeat;*/
}

.two-colom-section li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  background:url(../images/check-box.png) left no-repeat;
  width:14px;
  height:14px;
}


/* Statistic container */
.innerpage-site-statistic {
  margin: 0;
  width: 100%;
  display: block;
  clear: both;
  text-align: center;
  position: relative;
  z-index:100;
  background:url(../images/inner-page-statistic-bg.jpg) no-repeat center center;
  background-attachment:fixed;
  background-size:cover;
  
}

@media screen and (max-width: 1199px) {
  .innerpage-site-statistic {
  }
}

.innerpage-site-statistic .site-section-box {
  /* inner box */
  float:left;
  width:100%;
 
}

@media screen and (max-width: 767px) {
  .innerpage-site-statistic .site-section-box {
    /*display: none;*/
  }
}


.innerpage-site-statistic h2 {
  /* H2 heading */
  color: white;
  font-family: inherit;
  font-size: 40px;
  line-height: 66px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0.625rem;
}

.innerpage-site-statistic h2 strong {
  font-weight: 700;
}

.innerpage-site-statistic p {
  /* Paragraph */
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 33px;
}

.innerpage-site-statistic .section-align-center {
  /* Align center class */
  max-width: 600px;
}


/* Numbers section */
.site-number-2 {
  width: 100%;
  position: relative;
  padding: 0;
  display: block;
  text-align: center;
  white-space: nowrap;
  float: left;
}

@media screen and (max-width: 991px) {
  .site-number-2 {
	  margin-bottom:55px;
  }
}

@media screen and (max-width: 767px) {
  .site-number-2 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    white-space: normal;
  }
}

.site-number-2 h3 {
  /* h3 heading */
  color: #FFFFFF;
  font-family: inherit;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0;
  margin:15px 0 0 0;
  display: block;
  text-align:center;
}

.site-number-2 p {
  /* paragraph */
  color: #FFFFFF;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  display: block;
  text-align:center;
}

.site-number-2 i.fa {
  /* font awesome icon */
  width: 100%;
  height: 41px;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
}

.site-number-2 figure {
  /* image */
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  display: block;
  height: 100px;
  line-height: 52px;
  margin: auto 0;
  text-align:center;

}

.site-number-2 figure:before {
  /*  site number horizontal line */
  content: "";
  position: absolute;
  max-width: 70px;
  width: 45px;
  display: block;
  height: 3px;
  background: #c2d0d7;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom:0;
  /*top: 100%;*/
}

/* Number section inline block */
.site-number-inline-2 {
  display: block;
  text-align: left;
  position: relative;
  margin: auto;
  width: 100%;
  /*top: 50%;
  transform: translateY(-50%);*/
}


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

Services page

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

/* Banner section */
.services {
	background:url(../images/services/Banner_Image.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

.service-section {
	float:left;
	width:100%;
	text-align:center;
}


.service-section .site-box {
  /* Service */
  padding: 0 0 30px 0;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px;
  max-width: 370px;
  min-height: 236px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
  
  -webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}

.service-section .service-image {
	display:block;
}


.service-section .content {
	display:block;
	padding:30px;
}

@media screen and (max-width: 767px) {
  .service-section .site-box {
    max-width: 100%;
    min-height: 10px;
  }
  
  .service-section .service-image img {
	  width:100%;
  }
}

.service-section .site-box:hover {
  /* Change the color on mouse hover */
  -webkit-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
-moz-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
transition:all ease .5s;
}

.service-section .site-box:hover h3, .service-section .site-box:hover h3 a, .service-section .site-box:hover p {
  /*color: white;*/
}

.service-section .site-box:hover h3, .service-section .site-box:hover h3 a {
  color: #4543d0;
}

.service-section .site-box:hover figure {
  background: #4543d0;
}

.service-section .site-box:hover i.fa {
  color: #FFFFFF;
}

.service-section .site-box:hover .site-permalink span {
  opacity: 1;
  color: #4543d0;
}

.service-section .site-box:hover .site-permalink i {
  color: #4543d0;
  left: 100%;
  padding-left: 12px;

}

.service-section .site-box:before {
  /* Change the box bg counting using data attribute */
  content: attr(data-bg-number);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.06;
  color: #0a2b4a;
  font-family: inherit;
  font-size: 107px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  z-index: -1;
  margin-left: 26px;
}

.service-section h4 {
  /* H3 heading */
  color: #000000;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: inherit;
  margin-top: 5px;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
  letter-spacing:-1px;
}

.service-section h4 a{  
  color: #000000;
}

.service-section h3 a {
  transition: 400ms ease;
  transition-property: color;
}

.service-section p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  transition: 400ms ease;
  transition-property: color;
}

.service-section figure {
  /* Image */
  display:none;
  width: 46px;
  height: 46px;
  line-height: 54px;
  background-color: #e0e9ea;
  /*display: block;*/
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  transition: 400ms ease;
  transition-property: background;
  border-radius:6px;
}

.service-section i.fa {
  /* Font awesome icon */
  width: 22px;
  height: 14px;
  color: #4543d0;
  font-size: 20px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  transition: 400ms ease;
  transition-property: color;
}

.service-section .site-permalink {
  /* Permalink */
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  margin-left: 30px;
  margin-bottom: 25px;
}

.service-section .site-permalink span {
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, color;
}

.service-section .site-permalink i {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 6px;
  font-size: 12px;
  transition: 400ms ease;
  transition-property: color, left;
}


/* service page full width section */

.service-full-width {
	padding:0;
	overflow:hidden;
}

.service-box-heading {
	float: left;
    width: 100%;
    text-align: center;
	padding:90px 0 0 0;
	
}

.service-full-width h2 {
	margin-bottom:30px;
}

.service-full-width .customsection-3>img {
	float: left;
	max-width:inherit;
	margin-left:-15px;
}

@media screen and (max-width: 991px) {
  .service-full-width .customsection-3>img {
	  text-align:center;
	  margin-left:0px;
	  width:100%;
	  border-radius:8px;
  }
}

.service-full-width .customsection-4>img {
	float: right;
	max-width:inherit;
	margin-right:15px;
}

@media screen and (max-width: 991px) {
  .service-full-width .customsection-4>img {
	  margin-right:0;
	  text-align:center;
	  width:100%;
	  border-radius:8px;
  }
  
}

.service-full-width .left-colom {
	float:left;
	width:100%;
	padding:120px 60px 0 0;
}

@media screen and (max-width: 991px) {
  .service-full-width .left-colom {
    padding:120px 0 0 0;
  }
  
}

.service-full-width .left-colom p {
	float:left;
	width:100%;
	padding:0 0 25px 0;
	margin:0;
}

.service-full-width .list-box {
	float:left;
	width:100%;
	padding:0;
}

.service-full-width .list-box h3 {
	float:left;
	width:100%;
	padding:0;
	font-size:20px;
	font-weight:700;
}

.service-full-width .left-colom.pading-box {
	padding-left:30px;
}

@media screen and (max-width: 991px) {
	.service-full-width .left-colom.pading-box {
		padding-left:0;
}
}

.service-full-width ul {
  margin: 0;
  float:left;
  padding: 0;
  display: block;
  width: 100%;
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
}

.service-full-width li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 3px 0 0 25px;
}

.service-full-width li:before {
  /*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
  /*background:url(../images/check-box.png) left no-repeat;*/
}

.service-full-width li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  background:url(../images/check-box.png) left no-repeat;
  width:14px;
  height:14px;
}

.service-full-width .theme-btn {
	margin:30px 0;
}


/* service page Icon box section */

.service-page-icon-section {
	float:left;
	width:100%;
	text-align:center;
}

.service-page-icon-section .feature-box {
	float:left;
	width:100%;
	background:#FFFFFF;
	border-radius:10px;
	padding:50px 35px;
	margin:0 0 30px 0;
	text-align:center;
	
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.12);
    -moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.12);
   box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.12);
}

.service-page-icon-section .feature-box:hover {
	transition:all ease .5s;
	-webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.60);
    -moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.60);
    box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.60);
}

.service-page-icon-section .feature-box figure {
	float:left;
	text-align:center;
	width:100%;
}

.service-page-icon-section .feature-box h3 {
	float:left;
	width:100%;
	text-align:center;
	font-size:22px;
	font-weight:700;
	color:#000000;
	line-height:1.3;
	padding:25px 0;
	margin:0;
}

.service-page-icon-section .feature-box  p {
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:0;
	margin:0;
}

.service-page-icon-section .more-text {
	font-size:14px;
	font-weight:700;
	color:#4543d0;
	text-transform:uppercase;
	border-bottom:#FFFFFF solid 2px;
	padding:0px;
	margin:25px 0 0 0;
}

.service-page-icon-section .more-text:hover {
	border:none;
	border-radius:0;
	border-bottom:#4543d0 solid 2px;
	transition:all ease .5s;
}

@media screen and (max-width: 767px) {
  .customsection-3.bottom-90px {
	float:left;
	margin-bottom:90px;
   }
}




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

Services details page

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

/* Banner section */
.service-details {
	background:url(../images/service-detail-page-banner.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

.service-page-details-section {
	float:left;
	width:100%;
	text-align:left;
}

/* Services details page left colom */
/* SERVICES LINKS */

.service-page-details-section .left-box {
	float:left;
	width:100%;
	text-align:left;
	background:#f0f6f7;
	border-radius:8px;
	margin-bottom:50px;
}

.service-page-details-section .left-box h3 {
	float:left;
	width:100%;
	font-size:25px;
	font-weight:700;
	line-height:2;
	color:#000000;
	text-align:left;
	border-bottom:#dee7ed solid 1px;
	padding:7px 0 7px 25px;
	margin:0;
}

.service-page-details-section .links {
	float:left;
	width:100%;
	text-align:left;
}

.service-page-details-section .links ul {
	float:left;
	width:100%;
	text-align:left;
	padding:0;
	margin:0;
}

.service-page-details-section .links ul li {
	float:left;
	width:100%;
	text-align:left;
	list-style:none;
	font-size:14px;
	color:#6f6f6f;
}


.service-page-details-section .links ul li a{
	float:left;
	width:100%;
	text-align:left;
	list-style:none;
	font-size:14px;
	font-weight:700;
	color:#6f6f6f;
	text-transform:uppercase;
	border-bottom:#dee7ed solid 1px;
	padding:17px 0 17px 25px;
	border-left:#f0f6f7 solid 4px;
}


.service-page-details-section .links ul li a:hover {
	color:#4543d0;
	transition:all ease .5s;
	border-left:#4543d0 solid 4px;
}

.service-page-details-section .links ul li .active {
	color:#4543d0;
	border-left:#4543d0 solid 4px;
}


/* Services details page left colom TESTIMONIALS */


.service-page-details-section .left-box .content {
	float:left;
	width:100%;
	text-align:left;
	padding:25px;
	position:relative;
}

.service-page-details-section .left-box.quote .content:before {
  content: "";
  position: absolute;
  max-width:55px;
  width: 100%;
  display: block;
  height: 40px;
  margin: 0 auto;
  right: 25px;
  top: 25px;
  background:url(../images/quote.png) no-repeat top right;
}

.service-page-details-section .left-box .content .star {
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

.service-page-details-section .left-box .content .star .fa {
	float:left;
	text-align:left;
	color:#ff9600;
	line-height:1;
	letter-spacing:4px;
}

.service-page-details-section .left-box .content p {
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

.service-page-details-section .left-box .content figure {
	float:left;
	margin-right:10px;
}


.service-page-details-section .left-box .content figure img{
	float:left;
	width:75px;
	height:75px;
	text-align:left;
	position:relative;
	border-radius:200px;
}

.service-page-details-section .left-box .content h5 {
	float:left;
	text-align:left;
	position:relative;
	font-size:17px;
	font-weight:700;
	color:#4543d0;
	padding:15px 0 0 0;
	margin:0;
}


.service-page-details-section .left-box .content h6 {
	float:left;
	text-align:left;
	position:relative;
	font-size:13px;
	font-weight:400;
	color:#959595;
	padding:0;
	margin:0;
}

/* Services details page left colom CALL TO ACTION */

.service-page-details-section .left-box.cta {
	float:left;
	width:100%;
	background:#4543d0 url(../images/left-cta-bg.jpg) no-repeat center center;
	border-radius:8px;
	padding:50px 25px;
}

.service-page-details-section .left-box.cta figure{
	float:left;
	width:100%;
	text-align:center;
	padding:0;
	margin:0 0 25px 0;
}

.service-page-details-section .left-box.cta h3{
	float:left;
	width:100%;
	position:relative;
	font-size:25px;
	font-weight:700;
	line-height:1;
	text-align:center;
	color:#FFFFFF;
	padding:0;
	margin:0;
	border:none;
}

.service-page-details-section .left-box.cta p {
	float:left;
	width:100%;
	position:relative;
	font-size:15px;
	font-weight:400;
	text-align:center;
	color:#FFFFFF;
	padding:5px 0 40px 0;
	margin:0;
}

.service-page-details-section .left-box.cta .call {
	float:left;
	width:100%;
	position:relative;
	font-size:30px;
	font-weight:700;
	line-height:1;
	text-align:center;
	color:#FFFFFF;
	padding:0;
	margin:0;
	border:none;
}

.service-page-details-section .left-box.cta .mail {
	float:left;
	width:100%;
	position:relative;
	font-size:15px;
	font-weight:400;
	line-height:1;
	text-align:center;
	color:#FFFFFF;
	padding:15px 0 0 0;
	margin:0;
	border:none;
}


/* Services details page left colom DOWNLOAD SECTION */

.service-page-details-section .left-box .download-btn {
	float:left;
	width:100%;
	position:relative;
	font-size:14px;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
	text-align:left;
	color:#637376;
	padding:0;
	margin:0 0 20px 0;
	border:#4543d0 solid 1px;
	border-radius:4px;
}

.service-page-details-section .left-box .download-btn .fa{
	background:#4543d0;
	font-size:20px;
	font-weight:400;
	line-height:1;
	text-transform:uppercase;
	text-align:left;
	color:#FFFFFF;
	padding:15px ;
	margin:0;
	border:#4543d0 solid 1px;
	border-radius:4px 0 0 4px;
}

.service-page-details-section .left-box .download-btn:hover {
	background:#4543d0;
	border:#4543d0 solid 1px;
	color:#FFFFFF;
	transition:all ease .5s;
}

.service-page-details-section .inner {
	float:left;
	width:100%;
	position:relative;
	padding:0 0 50px 0;
	margin:0;
}


.service-page-details-section .inner h3{
	float:left;
	width:100%;
	position:relative;
	font-size:35px;
	font-weight:700;
	line-height:1;
	text-align:left;
	color:#000000;
	padding:0 0 25px 0;
	margin:0;
}

@media screen and (max-width: 991px) {
  .service-page-details-section .inner h3 {
	  font-size:25px;
  }
}

.service-page-details-section .inner p {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:400;
	text-align:left;
	padding:0 0 40px 0;
	margin:0;
}

.service-page-details-section .inner figure {
	float:left;
	width:100%;
	text-align:left;
	padding:0;
	margin:0;
	border-radius:8px;
}


.service-page-details-section .some-feature-box {
	float:left;
	width:100%;

}

.service-page-details-section .some-feature-box  ul {
	float:left;
	width:100%;
	padding:0;
}

.service-page-details-section .some-feature-box  ul li {
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin-bottom:50px;
	display:flex;
}

.service-page-details-section .some-feature-box ul li:last-child {
	margin-bottom:0px;
}

.service-page-details-section .some-feature-box .content {
	float:left;
	padding:0 0 0 20px;
	margin-top:-6px;
	flex:8;
	-webkit-flex: 8; /* Safari 6.1+ */
    -ms-flex: 8; /* IE 10 */ 

}

.service-page-details-section .some-feature-box h4 {
	float:left;
	font-size:20px;
	font-weight:700;
	color:#000000;
	text-align:left;
	padding:0;
	margin:0;
	line-height:1.5;
}

.service-page-details-section .some-feature-box  p {
	float:left;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	padding:0;
	margin:0;
}


.service-page-details-section .some-feature-box .icon {
	float:left;
	border:#BBBBBB solid 1px;
	width:70px;
	height:70px;
	text-align:center;
	padding:14px 0;
	border-radius:6px;
	transition: transform 1s;
}

.service-page-details-section .some-feature-box ul li:hover .icon {
	transition:all ease .9s;
	border:#4543d0 solid 1px;
}

@media screen and (max-width: 767px) {
  .service-page-details-section .some-feature-box ul li {
	  margin-bottom:30px;
  }
  
}


.service-page-details-section .inner .list ul {
  margin: 0;
  float:left;
  padding: 0;
  display: block;
  width: 100%;
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
}

.service-page-details-section .inner .list li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 2px 0 0 25px;
}

.service-page-details-section .inner .list li:before {
  /*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
  /*background:url(../images/check-box.png) left no-repeat;*/
}

.service-page-details-section .inner .list li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  background:url(../images/check-box.png) left no-repeat;
  width:14px;
  height:14px;
}


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

Work page 1 - Zoom gallery

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


.site-portfolio.innerpage-work {
	text-align:center;
}

.work {
	background:url(../images/work-page-banner.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}


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

Work page 3 - project list

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

.cases-list {
	position:relative;
}

.cases-list .site-box {
  /* Service */
  padding: 0 0 30px 0;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px;
  max-width: 370px;
  min-height: 236px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
  
  -webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}

.cases-list .service-image {
	display:block;
}


.cases-list .content {
	display:block;
	padding:30px;
}

@media screen and (max-width: 767px) {
  .cases-list .site-box {
    max-width: 100%;
    min-height: 10px;
  }
  
  .cases-list .service-image img {
	  width:100%;
  }
}

.cases-list .site-box:hover {
  /* Change the color on mouse hover */
  -webkit-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
-moz-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
transition:all ease .5s;
}

.cases-list .site-box:hover h3, .cases-list .site-box:hover h3 a, .cases-list .site-box:hover p {
  /*color: white;*/
}

.cases-list .site-box:hover h3, .cases-list .site-box:hover h3 a {
  color: #4543d0;
}

.cases-list .site-box:hover figure {
  background: #4543d0;
}

.cases-list .site-box:hover i.fa {
  color: #FFFFFF;
}

.cases-list .site-box:hover .site-permalink span {
  opacity: 1;
  color: #4543d0;
}

.cases-list .site-box:hover .site-permalink i {
  color: #4543d0;
  left: 100%;
  padding-left: 12px;

}

.cases-list .site-box:before {
  /* Change the box bg counting using data attribute */
  content: attr(data-bg-number);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.06;
  color: #0a2b4a;
  font-family: inherit;
  font-size: 107px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  z-index: -1;
  margin-left: 26px;
}

.cases-list h4 {
  /* H3 heading */
  color: #000000;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: inherit;
  margin-top: 5px;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
  letter-spacing:-1px;
}

.cases-list h3 a {
  transition: 400ms ease;
  transition-property: color;
}

.cases-list p {
  /* Paragraph */
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  transition: 400ms ease;
  transition-property: color;
}

.cases-list figure {
  /* Image */
  display:none;
  width: 46px;
  height: 46px;
  line-height: 54px;
  background-color: #e0e9ea;
  /*display: block;*/
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  transition: 400ms ease;
  transition-property: background;
  border-radius:6px;
}

.cases-list i.fa {
  /* Font awesome icon */
  width: 22px;
  height: 14px;
  color: #4543d0;
  font-size: 20px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  transition: 400ms ease;
  transition-property: color;
}

.cases-list .site-permalink {
  /* Permalink */
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  margin-left: 30px;
  margin-bottom: 25px;
}

.cases-list .site-permalink span {
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, color;
  text-transform:uppercase;
}

.cases-list .site-permalink i {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 6px;
  font-size: 12px;
  transition: 400ms ease;
  transition-property: color, left;
}


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

Case details

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


.case-details-section {
	float:left;
	width:100%;
	position:relative;
}

.case-details {
	background:url(../images/work-details-page-banner.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

.case-details-section .inner {
	float:left;
	width:100%;
	position:relative;
	padding:0 0 50px 0;
	margin:0;
}

.case-details-section .client-details {
	float:left;
	width:100%;
	text-align:left;
	padding:10px 0 10px 0;
}

.case-details-section .client-details .dt-box {
	float:left;
	width:100%;
	text-align:left;
	padding:0 0 30px 0;
}

.case-details-section .client-details .title {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding:0;
}

.case-details-section .client-details figure{
	float:left;
	text-align:left;
	margin:4px 0 0 0;
}

.case-details-section .client-details a {
	float:right;
	margin:0 0 0 0;
}

@media screen and (max-width: 991px) {
  .case-details-section .client-details a {
	float:left;
	text-align:left;
  }
  
}

.case-details-section .client-details a:hover {
	border-bottom:#4543d0 solid 2px;
}

.case-details-section .client-details .text {
	float:left;
	font-size:15px;
	font-weight:400;
	color:#969696;
	padding:13px 0 0 0;
}

.case-details-section .inner .right {
	float:left;
	width:100%;
	padding:40px 0 0 0;
}

@media screen and (max-width: 1199px) {
  .case-details-section .inner .right {
	  padding:0;
  }
  
}

.case-details-section .case-iamge figure {
	float:left;
	width:100%;
	border-radius:8px;
	margin-bottom:30px;
}

@media screen and (max-width: 991px) {
  .case-details-section .case-iamge figure {
	float:left;
	text-align:center;
	width:100%;
  }
  
  .case-details-section .case-iamge figure img{
	width:100%;
  }
  
}

.case-details-section .point-box {
	float:left;
	width:100%;
	padding:20px 0;
	margin:0;
	position:relative;
}

.case-details-section .point-box h4 {
	float:left;
	width:100%;
	font-size:19px;
	font-weight:700;
	padding:0 0 0 20px;
	margin:0;
	background:url(../images/circle.png) left no-repeat;
}

.case-details-section .point-box p {
	float:left;
	width:100%;
	font-size:15px;
	font-weight:400;
	padding:6px 0 0 20px;
	margin:0;
}


.case-details-section .inner .list ul {
  margin: 0;
  float:left;
  padding: 0;
  display: block;
  width: 100%;
  color: #828282;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
}

.case-details-section .inner .list li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 2px 0 0 25px;
}

.case-details-section .inner .list li:before {
  /*content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*font-family: "FontAwesome", serif;*/
  /*background:url(../images/check-box.png) left no-repeat;*/
}

.case-details-section .inner .list li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  background:url(../images/check-box.png) left no-repeat;
  width:14px;
  height:14px;
}


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

Testimonials page

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

/* Banner section */
.testimonials {
	background:url(../images/testimonials-page-banner.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

.testimonials-section {
	float:left;
	width:100%;
	text-align:center;
}

.testimonials-section .site-box {
  /* Service */
  padding:30px;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 30px;
  background-color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
  
  -webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}


.testimonials-section .site-box:hover {
  /* Change the color on mouse hover */
  -webkit-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
-moz-box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
box-shadow: 0px 21px 69px -10px rgba(18,17,88,0.3);
transition:all ease .5s;
}


.testimonials-section .site-box:before {
  content: "";
  position: absolute;
  max-width:55px;
  width: 100%;
  display: block;
  height: 40px;
  margin: 0 auto;
  right: 25px;
  top: 25px;
  background:url(../images/quote.png) no-repeat top right;
}


.testimonials-section .site-box .star {
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

.testimonials-section .site-box .star .fa {
	float:left;
	text-align:left;
	color:#ff9600;
	line-height:1;
	letter-spacing:4px;
}

.grey-star .fa{
	color:#c6d7e0 !important;
}

.testimonials-section .site-box p {
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

.testimonials-section .site-box figure {
	float:left;
	margin-right:10px;
}


.testimonials-section .site-box figure img{
	float:left;
	width:75px;
	height:75px;
	text-align:left;
	position:relative;
	border-radius:200px;
}

.testimonials-section .site-box h5 {
	text-align:left;
	position:relative;
	font-size:17px;
	font-weight:700;
	color:#4543d0;
	padding:15px 0 0 0;
	margin:0;
	top:15px;
}


.testimonials-section .site-box h6 {
	float:left;
	text-align:left;
	position:relative;
	font-size:13px;
	font-weight:400;
	color:#959595;
	padding:15px 0 0 0;
	margin:0;
}


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

Contact us page

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

/* Banner section */
.contact-us {
	background:url(../images/Banner_Image.jpg) no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

.testimonials-section {
	float:left;
	width:100%;
	text-align:center;
}

.contact-section .site-box {
  /* box */
  float:left;
  width:100%;
  padding:30px;
  display: block;
  margin:0;
  background-color: white;
  position: relative;
  margin-top:-180px;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  border-radius:8px;
  
  -webkit-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
-moz-box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
box-shadow: 0px 10px 82px 4px rgba(151,170,180,0.24);
}

@media screen and (max-width: 767px) {
	.contact-section .site-box {
		padding:25px 15px;
	}
}

.contact-section .site-box h3 {
	float:left;
	width:100%;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	color: #4543d0;
	line-height: 1.2;
	padding:0 0 25px 15px;
	margin:0;
}

.contact-section .inner {
	float:left;
	width:100%;
	padding:0 0 40px 0;
}

.contact-section .inner .ttl {
	float:left;
	width:100%;
	padding:0 0 30px 0;
}

@media screen and (max-width: 991px) {
  .contact-section .inner .ttl.mail {
	  padding:30px 0 20px 0;
  }
  
}


.contact-section .inner figure {
	float:left;
	max-width:inherit;
}

.contact-section .inner figure .fa {
	float:left;
	max-width:inherit;
	text-align:left;
	color:#4543d0;
	font-size:30px;
	padding:0;
}

.contact-section .inner h4 {
	float:left;
	font-size:25px;
	font-weight:300;
	color: #828282;
	line-height: 1.2;
	padding:0 0 0 10px;
	margin:0;
}

.contact-section .inner .adress {
	float:left;
	font-size:30px;
	font-weight:700;
	color: #828282;
	line-height: 1.4;
	padding:0 0 0 0;
	margin:0;
}

.contact-section .fcon {	
	font-size:20px;
	font-weight:700;
	color: #828282;
	line-height: 1.4;
	padding:0 0 0 0;
	margin:0;
}

@media screen and (max-width: 991px) {
  .contact-section .inner .adress {
	  font-size:25px;
	  padding-bottom:30px;
  }
}


.contact-section .inner .call {
	float:left;
	font-size:15px;
	font-weight:700;
	color: #828282;
	line-height: 1.4;
	padding:0 0 8px 0;
	margin:0;
}

.contact-section .inner .email {
	float:left;
	font-size:15px;
	font-weight:700;
	color: #828282;
	line-height: 1.4;
	padding:0 0 8px 0;
	margin:0;
}


.contact-section .form-box {
  /* contact form */
  float:left;
  width:100%;
  margin: 0;
  display: block;
  clear: both;
  padding: 50px 20px;
  background:#4543d0;
  position:relative;
  border-radius:6px 0 0 6px;
}

@media screen and (max-width: 991px) {
  .contact-section .form-box {
	  border-radius:6px;
  }
}

@media screen and (max-width: 767px) {
  .contact-section .form-box {
	  padding:25px;
  }
}

.contact-section .form-box h4 {
  float:left;
  width:100%;
  font-size:35px;
  font-weight:700;
  text-align:left;
  color:#FFFFFF;
  margin: 0;
  display: block;
  clear: both;
  padding: 0 0 30px 0;

}


@media screen and (max-width: 991px) {
  .contact-section .form-box h4 {
	  font-size:30px;
  }
}

@media screen and (max-width: 300px) {
  .contact-section .form-box {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.contact-section .form-ttl {
	float:left;
	width:100%;
	font-size:20px;
	color:#FFFFFF;
	text-align:left;
	/* background:#FFFFFF; */
  background: #2562ac;
	padding:5px 0 0 15px;
	border-radius:4px 4px 0 0;
}

.contact-section label {
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  margin: 0 0 10px;
}

.contact-section input[type=text],
.contact-section input[type=tel],
.contact-section input[type=number],
.contact-section input[type=url],
.contact-section input[type=email],
.contact-section textarea {
  width: 100%;
  margin: 0;
  padding: 0 0 0 15px;
  display: block;
  clear: both;
  border: none;
  box-shadow: none;
  height: 40px;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  /*border-bottom: 2px solid #cecece;*/
  /*border:#d8e5e7 solid 2px;*/
  border-radius:0 0 4px 4px;
  transition: 400ms ease;
  transition-property: border-color;
  /* background:#FFFFFF; */
  background: #2562ac;
}


.contact-section input::placeholder{
  color: #FFFFFF;
  font-size:14px;
  opacity:1;
}
.contact-section textarea::placeholder{
  color: #FFFFFF;
  font-size:14px;
  opacity:1;
}


.contact-section input[type=text]:focus,
.contact-section input[type=tel]:focus,
.contact-section input[type=number]:focus,
.contact-section input[type=url]:focus,
.contact-section input[type=email]:focus,
.contact-section textarea:focus {
  border-color: #4543d0;
}

.contact-section textarea {
  resize: none;
  height: 150px;
}

.contact-section button[type=submit] {
	/* width:100%; */
  background-color: #FFFFFF;
  box-shadow: none;
  padding: 20px 20px;
  display: block;
  float: left;
  color: #4543d0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin: 10px 0 0;
  border: 2px solid #4543d0;
  transition: 400ms ease;
  transition-property: background, color;
  border-radius:6px;
}

@media screen and (max-width: 767px) {
  .contact-section button[type=submit] {
    display: inline-block;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.contact-section button[type=submit]:hover {
	opacity:0.9;
	transition:all ease .5s;
}

.contact-section button[type=submit] i.fa {
  display: none;
}

.contact-section .site-contact-info {
  /* contact info container */
  margin: 0;
  padding: 0 15px;
  display: block;
  width: 100%;
  clear: both;
}

.contact-section .site-google-map {
  /* google map container */
  background: grey;
  min-height: 684px;
  position: relative;
  border-radius:0 6px 6px 0;
}


@media screen and (max-width: 1199px) {
  .contact-section .site-google-map {
	  min-height: 726px;
  }
}

@media screen and (max-width: 991px) {
  .contact-section .site-google-map {
	  border-radius:6px;
  }
}


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

Scroll top top button

-----------------------------------------------------------------------------------*/
/* Scroll up button */
#ThemeScrollUp {
  bottom: 20px;
  right: 20px;
  color: white;
  background: #4543d0;
  width: 45px;
  height: 44px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 14px;
  border-radius: 2px;
  transition: 400ms ease;
  transition-property: background;
}

#ThemeScrollUp:hover {
  background-color: #636e78;
}

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

 Preloader

 Pre-loader: This is used to show the full page pre-loader.
 As long as the website does not load completely

-----------------------------------------------------------------------------------*/
/* Preloader container */
.site-preloader {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: white;
  z-index: 100000;
  text-align: center;
}

.site-preloader img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  max-height: 40px;
  max-width: 40px;
  margin: auto;
}

/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay {
  background: #fdfdfd;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
.vbox-preloader {
  position: fixed;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url(../images/preload-circle.png);
  text-indent: -100px;
  overflow: hidden;
  animation: playload 1.4s steps(18) infinite;
}

@keyframes playload {
  from {
    background-position: 0;
  }
  to {
    background-position: -576px;
  }
}

/* ----- navigation ----- */
.vbox-close {
  cursor: pointer;
  position: fixed;
  top: 90px;
  right: 10px;
  width: 46px;
  height: 40px;
  padding: 10px 20px 10px 0;
  display: block;
  background: #161617 url(../images/close.gif) no-repeat 10px center;
  color: #fff;
  text-indent: -100px;
  overflow: hidden;
}

.vbox-next, .vbox-prev {
  box-sizing: content-box;
  cursor: pointer;
  position: fixed;
  top: 50%;
  color: #fff;
  width: 30px;
  height: 170px;
  margin-top: -85px;
  text-indent: -100px;
  border: solid transparent;
  /* Using border instead of padding to keep bg image in place */
  overflow: hidden;
}

.vbox-prev {
  left: 0;
  border-width: 0 30px 0 10px;
  background: url(../images/prev.gif) center center no-repeat;
}

.vbox-next {
  right: 0;
  border-width: 0 10px 0 30px;
  background: url(../images/next.gif) center center no-repeat;
}

.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  padding: 6px 40px;
  overflow: hidden;
  background: #161617;
  position: fixed;
  display: none;
  top: -1px;
  left: 0;
}

.vbox-num {
  cursor: pointer;
  position: fixed;
  top: -1px;
  left: 0;
  height: 40px;
  color: #fff;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  background: #161617;
  display: none;
}

/* ------- inline window ------ */
.vbox-inline {
  width: 420px;
  height: 315px;
  padding: 10px;
  background: #fff;
  text-align: left;
  margin: 0 auto;
  overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe {
  border: none;
  width: 960px;
  height: 720px;
}

@media (max-width: 992px) {
  .venoframe {
    width: 640px;
    height: 480px;
  }
}

@media (max-width: 767px) {
  .venoframe {
    width: 420px;
    height: 315px;
  }
}

@media (max-width: 460px) {
  .vbox-inline {
    width: 100%;
  }
  .venoframe {
    width: 100%;
    height: 260px;
  }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: relative;
  background: #000;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.vbox-container img {
  max-width: 100%;
  height: auto;
}


.e_serviceBtn{
  border-color: #4543d0;
  background: #4543d0;
  margin-right: 12px;
  margin-left: 12px;

  padding-right: 10px !important;
  color: white !important;


    border-radius: 6px;
    color: #1a1e2a;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    transition: 400ms ease;
    transition-property: background, border-color, color;
    margin-right: 24px;
    white-space: nowrap;
}

.site-header .menuABH{
  margin-left: -38px;
  margin-right: -38px;
}
.site-header .menuABH .col-xs-12{  
  display: flex;
  align-items: center;

}

.container-fluid .descSlide {
  padding-right: 0px !important;
}

@media (min-width: 768px) {
  .container-fluid .descSlide {
    margin-left: 0;
  }
}

.slideContainer{
  display: flex;
  justify-content: center;
}






