body {
    font-family: "Bahij";
	    color: #184787;
	font-size: 16px;
	    background-color: #fbfbfb;
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.shareing {
	    position: absolute;
    top: 16px;
    font-size: 14px;
    border: solid 1px #184787;
    padding: 5px;
    border-radius: 6px;
	color: #184787;
}
img {
	max-width: 100%;
}
a:link, a:hover {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .5s;
}
h2 {
	color: #007bff;
}
@font-face {
    font-family: "Bahij";
    src: url("../fonts/Bahij Helvetica Neue-Light.eot");
    src: url("../fonts/Bahij Helvetica Neue-Light.eot#iefix") format("embedded-opentype"),
        url("../fonts/Bahij Helvetica Neue-Light Helvetica Neue-Light.woff") format("woff"),
        url("../fonts/Bahij Helvetica Neue-Light.ttf") format("truetype"),
        url("../fonts/Bahij Helvetica Neue-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.o-ratio {
  position: relative;
  display: block;
  overflow: hidden
}
.o-ratio:before {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  content: ""
}
.o-ratio > embed, .o-ratio > iframe, .o-ratio > img, .o-ratio > object, .o-ratio_content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%
}
.o-layout {
  padding: 0;
  list-style: none;
  font-size: 0;
  margin: 0
}
.o-layout.-gutter {
}
.o-layout.-gutter-small {
}
.o-layout.-center {
  text-align: center
}
.o-layout.-right {
  text-align: right
}
.o-layout.-reverse {
  direction: rtl
}
.o-layout.-reverse.-flex {
  flex-direction: row-reverse
}
.o-layout.-flex {
  display: flex
}
.o-layout.-flex.-top {
  align-items: flex-start
}
.o-layout.-flex.-middle {
  align-items: center
}
.o-layout.-flex.-bottom {
  align-items: flex-end
}
.o-layout.-stretch {
  align-items: stretch
}
.o-layout_item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1rem;
  padding-left: 0
}
.o-layout_item h1 {
    margin-top: 170px;
    font-weight: normal;
}
.o-layout.-middle > .o-layout_item {
  vertical-align: middle
}
.o-layout.-bottom > .o-layout_item {
  vertical-align: bottom
}
.o-layout.-center > .o-layout_item, .o-layout.-reverse > .o-layout_item, .o-layout.-right > .o-layout_item {
  text-align: left
}
.o-layout.-reverse > .o-layout_item {
  direction: ltr
}
.o-checkbox-label, .o-label, .o-radio-label {
  display: block;
  margin-bottom: .9375rem
}
.o-input, .o-select, .o-textarea {
  padding: .625rem;
  border: 1px solid #d3d3d3;
  background-color: #fff
}
.o-input:focus, .o-select:focus, .o-textarea:focus {
  border-color: grey
}
.o-button_arrow {
  position: absolute;
  top: 50%;
  right: 2.1875rem;
  transform: translateY(-50%)
}
.o-scroll {
  background-color: #fbfbfb;
  overflow-x: hidden
}
.o-title {
  margin: 0;
  padding: 2.5rem 0;
  perspective: 600px;
  -webkit-perspective: 600px
}
.o-title_line {
  display: block;
  opacity: 0;
  transform-origin: center top;
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(-80deg);
  transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.215, .61, .355, 1);
  font-size: 0
}
.o-title.is-inview .o-title_line {
  transform: none;
  opacity: 1
}
.o-title.is-inview .o-title_line:first-child {
  transition-delay: .4s
}
.o-title.is-inview .o-title_line:nth-child(2) {
  transition-delay: .5s
}
.o-title.is-inview .o-title_line:nth-child(3) {
  transition-delay: .6s
}
.o-title.is-inview .o-title_line:nth-child(4) {
  transition-delay: .7s
}
.o-title_line span {
  display: inline-block;
  min-width: .05em;
  font-size: 13.5vw
}
.o-image_wrapper {
  position: relative;
  overflow: hidden;
  background-color: #d4c9c9
}
.o-image {
  opacity: .75;
  mix-blend-mode: multiply
}
.o-image img {
  width: 100%;
  opacity: 0;
  transform: scale(1.4);
  transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
}
.o-image.is-inview img {
  opacity: 1;
  transform: scale(1);
  transition-delay: .6s
}
html.has-scroll-smooth {
  overflow: hidden
}
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.has-scroll-smooth body {
  overflow: hidden
}
.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh
}
.c-header {
  position: relative
}


.c-header_title {
  padding: 2.5rem 0;
  perspective: 600px;
  -webkit-perspective: 600px
}
.c-header_line, .c-header_title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  color: #fbfbfb;
  z-index: 1000;
}
.c-header_line {
  right: 0;
  transform: scaleX(0);
  transition: transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-header_line.is-inview {
  transform: scaleX(1)
}
.c-header_title_line {
  display: block;
  opacity: 0;
  transform-origin: center top;
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(-80deg);
  transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1)
}
html.is-ready .c-header_title_line {
  transform: none;
  opacity: 1;
  transition-duration: .8s
}
html.is-ready .c-header_title_line:first-child {
  transition-delay: .1s
}
html.is-ready .c-header_title_line:nth-child(2) {
  transition-delay: .2s
}
html.is-ready .c-header_title_line:nth-child(3) {
  transition-delay: .3s
}
html.is-ready .c-header_title_line:nth-child(4) {
  transition-delay: .4s
}
.c-header_title_line span {
  display: inline-block
}
.c-header_title_line.-version {
  text-transform: none;
  font-size: 0
}
.c-header_heading {
  padding: 0px 0px;
  z-index: 1000;
  position: relative;
}
.c-header_heading_label {
  display: block;
  transition: transform 0s cubic-bezier(.215, .61, .355, 1);
  transform: translateY(-60px)
}
html.is-ready .c-header_heading_label {
  transform: none;
  transition-duration: .6s
}
html.is-ready .o-layout_item:nth-child(2) .c-header_heading_label {
  transition-delay: .1s
}
.c-header_logo {
  position: absolute;
  bottom: 2.5rem;
  right: 0;
  opacity: 0;
  transform: translateY(120px);
  transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1)
}

.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 100px;
    bottom: 27%;
    position: absolute;
    z-index: 1000;
    margin-top: auto;
    top: auto;
    left: 49.2%;
}
.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  width: 12px;
  height: 12px;
}
.unu
{
  margin-top: 1px;
}
.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}
.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}
.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}
.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate;  
  margin-top: -6px;
}
.mouse {
  height: 42px;
  width: 18px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
  margin-left:1px;
}
.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}
.slider h3 {
	font-size: 70px !important;
}
/**/
@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


@media (max-width:699px) {
  .c-header_logo {
    width: 30px;
    height: 66px
  }
}
@media (min-width:700px) {
  .c-header_logo {
    width: 4rem;
    height: 8.75rem
  }
}
.c-header_logo svg {
  display: block;
  width: 100%;
  height: 100%
}
html.is-ready .c-header_logo {
  transform: none;
  opacity: 1;
  transition-delay: .6s;
  transition-duration: .6s
}
.c-fixed_wrapper {
  position: relative;
  overflow: hidden;
  background-color: #d4c9c9
}

