@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CONTAINER
	04. CUSTOM HTML
	05.	LINKS
	06.	HTML TAGS
	07.	ALERTS
	08.	FORM ELEMENTS
	09.	ODOMETER
	10. ACCORDION
	11.	PROGRESS BAR
	12.	PAGINATION
	13.	PRELOADER
	14.	SECTION TITLE
	15.	CLOSE BUTTON
	16.	SANDWICH BUTTON
	17.	SANDWICH MENU
	18.	HEADER
	19.	SLIDER
	20.	PAGE HEADER
	21.	CONTENT
	22.	FEATURED SERVICES
	23.	IMAGE CONTENT BOX
	24.	SIDE IMAGE CONTENT
	25.	ICON CONTENT BOX
	26. IMAGE CONTENT OVER BOX
	27.	HOME CASES
	28.	TESTIMONIALS
	29.	TEAM MEMBERS
	30.	LATEST NEWS
	31.	INFO BOX
	32.	REQUEST FORM
	33.	SOLUTIONS
	34.	BLOG
	35.	PRICES
	36.	CLIENTS
	37.	HISTORY TIMELINE
	38.	CAREER
	39.	PRESS RELEASES
	40.	OUR OFFICES
	41.	ERROR PAGE 404
	42.	FAQ
	43.	CONTACT
	44.	SCROLL UP
	45.	FOOTER
	46.	RESPONSIVE MEDIUM FIXES
	47.	RESPONSIVE TABLET FIXES
	48. REPSONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */

@import url('https://fonts.googleapis.com/css2?family=Changa:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Titillium Web", sans-serif;
  font-size: 15px;
  color: #262d57;
}

body, html {
  height: 100%;
}

h1 {
  font-family: "Changa", serif;
}

/* CONTAINER */
.container {
  max-width: 1240px;
}