.c-fixed_target {
  bottom: -100vh
}
.c-fixed, .c-fixed_target {
  position: absolute;
  top: -100vh;
  right: 0;
  left: 0
}
.c-fixed {
  height: 100%;
  background-size: cover;
  background-position: 50%;
  opacity: .75;
  mix-blend-mode: multiply
}
html:not(.has-scroll-smooth) .c-fixed {
  top: 0
}
.c-intro {
  margin: 7.5rem 0;
  font-size: 2.1875rem;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(60px);
  transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-intro.is-inview {
  opacity: 1;
  transform: none;
  transition-delay: .3s
}
.c-features {
  padding: 7.5rem 0
}
.c-features_item {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 20px;
  padding: 3.75rem;
  margin-bottom: 3.75rem
}
.c-section_infos {
  position: relative;
  max-width: 320px;
  z-index: 0
}
.c-section_infos_inner > * {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-section_infos_inner.is-inview > * {
  opacity: 1;
  transform: none
}
.c-section_infos_inner.is-inview > :first-child {
  transition-delay: .06s
}
.c-section_infos_inner.is-inview > :nth-child(2) {
  transition-delay: .12s
}
.c-section_infos_inner.is-inview > :nth-child(3) {
  transition-delay: .18s
}
.c-sections_infos_text {
  margin-top: 1.25rem
}
.c-speed-block {
  position: relative
}

.c-speed-block_image {
  margin-top: -30px;
  margin-bottom: -30px
}
.c-speed-block_title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 3.75rem;
  right: 0;
  left: 0;
  opacity: 0;
  transform: translateY(60px);
  transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-speed-block_title.is-inview {
  opacity: 1;
  transform: none;
  transition-delay: .3s
}
.c-speed-block_bubble {
  position: absolute;
  right: 20px;
  top: 30%;
  z-index: 1;
  color: #d4c9c9;
  padding: 1.5rem 2.5rem;
  font-size: 1.25rem
}
.c-speed-block_bubble.-right {
  right: -30px
}
.c-speed-block_bubble.-left {
  right: auto;
  left: -30px
}
.c-speed-block_bubble.-top {
  top: -20%
}
.c-speed-block_bubble.-bottom {
  top: auto;
  bottom: 0
}
.c-speed-block_bubble:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #272727;
  border-radius: 50%;
  transform: scale(0);
  transition: transform .6s cubic-bezier(.17, .67, .3, 1.33)
}
.c-speed-block_bubble.is-inview:before {
  transform: scale(1);
  transition-delay: .3s
}
.c-direction-block_wrapper {
  margin-bottom: 31.25rem
}
.c-direction-block {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1
}
.c-direction-block_item {
  position: absolute;
  font-size: 10vw;
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1
}
.c-direction-block_item span {
  display: block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0 20px
}
.c-direction-block_item.-one {
  top: 33%;
  transform: translateX(-50vw) rotate(26deg)
}
.c-direction-block_item.-two {
  top: 45%
}
.c-direction-block_item.-three {
  top: 55%;
  transform: rotate(9deg)
}
.c-direction-block_item.-four {
  top: 68%;
  transform: translateX(-50vw) rotate(-19deg)
}
.c-direction-block_item.-five {
  top: 63%;
  transform: translateX(-10vw) rotate(3deg)
}
.c-lerp-block {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10rem
}

.c-lerp-block_index {
  vertical-align: middle;
  color: #d4c9c9;
  width: 3.75rem;
  height: 2.8125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  position: relative;
  z-index: 1
}
.c-lerp-block_index:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #272727;
  border-radius: 50%;
  transform: scale(0);
  transition: transform .6s cubic-bezier(.17, .67, .3, 1.33)
}
.c-lerp-block_index.is-inview:before {
  transform: scale(1);
  transition-delay: .3s
}
.c-lerp-block_title {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-left: 1.25rem;
  line-height: 1.1
}
.c-lerp-block_title.is-inview > span:not([data-scroll]) {
  opacity: 1;
  transform: none;
  transition-delay: .4s
}
.c-lerp-block_title > span:not([data-scroll]) {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-lerp-block_title span {
  display: inline-block;
  min-width: .3em
}
.c-cta_line {
  margin: 0;
  transform: scaleX(0);
  transition: transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-cta_line.-margin {
  margin-bottom: 30px
}
.c-cta_line.is-inview {
  transform: scaleX(1)
}
.c-cta_content {
  margin: 3.75rem 0
}
.c-cta_content_text {
  max-width: 520px
}
.c-cta_content_text > * {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1)
}
.c-cta_content_text > :not(:first-child) {
  margin-top: 1.875rem
}
.c-cta_content_text.is-inview > * {
  opacity: 1;
  transform: none
}
.c-cta_content_text.is-inview > :first-child {
  transition-delay: .06s
}
.c-cta_content_text.is-inview > :nth-child(2) {
  transition-delay: .12s
}
.c-cta_content_text.is-inview > :nth-child(3) {
  transition-delay: .18s
}
.c-cta_button {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
  margin-top: 5.625rem
}
.c-cta_button.is-inview {
  opacity: 1;
  transform: none
}
.c-cta_section {
  margin-bottom: 11.25rem
}
.c-choochoo_item {
  padding: 50vh 0;
  font-size: 6.25rem
}
.c-choochoo_item span {
  display: block
}
.c-choochoo_item.-reverse span, html[data-direction=up] .c-choochoo_item span {
  transform: rotateY(180deg)
}
html[data-direction=up] .c-choochoo_item.-reverse span {
  transform: rotateY(0deg)
}
.c-scrollbar {
  width: 10px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  transform-origin: center right;
  transform: scaleX(1);
  transition: transform .2s linear;
	z-index: 10000;
}
.c-scrollbar:hover {
  transform: scaleX(1.3);
  cursor: -webkit-grab;
  cursor: grab
}
.c-scrollbar_thumb {
  background-color: #0b3953;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.c-scrollbar_thumb:hover {
  cursor: pointer
}
.u-2\:1:before {
  padding-bottom: 50%
}
.u-4\:3:before {
  padding-bottom: 75%
}
.u-16\:9:before {
  padding-bottom: 56.25%
}
.u-1\/1 {
  width: 100% !important
}
.u-1\/2 {
  width: 50% 
}
.u-2\/2 {
  width: 100% !important
}
.u-1\/3 {
  width: 33.33333% !important
}
.u-2\/3 {
  width: 66.66667% !important
}
.u-3\/3 {
  width: 100% !important
}
.u-1\/4 {
  width: 25% !important
}
.u-2\/4 {
  width: 50% !important
}
.u-3\/4 {
  width: 75% !important
}
.u-4\/4 {
  width: 100% !important
}
.u-1\/5 {
  width: 20% !important
}
.u-2\/5 {
  width: 40% !important
}
.u-3\/5 {
  width: 60% !important
}
.u-4\/5 {
  width: 80% !important
}
.u-5\/5 {
  width: 100% !important
}

.u-float-left {
  float: left !important
}
.u-float-right {
  float: right !important
}
.u-text-center {
  text-align: center !important
}
.u-text-left {
  text-align: left !important
}
.u-text-right {
  text-align: right !important
}
.u-align-baseline {
  vertical-align: baseline !important
}
.u-align-bottom {
  vertical-align: bottom !important
}
.u-align-middle {
  vertical-align: middle !important
}
.u-align-top {
  vertical-align: top !important
}
.u-vertical-center {
  font-size: 0
}
.u-vertical-center:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle
}
.u-vertical-center > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem
}
.u-white {
  color: #fff
}
.u-label {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600
}
.u-icon {
  font-family: Lucida Grande;
  font-size: 1.125rem
}
.u-text {
  font-size: .875rem
}
.u-clearfix:after {
  display: block;
  clear: both;
  content: ""
}
.u-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%
}
[hidden][aria-hidden=false] {
  position: absolute;
  display: inherit;
  clip: rect(0, 0, 0, 0)
}
[hidden][aria-hidden=false]:focus {
  clip: auto
}
.u-screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0
}
@media not print {
  .u-screen-reader-text\@screen {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
  }
}
.u-screen-reader-text.-focusable:active, .u-screen-reader-text.-focusable:focus {
  clip: auto;
  width: auto;
  height: auto
}
.who {
    background-color: #fbfbfb;
    color: #0c3953;
    text-align: center;
    margin-top: -80px;
    padding: 100px 10px;
    transform: skewY(6deg) !important;
    min-height: 500px;
	z-index: 1000;
}
.who-content {
    transform: skewY(-6deg);
    margin-top: -80px;
    float: left;
    width: 100%;
}
.shortcuts {
    position: absolute;
    top: -90px;
    right: 22%;
    width: 56%;
    z-index: 1000;
    height: 100px;
	padding: 0px;
}
.shortcuts li {
  list-style-type: none;
  height: 100px;
  width: 33.333333%;
  float: left;
  color: #fbfbfb;
  font-size: 20px;
  padding: 20px;
  border-left: dashed 1px #fbfbfb;
  background-color: #0b3953;
}
.shortcuts li:nth-child(1) {
    border-left: none 0px #fbfbfb;
}
.shortcuts li i {
    float: left;
    color: #fbfbfb;
    font-size: 20px;
    padding: 10px;
    margin: 0px 1px 0px 0px;
}
.shortcuts li a{
    font-size: 14px;    display: flow-root;    color: #277de1;
}
.shortcuts li img {
    width: 40px;
}
.shortcuts li:hover {
    background-color: #287ce1	;
    color: #fbfbfb;
    -webkit-box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.71);
-moz-box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.71);
box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.71);

-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
/* ...and now for the proper property */
transition: .5s;
}
.shortcuts li:hover a {
    color: #fbfbfb;
}

section {
    width: 100%;
    float: left;
}

.sectors-section .carousel-item {
  -webkit-mask-box-image: url(../img/banner.svg) ;
  mask-border: url(../img/banner.svg) ;
}
.sectors-section .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 30%;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.sectors-section .carousel-indicators li {
  width: 120px;
  height: 82px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
  background-color: #000;
}
.sectors-section .carousel {
  margin-top: -70px;
}
.sectors-section .carousel-indicators img {
  mix-blend-mode: luminosity;    border: solid #fff 3px;
}
.sectors-section .carousel-item span{

  position: absolute;
  z-index: 10000000;
  top: 30%;
  left: 60px;
  width: 50%;
  color: #fbfbfb;
  font-weight: normal;
}
.sectors-section .carousel-item span img {
  float:left;
  width: 120px;
  margin-right: 20px;
}

.sectors-section .carousel-item span h4 {
  font-weight: normal;
  font-size: 20px;
  margin: 20px 0px 5px 0px;

}
.sectors-section .carousel-item span h1 {
  font-weight: normal;
  font-size: 40px;

  margin: 0px 0px 50px 0px;
}
.sectors-section .carousel-item span h2 {
  font-weight: normal;
  font-size: 22px;
  margin: 10px 0px;
color: #fff;
}
.sectors-section .carousel-item span a {
  color: #c0d83a;
  font-size: 16px;

}
.sectors-section {
  position: relative;
  z-index: 1000;
}
.vision-section {
  position: relative;
  z-index: 100;
  margin-top: -400px;
}
.vision img {
  opacity: .2;
  mix-blend-mode: screen;
}
.vision .carousel-item {
  background-color: #485460;
  -webkit-mask-box-image: url(../img/vision-banner.svg) ;
  mask-border: url(../img/vision-banner.svg) ;

}
.vision .carousel-indicators {
  bottom: 20%;
}
.vision .carousel-indicators li {
  width: 14px;
  height: 14px;
  background-color: #c4c2bb;
  /*transform: rotateX(90deg) !important;
  -webkit-transform: rotateX(90deg) !important;*/
  transform: rotate(45deg);
  margin-right: 10px;
  margin-left: 10px;
}
.vision .carousel-indicators .active {
  background-color: #c0d83a;
}
.vision-details {
  position: absolute;
  bottom: 40%;
  width: 70%;
  left: 15%;
  font-weight: normal;
  color: #fbfbfb;
  text-align: center;
}
.vision-details h1 {
  font-size: 50px;
}
.vision-details h5 {
  font-size: 20px;
}
.projects-section .carousel-fade .carousel-item {
  width: 29%;
  margin: 10px 2%;
}

  /* show 3 items */
.projects-section .blog .carousel-indicators {
    left: 0;
    top: auto;
      bottom: -40px;
}
  /* The colour of the indicators */
.projects-section .blog .carousel-indicators li {
      background: #a3a3a3;
      border-radius: 50%;
      width: 8px;
      height: 8px;
}
.projects-section .blog .carousel-indicators .active {
  background: #707070;
}