/* CUSTOM HTML */
.tooltip-inner {
  border-radius: 0;
  font-size: 11px;
  font-family: "Titillium Web", sans-serif;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.form-group {
  margin-bottom: 15px;
}

.no-margin {
  margin-top:0!important;
}

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

/* LINKS */
a {
  color: #262d57;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
a:hover {
  color: #009CD7;
}

/* HTML TAGS */
img {
  max-width: 100%;
}

p {
  line-height: 26px;
  color: #003C77;
}

/* ALERTS */
.alert {
  display: block;
  border-radius: 0;
  padding: 30px;
  font-weight: 600;
}

.alert-success {
  border: none;
  background: #2ca549;
  color: #fff;
}

.alert-danger {
  border: none;
  background: #f1293c;
  color: #fff;
}

/* FORM ELEMENTS */
input[type=text] {
  height: 54px;
  border: 1px solid #eaebee;
  background: #fff;
  padding: 0 20px;
}

input[type=tel] {
  height: 54px;
  border: 1px solid #eaebee;
  background: #fff;
  padding: 0 20px;
}

input[type=password] {
  height: 54px;
  border: 1px solid #eaebee;
  background: #fff;
  padding: 0 20px;
}

input[type=search] {
  height: 54px;
  border: 1px solid #eaebee;
  background: #fff;
  padding: 0 20px;
}

input[type=email] {
  height: 54px;
  border: 1px solid #eaebee;
  background: #fff;
  padding: 0 20px;
}

input[type=checkbox] {
  width: 14px;
  height: 14px;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  border: 1px solid #eaebee;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox]:checked {
  background: #003C77;
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
  -moz-box-shadow: inset 0px 0px 0px 3px #fff;
  box-shadow: inset 0px 0px 0px 3px #fff;
}

input[type=radio] {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 10px;
  border: 1px solid #eaebee;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
}

input[type=radio]:checked {
  background: #131314;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
  -moz-box-shadow: inset 0px 0px 0px 2px #fff;
  box-shadow: inset 0px 0px 0px 2px #fff;
}

input[type=submit] {
  height: 54px;
  border: 1px solid #eaebee;
  color: #003C77;
  background: #fff;
  padding: 0 40px;
  font-weight: 600;
}

textarea {
  height: 144px;
  border: 1px solid #eaebee;
  background: #fff;
  padding: 20px;
}

.select-box {
  width: 100%;
  height: 54px;
  border: 1px solid #eaebee;
  background: #fff;
  position: relative;
}
.select-box i {
  position: absolute;
  right: 15px;
  top: 17px;
}

select {
  width: 100%;
  height: 52px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 0 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0 20px;
}

label {
  display: block;
  font-weight: 600;
}

/* ODOMETER */
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

/* ACCORDION */
.accordion {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0;
}
.accordion .card {
  background: none;
  border-radius: 0;
  margin-top: -1px;
  border: 1px solid #eaebee;
}
.accordion .card .card-header {
  background: none;
  padding: 0;
  border-bottom: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 500;
  padding: 20px 25px;
  color: #003C77;
  font-weight: 600;
}
.accordion .card .card-header a:before {
  content: "+";
  float: left;
  text-align: center;
  margin-right: 8px;
  color: #003C77;
  font-weight: 600;
}
.accordion .card .card-header a:hover {
  color: #009CD7;
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 26px;
  color: #9aa0ae;
}
.accordion .card [aria-expanded=true] {
  color: #009CD7 !important;
}
.accordion .card [aria-expanded=true]:before {
  content: "-" !important;
  color: #009CD7 !important;
}

/* PROGRESS BAR */
.progress {
  width: 100%;
  height: 2px;
  float: left;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 30px;
}
.progress .progress-bar {
  width: 1%;
  float: left;
  background: #009CD7;
  box-shadow: none;
}

.animated.progress-one {
  width: 75% !important;
}

.animated.progress-two {
  width: 91% !important;
}

.animated.progress-three {
  width: 88% !important;
}

.animated.progress-four {
  width: 88% !important;
}

.progress-infos {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 15px;
  color: #003C77;
}
.progress-infos strong {
  font-weight: 600;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.pagination .page-item {
  margin: 0;
  margin-right: 4px;
}
.pagination .page-item.active .page-link {
  background: #009CD7;
  color: #fff;
  border-color: #009CD7;
}
.pagination .page-item.active .page-link:hover {
  background: #009CD7;
}
.pagination .page-item .page-link {
  border: none;
  border-bottom: 2px solid #eaebee;
  color: #003C77;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
}
.pagination .page-item .page-link:hover {
  background: none;
  border-color: #009CD7;
}

/* PRELOADER */
.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #262d57;
  z-index: 99;
}
.preloader-wrap figure {
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -45px;
  text-align: center;
}
.preloader-wrap figure img {
  height: 30px;
}
.preloader-wrap .percentage {
  width: 100%;
  height: 30px;
  position: absolute;
  top: 50%;
  text-align: center;
  margin-top: 15px;
  line-height: 30px;
  font-size: 25px;
  font-weight: 800;
  z-index: 100;
  text-align: center;
  color: #fff;
}
.preloader-wrap .loader {
  height: 2px;
  max-width: 500px;
  border: none;
  border-radius: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.preloader-wrap .loader:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}
.preloader-wrap .trackbar {
  width: 100%;
  height: 100%;
  border-radius: 0;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  background: #003C77;
  opacity: 0.99;
}
.preloader-wrap .loadbar {
  width: 0%;
  height: 100%;
  background: #009CD7;
  box-shadow: 0px 0px 14px 1px #008737;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation: flicker 5s infinite;
  overflow: hidden;
}

/* SECTION TITLE */
.section-title {
  width: 100%;

  margin-bottom: 30px;
}
.section-title span {
  display: block;
  font-size: 18px;
  font-weight: 800;
}
.section-title h2 {
  display: block;
  font-weight: 700;
  font-family: "Changa", serif;
  color: var(--secondary);
  margin-bottom: 16px;
}
.section-title h6 {
  font-size: 19px;
  color: #9aa0ae;
  line-height: 30px;
  margin-bottom: 0;
}
.section-title.light {
  color: #fff;
}
.section-title.light h2 {
  color: #fff;
}
.section-title.light span {
  color: #fff;
  opacity: 0.7;
}
.section-title.light h6 {
  color: #fff;
}

/* CLOSE BUTTON */
.close-btn {
  width: 46px;
  height: 46px;
  float: right;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-radius: 50%;
}
.close-btn span {
  display: block;
  height: 2px;
  width: 23px;
  background: #003C77;
  opacity: 1;
  position: absolute;
  right: 11px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.close-btn span:nth-child(1) {
  top: 21px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.close-btn span:nth-child(2) {
  top: 21px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.close-btn:hover span:nth-child(1) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.close-btn:hover span:nth-child(2) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 9;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.search-box.open {
  opacity: 1;
  visibility: visible;
}
.search-box input[type=search] {
  width: 80%;
  height: 60px;
  margin: 0 10%;
  margin-bottom: 20px;
  border: none;
  background: none;
  border-bottom: 2px solid #c1c4ce;
  font-size: 20px;
}
.search-box input[type=search]:focus {
  border-bottom: 2px solid #009CD7;
}
.search-box h6 {
  color: #999da9;
}
.search-box .close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  border: 1px solid #c1c4ce;
}
.search-box form {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

/* SANDWICH BUTTON */
.sandwich-btn {
  width: 46px;
  height: 46px;
  float: right;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-radius: 50%;
}
.sandwich-btn span {
  display: block;
  height: 2px;
  width: 22px;
  background: #003C77;
  opacity: 1;
  position: absolute;
  right: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.sandwich-btn span:nth-child(1) {
  top: 18px;
}
.sandwich-btn span:nth-child(2) {
  top: 22px;
  opacity: 0;
}
.sandwich-btn span:nth-child(3) {
  top: 26px;
}
.sandwich-btn:hover span {
  width: 22px;
  right: 12px;
  background: #009CD7;
}
.sandwich-btn.open span:nth-child(1) {
  top: 22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sandwich-btn.open span:nth-child(2) {
  opacity: 0;
  right: -10px;
}
.sandwich-btn.open span:nth-child(3) {
  top: 22px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* SANDWICH MENU */
.sandwich-menu {
  width: 400px;
  height: 100%;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: -100%;
  top: 0;
  background: #262d57;
  z-index: 9;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  padding: 30px 40px;
}
.sandwich-menu .logo {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.sandwich-menu .logo img {
  height: 41px;
}
.sandwich-menu .nav-menu {
  display: none;
}
.sandwich-menu p {
  display: block;
  margin-bottom: 30px;
  color: #fff;
}
.sandwich-menu address {
  display: block;
}
.sandwich-menu address a {
  color: #fff;
  opacity: 0.7;
  text-decoration: none;
}
.sandwich-menu .photo-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0;
}
.sandwich-menu .photo-gallery li {
  flex: 1;
  margin: 0;
  padding: 0;
  margin-right: 4px;
  list-style: none;
}
.sandwich-menu .photo-gallery li:last-child {
  margin-right: 0;
}
.sandwich-menu .photo-gallery li a {
  float: left;
  border: 1px solid #fff;
}
.sandwich-menu .social-media {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0;
}
.sandwich-menu .social-media li {
  float: left;
  margin-right: 16px;
  padding: 0;
  list-style: none;
}
.sandwich-menu .social-media li a {
  color: #fff;
  float: left;
  font-size: 12px;
}
.sandwich-menu .social-media li a:hover {
  opacity: 0.7;
}
.sandwich-menu .copyright {
  display: block;
  color: #fff;
  opacity: 0.7;
  font-size: 11px;
}
.sandwich-menu.open {
  left: 0;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
}
.sandwich-menu .nav-menu {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.sandwich-menu .nav-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.sandwich-menu .nav-menu li a {
  width: 100%;
  float: left;
  color: #fff;
  font-weight: 600;
}
.sandwich-menu .nav-menu li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.sandwich-menu .nav-menu li .dropdown {
  display: none;
  margin: 0;
  padding-left: 20px;
}

/* HEADER */
.header {
  width: 100%;
  max-width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.header .topbar {
  width: 100%;
  height: 82px;
  line-height: 60px;
  background-color: #009CD7;
  color: #fff;
  text-align: center;
}
.header .topbar .container {
  display: flex;
  flex-wrap: wrap;
}
.header .topbar .container .tagline {
  font-weight: 600;
}
.header .topbar .container .social-media {
  margin: 0 auto;
  padding: 0;
}
.header .topbar .container .social-media li {
  float: left;
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.header .topbar .container .social-media li a {
  color: #fff;
  float: left;
  font-size: 12px;
}
.header .topbar .container .social-media li a:hover {
  opacity: 0.7;
}
.header .topbar .container .phone {
  margin-left: auto;
}
.header .topbar .container .phone img {
  height: 30px;
  margin-top: -1px;
  margin-right: 7px;
}
.header .topbar .container .phone b {
  font-weight: 400;
  font-size: 13px;
  opacity: 0.7;
}
.header .topbar .container .phone span {
  font-weight: 600;
}
.header .navbar {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  margin-top: 0px;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
}
.header .navbar .container {
  position: relative;
}
.header .navbar .container .logo {
  margin-right: auto;
}
.header .navbar .container .logo a {
  float: left;
}
.header .navbar .container .logo a img {
  height: 41px;
}
.header .navbar .container .nav-menu {
  margin: 0 auto;
}
body:not(.rtl) .header .navbar .container .nav-menu li{
  float: left;
}
body.rtl .header .navbar .container .nav-menu li{
  float: right;
}
.header .navbar .container .nav-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
  position: relative;
}
.header .navbar .container .nav-menu li a {
  float: left;
  padding: 0 15px;
  height: 100px;
  line-height: 100px;
  color: #003C77;
  font-weight: 600;
  position: relative;
}
.header .navbar .container .nav-menu li a:hover {
  color: #009CD7;
  text-decoration: none;
  color: #009CD7;
}
.header .navbar .container .nav-menu li a:hover:before {
  width: 100%;
  background: #009CD7;
  transition: width 0.25s ease;
}
.header .navbar .container .nav-menu li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.header .navbar .container .nav-menu li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 5px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
}
.header .navbar .container .nav-menu li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -5px;
  height: 5px;
  width: 0;
  background: #009CD7;
  transition: width 0.25s ease;
}
.header .navbar .container .nav-menu li .dropdown {
  min-width: 190px;
  position: absolute;
  left: -10px;
  top: 100%;
  margin: 0;
  padding: 10px 0;
  margin-top: 5px;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header .navbar .container .nav-menu li .dropdown li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.header .navbar .container .nav-menu li .dropdown li .dropdown {
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 100%;
  padding: 0px!important;
}
.header .navbar .container .nav-menu li .dropdown li .dropdown li {
  position: relative;
}
.header .navbar .container .nav-menu li .dropdown li .dropdown li .dropdown {
  opacity: 0;
  visibility: hidden;
}
.header .navbar .container .nav-menu li .dropdown li .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
}
.header .navbar .container .nav-menu li .dropdown li a {
  width: 100%;
  height: auto;
  line-height: 40px;
  float: left;
  padding: 0px 20px;
  white-space: nowrap;
}
.header .navbar .container .nav-menu li .dropdown li a:before {
  display: none;
}
.header .navbar .container .nav-menu li .dropdown li a:after {
  display: none;
}
.header .navbar .container .nav-menu li .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
}
.header .navbar .container .nav-menu li:hover .dropdown {
  opacity: 1;
  visibility: visible;
}
.header .navbar .container .search-btn {
  height: 50px;
  line-height: 50px;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px solid #eaebee;
  order: 3;
  cursor: pointer;
  font-size: 17px;
  color: #003C77;
}
.header .navbar .container .search-btn:hover {
  color: #009CD7;
}
.header .navbar .container .sandwich-btn {
  margin-right: 0;
  margin-left: 10px;
  order: 2;
}
.header .navbar .container .language {
  margin-left: auto;
  order: 1;
  margin: 0;
  padding: 0;
}
body:not(.rtl) .header .navbar .container .language li{
  float: left;
}
body.rtl .header .navbar .container .language li{
  float: right;
}
.header .navbar .container .language li {
  margin: 0 5px;
  padding: 0;
  list-style: none;
}
.header .navbar .container .language li a {
  float: left;
  color: #003C77;
  font-weight: 600;
}
.header .navbar .container .language li a:hover {
  color: #009CD7;
  text-decoration: none;
}
.header .navbar .container .language li a.active {
  color: #009CD7;
}
.header .navbar .container .bottom-bar {
  width: 100%;
  height: 5px;
  background: #aaaec1;
  position: absolute;
  left: 0;
  bottom: -5px;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  position: relative;
  z-index: 0;
  margin-top: -100px;
  background: #003C77;
}
.slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}
.slider .swiper-slide h6 {
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
  font-family: "Changa", serif;
}
.slider .swiper-slide h2 {
  font-size: 64px;
  font-weight: 800;
  margin-bottom: 20px;
}
.slider .swiper-slide h2 span {
  color: #009CD7;
  font-family: Georgia;
}
.slider .swiper-slide p {
  color: #ffffff;
  max-width: 600px;
  display: inline-block;
  margin-bottom: 40px;
}
.slider .swiper-slide a {
  display: inline-block;
  height: 60px;
  line-height: 58px;
  color: #fff;
  background-color: #019cd7de;
  padding: 0 44px;
  font-size: 13px;
  font-weight: 600;
}
.slider .swiper-slide a span {
  width: 18px;
  height: 48px;
  float: right;
  margin-left: -10px;
  margin-top: 5px;
  transform: skewX(-20deg);
  position: relative;
  z-index: -1;
}
.slider .swiper-slide a:hover {
  text-decoration: none;
  color: #e1f0ff;
 
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.slider .swiper-custom-pagination {
  width: 100%;
  max-width: 1210px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-top: -150px;
  display: flex;
  flex-wrap: wrap;
}
.slider .swiper-pagination-bullet {
  width: auto;
  height: auto;
  flex: 1;
  background: transparent;
  opacity: 0.4;
  border-radius: 0;
  padding: 15px 0;
  color: #fff;
  border-bottom: 1px solid #fff;
  line-height: 1;
}
.slider .swiper-pagination-bullet span {
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  float: left;
  margin-top: 5px;
}
.slider .swiper-pagination-bullet-active {
  opacity: 1;
}

.slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: #003C77; */
  /* background-blend-mode: multiply; */
  text-align: left;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  display: flex;
  position: relative;
  z-index: 0;
  margin-top: -100px;
  padding-top: 220px;
  padding-bottom: 45px;
  background: #003C77;
}
.page-header .print {
  float: right;
  line-height: 26px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-top: 35px;
}
.page-header .print img {
  height: 26px;
  float: right;
  margin-left: 6px;
}
.page-header .print:hover {
  text-decoration: none;
  opacity: 0.7;
}
.page-header .breadcrumb {
  display: flex;
  padding: 20px 0px;
  margin: 0;
  border-radius: 0;
  font-size: 1rem!important;
  background: none;
}
.page-header .breadcrumb li {
  color: #fff;
  font-size: 12px;
  padding-left: 10px;
  font-weight: 600;
}
.page-header .breadcrumb li:first-child {
  padding: 0;
}
.page-header .breadcrumb li:first-child:before {
  display: none;
  padding: 0;
}
.page-header .breadcrumb li:before {
  content: " \f054";
  color: #fff;
  font-family: fontAwesome;
  font-size: 8px;
  padding-right: 10px;
  transform: translateY(-1px);
}
.page-header .breadcrumb li a {
  color: #fff;
}
.page-header h2 {
  font-weight: 800;
  color: #fff;
  font-size: 54px;
}
.page-header p {
  color: #fff;
  opacity: 0.7;
  margin: 0;
}

/* CONTENT */
.content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0!important;
}


/**/
.single-service-wrapper{

}
.single-service-wrapper .section-title h2{
   color: #003C77;;
  font-size: 1.5rem;
  margin-bottom: 0px;
}
.single-service-wrapper .section-title h6{
  color: #007bff;
  font-size: 0.9rem;
  font-weight: 600;
  
}
.single-service-wrapper .related-body{
  color:#9aa0ae;
}

.single-service-wrapper .related-body ul,.single-service-wrapper .related-body ol{
  padding: 0px;
  list-style-type: none;
}

/**
 * 6. - SECTION
 * -----------------------------------------------------------------------------
 */

 .membersec {
  padding:70px 0px 120px;
  height:auto;
  overflow: auto;
}

.membersec blockquote {
  padding: 15px 20px;
  background-color: #f6f6f6;
  margin: 0 0 20px;
  border-left: 5px solid #009cd7;
  font-style: italic;
}
.membersec .section-heading, .membersec  .section-heading-events {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 5px;
  position: relative;
  text-transform: uppercase;
  background-color: #009cd7 ;
  color:white;
  display: table;
}
.membersec .bg-grey {
background-color: #e8e8e8; }

.membersec .bg-why {
background-color: #e8e8e8;
position: relative;
z-index: 99; }
.membersec .bg-why > .container {
  padding-top: 0;
  padding-bottom: 0; }
  .membersec .bg-why .row.col-0 {
  display: flex;
  flex-wrap: wrap; }

  .membersec .tes > .row {
display: flex;
flex-wrap: wrap; }

@media (min-width: 992px) {

  .membersec .sideright-img {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  right: 0;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-size: cover; }
  .membersec .sideright-img img {
    /*display: block;*/ } }
    .membersec .banner-page {
background-color: rgba(251, 215, 113, 0.9); }
.membersec .banner-page > .container {
  padding-top: 40px;
  padding-bottom: 40px; }

/* 6.1 - About */
.membersec .banner-page.about {
background: url("../images/banner-page.jpg") bottom center no-repeat;
background-attachment: fixed;
background-size: cover; }


.membersec .why{
  
}
.membersec .director-image {
position: relative;
margin-bottom: 60px;
margin-right: 25px;
}
.membersec  .director-image .director-image-title {
  background-color: #009cd7;
  letter-spacing: -.6px;
  color: #fff;
  text-align: right;
  padding: 10px 30px;

  position: absolute;
  left: 0;
  bottom: 0;
}

.membersec .director-image:before {
  content:" ";

  position: absolute;
  width: 100%;
  height: 100%;
 
  background-color:#cecece8a;



}
.membersec .director-image:before img:hover{

}

 .membersec .director-image:after {
  position: absolute;
  height: 40px;
  background-color: #009cd7;
  left: 0;
  bottom: -40px;
  right: 40px; }

.membersec .director-title {
font-size: 28px;
font-weight: 400;
margin-bottom: 0;

}

.membersec .director-position {
font-size: 14px;
color: #009cd7;
text-transform: uppercase;
font-weight: 600; }

.membersec .bos-quote {
padding: 20px;
background-color: #ffffff;
border: 4px solid #009cd7; }
 .membersec .bos-quote .bos-photo {
  float: left;
  width: 100px; }
  .membersec  .bos-quote .bos-photo img {
    display: block; }
.membersec  .bos-quote .bos-text {
  margin-left: 120px; }
.membersec  .bos-quote:after {
  content: '';
  clear: both;
  display: inline-table; }

.membersec .box-vision {
border-left: 10px solid #009144;
padding: 15px 30px;
font-size: 20px;
line-height: normal;
background-color: #009cd7;
color: #009144;
margin-bottom: 60px;
font-weight: 400;
font-style: italic; }

.membersec dl.hiw {
width: 100%; }
.membersec dl.hiw dt {
  width: 30px;
  float: left; }
  .membersec dl.hiw dt .fa {
    font-size: 24px;
    color: #009cd7; }
  .membersec dl.hiw dd {
  margin-left: 60px;
  margin-bottom: 40px; }
  .membersec dl.hiw dd h4, dl.hiw dd .lead, .membersec  dl.hiw dd .team-2 .title, .membersec  .team-2 dl.hiw dd .title {
    clear: none; }

    .membersec .reset-section-heading {
margin-top: -30px; }

.membersec .jumbolead {
line-height: 1;
margin-bottom: 30px; }
.membersec .team-members{
  padding: 0px!important;
}
.membersec :not(blockquote) p{
   color: #003C77;;
}


.membersec .swiper-wrapper * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  }
  
  .membersec figure {
  
  position: relative;
  text-align: center;
  margin: 10px;
  
  }
  .membersec figure::after{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: hidden;
  background: #cecece8a;
  z-index: 888;
  }
  .membersec figure:hover{
  background: transparent;
  
  }
  .membersec figure .first-image {
  display: block;
  position: relative;
  }
  
  .membersec figure .second-image {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 889;
  }
  .membersec figure:hover .fist-image {
  display: block;
  }
  .membersec figure:hover .second-image {
  opacity: 1;
  }
  .membersec figure:hover figcaption {
  opacity: 1;
  visibility: visible;
  }
  .membersec figure figcaption {
  width: 100%;
  
  padding:20px 15px;
  position: absolute;
  left: 0;
  bottom: 50px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999999;
  }
  .membersec figure figcaption h5 {
  font-weight: 600;
  font-size: 16px;
  
  }
  .membersec figure figcaption small {
  display: block;
  opacity: 0.7;
  }
  .membersec figure figcaption ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  }
  .membersec figure figcaption ul li {
  float: left;
  margin: 0 7px;
  padding: 0;
  list-style: none;
  }
  .membersec figure figcaption ul li a {
  float: left;
  color: #fff;
  font-size: 13px;
  }
  
/**/

/* FEATURED SERVICES */
.featured-services {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #c1c4ce;
  padding-bottom: 60px;
  position: relative;
}
.featured-services .content-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  margin-top: -54px;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
}
.featured-services .content-wrapper .container {
  display: flex;
}
.featured-services .content-wrapper .container .content-box {
  flex: 1;
  padding: 10px 0;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #eaebee;
}
.featured-services .content-wrapper .container .content-box:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.featured-services .content-wrapper .container .content-box span {
  width: 10px;
  height: 26px;
  display: inline-block;
  background: #009CD7;
  transform: translateY(-20px);
  position: relative;
}
.featured-services .content-wrapper .container .content-box span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: #009CD7 transparent transparent transparent;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.featured-services .content-wrapper .container .content-box span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent #009CD7 transparent transparent;
  position: absolute;
  right: 0;
  bottom: -5px;
}
.featured-services .content-wrapper .container .content-box h3 {
  display: block;
  font-family: "Changa", serif;
  font-weight: 700;
  color: #009CD7;
  font-size: 25px;
  margin-bottom: 15px;
}
.featured-services .content-wrapper .container .content-box p {
  display: block;
  color: #9aa0ae;
}
.featured-services .content-wrapper .container .content-box a {
  display: inline-block;
  margin-bottom: 20px;
}
.featured-services .content-wrapper .container .content-box a img {
  height: 24px;
}
.featured-services .logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.featured-services .logos ul {
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  margin: 0;
  padding: 0;
}
.featured-services .logos ul li {
  flex: 0 0 25%;
  margin: 0;
  padding: 20px;
  list-style: none;
  opacity: 0.7;
}
.featured-services .logos ul li:last-child {
  margin-right: 0;
}
.featured-services .logos ul li:hover {
  opacity: 1;
}
.featured-services .logos ul li img {
  -webkit-filter: brightness(1) invert(1);
  filter: brightness(0) invert(1);
}

/* IMAGE CONTENT BOX */
.image-content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0 125px;
  background-color: #EAEBEE;
}
.image-content-box .col-12 {
  display: flex;
}
.image-content-box .content-box {
  flex: 1;
  background: #fff;
  padding: 20px;
  margin: 7px;

}
.image-content-box .content-box:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
}
.image-content-box .content-box:last-child {
  margin-right: 0;
}
.image-content-box .content-box figure {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.image-content-box .content-box h4 {
  font-weight: 600;
  color: #009CD7;
  font-size: 20px;
}
.image-content-box .content-box p {
  margin: 0;
}

/* SIDE IMAGE CONTENT */
.side-image-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.side-image-content.moved-space {
  margin-top: 0;
}
.side-image-content .video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  background: #009CD7;
}
.side-image-content .video:hover {
  opacity: 1;
}
.side-image-content .video video {
  min-height: 100%;
  min-width: 100%;
  float: left;
  margin-left: -30%;
  opacity: 0.4;
}
.side-image-content .sides {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 0;
  background-size: cover !important;
  position: relative;
}
.side-image-content .sides.moved {
  transform: translateY(-80px) translateX(-80px);
}
.side-image-content .sides .inner {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 60px;
}
.side-image-content .sides .inner p {
  color: #fff;
  padding-bottom:1rem;
  padding-top:1rem;
}
.side-image-content .sides .inner img {
  height: 38px;
  margin-top: 10px;
}
.side-image-content .sides .inner .section-title {
  margin-bottom: 40px;
}
.side-image-content .sides .inner .counter {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  padding: 0;
}
.side-image-content .sides .inner .counter li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-image-content .sides .inner .counter li span {
  float: left;
  font-size: 28px;
  color: #fff;
  font-weight: 800;
}
.sides .signiture h4{
  color:white;
  /* font-family: 'Yellowtail', cursive!important;
   */
   padding-top:1rem;
  font-size: 15px!important;
  font-weight: bold;

}
.sides .ceomessage{
  font-size: 15px;
}
.sides .ceomessage p:first-child{
  font-size: 19px;
}
.fa-quote-left{
font-size: 4rem!important;
}
.side-image-content .sides .inner .counter li span.symbol {
  margin-top: 3px;
}
.side-image-content .sides .inner .counter li small {
  width: 100%;
  float: left;
  color: #fff;
  opacity: 0.7;
}
.side-image-content .sides .play-btn {
  display: inline-block;
  margin: 0 auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  transition: all 0.5s;
}
.side-image-content .sides .play-btn .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}
.side-image-content .sides .play-btn svg {
  display: block;
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
.side-image-content .sides .play-btn:hover .video-play-circle {
  stroke-dashoffset: 0;
}
.side-image-content .sides .play-btn:active .video-play-outline {
  transform: scale(1.5);
  opacity: 0;
}
.side-image-content .sides .play-btn:active svg {
  transform: rotate(-90deg) scale(0.95);
}

.mission-image-content-box{
  padding: 70px;

}
.mission-image-content-box figure{
  padding: 1.5rem 0rem;
}
.mission-image-content-box h5{
  display: block;
  color: #009CD7;
  font-family: "Changa", serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 2.5rem!important;
  
}
.mission-image-content-box ul{
 
}
/* ICON CONTENT BOX */
.icon-content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0 150px;
  text-align: center;
}
.icon-content-box .col-12 {
  display: flex;
}
.icon-content-box .content-box {
  flex: 1;
  margin-right: 40px;
}
.icon-content-box .content-box:last-child {
  margin-right: 0;
}
.icon-content-box .content-box span {
  font-weight: 800;
  color: #9aa0ae;
  margin-bottom: 15px;
  margin-top: 20px;
}
.icon-content-box .content-box h4 {
  display: block;
  font-weight: 800;
  margin-bottom: 20px;
  color: #003C77;
}
.icon-content-box .content-box img {
  height: 100px;
}

.flip-box {
  width: 100%;
  height: 250px;
  float: left;
}

.flip-box .flip-box-back .inner {
  padding: 0 15px;
}

.flip-box-front {
  width: 100%;
  height: 250px;
  float: left;
  background: #fff;
  border: 1px solid #eaebee;
}

.flip-box-back {
  width: 100%;
  height: 250px;
  float: left;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  background: #003C77;
  color: #fff;
}
.flip-box-back h4 {
  color: #fff !important;
  margin-top: 20px;
}
.flip-box-back p {
  color: #fff;
  font-size: 14px;
  margin: 0;
}

/* IMAGE CONTENT OVER BOX */
.image-content-over-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
  background: #eaebee;
  overflow: hidden;
}

.image-content-over-box .section-title {
  position: relative;
  z-index: 3;
  height: 100%;
}
.image-content-over-box .section-title h6{
font-size: 18px;
}
.image-content-over-box .section-title a{
  position:absolute;
  bottom: 0px;
}
/**************************/


.swiper-logos {
  width: 100%;
  position: relative;
}
.swiper-wrapper .swiper-wrapper{
}
.swiper-logos:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #eaebee;
  position: absolute;
  left: -150%;
  top: 0;
  z-index: 2;
}
.swiper-logos figure {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  overflow: hidden;
}


.swiper-logos figure img {

}
.swiper-logos .swiper-button-next,.swiper-logos .swiper-button-prev{
  background-image: none!important;
}
.home-wwd-feat
{
    color: #fff;
}

.swiper-logos .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: #003C77;
    padding: 10px;
  transform: rotate(360deg);
  display: none;
}

.swiper-logos .swiper-button-prev img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.swiper-logos .swiper-button-next {
  width: 50px;
  height: 50px;
  background: #003C77;
    padding: 10px;
  transform: rotate(180deg);
  display: none;
}
.swiper-logos .swiper-button-next:hover {
  background: #003C77;
}
.swiper-logos .swiper-button-next img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
/*****************************/

.image-content-over-box .swiper-carousel {
  width: 100%;
  position: relative;
}