.projects-section h1 {
  font-size: 18px;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  text-transform: uppercase;
}
.projects-section {
  padding: 50px;
}
.projects-section h6 {
  font-size: 14px;
}
.projects-section sup {
  font-size: 10px;
}
.carousel-item img  {
  position: relative;

}
.projects-section span {
  background-color: #0c3953;
  color: #fbfbfb;
  padding: 10px;
  text-align: center;
  width: calc( 100% - 30px);
  position: absolute;
  bottom: 0px;
  z-index: 1000;
  left: 15px;
}
.projects-section {
  text-align: center;
  margin-bottom: 80px;

  background-image: url("../img/blue-lines.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 400px;
  margin-top: -200px;
}
.projects-section .container {
 
  margin-top: 200px;
}
.projects-section h2 {
  font-size: 40px;
  color: #1070d8;
  margin: 0px;
}
.viewall {
  color: #1070d8;
  font-size: 14px;
  margin: 0% 0px 70px 0px;
  width: 100%;
  text-decoration: underline;
  float: left;
}
.projects-section .carousel-item li {
  zoom: .8;
}
.projects-section .carousel-item li:hover span {
  background-color: #194787;
  zoom: 1;
}
.projects-section .carousel-item li:hover {
  zoom:1.2;


  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .5s;
}
.carousel-control-next, .carousel-control-prev {
  position: fixed;
  top: 52%;
  bottom: 28px;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 9%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease;
}
li.active {
  opacity: 1 !important;
}
li.active img.d-block.w-100 {
  mix-blend-mode: normal !important;
}
footer {
  background-image: url(../img/footer-line.png), url(../img/footer-bg.png);
  background-position: left top, left 20px;
  background-repeat: no-repeat, no-repeat;
  background-size:440px, 400px;
  padding-top: 50px;

  padding-bottom: 30px;
  float: left;
  width: 100%;
}
footer a {
  color: #194787;

}
footer h1 {

  font-size: 24px;
  margin: 0px 0px 20px 0px;
  color: #194787;
}
footer h5 {
      font-size: 19px;
    margin: 0px 0px 12px 0px;
  color: #194787;
}
.no-padding {
  padding: 0px;
}
.no-margin {
  margin: 0px;
}
.margin-15 {

  margin:15px;
}
.padding-15 {

  padding:15px;
}
.copyrights {
  font-size: 12px;
  color: #194787;

  text-align: center;
  float: left;
  width: 100%;
  display: block;
  margin: 0px; 
  padding: 0px;
}
footer .sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 16px;
  margin: -11px 0px -5px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 18px;
}
footer .input-group-text {
  background-color: #0b3953;
  border: 1px solid #0b3953;
  border-radius: 0px 8px 8px 0px !important;
}
footer button {
  background-color: transparent;
  border: none 0px;
  color: #fbfbfb
}
footer .input-group {
  border-radius: 10px;
}
footer .form-inline .form-control {
  border-radius: 8px 0px 0px 8px;
}
.text-muted {
  color: #0b3953!important;
}
.carousel-control-next, .carousel-control-prev {
  opacity: .9;
}
header h3 strong {
  color: #f9f5eb;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fbfbfb;
  z-index: 10000000;

  background-image:url('../img/loading.gif');
  background-repeat:no-repeat;
  background-position: center;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #0b3953;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(11 57 83);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(38 124 225);
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #007bff !important;
}
.bg-transparent {
	float: right;
}

.dropdown-menu {
    color: #ffffff;
    background-color: #0b3953;
}
.dropdown-item {
    color: #ffffff;
}
.offcanvas-header{ display:none; }

.screen-overlay {
  width:0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
   }
.screen-overlay.show {
    transition:opacity .5s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}
.mobile-visable {
		display: none
	}
	.desktop-visable {
		display: block
	}

	.dropdown-filter {
		    float: left;
    width: 100%;
    padding: 20px;
	}
.drop-filter .btn {
	margin-bottom: 20px;
}
.none {
	/*display: none;*/
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.25rem;
    padding-left: 1.5rem;
}
.h5, h5 {
    font-size: 1.85rem;
}.pt-2, .py-2 {
    padding-top: .5rem!important;
    padding-left: 10px;
}
.nav-ab {
	position: fixed;
	display: block;
	top: 0px;
	z-index: 1001;
	    padding-top: 20px;
	width: 100%;
	height: 100px;
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.carousel-control-prev, .carousel-control-next {
	    position: absolute;
}
a.carousel-control-prev {
    left: -30px;
    top: 25px;
}
a.carousel-control-next {
    right: -30px;
    top: 25px;
}
.carousel-item {
	padding: 0px;
}
.carousel-item li {
	list-style: none;
}
.carousel-item ul.row {
	margin: 0px 20px;
	padding: 0px;
}
.logo {
	float: left;
	position: fixed;
	left: 20px;
	top: 20px;
}
.logo img {
	width: 250px;
}
i.fa.fa-home.desktop-visable {
    margin-top: 2px;
}
.shortcuts h1 {
	font-size: 20px;
}

.navbar {
    position: fixed;
    right: 0px;
}
.testimonials h2 {
	margin-bottom: 20px
}
.testimonials {
	margin: 0px 10% 100px;
	float: left;
	padding: 0px;
	width: 80%;
}
.testimonials h5 {
	color: #267ce1;
	font-size: 16px
}
.testimonials P {
	margin-bottom: 30PX;
}
.testimonials img {
	border-radius: 50%;
	border: solid 3px #fff;
	width: 70px;
    float: left;
    margin: 10px 10px 10px 0px;
}
.testimonials .carousel-caption {
    position: static;
	color: #0b3953;
	text-align:  left;
}
.testimonials .carousel-indicators li {
    background-color: #0b3953;
}
.testimonials a.carousel-control-next, .testimonials a.carousel-control-prev {
	display: none;
}
.testimonials .carousel-indicators {
	margin-top: 50px;
	    bottom: -40px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	}
.testimonials .carousel-inner {
	height: auto;
}
.testimonials .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: #0b3953;
    transform: rotate(45deg);
    margin-right: 10px;
    margin-left: 10px;
    float: left;
}
.testimonials .carousel-indicators {
    -ms-flex-pack: left;
    justify-content: left;
}
.partners img {
	border: none 0px;
	border-radius: 0px;
	width: 100%;
}
.slider .indicators .indicator-item {
height: 14px !important;
    width: 14px !important;
    margin: 0 12px;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
     border-radius: 0% !important;
    border: solid 1px #fff  !important;
    padding: 4px;
    background-color: #0b3953;
    transform: rotate(45deg) !important;
}

/*====================================
	About Us CSS
======================================*/
.about-us .about-video{
	margin-top:30px;
}
.about-us .single-video{
	position:relative;
}
.about-us .single-video img{
	width:100%;
}
.about-us .single-video a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	font-size: 25px;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	border: 2px solid #fff;
	padding-left: 4px;
	margin: -32.5px 0 0 -32.5px;
}
.about-us .single-video a:hover{
	background:#fff;
	border-color:transparent;
	color: #267ce1;
}
.about-us .about-content {
	margin-top: 30px;
}
.about-us .about-content h2 {
	margin-bottom: 20px;
	font-size: 25px;
	text-transform: capitalize;
	line-height: 30px;
}
.about-us .about-content p {
	margin-bottom: 15px;
	color: #666;
}
.about-us .about-content p:last-child{
	margin:0;
}
.about-us .single-progress {
	margin-top: 40px;
}
.about-us .single-progress h4 {
	font-size: 15px;
	margin-bottom: 15px;
}
.about-us .progress {
	background: #f6f6f6;
	border-radius: 0px;
	border-radius: 30px 0 0 30px;
	height: 10px;
	overflow: visible;
}
.about-us .progress .progress-bar {
	border-radius: 30px;
	position:relative;
}
.about-us .progress .percent {
	border-radius: 30px;
	position: absolute;
	right: 0;
	top: -43px;
	padding: 5px;
	font-weight: 600;
	display: table-cell;
}
.about-us .progress .percent::before {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	border-top: 8px solid;
	border-left: 13px solid transparent;
	margin-left: -8px;
	top: 93%;
}
/*====================================
	End About Us CSS
======================================*/
.internal {
	padding: 150px 0px 70px;
	float: left;
	width: 100%; 
	min-height: 750px;
}
.wabas {
	color: #267ce1 !important;
	font-weight: bold;
}
.title-bg i {
	font-weight: 600px;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	    line-height: 20px;
}
.partners {
	margin-top: 0px;
}
.single-partner {
	margin-bottom: 20px;
}
span.title-bg {
    border-bottom: dotted 1px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    line-height: 20px;
    padding-bottom: 0px;
}
.consultancy {
	padding: 0px;
	margin: 60px 0px;
	width: 100%;
	float: left;
}
.consultancy li {
	list-style: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 140px 30px;
}
.consultancy h1 {
    background-color: #0b3953;
    color: #fff;
}
.consultancy h5 {
	font-size: 15px;
}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	max-width: none !important;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid figure figcaption:hover > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 14px;
    opacity: 1;
    z-index: 10000;
    position: relative;
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 4em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	background: #0b3953;
	text-align: center;
	cursor: pointer;
	min-height: 340px;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	zoom:3;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

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

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-transform: lowercase;	
	
	color: #fff;
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	text-transform: capitalize;
	color: #fff;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

.section-title h1 {
	margin-bottom: 40px;
}


.hexa{
  border: 0px;
  float: left;
  text-align: center;
  height: 35px;
  width: 60px;
  font-size: 22px;
  background: #f0f0f0;
  color: #3c3c3c;
  position: relative;
  margin-top: 15px;
}

.hexa:before{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -15px;
}

.hexa:after{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #f0f0f0;
  bottom: -15px;
}

.timeline {
  position: relative;
  padding: 0;
  width: 100%;
  margin-top: 20px;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background: #91be49;
  z-index: 5;
	
}
.continue {
    margin: 40px 0px;
    border-radius: 60px;
    padding: 15px 26px;
    font-size: 17px;
}
.invest {
	width: 100%;
	margin: 0px;
}
.padding-30 {
	padding: 30px;
}
.invest .col {
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	padding: 150px 20px;
	
}
.invest span {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
	background-color: #000;
	opacity: .37;
	top: 0px;
	left: 0px;
	
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .5s;
	
}
.invest .col:hover span{
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .5s;
	opacity: .1;
	
}
.none  {
	display: none;
}
.invest .col h1 {
	font-size: 19px;
    position: relative;
    z-index: 10;
    text-align: center;
    background-color: #91be49d6;
    padding: 20px;
}
.who-form {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/who-form.jpg');
	background-size: cover;
	width: 100%;
	padding: 150px 100px;
	color: #0b3a53;
	margin: 50px 0px;
	
}
.who-form h1 {
	text-transform: uppercase;
	color: #91be49;
}
.p-h2 {
	
	color: #91be49;
}
.who-form h4 {
	padding: 20px 20%;
}
.human-video {
	margin: 50px 0px;
	width: 100%;
	float: left;
}
.invest .col strong {
	font-weight: bolder;
	font-size: 20px;
}