.image-content-over-box figure img
{
      height:250px;
}
.image-content-over-box .swiper-carousel:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #eaebee;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 2;
}
.image-content-over-box figure {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #003C77;
}
.image-content-over-box figure * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.image-content-over-box figure:hover img {
  transform: scale(1.05);
  opacity: 0.7;
}
.image-content-over-box figure img {
  width: 100%;
}
.image-content-over-box figure figcaption {
  width: 100%;
  padding: 20px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
}
.image-content-over-box figure figcaption h4 {
  display: block;
  color: #fff;
  margin-bottom: 5px;
  font-weight: 800;
}
.image-content-over-box figure figcaption small {
  display: block;
  color: #fff;
}
.image-content-over-box .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: #009CD7;
  padding: 10px;
  transform: rotate(180deg);
}
.image-content-over-box .swiper-button-prev:hover {
  background: #003C77;
}
.image-content-over-box .swiper-button-prev img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.image-content-over-box .swiper-button-next {
  width: 50px;
  height: 50px;
  background: #009CD7;
  padding: 10px;
}
.image-content-over-box .swiper-button-next:hover {
  background: #003C77;
}
.image-content-over-box .swiper-button-next img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

/* HOME CASES */
.showcases {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  text-align: center;
}
.showcases .masonry {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.showcases .masonry li {
  width: 25%;
  float: left;
  margin: 0;
  padding: 5px;
  list-style: none;
}
.showcases .masonry li * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.showcases .masonry li figure {
  width: 100%;
  float: left;
  margin: 0;
  text-align: left;
  position: relative;
  background: #262d57;
  overflow: hidden;
}
.showcases .masonry li figure:hover a {
  opacity: 0.7;
}
.showcases .masonry li figure:hover img {
  transform: scale(1.05);
}
.showcases .masonry li figure a {
  float: left;
}
.showcases .masonry li figure a img {
  width: 100%;
}
.showcases .masonry li figure figcaption {
  width: 100%;
  float: left;
  padding: 20px 30px;
  padding-top: 50px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}
.showcases .masonry li figure figcaption h4 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
  color: #fff;
}
.showcases .masonry li figure figcaption p{

  color: #fff;
  opacity: 0.7;
}
.showcases .masonry li figure figcaption small {
  font-size: 10px;
  color: #fff;
  opacity: 0.7;
}
.showcases .masonry li.double {
  width: 50%;
}
.showcases .all-btn{
  float: right;
}
 .all-btn {
  display: inline-block;
  color: #009CD7;
  border: 1px solid #009CD7;
  padding: 10px 20px;
  font-weight: 400;
  font-size: 13px;
  margin-top: 20px;

}
.all-btn:hover {
  color: white;
  text-decoration: none;
  background-color:#009CD7;

}

.showcase-filter {
  width: 100%;
  float: left;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
.showcase-filter li {
  float: left;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.showcase-filter li a {
  float: left;
  color: #9aa0ae;
  font-weight: 600;
  font-size: 13px;
}
.showcase-filter li a:hover {
  text-decoration: none;
  color: #003C77;
}
.showcase-filter li a.current {
  color: #009CD7;
}


/* TESTIMONIALS */
.testimonials {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
  background: url(../images/world-map.png) center no-repeat #003C77;
  text-align: center;
  color: #fff;
  background-size: auto 80%;
}
.testimonials .section-title {
  margin-bottom: 40px;
}
.testimonials .swiper-testimonials {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.testimonials .swiper-testimonials .swiper-button-prev {
  background: none;
  width: 50px;
  height: auto;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
}
.testimonials .swiper-testimonials .swiper-button-prev:hover {
  opacity: 0.5;
}
.testimonials .swiper-testimonials .swiper-button-next {
  background: none;
  width: 50px;
  height: auto;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.testimonials .swiper-testimonials .swiper-button-next:hover {
  opacity: 0.5;
}
.testimonials .testimonial {
  width: 100%;
  flex: 1;
  padding: 0 12%;
}
.testimonials .testimonial figure {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.testimonials .testimonial figure .avatar {
  width: 80px;
  border-radius: 50%;
}
.testimonials .testimonial figure figcaption {
  width: 30px;
  height: 30px;
  background: #009CD7;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -15px;
}
.testimonials .testimonial figure figcaption img {
  width: 15px;
  margin: 8px;
}
.testimonials .testimonial blockquote {
  display: block;
  margin-bottom: 30px;
}
.testimonials .testimonial blockquote p {
    font-size: 33px;
    line-height: 43px;
    font-weight: 400;
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
}
.testimonials .testimonial small {
  display: block;
  margin: 10px 0;
  opacity: 0.7;
}
.testimonials .testimonial .name-sign {
  height: 40px;
}
.testimonials .testimonial .logo {
  height: 50px;
  -webkit-filter: brightness(1) invert(1);
  filter: brightness(1) invert(1);
}

/* TEAM MEMBERS */
.team-members {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0;
}
.newcardhover{
padding: 40px 0px;
}
.newcardhover .row{
width: 80%; 
margin: 0px auto; }

.newcardhover .profile-card{
  position:relative;
  overflow: hidden;
  margin-bottom:10px;
  box-shadow:0px 2px 3px #222;
  
  padding: 20px;
  height: 280px;
  overflow: hidden;
}
.newcardhover .profile-card:hover .profile-img img
{
  transform: scale(1.2);
}
.newcardhover .profile-card .profile-img img{
  width:100%;
  height:auto;
  transition: transform 1s;
}
.newcardhover .profile-card .profile-content::before{
  content: "";
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:40%;
  border:3px solid #333;
  border-right:3px solid transparent;
  border-bottom:3px solid transparent;
  transform: scale(1,1);
  transition: all 0.50s linear;
}
.newcardhover .profile-card .profile-content::after{
  content: "";
  position:absolute;
  bottom:0;
  right:0;
  width:50%;
  height:40%;
  border:3px solid #222;
  border-left:3px solid transparent;
  border-top:3px solid transparent;
  transition: all 0.50s linear;
  
}
.newcardhover .profile-card:hover .profile-content:before{
  top:20px;
  left:20px;
}
.newcardhover .profile-card:hover .profile-content:after{
  bottom:20px;
  right:20px;
}

.newcardhover .profile-card .profile-content{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:30% 7%;
  text-align: center;
 
}
.newcardhover .profile-card .profile-content:hover{
  background-color: rgba(0,60,11,0.7);
}
.newcardhover .profile-card .profile-content .title{
  font-size:18px;
  color:white;
  opacity:0;
  letter-spacing:2px;
  text-transform:uppercase;
  transform: translateY(-100px);
  transition:all 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.20s;
}
.newcardhover .profile-card:hover .title{
  opacity:1;
  transform: translateY(0);
}
.newcardhover .profile-card:hover .title::after{
  content:"";
  display:block;
  width:50%;
  margin:10px auto;
  border-bottom:2px solid #222;
}
.newcardhover .profile-card .profile-content .title > span{
  display:block;
  margin:5px 0;
  font-size: 14px;
  text-transform: capitalize;
}
.newcardhover .profile-card .profile-content .social-link{
  margin:20px 0;
  padding:0;
  opacity:0;
  transform: translateY(100px);
  transition:all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.20s;
}
.newcardhover .profile-card:hover .social-link{
  opacity:1;
  transform: translateY(0);
}
.newcardhover .profile-card .profile-content .social-link li{
  display: inline-block;
  list-style: none;
  margin:0 4px;
}
.newcardhover .profile-card .profile-content .social-link li a{
  color:#333;
  width:30px;
  height:25px;
  line-height:24px;
  text-align: center;
  border-radius:5px;
  background-color: #fff;
}
.team-members .section-title{
  text-align: center;
}


/*8888888888888888888888888888888888888888888*/



/* TEAM MEMBERS */
.team-members {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;

 
}

.team-members * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.team-members .content-wrapper {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  flex-direction: row;
  padding: 15px;
}
.team-members .content-wrapper .member {
  flex-basis: calc(33.3% - 30px);
  position: relative;
  text-align: center;
  margin: 10px;
  position: relative;
  height:285px;
  overflow:hidden;
  display:flex;
      align-items: center;
    justify-content: center;
}
.team-members .content-wrapper .member::after{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: hidden;
 background: #cecece8a;
   z-index: 888;
}
.team-members .content-wrapper .member:hover{
  background: transparent;

}
.team-members .content-wrapper .member .first-image {
  display: block;
  position: relative;
}

.team-members .content-wrapper .member .second-image {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 889;
  height: 100%;
}
.team-members .content-wrapper .member:hover .fist-image {
  display: block;
}
.team-members .content-wrapper .member:hover .second-image {
  opacity: 1;
}
.team-members .content-wrapper .member:hover figcaption {
  opacity: 1;
  visibility: visible;
}
.team-members .content-wrapper .member figcaption {
  width: 100%;

  padding:20px 15px;
  position: absolute;
  left: 0;
  bottom: 50px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999999;
}
.team-members .content-wrapper .member figcaption h5 {
  font-weight: 600;
  font-size: 16px;
  
}
.team-members .content-wrapper .member figcaption small {
  display: block;
  opacity: 0.7;
}
.team-members .content-wrapper .member figcaption ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.team-members .content-wrapper .member figcaption ul li {
  float: left;
  margin: 0 7px;
  padding: 0;
  list-style: none;
}
.team-members .content-wrapper .member figcaption ul li a {
  float: left;
  color: #fff;
  font-size: 13px;
}

/* LATEST NEWS */
.latest-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0 150px;
  background: #eaebee;
}
.latest-news * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.latest-news .col-12 {
  display: flex;
  flex-wrap: wrap;
}
.latest-news .content-box {
  flex: 1;
  background: #fff;
  
  padding: 25px 25px!important;
	margin:7px;	
  flex-basis: calc(25% - 15px)!important;

}
.latest-news .content-box:last-child {
  margin-right: 0;
}
.latest-news .content-box span {
  display: block;
  font-size: 12px;
  color: #c1c4ce;
  margin-bottom: 20px;
}
.latest-news .content-box h4 {
  display: block;
  font-weight: 600;
  font-family: "Changa", serif;
  font-size: 19px;
  line-height: 28px;
  color: #009CD7;
}
.latest-news .content-box small {
  display: block;
  margin-bottom: 20px;
  color: #526199;
  font-weight: 600;
}
.latest-news .content-box p {
  display: block;
  margin-bottom: 30px;
}

 
.latest-news .content-box a:nth-child(4) {
  width: 34px;
  height: 34px;
  line-height: 32px;
  display: inline-block;
    border: 1px solid #009CD7;
    border-radius: 50%;
    text-align: center;
  
}
.latest-news .content-box a:nth-child(4):hover {
 background-color: #009CD7;
    border: 1px solid #009CD7;

  
}
.latest-news .content-box a img {
  height: 24px;
}
.latest-news .content-box a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.latest-news .content-box:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
  position: relative;
}

/* INFO BOX*/
.info-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 120px;
  text-align: center;
}
.info-box h3 {
  font-size: 34px;
  color: #009CD7;
  font-weight: 700;
  font-family: "Changa", serif;
  margin-bottom: 20px;
}
.info-box h6 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 30px;
}

/* REQUEST FORM */
.request-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 120px;
  padding-bottom: 180px;
  background: #003C77;
  margin-bottom: -54px;
}
.request-form form {
  margin-bottom: 0;
}
.request-form form input[type=text] {
  width: 100%;
}
.request-form form input[type=checkbox] {
  border: none;
  background: #fff;
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
  -moz-box-shadow: inset 0px 0px 0px 3px #fff;
  box-shadow: inset 0px 0px 0px 3px #fff;
}
.request-form form input[type=checkbox]:checked {
  border: none;
  background: #009CD7;
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
  -moz-box-shadow: inset 0px 0px 0px 3px #fff;
  box-shadow: inset 0px 0px 0px 3px #fff;
}
.request-form form label {
  width: 100%;
  color: #fff;
}
.request-form form input[type=submit] {
  background: none;
  color: #fff;
}


/* SOLUTIONS */
.solutions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  overflow: auto;
  padding-bottom: 130px;



}
.solutions figure img{
  margin-top: 0px!important;
}
.solutions .sidebar {
  width: 100%;
  float: left;
  border: 1px solid #eaebee;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}
.solutions .sidebar ul {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}
.solutions .sidebar ul li {
  width: 100%;
  line-height: 60px;
  float: left;
  margin: 0;
  padding: 0 20px;
  list-style: none;
  border-bottom: 1px solid #eaebee;
}
.solutions .sidebar ul li:last-child {
  border-bottom: none;
}
.solutions .sidebar ul li ul {
  display: none;
}
.solutions .sidebar ul li ul li {
  line-height: 50px;
}
.solutions .sidebar ul li ul li li a {
  color: #9aa0ae;
}
.solutions .sidebar ul li a {
  float: left;
  font-weight: 600;
  color: #003C77;
}
.solutions .sidebar ul li a:hover {
  color: #009CD7;
  text-decoration: none;
}
.solutions .content-box {
  width: 100%;
  float: left;
}
.solutions .sidebar ul>li>ul>li>a {
  font-weight: 400;
}
.solutions .content-box figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.solutions .content-box figure img {
  width: 100%;
}
.solutions .content-box h5 {
  display: block;
  font-weight: 600;
  font-family: "Changa", serif;
  font-size: 24px;
  line-height: 38px;
  color: #009CD7;
  margin-top: 2.5rem!important;
}
 
.solutions .content-box small {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 30px;
}
.solutions .content-box small strong {
  font-weight: 600;
  color: #009CD7;
}
.solutions .content-box .list {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
}
.solutions .content-box .list li {
  color: #9aa0ae;
  margin: 0;
  padding: 4px 0;
}
.solutions .content-box .gallery {
  width: 100%;
  display: block;
  float: left;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 20px;
}
.solutions .content-box .gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 1px;
  padding-bottom: 1px;
  list-style: none;
}
.solutions .content-box .gallery li:first-child {
  width: 100%;
}
.founder-detail{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  overflow: auto;
  padding:70px 0px 120px!important;
}
.founder-detail  h5 {
  display: block;
  color: #009CD7;
  font-family: "Changa", serif;
  font-size: 24px;
  font-weight: 700;
  margin-top: 2.5rem!important;
}
.founder-detail blockquote {
    width: 100%;
    display: block;
    background: #009cd7;
    padding: 30px;
    color: #fff;
    /* margin: 2rem 0rem; */
}
.founder-detail blockquote p {
  color: #fff;
  font-family: "Changa", serif;
  line-height: 30px;
}
.founder-detail blockquote h5 {
  color: #fff;
  font-weight: 600;
}
.post blockquote::before,.founder-detail blockquote::before{

  content: "\f10d";
  font-size: 2rem;
  font-family: 'fontawesome';
}

.mission-image-content-box blockquote ,.post blockquote , .single-service-wrapper blockquote{
  width: 100%;
  display: block;
  background: #009cd7;
  padding: 30px;
  color: #fff;
  /* margin: 2rem 0rem; */
}
.mission-image-content-box blockquote p ,.post blockquote p , .single-service-wrapper blockquote  p{
color: #fff;
font-family: "Changa", serif;
line-height: 30px;
}
.mission-image-content-box blockquote  h5,.post blockquote h5, .single-service-wrapper blockquote h5 {
color: #fff;
font-weight: 600;
}
.mission-image-content-box blockquote::before ,.post blockquote::before , .single-service-wrapper blockquote::before{

content: "\f10d";
font-size: 2rem;
font-family: 'fontawesome';
}

/* BLOG */
.blog {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0 125px!important;
  background-color: #EFF3F8;
}
.blog .newssidebar {
  
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 10px;
}
.blog .newssidebar h4{
   color: #003C77;;
  padding: 20px;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 20px;
  position: relative;
}.blog .newssidebar h4::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 20px;
  width: 30%;
  border-bottom: 3px solid #007bff;
}

.blog .newssidebar ul{
  list-style-type: none;
  padding: 0px;
}
.blog .newssidebar ul li{
  padding: 20px;
  position: relative;
  overflow-x: hidden;

}
.blog .newssidebar ul li::after{
  content: "";
  position: absolute;
  bottom: 0px;
  width: 90%;
  border-bottom: 1px solid gray;
}
.blog .newssidebar ul li:last-child::after{
  border-bottom: none;
}

.blog .newssidebar ul li:hover{
  background-color: #f9f9f9;

}
.blog .newssidebar ul li .side1{
  
}
.blog .newssidebar ul li .side1 figure{
  
  margin: 0px!important;
}
.blog .newssidebar ul li .side2{
  
}
.blog .newssidebar ul li .side2 {
}
.blog .newssidebar ul li .side2 p{
  line-height: 20px;
  margin: 0px;

}

.blog .newssidebar section.category{
  padding: 10px;
}
.blog .newssidebar section.category li{
  padding:  10px;
  color: gray;
  font-weight: 500;
}
.blog .newssidebar ul.tag{
  
}
.blog .newssidebar ul.tag span{
   display: inline-block;
   padding: 10px;
   background-color: rgb(239,243,248);
   color: gray;
   font-weight: 500;
   margin: 10px;
   font-size: 12px;

}
.blog .newssidebar ul.tag{
  padding: 10px 10px;
}
.blog>.container-fluid>.row>div{
  background-color: white;
  margin: 10px;
}
.blog .post {
  width: 100%;
  float: left;
  padding: 20px 5px;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  background-color: white;
}
.blog .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.blog .post .post-image img {
  width: 100%;
}
.blog .post .post-content {
  width: 100%;
  float: left;
}
.blog .post .post-content .social-share {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 40px;
}
.blog .post .post-content .social-share li {
  float: left;
  margin-right: 5px;
  padding: 0;
  list-style: none;

}
.blog .post .post-content .social-share li.facebook a {
  background: #475993;
}
.blog .post .post-content .social-share li.twitter a {
  background: #76a9ea;
}
.blog .post .post-content .social-share li.google-plus a {
  background: #f34a38;
}
.blog .post .post-content .social-share li.linkedin a {
  background: #0077b7;
}
.blog .post .post-content .social-share li.youtube a {
  background: #f61c0d;
}
.blog .post .post-content .social-share li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  float: left;
  background: #262d57;
  color: #fff;
  border: none;
  border-radius: 0;
  color: white;
  text-align: center;
}
.blog .post .post-content span {
  display: block;
  font-size: 12px;
  color: #c1c4ce;
  margin-bottom: 10px;
}
.blog .post .post-content h4 {
  display: block;
  font-weight: 700;
  font-family: "Changa", serif;
  font-size: 20px;
  line-height: 38px;
  color: #009CD7;
   color: #003C77;;
  margin-top: 2.5rem!important;
  text-transform: capitalize;

}


.blog .post .post-content h5 {
  font-weight: 600;
  color: #009CD7;
  font-size: 20px;

  font-family: "Changa", serif;
  margin-top: 2.5rem!important;

}
.blog .blog-news .post-content h4{
  margin: 0px!important;
  margin: 10px 0px!important;
  line-height: 25px!important;
}
.blog .post .post-content ul,.blog .post .post-content li  {
  padding: 0px;

}



.blog .post .post-content small {
  display: block;
  margin-bottom: 10px;
  color: #526199;
  font-weight: 600;
}
.blog .post .post-content p {
  display: block;
  margin-bottom: 20px;
}
.blog .post .post-content blockquote {
  width: 100%;
  display: block;
  background: #003C77;
  padding: 20px;
  color: #fff;
}
.blog .post .post-content blockquote p {
  color: #fff;
  font-size: 18px;
  font-family: "Changa", serif;
  line-height: 30px;
}
.blog .post .post-content blockquote h5 {
  color: #fff;
  font-weight: 600;
}
.blog .post .post-content ul {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
}
.blog .post .post-content ul li {
  color: #9aa0ae;
  margin: 0;
  padding: 4px 0;
}
.blog .post .post-content a:nth-child(4) {
  width: 34px;
  height: 34px;
  line-height: 32px;
  display: inline-block;
  border: 1px solid #009cd7;
  border-radius: 50%;
  text-align: center;
}
.blog .post .post-content a img {
  height: 24px;

}
.blog .post .post-content a:hover {
  background: #009CD7;
  border-color: #009CD7;
}
.blog .post .post-content a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.blog .sidebar {
  width: 100%;
  float: right;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}