.timeline li {
      padding: 8.5em 0 0px;
}

.timeline .hexa{
  width: 142px;
  height: 142px;
  position: absolute;
  background: #007bff;
  z-index: 5;
  left: 0;
  right: 0;
  margin-left:auto;
  margin-right:auto;
  top: -60px;
  margin-top: 0;
	
	-webkit-mask-box-image: url(../img/mask-1.svg) repeat;
    mask-border: url(../img/mask-1.svg) repeat;

}

.timeline .hexa:before {
  border-bottom: 0px solid #007bff;
  border-left-width: 8px;
  border-right-width: 8px;
  top: -4px;
}

.timeline .hexa:after {
  border-left-width: 8px;
  border-right-width: 8px;
  border-top: 0px solid #007bff;
  bottom: -4px;
}

.direction-l,
.direction-r {
  float: none;
  width: 100%;
  text-align: center;
}

.flag-wrapper {
  text-align: center;
  position: relative;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(255,255,255);
  font-weight: 600;
  z-index: 15;
  padding: 6px 10px;
  text-align: left;
  border-radius: 5px;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  height: 0;
  width: 0;
  margin-left: -8px;
  border: solid transparent;
  border-bottom-color: rgb(255,255,255);
  border-width: 8px;
  pointer-events: none;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.time-wrapper {
  display: block;
  position: relative;
  margin: 4px 0 0 0;
  z-index: 14;
  line-height: 1em;
  vertical-align: middle;
  color: #fff;
}

.direction-l .time-wrapper {
  float: none;
}

.direction-r .time-wrapper {
  float: none;
}

.time {
  background: #91be49;
  display: inline-block;
      padding: 17px 14px;
}

.desc {
  position: relative;
  margin: 1em 0 0 0;
  padding: 1em;
  background: rgb(254,254,254);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  box-shadow: 0 0 1px rgba(0,0,0,0.20);
  z-index: 15;
	color:#91be49;
}

.direction-l .desc,
.direction-r .desc {
  position: relative;
  margin: 0em 0em 0 0em;
  padding: 1em;
  z-index: 15;
}
.samat-logo {
	width: 260px;
	float: right;
	margin-left: 20px;
}

/*======================================
	Blogs CSS
========================================*/ 
.blogs-main .blog-slider{
	margin-top:30px;
}
.blogs-main .blog-head {
	position: relative;
}
.blogs-main .blog-head img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:3;
}
.blogs-main .blog-bottom {
	position: relative;
	padding: 0 10px;
}
.blogs-main .blog-inner {
	position: relative;
	top: -35px;
	z-index: 33;
	padding: 35px 0px;
	
	margin-bottom: -32px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.blogs-main .single-blog:hover .blog-inner{
	top: -40px;
}
.blogs-main .blog-inner h4 {
	font-size: 18px;
	line-height: 26px;
	position: relative;
	margin-bottom: 10px;
}
.blogs-main .blog-inner h4 a {
	color: #333;
	cursor: pointer;
	text-transform: inherit;
}
.blogs-main .meta {
	border-top: 1px solid #e7e7e7;
	padding-top: 10px;
	margin-top: 10px;
}
.blogs-main .meta span{
	display:inline-block;
	margin-right:10px;
}
.blogs-main .meta span:last-child{
	margin-right:0px;
}
.blogs-main .meta span i{
	margin-right:5px;
}
.blogs-main .meta span a{
	color: #184787;
}
/* Slider Meta */
.blogs-main button {
	background: transparent;
	border: 0px solid;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	top: 50%;
	padding: 0;
	opacity: 1;
	margin: -25px 0 0;
	border-radius: 100%;
	display: block;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blogs-main button:hover{
	color: #fff;
}
.blogs-main button.Prev{
	left:-60px;
}
.blogs-main button.Next{
	right:-60px;
}
/* Blog Archives */
.blogs-main.archives {
	padding: 50px 0 80px;
}
.blogs-main.archives .single-blog{
	margin-top:30px;
}
/* Pagination */
.blogs-main.archives .pagination-main{
	text-align:center;
}
.blogs-main.archives .pagination {
	display: block;
	padding-left: 0;
	margin: 0px 0 0;
	border-radius: 4px;
	text-align: center;
}
.blogs-main.archives .pagination li {
	display: inline-table;
	margin-right:5px;
}
.blogs-main.archives .pagination li a {
	background: #fff;
    border: none;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #0d3953;
    border-radius: 50px;
    border: 1px solid #e7e7e7;
}
.blogs-main.archives .pagination li.active a {
	color: #017cff;
	border-color: transparent;
}
.blogs-main.archives .pagination li:hover a,
.blogs-main.archives .pagination li.active a{
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
} 
.blogs-main.archives .pagination li.prev a, 
.blogs-main.archives .pagination li.next a {
	font-size: 15px;
}
.blogs-main.archives .pagination li.active a{
	color:#017cff !important;
}
/* Blog Sidebar */
.blogs-main.archives .blog-sidebar {
	margin-top: 30px;
}
.blogs-main.archives .single-sidebar {
	margin-bottom: 30px;
	background: #fff;
	padding: 15px;
}
.blogs-main.archives .single-sidebar:last-child{
	margin:0px;
	border:none;
}
.blogs-main.archives .single-sidebar h2 {
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 15px;
	display: block;
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
}
.blogs-main.archives .single-sidebar h2 i {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.blogs-main.archives .single-sidebar ul li a {
	color: #333;
}
.blogs-main.archives .single-sidebar ul li a i{
	margin-right:5px;
}
/* Post Tabs */
.blogs-main.archives .post-tab .nav {
	margin-bottom: 20px;
}
.blogs-main.archives .post-tab .nav li {
	margin: 0;
}
.blogs-main.archives .post-tab .nav li a {
	position: relative;
	background: #f6f6f6;
	color: #333;
	border-radius: 0px;
	font-weight: 600;
	padding: 12px 20px;
	text-transform: capitalize;
	border: none;
	border-right: 1px solid #eee;
	margin: 0;
}
.blogs-main.archives .post-tab .nav li a.active {
	border-color:transparent;
	color: #fff;
}
.blogs-main.archives .post-tab .nav li:last-child a{
	border-color:transparent;
}
.blogs-main.archives .post-tab .nav li a i{
	margin-right:10px;
}
.blogs-main.archives .post-tab .nav li:last-child a i{
	margin-right:0px;
}
.blogs-main.archives .post-tab .single-post {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
}
.blogs-main.archives .post-tab .single-post:last-child {
	margin-bottom: 0px;
	border: none;
	padding: 0;
}
.blogs-main.archives .post-tab .single-post .post-img {
	float: left;
	margin-right: 15px;
}
.blogs-main.archives .post-tab .single-post img {
	width: 65px;
	height: 65px;
	border-radius: 100%;
}
.blogs-main.archives .post-tab .post-info {
	overflow: hidden;
}
.blogs-main.archives .post-tab .post-info h4 {
	font-size: 14px;
	margin: 0;
	line-height: 22px;
	font-weight: 600;
}
.blogs-main.archives .post-tab .post-info a {
	color: #333;
}
.blogs-main.archives .post-tab .post-info p {
	margin: 0;
	font-size: 13px;
}
.blogs-main.archives .post-tab .post-info p i{
	margin-right:5px;
	font-size:13px;
}
.blogs-main.archives .category ul li {
	font-size: 15px;
	margin-bottom: 15px;
}
.blogs-main.archives .category ul li span {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	margin-left: 5px;
	line-height: 24px;
	float: right;
}
.blogs-main.archives .category ul li:last-child{
	margin-bottom:0px;
	padding-bottom: 0px;
}
.blogs-main.archives .tags h2 {
	margin-bottom: 5px;
}
.blogs-main.archives .tags ul li {
	display: inline-block;
	margin-top: 10px;
}
.blogs-main.archives .tags ul li a {
	color: #666;
	border-radius: 30px;
	border: 1px solid #e7e7e7;
	padding: 5px 15px;
	display: block;
}
.blogs-main.archives.archive.section .single-blog{
	padding:15px;
}
/* Blog Single */
.blogs-main.archives.single .blog-top {
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.blogs-main.archives.single .meta {
	border: none;
	padding: 0;
	float: left;
	margin: 0;
}
.blogs-main.archives.single .social-share {
	float: right;
}
.blogs-main.archives.single .social-share li {
	display: inline-block;
	margin-right:10px;
}
.blogs-main.archives.single .social-share li:last-child{
	border:none;
	margin:0;
}
.blogs-main.archives.single .social-share li a {
	color: #0b3953;
	display: block;
	text-align: center;
	border-radius: 100%;
}
.blogs-main.archives.single .blog-inner {
	top: 0;
	position: relative;
	margin-bottom: 0px;
}
.blogs-main.archives.single .blog-inner h2 {
	font-size: 25px;
	margin: 0 0 15px;
}
.blogs-main.archives.single .blog-inner h2 a{
	color:#333;
}
.blogs-main.archives.single .blog-inner p {
	margin-bottom:20px;
}
.blogs-main.archives.single .blog-inner p b{
	font-weight:700;
}
.blogs-main.archives.single .blog-inner p u{
	text-decoration:underline;
	font-weight:700;
}
.blogs-main.archives.single blockquote {
	padding: 20px 15px;
	border:solid 1px;
	border-left: 5px solid;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 20px;
	font-size:16px;
}
.blogs-main.archives.single .bottom-area {
	overflow: hidden;
	text-align: center;
}
.blogs-main.archives.single .arrow {
	display: inline-block;
	padding: 0px;
}
.blogs-main.archives.single .arrow li {
	border: 1px solid #184787;
	display: inline-block;
}
.blogs-main.archives.single .arrow li:last-child{
}
.blogs-main.archives.single .arrow li a {
	padding: 10px 25px;
	color: #184787;
	display: block;
	border:1px solid transparent;
}
.blogs-main.archives.single .arrow li:hover a{
	background:transparent;
	color:#333;
}
.blogs-main.archives.single .arrow li.prev a i{
	margin-right:5px;
}
.blogs-main.archives.single .arrow li.next a i{
	margin-left:5px;
}
.blogs-main.archives.single .author-details {
	background: #fff;
	padding: 40px 20px;
	overflow: hidden;
	margin-top: 30px;
}
.blogs-main.archives.single .author-left {
	float: left;
	text-align: center;
	border-right: 1px solid #e7e7e7;
	padding-right: 15px;
	margin-right: 15px;
	width: 22%;
}
.blogs-main.archives.single .author-left img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: inline-block;
	margin-bottom: 10px;
}
.blogs-main.archives.single .author-left h4{
	font-size:18px;
	margin-bottom:5px;
}
.blogs-main.archives.single .author-left h4 span {
	display: block;
	font-size: 14px;
}
.blogs-main.archives.single .author-left p a{
	color:#333;
}
.blogs-main.archives.single .author-left p i{
	width:25px;
	height:25px;
	line-height:25px;
	font-size:13px;
	border-radius:100%;
	border:1px solid #e7e7e7;
	margin-right:5px;
}
.blogs-main.archives.single .author-content {
	float: left;
	width: 70%;
}
.blogs-main.archives.single .author-content .social-share {
	float: none;
	margin-top: 10px;
}
.blogs-main.archives.single .title {
	text-align: left;
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
	padding-top: 30px;
}
/* Blog Comments */
.blogs-main.archives.single .blog-comments {
	margin-top: 30px;
	overflow: hidden;
}
.blogs-main.archives.single .single-comments {
	overflow: hidden;
	margin-bottom: 30px;
}
.blogs-main.archives.single .single-comments:last-child{
	border-bottom:0px solid;
	padding:0px;
	margin:0;
}
.blogs-main.archives.single .single-comments .main {
	overflow: hidden;
}
.blogs-main.archives.single .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%;
}
.blogs-main.archives.single .single-comments .head img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
}
.blogs-main.archives.single .single-comments .body {
	float: left;
	width: 85%;
	background:#fff;
	padding:20px;
	position:relative;
}
.blogs-main.archives.single .single-comments .body::before {
	position: absolute;
	left: -14px;
	border-top: solid transparent;
	border-left: 15px solid transparent;
	content: "";
	top: -3px;
	border-bottom: 15px solid #fff;
}
.blogs-main.archives.single .single-comments h4 {
	font-size: 18px;
	text-align: left;
	font-weight: 600;
	color: #333;
}
.blogs-main.archives.single .comment-info p {
	color: #666;
	font-size: 13px;
}
.blogs-main.archives.single .comment-info p span{
	margin-right:10px;
}
.blogs-main.archives.single .comment-info p span i {
	margin: 0 5px;
}
.blogs-main.archives.single .comment-info p a{
	color:#666;
}
.blogs-main.archives.single .comment-info p a i{
	margin-right:5px;
}
.blogs-main.archives.single .comment-list {
	padding-top: 30px;
	padding-left:50px;
	overflow: hidden;
}
.blogs-main.archives.single .comment-list .body {
	width: 78%;
}
/* Comments Form */
.blogs-main.archives.single .comments-form {
	margin-top: 30px;
}
.blogs-main.archives.single .form {
	margin-top: 30px;
}
.blogs-main.archives.single .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	padding:15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 400;
	border-radius: 3px;
	outline:none;
}
.blogs-main.archives.single .form-group input:hover,
.blogs-main.archives.single .form-group textarea:hover{
	padding-left:20px;
}
.blogs-main.archives.single .form-group textarea {
	border: 1px solid #e7e7e7;
	padding: 15px;
	width: 100%;
	padding-left: 10px;
	resize: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: none;
	border-radius: 3px;
	outline:none;
}
.blogs-main.archives.single .form-group input:hover,
.blogs-main.archives.single .form-group input:focus,
.blogs-main.archives.single .form-group textarea:hover{
	outline:none;
}
.blogs-main.archives.single .form-group.button {
	margin: 0;
	text-align: center;
}
.blogs-main.archives.single .form-group .btn {
	font-size: 14px;
	width: 100%;
	border-radius: 0px;
	color: #0b3953;
	margin-top: 0;
	border-radius: 3px;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	border: solid 1px;
}
.blogs-main.archives.single .form-group .btn:hover {
	background: #0b3953;
	
	color: #fff;
}
/*======================================
	End Blogs CSS
========================================*/ 
/*======================================
	Portfolio CSS
========================================*/ 
.portfolio {
	overflow: hidden;
}
.portfolio .portfolio-nav {
	border: 1px solid;
	text-align: left;
	margin: 40px 0 30px;
	border-radius: 58px;
}
.list-inline {
	margin: 0px;
}
.portfolio .portfolio-nav ul li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	text-transform: capitalize;
	text-transform: uppercase;
	font-weight: 600;
}
.portfolio .portfolio-nav ul li:last-child{
	margin:0;
}
.portfolio .portfolio-nav ul li.active, 
.portfolio .portfolio-nav ul li:hover {
	color: #007cfe;
}
.portfolio .cbp-filter-counter {
	position: absolute;
	top: -30px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 100%;
	left: 50%;
	margin-left: -10px;
	color: #007cfe;
	display: table-cell;
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}
.portfolio .cbp-filter-counter::before {
	position: absolute;
    left: 50%;
    border-top: 8px solid;
    border-left: 8px solid transparent;
    content: "";
    margin-left: -4px;
    top: 98%;
    transform: rotate(-45deg) !important;
}
.portfolio .portfolio-nav li.active .cbp-filter-counter, 
.portfolio .portfolio-nav li:hover .cbp-filter-counter{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
/* Portfolio Latest */
.portfolio .portfolio-single {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.portfolio .portfolio-head{
	position:relative;
} 
.portfolio .portfolio-head img{
	width:100%;
	z-index:10;
}
.portfolio .portfolio-hover {
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	padding: 50px 15px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	border: 3px solid #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
}
.portfolio .portfolio-single:hover .portfolio-hover{
	opacity:1;
	visibility:visible;
	transform: scale(1);
}
.portfolio .portfolio-hover::before {
	position: absolute;
	color: #fff;
	text-align: center;
	background: #0b3953;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 1;
	opacity: 0.9;
}
.portfolio .portfolio-hover h4 {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 15px;
	position: relative;
}
.portfolio .portfolio-hover h4 a{
	color:#fff;
	font-size: 25px;    font-weight: normal;
}
.portfolio .portfolio-hover p{
	position: relative;
	color:#fff;
}
.portfolio .portfolio-hover .button {
	margin-top: 15px;
	position: relative;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	text-align: center;
}
.portfolio .portfolio-hover .button a {
	border: solid 1px ;
	display: inline-block;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	color: #2d89ff;
	font-size: 12px;
}
.portfolio .portfolio-hover .button a:last-child{
	margin-right:0px;
}
.portfolio .portfolio-hover .button a:hover,
.portfolio .portfolio-hover .button .primary{
	color:#fff;
}
.portfolio .portfolio-hover .primary:hover {
	background: #fff !important;
	color: #333 !important;
}
.portfolio .button{
	text-align:center;
	margin-top:50px;
}
.portfolio .button .btn {
	border-radius: 30px;
}
.portfolio .button .btn:hover{
	background:#333;
	color:#fff;
}
/* Portfolio Single */
.portfolio.single{
	padding:50px 0 80px;
}
.portfolio.single .portfolio-single{
	background:transparent;
	margin-top:30px;
}
.portfolio.single .owl-nav div {
	width: 50px;
    height: 50px;
    font-size: 25px;
    border-radius: 0px;
    opacity: 1;
    position: absolute;
    margin: -25px 0 0;
    top: 50%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background:transparent;
    line-height: 50px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 100%;
}
.portfolio.single .owl-nav div.owl-prev{
	left:-100px;
}
.portfolio.single .portfolio-single:hover .owl-nav div.owl-prev{
	left:0;
}
.portfolio.single .owl-nav div.owl-next{
	right:-100px;
}
.portfolio.single .portfolio-single:hover .owl-nav div.owl-next{
	right:0;
}
.portfolio.single .portfolio-widget {
	text-align: left;
	background: #fff;
	padding: 25px;
	box-shadow: 0px 0px 5px #0003;
	margin-top:30px;
}
.portfolio.single .single-widget {
	position: relative;
	padding-left: 60px;
	margin-bottom: 20px;
}
.portfolio.single .single-widget:last-child{
	margin-bottom:0px;
}
.portfolio.single .single-widget i {
	width: 40px;
	height: 40px;
	line-height: 41px;
	border: 1px solid #e7e7e7;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: 0;
}
.portfolio.single .single-widget h4 {
	font-size: 18px;
}
.portfolio.single .single-widget a {
	color: #666;
}
.portfolio.single .portfolio-content{
	text-align:left;
}
.portfolio.single .portfolio-content h2{
	text-align:left;
	margin-bottom:15px;
}
.portfolio.single .portfolio-content p{
	text-align:left;
	margin-bottom:20px;
}
.portfolio.single .portfolio-content p:last-child{
	margin-bottom:0px;
}
.portfolio.single blockquote {
	background: #F6F6F6;
	padding: 20px 15px;
	border-left: 5px solid;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 20px;
	font-size:16px;
}
.portfolio.single .related-portfolio {
	margin-top:30px;
}
.portfolio.single .related-portfolio .title{
	font-size: 25px;
	padding-bottom: 30px;
	text-align:left;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}
.portfolio.single .related-portfolio .portfolio-single{
	margin-top:30px;
}
/*======================================
	End Portfolio CSS
========================================*/ 
/*======================================
	Contact CSS
========================================*/ 
.contact-us {
	position: relative;
	z-index: 43;
}
.contact-us .contact-main {
	margin-top: 0px;
}
.contact-us .form-main {
	background: #fff;
	padding: 20px;
	text-align: left;
	float: left;
	-webkit-box-shadow: -2px 9px 28px -19px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 9px 28px -19px rgba(0,0,0,0.75);
box-shadow: -2px 9px 28px -19px rgba(0,0,0,0.75);
	margin-bottom: 40px;
}
.contact-us .form-main h2 {
	font-size: 26px;
	margin-bottom: 0px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 15px;
}
.contact-us .form-main h2::before {
	content: "";
	position: absolute;
	left: 0%;
	width: 80px;
	height: 3px;
	bottom: 1.5px;
}
.margin-top-20 {
	margin: 20px 0px;
	    float: left;
    width: 100%;
}
.text-required {
    color: red;
    font-size: 14px;
}
legend {
    font-size: 1.3rem;
}
.contact-us .form {
	margin-top:30px;
}

.contact-us .form-group {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.contact-us .form-group input, 
.contact-us .form-group select {
	height: 50px;
	border: 1px solid #e7e7e7;
	padding-left: 10px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 400;
	border-radius: 0px;
	outline: none;
	padding: 0 15px;
}
.form-check {
    float: left;
}
.form-check input {
	margin-top: -15px;
}
.contact-us .form-group .nice-select {
	padding-top: 8px;
	margin-bottom: 25px;
}
.contact-us .nice-select::after {
	border-bottom: 2px solid;
	border-right: 2px solid;
	right: 20px;
}
.contact-us .nice-select .list {
	border-radius: 0px;
	width: 100%;
}
.contact-us .nice-select .option:hover{
	color:#fff;
}
.contact-us .form-group textarea {
	border: 1px solid #e7e7e7;
	padding: 15px;
	width: 100%;
	height:200px;
	padding-left: 10px;
	resize: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: none;
	border-radius: 0px;
}
.contact-us .form-group .btn {
	display: block;
	cursor:pointer;
	width: 100%;
	color: #184787;
	border: solid 1px #184787;
}
.contact-us .form-group .btn:hover{
	background:#184787;
	color:#fff;
}
.contact-us .contact-address {
	background: #184787;
	padding: 30px;
	height: 555px;
}
.contact-us .contact-address h2 {
	font-size: 18px;
	margin-bottom: 15px;
	color: #fff;
}
.contact-us .address li {
	margin-bottom: 10px;
	position: relative;
	color: #eee;
}
.contact-us .address li:last-child{
	border:none;
	margin:0;
}
.contact-us .address li i {
	left: 0;
	top: 50%;
	color: #eee;
	width: 25px;
}
.contact-us .address li a{
	color:#eee;
}
ul.address {
    margin: 0px;
    padding: 20px;
}
.contact-us .social {
	overflow: hidden;
	margin: 0px 0px;
    padding: 0px;
}
.contact-us .social li {
	background: #fff3;
	display: block;
	padding: 8px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.contact-us .social li a {
	color: #fff;
	display: block;
}
.contact-us .social li a i {
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	margin-right: 10px;
	font-size: 13px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	border: solid 1px;
	color:#fff
}
.contact-us .social li:hover a i{
	background:#fff;
	color:#fff
}
.contact-us .map-main{
	background:#fff;
	padding:15px;
	margin-top:30px;
}
.contact-us #myMap {
	height: 400px;
	width: 100%;
}
/*======================================
	End Contact CSS
========================================*/ 

/*======================================
	Mail Send CSS
========================================*/ 
.mail-success{
	background:#f6f6f6;
}
.mail-success .mail{
	text-align:left;
}
.mail-success .mail h2 {
	font-size: 25px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.mail-success .mail h2 span {
	display: block;
	margin-bottom: 10px;
}
.mail-success .mail .btn i{
	margin-right:10px;
}
.mail-success .mail .btn:hover{
	background:#333;
	color:#fff;
}
/*======================================
  End Mail Success CSS
========================================*/ 

/*======================================
	Team CSS
========================================*/ 
.team{
	position: relative;
}
.team .single-team {
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 30px;
}
.team .t-head{
	position:relative;
	overflow:hidden;
}
.team .t-head::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity:0;
	visibility:hidden;
	content: "";
	z-index: 2;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.team .single-team:hover .t-head::before{
	visibility:visible;
	opacity:0.5;
}
.team .t-head img{
	width:100%;
	position:relative;
}
.team .t-icon a {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	visibility: hidden;
	font-weight: 400;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	-webkit-transform:scale(0.6);
	-moz-transform:scale(0.6);
	transform:scale(0.6);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 99;
	margin: -20px 0 0 -20px;
	font-size: 15px;
}
.team .single-team:hover .t-icon a {
	-moz-transform:scale(1);
	opacity:1;
	visibility:visible;
}
.team .t-icon a:hover{
	background:#333;
}
.team .t-bottom {
	text-align: left;
	position: relative;
	padding: 0 20px;
}
.team .t-bottom p {
	color: #666;
	padding-top: 12px;
}
.team .t-bottom h2 {
	font-size: 18px;
	text-transform: capitalize;
	padding-bottom: 12px;
}
.team .t-social {
	background: #fff;
	width: 100%;
	z-index: 33;
	padding: 8px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: 100%;
	border-top: 1px solid #e7e7e7;
}
.team .single-team:hover .t-social {
	opacity:1;
	visibility: visible;
}
.team .t-social li {
	display:inline-block;
	margin-right:10px;
}
.team .t-social li:last-child{
	margin:0;
}
.team .t-social li a {
	display: block;
	color: #0b3953;
	text-align: center;
}
/* Team Single */
.team.single {
	padding: 0;
	z-index: 44;
	background: #f6f6f6;
	padding: 50px 0 80px;
}
.team.single .about-slider {
	margin-top: 30px;
	background: #333;
}
.team.single .about-info {
	padding:20px;
}
.team.single .about-info h2 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #fff;
}
.team.single .about-info p{
	color:#fff;
	margin-bottom:15px;
}
.team.single .about-info p:last-child{
	margin-bottom:0px;
}
.team.single .contact {
	position: relative;
}
.team.single .contact li {
	margin-bottom: 15px;
	color: #fff;
	position: relative;
	padding-left: 35px;
}
.team.single .contact li:last-child{
	margin:0;
}
.team.single .contact li i {
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	display: block;
	border-radius: 100%;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 13px;
}
.team.single .about-info.skills .single-progress {
	margin-top: 40px;
}
.team.single .skills .single-progress h4 {
	color:#fff;
	font-size: 15px;
	margin-bottom: 15px;
}
.team.single .skills p{
	margin-bottom:0px;
}
.team.single .skills .progress {
	background: #f6f6f6;
	border-radius: 0px;
	border-radius: 30px 0 0 30px;
	height: 10px;
	overflow: visible;
}
.team.single .skills .progress .progress-bar {
	border-radius: 30px;
	position:relative;
}
.team.single .skills .progress .percent {
	border-radius: 30px;
	position: absolute;
	right: 0;
	top: -43px;
	padding: 5px;
	font-weight: 600;
	display: table-cell;
}
.team.single .skills .progress .percent::before {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	border-top: 8px solid;
	border-left: 13px solid transparent;
	margin-left: -8px;
	top: 93%;
}
/* Slider Meta */
.team.single .owl-nav {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.team.single .owl-nav div {
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border-radius:3px;
	font-size: 20px;
	margin: 0 5px 0 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.team.single .owl-nav div:hover{
	background:#fff;
	color:#333;
}
.team.single .owl-nav div:last-child{
	margin:0;
}
/*======================================
	End Team CSS
========================================*/ 
.blog-bg {
	padding: 20px !important;
	background-color: #fff;
}
/*-----------------------
sectors
--------------*/
.sectors img {
	width: 300px;
	height: 300px;
	-webkit-mask-box-image: url(../img/mask-1.svg) repeat;
    mask-border: url(../img/mask-1.svg) repeat;
	float: left;
	
	margin-left: 10px;
}

.sectors-row {
	margin: 30px 0px;
}
.sectors {
	
	background-image: url("../img/mask-1.svg");
	background-repeat: no-repeat;
	background-size: 300px 300px;
	
}
.sectors-title {
	
display: flex;
    vertical-align: middle;
    padding: 100px 20px;	
}
.sectors-title p {
	padding-top: 10px;
	padding-left: 20px;
}
hr {
	border-top: dotted 1px #0b3a53;
	float: left;
	width: 100%;
}
.studies {
	padding: 0px;
	margin: 0px 0px 50px 0px;
	width: 100%;
	float: left;
	position: relative;
}
.studies li {
	list-style: none;
	border: solid 2px #0b3a53;
	padding: 40px;
	margin-bottom: 50px;
	display: inline-block;
	    position: sticky;
	    height: fit-content;
}
.studies li:nth-child(2) {
	width: 40%;
	padding-right: 120px;
		margin-right: 20%;
	z-index:2;
}
.studies li:nth-child(2) img {
	right: -280px;
    position: absolute;
    top: 50%;
}
.studies li:nth-child(3) {
	width: 40%;
	float: right;
	margin-top:300px;
	z-index: 1;
	padding-left: 100px;
}
.studies li:nth-child(4) {
	width: 45%;
	float: right;
	padding-top: 180px;
	margin-left: 100px;
	margin-top: -120px;
}
.studies li:nth-child(4) img {
	left: -100px;
    position: absolute;
    top: -140px;
}
.studies li:nth-child(5) {
	width: 40%;
	float: right;
	padding-bottom: 120px;
	margin-top: 40px;
	margin-left: 5%;
	z-index: 10;

}
.studies li:nth-child(5) img {
	left: -50px;
    position: absolute;
    bottom: -220px;
}
.studies li:nth-child(6) {
	width: 65%;
	float: left;
	padding-right: 180px;
	margin-top: -30px;
	margin-left: 0%;
z-index: 9;
}
.studies li:nth-child(1) {
	position: absolute;
    right: 0px;
    top: 20px;
    padding: 20px;
    color: #0b3953;
    /* background-color: #0b3a53; */
    border: none 0px;
    margin: 0px;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 22px;
}
.technology {
	padding: 0px;
	margin: 120px 0px 40px 0px;
	width: 100%;
	float: left;
	position: relative;
}
.technology li {
	list-style: none;
	border: solid 2px #0b3a53;
	padding: 40px;
	margin-bottom: 140px;
	display: inline-block;
	    position: sticky;
	    height: fit-content;
}
.technology-list {
	background-color: #0e6edf;
	color: #fff;
	margin-right: -40px;
	margin-bottom: -90px;
	width: 90%;
	padding: 20px;
	margin-top: 20px;
	float: left;
}


.technology li:nth-child(1) {
	position: absolute;
    right: 0px;
    top: 20px;
    padding: 20px;
    color: #0b3953;
    /* background-color: #0b3a53; */
    border: none 0px;
    margin: 0px;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 14px;
}

.technology-list li {
	list-style: none;
	border: none 0px #0b3a53 !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
	display: inline-block;
	    position: relative !important;
	    height: auto !important;
	width: 100% !important;
	float: left !important;
	margin-top: 0px !important;
	background-color: transparent !important;
	font-size: 16px !important;
	right: auto !important;
	margin: 0px !important;
	top: auto !important;
}
.technology-list li {
	list-style: circle !important;
}
.technology-list li:nth-child(1) {
	color: #fff;
	letter-spacing: 0px;
	
		    font-weight: normal;
	float: left;
	text-align: left !important;
}

.technology li:nth-child(2) {
	width: 50%;
	float: left;
	margin-top: -30px;
	margin-left: 0%;
z-index: 9;
}
.technology li:nth-child(3) {
	width: 45%;
	float: left;
	margin-top: 200px;
	margin-left: 0%;
z-index: 9;
	float: right;
	padding-left: 70px;
}
.technology li:nth-child(4) {
	    width: 50%;
    float: left;
    margin-top: 80px;
    margin-left: 0%;
    padding-top: 210px;
    z-index: 9;
}

.technology li:nth-child(4) img {
	right: -100px;
    position: absolute;
    top: -137px;
}

.technology li:nth-child(5) {
	    width: 65%;
    float: left;
    margin-top: -30px;
    margin-left: 0%;
    z-index: 9;
    float: left;
	    padding-top: 120px;
}


.technology li:nth-child(6) {
	width: 30%;
    float: left;
        margin-top: -473px;
    margin-left: 5%;
    z-index: 9;
    float: right;
	padding-left: 70px;
}
.technology li:nth-child(6) img {
	left: -280px;
    position: absolute;
    bottom: -157px;
}
.human-icons {
	width: 100%;
	float: left;
	margin: 40px 0px;
	text-align: center;
	padding: 0px;
}
.human-icons li {
	border-bottom: dotted 1px #ccc;
	border-right: dashed 1px #ccc;
	padding: 30px;
	color: #0b3a53;
	margin: 0px;
	list-style: none;
}
.human-icons li h1 {
	width: 100%;
	float: left;
	font-size: 21px;
	text-align: center;
	padding: 20px 0px;
}
.human-icons img {
	width: 46px;
}

.human-icons li:nth-child(4), .human-icons li:nth-child(8) {
	border-bottom: dotted 1px #ccc;
	border-right: dashed 0px #ccc;
}

.human-icons li:nth-child(5), .human-icons li:nth-child(6), .human-icons li:nth-child(7), .human-icons li:nth-child(8) {
	border-bottom: dotted 0px #ccc;
}

.human-icons li:nth-child(2), .human-icons li:nth-child(4), .human-icons li:nth-child(5), .human-icons li:nth-child(7) {
background-color: #f8f8f8;
}
.progress {
	background-color: transparent;
}

label.form-check-label {
    margin-top: -10px;
}





@media(min-width: 768px){
  .timeline {
    width: 660px;
    margin: 0 auto;
    margin-top: 0px;
  }

  .timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .timeline .hexa {
    left: -178px;
    right: auto;
    top: 8px;
  }

  .timeline .direction-l .hexa {
    left: auto;
    right: -178px;
  }

  .direction-l {
    position: relative;
    width: 310px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 310px;
    float: right;
    text-align: left;
  }

  .flag-wrapper {
    display: inline-block;
  }
  
  .flag {
    font-size: 18px;
  }

  .direction-l .flag:after {
    left: auto;
    right: -16px;
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: rgb(254,254,254);
    border-width: 8px;
  }

  .direction-r .flag:after {
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(254,254,254);
    border-width: 8px;
    left: -8px;
  }

  .time-wrapper {
    display: inline;
    vertical-align: middle;
    margin: 0;
  }

  .direction-l .time-wrapper {
    float: left;
  }

  .direction-r .time-wrapper {
    float: right;
  }

  .time {
    padding: 15px 13px;
  }

  .direction-r .desc {
    margin: 0em 0 0 0em;
  }
	.movies-pagination {
		width: 100% !important;
		margin: 20px 0px;
		
	}
}

@media(min-width: 992px){
  .timeline {
    width: 800px;
    margin: 0 auto;
    margin-top: 0px;
  }

  .direction-l {
    position: relative;
    width: 380px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 380px;
    float: right;
    text-align: left;
  }
}









@media all and (max-width:992px) { 
	
	.offcanvas-header{
		display:block; 
    margin-top: -20px;
	}
	.mouse_scroll, .slider.fullscreen ul.indicators {
		display: none;
	}
	html.is-ready .c-header_heading_label {
    margin: 20px 0px 0px 20px;
}
	
	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
	    border-radius:0; 
		display:block;
	    position: fixed;
	    top: 0; left:0;
	    height: 100%;
	    z-index: 1200;
	    width:80%;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: visible;
    	transform: translateX(0);
	}
	.nav-ab {
		padding-top: 0px;
	}
	
a.carousel-control-prev {
    left: -50px;
    top: 25px;
}
a.carousel-control-next {
    right: -50px;
    top: 25px;
}
}
@media (min-width:700px) and (max-width:999px) {
  .c-fixed_wrapper {
    height: 50vh
  }
  .c-header {
    height: 80vh;
    min-height: 380px
  }
}
@media (max-width:1199px) {
  .c-speed-block_title {
    display: none
  }
	
}
@media (max-width:699px) {
  .c-lerp-block_title span {
    font-size: 1.5625rem
  }
  .c-header {
    height: 50vh;
    min-height: 340px
  }
}
@media (min-width:700px) {
  .c-lerp-block_title span {
    font-size: 4.375rem
  }
}
@media (max-width:1199px) {
  .c-choochoo_item {
    display: none
  }
	.shortcuts {
    position: absolute;
    top: -90px;
    right: 12%;
    width: 76%;
	}
	.studies h1,  .technology h1 {
		font-size: 24px;
	}
	.studies li:nth-child(6) {
    width: 100%;
    float: left;
    padding-left:50px;
		
		padding-right: 50px;
	}
	.studies li:nth-child(1) {
    position: static;
    right: 0px;
    top: 20px;
		font-size: 32px;
    border: none 0px;
    margin: 0px 0px 30px;
    font-size: 40px;
    float: right;
    width: 300px;
    text-align: center;
    padding: 20px;
}
	.technology li:nth-child(1) {
		font-size: 32px;
    width: 300px;
    text-align: center;
    padding: 20px;
		
	}
	.studies li:nth-child(5), .studies li:nth-child(2), .studies li:nth-child(3), .studies li:nth-child(4)  {
    width: 100%;
		margin-left: 0px;
		padding-bottom: 50px;
		margin-right: 0px;
		padding: 50px;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.studies li:nth-child(5) img, .studies li:nth-child(2) img, .studies li:nth-child(3) img, .studies li:nth-child(4) img {
    left: auto;
		right: 0px;
    position: relative;
    bottom: 0px;
    width: 280px;
    float: left;    margin-left: 20px;
		top: 0px;
}
	.studies li:nth-child(4) img {
    left: auto;
		right: 0px;
    position: relative;
    bottom: 0px;
    width: 280px;
    float: left;    
		margin-left: 0px;
		margin-right: 20px;
}
	.studies li:nth-child(5) h6, .studies li:nth-child(2) h6, .studies li:nth-child(4) h6 {
    width: calc(100% - 300px);
    float: left;
}
	.studies li:nth-child(3) h6 {
		width: 100%;
    float: left;
		}
	.studies li:nth-child(6) {
    margin-top: 10px;
	}
	.technology li:nth-child(6) img {
    left: -230px;
    bottom: -107px;
}
	
}
@media (max-width:999px) {
  .c-damn {
    padding: 150vh 0 0
  }
  .c-section_infos {
    margin-bottom: 1.875rem
  }
  .c-speed-block {
    margin: 1.875rem 0
  }
	.u-1\/2 {
		width: 100%;
	}
	.bg-transparent {
        background-color: #0b3953!important;
    padding-top: 40px;
    z-index: 1000000;
    position: relative;
    width: 100%;
    left: 0px;
    right: 0px;
    height: 100vh;
}
	.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
}
	.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
	.btn-warning {
    color: #ffffff;
    background-color: #287ce1;
    border-color: #287ce1;
    position: absolute;
    right: 25px;
    top: 23px;
}
	.btn-warning:hover, .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #0b3953;
    border-color: #0b3953;
}
	.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(60 147 255 / 50%);
}
	.btn-danger {
    color: #fff;
    background-color: #358fdc;
    border-color: #358fdc;
}
	.btn-danger:hover, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #0b3953;
    border-color: #0b3953;
}
	.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(60 147 255 / 50%);
}
	.mobile-visable {
		display: block
	}
	
	
	.sidebar legend {
    position: static;
    float: left;
}
	.sidebar {
		min-height: auto !important;
	}
	.desktop-visable {
		display: none
	}
	.slider h3 {
    font-size: 40px !important;
	}
	.shortcuts {
    position: absolute;
    top: -90px;
    right: 0%;
    width: 100%;
	}
	.vision-section {
    margin-top: -120px;
}
	
	.logo img {
		    width: 240px;
    margin-top: -6px;
	}
	.nav-ab-bg {
		background-color: rgba(255,255,255,0.37);
		height: 90px;
	}
	.dropdown-menu {
    background-color: #348fdc;
	}
	.who-content {
    transform: skewY(0deg);
		margin-top: 10px;
		    float: left;
	}
	.who {
    transform: skewY(0deg) !important;
		margin-top: 0px;
	}
	.shortcuts {
    position: relative;
    top: 0px;
		float: left;
	}
	.carousel-inner li.col-md-3 {
    width: 50%;
    padding: 0px;
		flex: 0 0 50%;
    max-width: 50%;
}
	.projects-section span {
		bottom: 10px;
	}
	.nav-ab {
    position: fixed;
		
	}
	.sectors-section .carousel-item span h2 {
		display: none;
	}
	.sectors-section .carousel-indicators {
		display: none;
	}
	.sectors-section .carousel-item span img {
    float: none;
    width: 80px;
}
	.sectors-section .carousel-item span h1 {
    margin: 0px 0px 30px 0px;
}
	
	.o-layout_item h1 {
    margin-top: 60px;
	}
	.slider .slides li .caption {
    top: 50% !important;
	}
	.samat-logo {
		margin: 40px 30px;
		width: 280px;
	}
	.portfolio .portfolio-nav {
		border-radius: 8px;
	}
	.portfolio .cbp-filter-counter {
    background-color: #fbfbfb;
}
	.technology {
    margin: 0px 0px 40px 0px;
	}
	.technology li:nth-child(1), .technology li:nth-child(2), .technology li:nth-child(3), .technology li:nth-child(4), .technology li:nth-child(5), .technology li:nth-child(6) {
    font-size: 32px;
    width: 100%;
    position: static;
		margin: 10px 0px 50px;
		padding: 50px;
}
	.technology li:nth-child(1) {
		margin-bottom: 0px;
	}
	.technology-list li:nth-child(1), .technology-list li:nth-child(2), .technology-list li:nth-child(3), .technology-list li:nth-child(4), .technology-list li:nth-child(5), .technology-list li:nth-child(6) {
		float: left;
		text-align: left;
		    font-weight: normal;
		margin: 0px 0px;
		padding: 0px;
}
	.technology li:nth-child(4) img, .technology li:nth-child(6) img {
    right: 0px;
    position: static;
    top: 0px;
    width: 100%;
    margin: 10px 0px;
	}
	 .technology-list {
    width: 100%;
	}
}
@media (max-width:1199px) {
  .c-section {
    padding-bottom: 10vh;
    margin-bottom: 10vh
  }
  .c-speed-block_bubble {
    display: none
  }
}
@media (max-width:788px) {
.shortcuts li i {
    margin: 0px auto;
    float: none;
}
	.shortcuts h1 {
		width: 100%;
		text-align: center;
	}
	.shortcuts li {
    height: 145px;
	}
	.sectors-section .carousel-indicators li {
		
		background-color: #fff;
	}
	.shortcuts li {
		padding: 20px 0px;
	}
	.projects-section .carousel-item li {
    zoom: 1;
}
	.studies li:nth-child(5) h6, .studies li:nth-child(2) h6, .studies li:nth-child(4) h6 {
		width: 100%;
	}
	.studies li:nth-child(5) img, .studies li:nth-child(2) img, .studies li:nth-child(3) img, .studies li:nth-child(4) img {
		width: 100%;
		margin: 10px 0px;
		float: left;
	}
	.technology li:nth-child(1) {
    position: static;
    right: 0px;
    top: 20px;
		font-size: 32px;
    border: none 0px;
    margin: 0px 0px 30px;
    font-size: 40px;
    float: right;
    width: 300px;
    text-align: center;
    padding: 20px;
}
	.technology li:nth-child(2), .technology li:nth-child(3), .technology li:nth-child(4), .technology li:nth-child(5), .technology li:nth-child(6) {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    z-index: 9;
    margin: 10px 0px;
    top: 0px;
    bottom: 0px;
}
	.technology, .studies {
    margin: 30px 0px 30px 0px;
	}
	.technology-list li:nth-child(1) {
		text-align: left !important;
	}
	.technology-list {
    background-color: #0e6edf;
    color: #fff;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    float: left;
}
	.studies li:last-child {
		margin-bottom: 0px;
	}
	.direction-l .desc, .direction-r .desc {
    margin-top: 30px;
		z-index: 10000;
	}
	.timeline:before {
		display: none;
	}
	.who-form {
		padding: 50px 10px
	}
	
	.who-form h4 {
    padding: 20px 0%;
}
}