.blog .sidebar .widget {
  width: 100%;
  float: left;
  border: 1px solid #eaebee;
  margin-bottom: 40px;
}
.blog .sidebar .widget .widget-title {
  width: 100%;
  float: left;
  padding: 20px;
  font-family: "Changa", serif;
  font-weight: 700;
  color: #009CD7;
  border-bottom: 1px solid #eaebee;
}
.blog .sidebar .categories ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.blog .sidebar .categories ul li {
  width: 100%;
  height: 60px;
  line-height: 60px;
  float: left;
  margin: 0;
  padding: 0 20px;
  border-bottom: 1px solid #eaebee;
  list-style: none;
}
.blog .sidebar .categories ul li:last-child {
  border-bottom: none;
}
.blog .sidebar .categories ul li a {
  float: left;
  color: #003C77;
  font-weight: 600;
}
.blog .sidebar .tags ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 20px;
}
.blog .sidebar .tags ul li {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0;
  list-style: none;
}
.blog .sidebar .tags ul li a {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  background: #9aa0ae;
  font-size: 12px;
  color: #fff;
}
.blog .sidebar .tags ul li a:hover {
  background: #003C77;
  text-decoration: none;
}
.blog .sidebar .gallery ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 20px;
}
.blog .sidebar .gallery ul li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 1px;
  padding-bottom: 1px;
  list-style: none;
}
.blog .sidebar .gallery ul li a {
  float: left;
}
.blog .sidebar .gallery ul li a img {
  width: 100%;
  float: left;
}
.blog .sidebar .gallery ul li a:hover {
  opacity: 0.7;
}
.blog .sidebar .download-box {
  width: 100%;
  border: none;
  background: #009CD7;
  color: #fff;
  padding: 20px;
}
.blog .sidebar .download-box i {
  font-size: 55px;
  float: left;
  margin-right: 15px;
}
.blog .sidebar .download-box a {
  float: left;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.blog .sidebar .download-box small {
  width: calc(100% - 100px);
  float: left;
}

/* PRICES */
.prices {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
  text-align: center;
}
.prices .price-box {
  width: 100%;
  float: left;
  padding: 30px;
  border: 1px solid #eaebee;
}
.prices .price-box img {
  display: inline-block;
  height: 60px;
  margin-bottom: 10px;
}
.prices .price-box h3 {
  font-family: "Changa", serif;
  color: #009CD7;
  font-weight: 700;
  font-size: 50px;
}
.prices .price-box h5 {
  font-size: 13px;
  color: #9aa0ae;
  font-weight: 600;
}
.prices .price-box span {
  font-weight: 800;
  font-size: 50px;
  display: block;
}
.prices .price-box small {
  display: block;
  margin-top: -10px;
  margin-bottom: 20px;
}
.prices .price-box b {
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
.prices .price-box ul {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
.prices .price-box ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  color: #9aa0ae;
}
.prices .price-box ul li i {
  color: #009CD7;
}
.prices .price-box a {
  display: inline-block;
  height: 60px;
  line-height: 58px;
  border: 1px solid #eaebee;
  color: #003C77;
  padding: 0 44px;
  font-size: 13px;
  font-weight: 600;
}
.prices .price-box a span {
  width: 18px;
  height: 48px;
  float: right;
  margin-left: -10px;
  margin-top: 5px;
  background: #eaebee;
  transform: skewX(-20deg);
  position: relative;
  z-index: -1;
}
.prices .price-box a:hover {
  color: #009CD7;
  text-decoration: none;
  border-color: #009CD7;
}

/* CLIENTS */
.clients {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
}
.clients * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.clients ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.clients ul li {
  flex-basis: 25%;
  border: 1px solid #eaebee;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -1px;
  margin-top: -1px;
}
.clients ul li figure {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 50px;
  text-align: center;
}
.clients ul li figure img {
  width: 100%;
  float: left;
  opacity: 0.6;
}
.clients ul li figure figcaption {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #969aa5;
  font-weight: 600;
  opacity: 0;
  font-size: 30px;
}
.clients ul li figure:hover {
  background: #eaebee;
}
.clients ul li figure:hover figcaption {
  opacity: 1;
}
.clients ul li figure:hover img {
  opacity: 0;
  transform: scale(1.1);
}

/* HISTORY TIMELINE */
.history-timeline {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
  background: #003C77;
  color: #fff;
  text-align: center;
}
.history-timeline .cd-horizontal-timeline {
  width: 100%;
  float: left;
  margin: 0;
}
.history-timeline .cd-horizontal-timeline .events a.older-event::after {
  border-color: #009CD7;
}
.history-timeline .cd-horizontal-timeline .events a.selected::after {
  background: #009CD7;
  border-color: #009CD7;
}
.history-timeline .cd-horizontal-timeline .events a {
  font-size: 12px;
  color: #fff;
}
.history-timeline .cd-horizontal-timeline .events a:hover {
  text-decoration: none;
}
.history-timeline .cd-horizontal-timeline .filling-line {
  background: #009CD7;
}
.cd-horizontal-timeline .timeline{
  height: auto!important;
}
.history-timeline .cd-horizontal-timeline .timeline {
  width: 100%;
  max-width: 100%;
  float: left;
}
.history-timeline .cd-horizontal-timeline .timeline .events-wrapper {
  position: relative;
}
.history-timeline .cd-horizontal-timeline .timeline .events-wrapper:before {
  display: none;
}
.history-timeline .cd-horizontal-timeline .timeline .events-wrapper:after {
  display: none;
}
.history-timeline .cd-horizontal-timeline .timeline .events-wrapper .events {
  position: absolute;
}
.history-timeline .cd-horizontal-timeline .timeline .events-wrapper .events ol {
  display: block;
  margin: 0;
  padding: 0;
}
.history-timeline .cd-horizontal-timeline .timeline .events-wrapper .events ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.history-timeline .cd-horizontal-timeline .timeline .cd-timeline-navigation {
  display: block;
  margin: 0;
  padding: 0;
}
.history-timeline .cd-horizontal-timeline .timeline .cd-timeline-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.history-timeline .cd-horizontal-timeline .timeline .cd-timeline-navigation li a {
  text-indent: 0;
  color: #fff;
  margin-top: -16px;
  background: none;
  line-height: 32px;
}
.history-timeline .cd-horizontal-timeline .timeline .cd-timeline-navigation li a.prev {
  transform: none;
}
.history-timeline .cd-horizontal-timeline .timeline .cd-timeline-navigation li a.next {
  transform: none;
}
.history-timeline .cd-horizontal-timeline .timeline .cd-timeline-navigation li a:after {
  content: "";
  display: none;
}
.history-timeline .cd-horizontal-timeline .events-content {
  width: 100%;
  float: left;
  margin: 0;
}
.history-timeline .cd-horizontal-timeline .events-content ol {
  display: block;
  margin: 0;
  padding: 0;
}
.history-timeline .cd-horizontal-timeline .events-content ol li {
  max-width: 100%;
  margin: 0;
  padding: 0 10%;
  list-style: none;
}
.history-timeline .cd-horizontal-timeline .events-content ol li h2 {
  font-size: 40px;
  font-weight: normal;
  font-family: "Titillium Web", sans-serif;
}
.history-timeline .cd-horizontal-timeline .events-content ol li em {
  font-size: 17px;
  font-family: "Changa", serif;
}
.history-timeline .cd-horizontal-timeline .events-content ol li p {
  font-size: 15px;
  color: #fff;
  opacity: 0.7;
  padding-top: 20px;
}
.history-timeline .cd-horizontal-timeline .events-content ol li * {
  max-width: 100%;
}

/* CAREER */
.career {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
}
.career * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.career .job-list {
  width: 100%;
  float: left;
  margin: 0;
  margin-bottom: 80px;
  padding: 0;
  border: 1px solid #eaebee;
}
.career .job-list li {
  width: 100%;
  line-height: 60px;
  float: left;
  margin: 0;
  padding: 0 30px;
  list-style: none;
  border-bottom: 1px solid #eaebee;
}
.career .job-list li:first-child {
  font-weight: 600;
  color: #009CD7;
  background: #eaebee;
}
.career .job-list li:last-child {
  border-bottom: none;
}
.career .job-list li:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
}
.career .job-list li span {
  width: 15%;
  float: left;
}
.career .job-list li span:first-child {
  width: 55%;
}
.career .job-list li span:last-child {
  text-align: right;
}
.career .job-list li span a {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: #009CD7;
  color: #fff;
  padding: 0 20px;
  font-weight: 600;
  font-size: 12px;
}
.career .job-list li span a:hover {
  background: #003C77;
  text-decoration: none;
}
.career form {
  width: 100%;
  max-width: 500px;
  float: left;
}
.career form .form-group {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.career form .form-group:last-child {
  margin-bottom: 0;
}
.career form .form-group input[type=text] {
  width: 100%;
}
.career form .form-group textarea {
  width: 100%;
}
.career form .form-group .file {
  width: 100%;
  height: 54px;
  float: left;
  padding: 0 20px;
  background: #fff;
  border: 1px solid #eaebee;
  position: relative;
}
.career form .form-group .file i {
  float: left;
  font-size: 17px;
  margin-top: 17px;
  margin-right: 10px;
}
.career form .form-group .file input[type=file] {
  width: 84px;
  height: 48px;
  float: right;
  color: #999;
  padding-top: 16px;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.career form .form-group .file input[type=text] {
  width: 60%;
  height: 44px;
  margin: 4px 0;
  padding: 0;
  border: none;
}
.career form .form-group .file .button {
  height: 38px;
  line-height: 38px;
  position: absolute;
  right: 7px;
  top: 7px;
  color: #fff;
  background: #003C77;
  font-size: 12px;
  font-weight: 600;
  padding: 0 15px;
  cursor: pointer;
}

/* PRESS RELASES */
.press-relases {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
}
.press-relases * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.press-relases figure {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  background: #003C77;
}
.press-relases figure:hover img {
  opacity: 0.7;
}
.press-relases figure img {
  width: 100%;
  float: left;
}
.press-relases figure figcaption {
  width: 100%;
  float: left;
  padding: 20px;
  background: #eaebee;
}
.press-relases figure figcaption h5 {
  font-weight: 600;
  font-size: 14px;
  color: #009CD7;
}
.press-relases figure figcaption p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
.press-relases figure figcaption small {
  opacity: 0.7;
}

/* OUR OFFICES */
.our-offices {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
}
.our-offices .col-12 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.our-offices address {
  flex-basis: calc(33.33333% - 1px);
  background: #fff;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 60px 40px;
  background: #eaebee;
}
.our-offices address:nth-child(3n+3) {
  margin-right: 0;
}
.our-offices address h5 {
  font-weight: 700;
  font-family: "Changa", serif;
  color: #009CD7;
}
.our-offices address a {
  color: #003C77;
}
.our-offices address small a {
  font-weight: 600;
  text-decoration: underline;
}

/* ERROR PAGE 404*/
.error-page {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
  text-align: center;
}
.error-page img {
  height: 200px;
  display: inline-block;
  margin-bottom: 50px;
}
.error-page h2 {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 40px;
}
.error-page a {
  display: inline-block;
  font-weight: 600;
  color: #009CD7;
  text-decoration: underline;
}

/* FAQ */
.faq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0;
}
.faq .sidebox {
  width: calc(100% - 70px);
  float: left;
  margin-left: 70px;
  padding: 40px 30px;
  text-align: center;
  background: #009CD7;
  color: #fff;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}
.faq .sidebox i {
  font-size: 100px;
  margin-bottom: 20px;
  display: inline-block;
}
.faq .sidebox h3 {
  display: block;
  font-weight: 600;
}
.faq .sidebox p {
  color: #fff;
}

/* CONTACT */
.contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0 0px!important;
}
.contact .section-title {
}
.contact .map {
  width: 100%;
  height: 250px;
  float: left;
  margin-bottom: 50px;
}
.contact address {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.contact h6 {
  font-weight: 600;
  font-family: Montserrat;
  color: #BABABA;
  font-size: 12px;
  margin: 0px 0px 8px;
  text-transform: lowercase;
}
.contact a {
  color: #262d57;
  text-decoration: none;
}
.contact label {
  color: #9aa0ae;
  font-weight: 400;

}

.contact input[type=text],
.contact input[type=tel],
.contact input[type=password],
.contact input[type=email] {
  width: 100%;
}
.contact input[type=submit] {
  border: none;
  background: #009CD7;
  color: #fff;
  margin-bottom: 50px;
}
.contact textarea {
  width: 100%;
}
.contact #success, .contact #error {
}
.contact #success, .contact #error {
  float: left;
}
.contact #contact label.error {
  width: 100%;
  color: red;
  margin-top: 10px;
}
.contact #contact input.error, .contact textarea.error {
  width: 100%;
  border: 1px solid red;
}

/* SCROLL UP */
.scrollup {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  position: fixed;
  z-index: 8;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: #009CD7;
}
.scrollup:hover {
  background-color: #003C77;
  color: #fff;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #262d57;
  margin-top: 0px;
}
.footer .contact-wrapper {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  padding: 0;
  margin-top: -55px;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
}
.footer .contact-wrapper .container {
  display: flex;
  flex-wrap: wrap;
}
.footer .contact-wrapper .container .content-box {
  flex: 1;
  padding: 40px 0;
  padding-left: 30px;
  margin-right: 30px;
  /* border-right: 1px solid #eaebee; */
}
.footer .contact-wrapper .container .content-box:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.footer .contact-wrapper .container img {
  height: 40px;
  margin-bottom: 10px;
}
.footer .contact-wrapper .container h3 {
  display: block;
  font-family: "Changa", serif;
  font-weight: 700;
  color: #009CD7;
  font-size: 25px;
  margin-bottom: 15px;
}
.footer .contact-wrapper .container p {
  display: block;
  color: #9aa0ae;
  margin: 0;
}
.footer .contact-wrapper .container p a {
  color: #003C77;
  text-decoration: none;
}
.footer .content-wrapper {
  width: 100%;
  display: flex;
  margin-bottom: 50px;
}
.footer .content-wrapper p {
  color: #fff;
}
.footer .content-wrapper .logo {
  height: 80px;
  margin-bottom: 15px;
}
.footer .content-wrapper .footer-menu {
  display: block;
  margin: 0;
}
.footer .content-wrapper .footer-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.footer .content-wrapper .footer-menu li a {
  float: left;
  color: #fff;
}
.footer .content-wrapper .contact-box {
  float: right;
  color: #fff;
  text-align: left;
}
.footer .content-wrapper .contact-box h5 {
  margin: 0;
  font-size: 16px;
}
.footer .content-wrapper .contact-box h3 {
  font-weight: 600;
  margin: 0;
}
.footer .content-wrapper .contact-box p {
  margin-bottom: 10px;
  color: #9aa0ae;
}
.footer .content-wrapper .contact-box p a {
  color: #fff;
}
.footer .content-wrapper .contact-box ul {
  float: right;
  margin: 0;
  padding: 0;
}
.footer .content-wrapper .contact-box ul li {
  float: left;
  margin-left: 15px;
  padding: 0;
  list-style: none;
}
.footer .content-wrapper .contact-box ul li a {
  float: left;
  font-size: 13px;
  color: #fff;
}
.footer .content-wrapper .contact-box ul li a:hover {
  color: #009CD7;
}
.footer .sub-footer {
  width: 100%;
  display: flex;
  color: #fff;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .sub-footer .copyright {
  font-size: 11px;
  float: left;
}
.footer .sub-footer .creation {
  font-size: 11px;
  float: right;
}
.footer .sub-footer .creation a {
  font-weight: 600;
  color: #fff;
}
@media only screen and (max-width: 1299px), only screen and (max-device-width: 1299px) {
.header{
  max-width: 100%;
}
}