@media (max-width:488px) {
	.shortcuts li {
		width: 100%;
	}
	.who {
		margin-top: 0px;
	}
	.o-layout_item h1 {
    margin-top: 50px;
	}
	.o-layout {
    padding: 150px 20px 150px;
	}
	.sectors-section .carousel-item {
    -webkit-mask-box-image: none;
	}
	.sectors-section .carousel-item span img {
    float: none;
    width: 60px;
    margin: auto;
}
	.sectors-section .carousel-item span {
    top: 30%;
    left: 10%;
    width: 80%;
}
	.carousel-inner {
    height: 400px;
    background-color: transparent ;
}
	.vision .carousel-indicators {
    bottom: 10%;
}
	.slider .slides li .caption {
    top: 47% !important;
	}
	.sectors-section .carousel-indicators {
		display: none;
	}
	.sectors-section .carousel {
    margin-top: 0px; 
}
	.vision-details {
    position: absolute;
    top: 50px;
    width: 90%;
    left: 5%;
		bottom: auto;
}
	.vision .carousel-item {
    background-color: transparent;
		-webkit-mask-box-image: none; 
    mask-border: none;
}
	.sectors-section .carousel-item span h1 {
		font-size: 26px;
	}
	.projects-section {
    margin-top: -20px;
		padding: 0px;
}
	.projects-section .carousel-inner {
		background-color: transparent;
	}
	.carousel-inner li.col-md-3 {
		width: 50%;
		padding: 0px;
	}
	.carousel-item ul.row {
    margin: 0px 0px;
	}
	img.d-block.w-100 {
		width: 200%;
	}
	.sectors-section .carousel-item span {
		
    top: 10%;
	}
	.sectors-section .carousel-item span h2 {
		display: none;
	}
	.sectors-section .carousel-item span h1 {
    margin: 0px 0px 20px 0px;
}
	
	.sectors-section .is-inview {
		height: 255px;
	}
	.vision-section {
    margin-top: 0px;
}
	.viewall {
    margin: 0% 0px 40px 0px;
	}
	.shortcuts li  {
    border-left: none 0px #fbfbfb;
}
	.vision-section {
    margin-top: 0px !important;
}
	.vision-details h1, .vision-details h5 {
    color: #0b3953;
}
	.vision-section img {
		opacity: 0;
	}
	.projects-section {
    margin-bottom: 0px;
		border-top: solid 4px #2d6ed0;
		    background-size: 310px;
	}
	.projects-section span {
    bottom: 10px;
	}
	.projects-section .container {
    margin-top: 70px;
}
	footer ul {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	footer h5 {
    font-size: 24px;
    margin: 30px 0px 20px 0px;
	}
	sectors-section .carousel-item span h4 {
    font-size: 32px !important;
	}
	iframe {
    margin-bottom: 20px;
}
	.has-scroll-smooth [data-scroll-container] {
    min-height: auto;
}
	.shortcuts li img {
    margin-bottom: 15px;
}
	.shortcuts {
    position: relative;
    top: 0px;
		height: auto !important;
	}
	.o-layout {
    padding: 0px 20px 20px;
}
	.preloader {
    background-size: 390px;
}
	.vision-details h5 {
    font-size: 16px;
}
	.nav-ab {
    position: fixed;
	}
	.who {
		float: left;
		min-height: auto;
		    padding: 100px 10px 40px;;
	}
	.testimonials, .partners {
		margin-top: 90px;
		float: left;
	}
	
	.partners .col-xs-6 {
		width:50%;
	}
	.testimonials, .testimonials .carousel-caption {
		text-align: center;
	}
	.testimonials img {
    float: none;
    margin: 10px auto;
}
	.testimonials .carousel-indicators {
    -ms-flex-pack: center;
    justify-content: center;
}
	.sectors-title {
    display: block;
	}
	.sectors-title p {
    padding-left: 0px;
}
	.author-content p, .blogs-main.archives.single .author-content   {
		width: 100%;
	}
	.blogs-main.archives.single .author-left {
    float: left;
    text-align: center;
    border-right: 0px solid #e7e7e7;
    padding-right: 0px;
    margin-right: 0px;
    width: 100%;
}
	.blogs-main.archives.single .single-comments .body {
    float: left;
    width: 55%;
	}
	.blogs-main.archives.single .single-comments .head {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 32%;
}
	.blogs-main.archives.single .comment-list .body {
    width: 58%;
}
}
@media (min-width:1200px) {
  .c-section {
    margin-bottom: 35vh
  }
  .c-direction-block_wrapper {
    min-height: 180vh
  }
  .c-direction-block {
    top: -50vh;
    bottom: -50vh
  }
  .c-direction-block {
    margin-top: 18.75rem
  }
	.blogs-main.archives.single .author-left {
    float: left;
    text-align: center;
    border-right: 0px solid #e7e7e7;
    padding-right: 0px;
    margin-right: 0px;
    width: 100%;
}
	.author-content p {
		width: 100%;
	}
}
@media (min-width:1000px) {
  .c-damn {
    padding: 100vh 0 0
  }
  .c-section_infos {
    padding-top: 7.5rem
  }
  .c-section_infos.-padding {
    padding-top: 35vh
  }
  .c-speed-block.-margin {
    margin-top: 7.5rem
  }
  .c-direction-block_wrapper {
    margin-top: -35vh
  }
  .c-lerp-block:not(:first-child) {
    margin-top: 3.75rem
  }
	  .c-fixed_wrapper {
    height: 100vh
  }
  .c-header {
    height: 100vh;
    min-height: 46.875rem
  }
}
@media (max-width:699px) {
  .c-speed-block {
    margin: 15px 0
  }
  .c-direction-block_wrapper {
    min-height: 70vh
  }
	
	.vision-section {
    margin-top: -120px;
}
}
@media (min-width:700px) and (max-width:999px) {
  .c-direction-block_wrapper {
    min-height: 100vh
  }
}
@media (min-width:700px) and (max-width:1199px) {
  .c-direction-block {
    top: -30vh;
    bottom: -50vh
  }
}
@media (max-width:699px) {
  .c-direction-block {
    top: -15vh;
    bottom: 0
  }
}
@media (min-width:1000px) and (max-width:1199px) {
  .c-direction-block {
    margin-top: 6.25rem
  }
}
@media (max-width:999px) {
  .c-lerp-block {
    margin-top: 1.875rem
  }
}
@media (min-width:700px) {
  .u-1\/2\@from-small {
    width: 50%
  }
}
@media (min-width:1000px) {
  .u-1\/3\@from-medium {
    width: 33.33333%
  }
}
@media (min-width:1000px) {
  .u-1\/2\@from-medium {
    width: 50%
  }
}
@media (min-width:1000px) {
  .u-2\/5\@from-medium {
    width: 50%
  }
}
@media (min-width:1000px) {
  .u-3\/5\@from-medium {
    width: 60%
  }
}