/* RESPONSIVE MEDIUM  FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .container {
    max-width: 100%;
  }

  .header .navbar {
    max-width: 100%;
    padding: 20px 10px;
    max-width: 90%;
  }
  .header .navbar .container .nav-menu {
    display: none;
  }

  .header .navbar .container {
    overflow: hidden;
  }

  .slider .swiper-custom-pagination {
    padding: 0 15px;
  }

  .featured-services .logos ul li {
    margin-right: 40px;
  }

  .side-image-content .sides .inner {
    padding: 0 50px;
  }

  .side-image-content .sides.moved {
    transform: translateY(0) translateX(0);
  }

  .icon-content-box .content-box {
    margin-right: 20px;
  }

  .flip-box .flip-box-front .inner {
    padding: 0 20px;
  }

  .flip-box .inner h4 {
    font-size: 19px;
  }

  .request-form form label {
    font-size: 14px;
  }

  .side-image-content {
    margin-top: 0;
    flex-direction: column;
  }

  .side-image-content .video video {
    margin-left: 0;
  }

  .icon-content-box .col-12 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .icon-content-box .content-box {
    flex-basis: calc(33.3333% - 30px );
    flex-direction: column;
    margin: 15px;
  }

  .showcases .masonry li {
    width: 50%;
  }

  .showcases .masonry li.double {
    width: 100%;
  }

  .team-members .content-wrapper {
    flex-direction: row;
  }

  .team-members .content-wrapper .member {
    flex-basis: 33.3333%;
    flex-direction: column;
  }
  
  .sandwich-menu .nav-menu {
    display: block;
    margin-bottom: 40px;
    text-transform: uppercase;
  }

  .sandwich-menu p {
    display: none;
  }

  .sandwich-menu address {
    display: none;
  }

  .sandwich-menu .photo-gallery {
    display: none;
  }

}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  
  .image-content-over-box .section-title a {
    position: static!important;
    bottom: none;
}
  .featured-services .content-wrapper .container .content-box h3{
    font-size: 22px;
  }
  .section-title{
    text-align: center;
  }
  .all-btn{
    float: none!important;

  }
  input[type=text], input[type=search], input[type=email], input[type=password], input[type=submit], input[type=tel], textarea {
    border-radius: 0 !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .sandwich-menu .nav-menu {
    display: block;
    margin-bottom: 40px;
    text-transform: uppercase;
  }

  .sandwich-menu p {
    display: none;
  }

  .sandwich-menu address {
    display: none;
  }

  .sandwich-menu .photo-gallery {
    display: none;
  }

  .header .topbar .tagline {
    display: none;
  }

  .header .topbar .container .social-media {
    margin-left: 0;
  }

  .header .navbar .container .nav-menu {
    display: none;
  }

  .header .navbar {
    padding: 20px 0;
  }

  .header .navbar .container .sandwich-btn {
    margin-left: 10px;
  }

  .featured-services .logos ul li {
    margin-right: 20px;
  }

  .image-content-box .content-box {
    margin-right: 10px;
  }

  .clients ul li {
    flex-basis: 33.33333%;
  }

  .latest-news .col-12 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .latest-news .content-box {
    flex-basis: calc(50% - 15px)!important;
    flex-direction: column;
    margin-bottom: 1px;
  }

  .our-offices address {
    flex-basis: auto;
    width: calc(50% - 1px);
  }

  .footer .content-wrapper .footer-menu {
    padding: 0;
  }

  .footer .content-wrapper .contact-box {
    float: left;
    text-align: left;
    margin-top: 40px;
  }

  .footer .content-wrapper .contact-box ul {
    float: left;
  }

  .footer .content-wrapper .contact-box ul li {
    margin-left: 0;
    margin-right: 15px;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
 

  .featured-services .content-box{
    text-align: center;
  }
  .preloader-wrap .loader {
    max-height: 100%;
    padding: 0 15px;
  }

  .sandwich-menu {
    width: 70vw;
    padding: 30px;
  }

  .header .navbar .container .search-btn {
    padding-right: 10px;
  }

  .header .navbar .container .language {
    /*display: none;*/
  }

  .slider .swiper-custom-pagination {
    display: none;
  }

  .slider .swiper-slide h2 {
    font-size: 46px;
  }

  .swiper-button-prev {
    display: none;
  }

  .swiper-button-next {
    display: none;
  }

  .page-header .print {
    display: none;
  }

  .page-header .breadcrumb {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .contact .section-title {
    padding-right: 0;
  }

  .contact .map {
    width: 100%;
  }

  .section-title h6 {
    font-size: 17px;
  }

  .featured-services {
    padding-bottom: 30px;
  }

  .featured-services .content-wrapper .container .content-box span {
    display: none;
  }

  .featured-services .content-wrapper .container .content-box h3 {
    margin-top: 20px;
  }

  .featured-services .content-wrapper {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .featured-services .content-wrapper .container {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .featured-services .content-wrapper .container .content-box {
    padding-right: 0;
    margin-right: 0;
    border-bottom: 1px solid #eaebee;
    border-right: none;
  }

  .featured-services .logos ul {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .featured-services .logos ul li {
    flex-basis: 33.3333%;
    padding: 10px;
    margin: 0;
    flex-direction: column;
  }

  .image-content-box {
    padding: 70px 0;
    text-align: center;
  }

  .image-content-box .col-12 {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .image-content-box .content-box {
    margin-right: 0;
    margin-bottom: 40px;
  }

  .image-content-box .content-box figure {
    margin-bottom: 20px;
  }

  .image-content-box .content-box:last-child {
    margin-bottom: 0;
  }

  .image-content-over-box {
    padding: 70px 0;
    text-align: center;
  }

  .icon-content-box {
    padding: 100px 0 150px;
  }

  .icon-content-box .content-box {
    flex-basis: 100%;
  }

  .showcases {
    padding: 70px 0;
    text-align: center;
  }
  .showcases .section-title {
    

  }
 

  .showcases .masonry li {
    width: 100%;
  }

  .content {
    padding: 70px 0;
  }

  .history-timeline {
    padding: 70px 0;
  }

  .prices .price-box {
    margin-bottom: 30px;
  }

  .side-image-content .sides {
    padding: 70px 0;
  }

  .side-image-content .sides .inner {
    padding: 0 15px;
  }

  .team-members {
    padding: 70px 0;
    text-align: center;
  }

  .team-members .content-wrapper .member {
    flex-basis: calc(100% - 30px);
    margin: 0 15px;
    margin-bottom: 15px;
  }

  .clients ul li {
    flex-basis: 50%;
  }

  .latest-news {
    padding: 100px 0 150px;
    text-align: center;
  }

  .latest-news .content-box {
    flex-basis: calc(100% - 15px)!important ;
  }

  .testimonials {
    padding: 70px 0;
  }

  .testimonials .testimonial {
    padding: 0;
  }

  .blog {
    padding: 70px 0;
  }

  .blog .sidebar {
    max-width: 100%;
  }

  .blog .sidebar .download-box {
    margin-bottom: 0;
  }

  .blog .post.no-margin .post-content p:last-child {
  }

  .solutions .sidebar {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .prices {
    padding: 70px 0;
  }

  .our-offices {
    padding: 70px 0;
    text-align: center;
  }

  .our-offices address {
    flex-basis: auto;
    width: 100%;
  }

  .press-relases {
    padding: 70px 0;
    text-align: center;
  }

  .clients {
    padding: 70px 0;
  }

  .career {
    padding: 70px 0;
  }

  .career .job-list li:first-child {
    display: none;
  }

  .career .job-list li {
    line-height: 30px;
    padding: 10px 20px;
  }

  .career .job-list li span {
    width: 100% !important;
  }

  .career .job-list li span a {
    float: left;
  }

  .faq {
    padding: 70px 0;
  }

  .faq .accordion {
    margin-bottom: 30px;
  }

  .faq .sidebox {
    margin-left: 0;
    width: 100%;
  }

  .error-page {
    padding: 70px 0;
  }

  .solutions {
    padding: 70px 0;
  }

  .solutions .content-box p:last-child {
    margin-bottom: 0;
  }
  .allservices{
    padding-top: 70px!important;
  }
  .solutions.allservices .content-box h5{
    margin-top: 0px!important;
  }
  .request-form {
    padding: 70px 0;
  }

  .contact {
    padding: 70px 0;
  }

  .contact .form-group:last-child {
    margin-bottom: 0;
  }

  .footer .content-wrapper p {
    margin-bottom: 40px;
  }

  .footer .content-wrapper .footer-menu li a {
    font-weight: 600;
  }

  .footer .contact-wrapper .container {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .footer .contact-wrapper .container .content-box {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    border-bottom: 1px solid #eaebee;
    text-align: center;
  }

  .footer .sub-footer .creation {
    float: left;
  }
}

/*# sourceMappingURL=style.css.map */
.hexagon {
  position: relative;
  height: 138px;
  width: 120px;
  /* background: black; */
}
.hexagon:before, .double:after {
  position: absolute;
  content: '';
}
.hexagon {
  background-position: center center;
  background-size: cover;
}
.hexagon:before {
  top: 4px;  /* border width */
  left: 4px;  /* border width */
  height: calc(100% - 8px);  /* 100% - (2 * border width) */
  width: calc(100% - 8px);  /* 100% - (2 * border width) */
  background: #fff;
}
.hexagon, .hexagon:before, .double:after {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.hexagon div {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100;
    position: relative;
}
.panel-heading{
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 20px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
}




.row.inner.pr-eq-inner-de {
    background: #f6f6f6;
    padding: 30px;
}
.row.inner.pr-eq-inner-de  p{
color: #003C77;
font: 15px "Montserrat";
padding: 0px;
font-weight: 600;

}

.row.preq-bord {
    border-bottom: 1px solid lightgray;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.row.preq-bord:last-child{
  border-bottom: none;

  
}
.row.preq-bord h2{
  position: relative;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
   color: #003C77!important;
}
.home-wwd-feat
{color:#fff}
@media(max-width:767px)
{
    .swiper-custom-pagination{display:none;}
    .team-members .content-wrapper
    {
        width: 90%;
    }
    .team-members .content-wrapper .member
    {
        margin-bottom: 25px;
    }
    .team-members .content-wrapper .member figcaption
    {
        /* transform: translate(-50%, -15%); */
    }
}
@media (min-width:767px)
{
  .swiper-custom-pagination

    {
        display:none;
    }
}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  ul.language{
    display: none;

  }
}

.singlepost h3{
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
   color: #003C77!important;

}
.singlepost p{
   color: #003C77;;
}
.singlepost h5{
  font-size: 17px;
   color: #003C77;;
  font-weight: 700;
  margin-top: 20px;


}
.singlepost .newssidebar h6{
  font-size: 14px;
   color: #003C77;;
  font-weight: 700;


}
.singlepost .social  a{
border: none!important;
display: inline-block;
padding: 5px ;
font-weight: bold;
color: gray;


}

.blog-standard-area{
  background-color: rgba(239,243,248);

}
.blog-standard-area .blog-standard{

}
.blog-standard-area .white-bg{
  background-color: white;
  padding: 20px;
  padding-top: 0px;
}
.blog-standard-area .blog-content{

}
.blog-standard-area .blog-content .title{
  position: relative;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
   color: #003C77!important;
}
.blog-standard-area .blog-content p{
  font-weight: 500;
  color: gray;

}
.blog-standard-area .blog-news-item .item{
    color: gray !important;
    font-weight: 500;
  
    padding: 20px 0px;
    
    overflow: hidden;
    
    

}
.blog-standard-area .blog-news-item{
  position: relative;
}
.blog-standard-area .blog-news-item::after{
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-bottom: 1px solid lightgray;
}
.blog-standard-area .blog-news-item:last-child::after{
  border-bottom: none;

}

.blog-standard-area .blog-news-item .item img{
  
   vertical-align: top;

}
.blog-standard-area .blog-news-item .item a{
  
  
   color: #003C77;;


}
.blog-standard-area .blog-news-item .item a h5{ 

  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.blog-standard-area .blog-news-item .item span{

  
  font-size: 80%;
  font-weight: 400;




}
.blog-standard-area .blog-sidebar .blog-list{
  
}
.blog-standard-area .blog-sidebar .blog-list .blog-list-item{


}
.blog-standard-area .blog-sidebar .blog-list .blog-list-item ul{
  list-style-type: none;
  padding: 0px;

}
.blog-standard-area .blog-sidebar .blog-list .blog-list-item ul li{

  padding: 5px 0px;
}
.blog-standard-area .blog-sidebar .blog-list .blog-list-item ul li{


}
.blog-standard-area .blog-sidebar .blog-list .blog-list-item ul li a{

  display: flex;
  color: gray;
  justify-content: space-between;
}
.blog-standard-area .blog-sidebar .blog-list .blog-list-item ul li a:hover{

  
}

.blog-standard-area .blog-sidebar .blog-list .blog-tag{


}
.blog-standard-area .blog-sidebar .blog-list  .blog-tag ul{
  list-style-type: none;
  padding: 0px;
  display: flex;
}
.blog-standard-area .blog-sidebar .blog-list  .blog-tag ul li{
  
  margin-right: 10px;
  display: inline-block;


}
.blog-standard-area .blog-sidebar .blog-list .blog-tag ul li a{
  display: inline-block;
  padding: 10px 20px;
  background-color: rgb(239,243,248);
  color: gray;
  font-weight: 500;
  font-size: 12px;


}
.blog-standard-area .blog-content .item{
  padding-top: 25px;
  
}
.blog-standard-area .blog-content .blog-date{

}
.blog-standard-area .blog-content .blog-date ul{
  list-style-type: none;
  padding: 0px;

}
.blog-standard-area .blog-content .blog-date ul li{
  display: inline-block;
  font-size: 90%;
  color: gray;
  font-weight: 600;

}
.blog-standard-area .blog-content .blog-date ul li i{
  color: #0077b7;
  padding-right: 10px;
}
.blog-standard-area .blog-content .blog-tag ul{
  list-style-type: none;
  padding: 0px;
}
.blog-standard-area .blog-content .blog-tag ul span{
 
  font-weight: 700;
  display: inline-block;
   color: #003C77;;
  padding-right: 10px;
}
.blog-standard-area .blog-content .blog-tag ul li{
 
  display: inline-block;
  
}

.blog-standard-area .blog-content .blog-social{

}
.blog-standard-area .blog-content .blog-social ul{
  list-style-type: none;
  padding: 0px;
  display: flex;
}
.blog-standard-area .blog-content .blog-social ul li {
  display: inline-block;

}
.blog-standard-area .blog-content .blog-social ul li span{
    padding-right: 10px;
    font-weight: 600;
    font-size: 90%;
    color: gray;
}
.blog-standard-area .blog-content .blog-social ul li a{
  color: gray;
  padding: 0px 5px;
}
.blog-standard-area .blog-content .blog-social ul li a:hover{
 color: lightgray;
}
.blog-standard-area .blog-sidebar{

}
.blog-standard-area .blog-sidebar .blog-news{
  
}
.blog-standard-area .blog-sidebar .blog-news .blog-news-item{

}
.blog-standard-area .blog-sidebar .blog-news .blog-news-item:hover{
}

.blog-standard-area .blog-sidebar .blog-title {
  padding-bottom: 10px;
}
.blog-standard-area .blog-sidebar .blog-title h3{
   color: #003C77;;
  padding: 20px 0px;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 15px;
  position: relative;
}
.blog-standard-area .blog-sidebar .blog-title h3::after{
  position: absolute;
  bottom: 0px;
  left: 0px;
  content: "_ __";
  
  font-size: 30px;
  color: #009CD7;
}

.singlepost {
}
.singlepost .social  a:hover{
  background: none !important;
  color: lightgray!important;
}
.singlepost .post{
  padding: 0px;

}
.singlepost .post .post-content{
  padding: 0px 20px 20px;

}

.sidebar_widget {
  margin-top: 40px;
  width: 100%;
  float: left;
}
.sidebar_widget .title_subtitle {
  display: block;
  margin-bottom: 5px;
  color: #59baf9;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sidebar_widget .title-widget {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 700px;
  text-transform: uppercase;
  color: #ffffff;
}

.sidebar_widget .title-widget:before,.sidebar_widget  .title-widget:after {
  content: "";
  position: absolute;
  left: 0;
}

.sidebar_widget .title-widget:before {
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #466d85;
}

.sidebar_widget .title-widget:after {
  bottom: -4px;
  width: 30px;
  height: 5px;
  background-color: #3b84c2;
}

@media (min-width: 768px) {
  .sidebar_widget .title-widget {
    margin-bottom: 30px;
  }
}



.sidebar_widget .title_subtitle {
  display: block;
  margin-bottom: 5px;
  color: #59baf9;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sidebar_widget .title-widget {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
  font-size: 15px;
  text-transform: uppercase;
}
.sidebar_widget  .title-widget {
  color: #183645;
  font-weight: 700!important;
}

.sidebar_widget .title-widget:before,.sidebar_widget .title-widget:after {
  content: "";
  position: absolute;
  left: 0;
}

.sidebar_widget .title-widget:before {
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #466d85;
}

.sidebar_widget .title-widget:after {
  bottom: -4px;
  width: 30px;
  height: 5px;
  background-color: #3b84c2;
}

@media (min-width: 768px) {
  .sidebar_widget .title-widget {
    margin-bottom: 30px;
  }
}

.sidebar_widget .sidebar_widget .title-widget {
  color: #183645;
}

.sidebar_widget .btn--secondary {
  padding: 13px 10px;
  border-radius: 2px;
  background-color: #4ea5de;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  min-width: 180px;
  display: block;
  width: 100%;
}

.sidebar_widget .btn--secondary:hover {
  color: #ffffff;
  background-color: #399ada;
}
.sidebar_widget .btn i{
  margin-right: 15px;
  font-size: 20px;
  vertical-align: middle;
}
.sidebar_widget .form-control {
  width: 100%;
  height: 47px;
  border-radius: 2px;
  background-color: #e0f1fc;
  margin-bottom: 30px;
  border: none;
}


.sidebar_widget .form-control {
    width: 100%;
    height: 47px;
    border-radius: 2px;
    background-color: #e0f1fc!important;
    margin-bottom: 30px;
    border: none;
}
.sidebar_widget .subscribe {
  position: relative;
}
.sidebar_widget .subscribe_send i {
  vertical-align: middle;
  font-size: 30px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s;
}
.sidebar_widget .subscribe_send {
  position: absolute;
  top: 50%;
  right: 14px;
  background: none;
  color: #4ea5de;
  border: none;
  outline: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar_widget .subscribe_send:hover {
  color: #2f699b;
}
.sidebar_widget .sidebar_widget .title-widget {
  color: #183645;
}
@media (min-width: 768px)
{.sidebar_widget .title-widget {
  margin-bottom: 30px;
}}
.sidebar_widget p {
  color: #41617a;
  font-weight: 300;
}
.solutions .panel-title{
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
}
.solutions .panel-title:before,.solutions .panel-title:after {
  content: "";
  position: absolute;
  left: 0;
}

.solutions .panel-title:before {
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #466d85;
}

.solutions .panel-title:after {
  bottom: -4px;
  width: 30px;
  height: 5px;
  background-color: #3b84c2;
}
.navigationexample {
  padding-bottom: 120px!important;
  margin: auto!important;
 
}
.navigationexample .pagination{
 justify-content: center;
}