/**************************************************
=================== CSS INDEX ======================
====================================================
01. Google Font
02. Reset CSS
03. Animations
04. Preloader
05. Scroll To Top
06. Input
07. Button
08. Title Style
09. Header
10. Footer
11. Slider
12. Hero
13. Services
14. service Details
15. projects
16. News And Blog
17. Testimonial
18. Team
19. About
20. sidebar
21. Sponsors
22. Counter
23. Page Title
24. Pricing
****************************************************/

/*==================================================
===| 02. Reset CSS
===================================================*/
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

html,
body {
  min-height: 100%;
  overflow-x: hidden;
}
a {
  color: #ff5e14;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}

i {
  font-style: normal;
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: #ff5e14;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

label {
  color: #666;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 solid;
}

body {
  font-family: "Roboto", sans-serif;
  color: #00235a;
  font-size: 16px;
  font-weight: 400;
}

p {
  color: #00235a;
  font-size: 16px;
  line-height: 29px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #00235a;
  font-weight: bold;
  font-family: "Exo", sans-serif;
}

button {
  cursor: pointer;
}

button.button {
  background: transparent;
  border: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

::-moz-selection {
  background: #313131;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #313131;
  color: #fff;
  text-shadow: none;
}

.auto_container {
  position: static;
  max-width: 1210px;
  padding: 0px 20px;
  margin: 0px auto;
}

.content_box_pob_120_90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_90 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_90 {
    padding-bottom: 50px;
  }
}

.content_box_pob_120_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_70 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_70 {
    padding-bottom: 30px;
  }
}

.content_box_pob_100_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_70 {
    padding-bottom: 50px;
  }
}

.content_box_pob_100_50 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_50 {
    padding-bottom: 30px;
  }
}

.content_box_pot_120 {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pot_120 {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pot_120 {
    padding-top: 80px;
  }
}

.content_box_pob_120 {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120 {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120 {
    padding-bottom: 80px;
  }
}

.content_box_pot_100 {
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  .content_box_pot_100 {
    padding-top: 80px;
  }
}

.content_box_pob_100 {
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .content_box_pob_100 {
    padding-bottom: 80px;
  }
}

.content_box_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_120_90 {
  padding-top: 120px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_90 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

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

.content_box_120_70 {
  padding-top: 120px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_70 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_70 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.content_box_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_100_70 {
  padding-top: 100px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.content_box_100_50 {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.fluid_content_box {
  margin-left: 4%;
  margin-right: 4%;
}

@media only screen and (max-width: 1399px) {
  .fluid_content_box {
    margin-left: 0;
    margin-right: 0;
  }
}

.clear {
  clear: both;
}

@media only screen and (max-width: 991px) {
  .mt_laptop1_50 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mt_tab1_50 {
    margin-top: 50px;
  }
}

.gray_bg {
  background-color: #f7f7f7;
}

.img_100 {
  width: 100%;
  height: auto;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.fix {
  overflow: hidden;
}

.white_bg {
  background-color: #fff;
}

.white {
  color: #fff;
}

.vh_100 {
  height: 100vh;
}

.p18 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p18 {
    font-size: 16px;
  }
}

.p17 {
  font-size: 17px;
  font-family: "Roboto", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p17 {
    font-size: 16px;
  }
}

.p16 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p16 {
    font-size: 15px;
  }
}

.p15 {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p15 {
    font-size: 14px;
  }
}

.p14 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #00235a;
}

.p13 {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  color: #00235a;
}

.h1 {
  font-size: 40px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h1 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .h1 {
    font-size: 30px;
  }
}

.h2 {
  font-size: 32px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .h2 {
    font-size: 26px;
  }
}

.h3 {
  font-size: 28px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .h3 {
    font-size: 22px;
  }
}

.h4 {
  font-size: 22px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .h4 {
    font-size: 20px;
  }
}

.h5 {
  font-size: 20px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h5 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .h5 {
    font-size: 16px;
  }
}

.h6 {
  font-size: 16px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h6 {
    font-size: 15px;
  }
}

.nice-select {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #ff5e14;
}

#amount_shop {
  border: 0px;
  color: #00235a;
  font-weight: bold;
}

#map {
  height: 650px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  #map {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  #map {
    height: 400px;
  }
}

/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.sliderInDown {
  -webkit-animation-name: sliderInDown;
  animation-name: sliderInDown;
}

@-webkit-keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.sliderOutDown {
  -webkit-animation-name: sliderOutDown;
  animation-name: sliderOutDown;
}

@-webkit-keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInDown_2 {
  -webkit-animation-name: fadeInDown_2;
  animation-name: fadeInDown_2;
}

@-webkit-keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInLeft_2 {
  -webkit-animation-name: fadeInLeft_2;
  animation-name: fadeInLeft_2;
}

@-webkit-keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInRight_2 {
  -webkit-animation-name: fadeInRight_2;
  animation-name: fadeInRight_2;
}

@-webkit-keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInUp_2 {
  -webkit-animation-name: fadeInUp_2;
  animation-name: fadeInUp_2;
}

@-webkit-keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown_2 {
  -webkit-animation-name: fadeOutDown_2;
  animation-name: fadeOutDown_2;
}

@-webkit-keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft_2 {
  -webkit-animation-name: fadeOutLeft_2;
  animation-name: fadeOutLeft_2;
}

@-webkit-keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight_2 {
  -webkit-animation-name: fadeOutRight_2;
  animation-name: fadeOutRight_2;
}

@-webkit-keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp_2 {
  -webkit-animation-name: fadeOutUp_2;
  animation-name: fadeOutUp_2;
}

/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  left: 0;
  top: 0;
  z-index: 9999999999;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #222;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
  animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 35px;
  z-index: 100000;
  color: #fff;
  background: #00235a;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  border-radius: 50%;
  font-size: 18px;
}

@media only screen and (max-width: 1199px) {
  .scrollToTop {
    bottom: 30px;
    right: 30px;
  }
}

.scrollToTop:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scrollToTop:hover {
  color: #fff;
  background: #ff5e14;
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

/*==================================================
===| 06. Input
===================================================*/
.form-control {
  border: 1px solid #e2e5e7;
  margin-bottom: 20px;
  padding: 28px 20px;
  border-radius: 0px;
  outline: 0 none;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
}

.form-control:focus {
  border-color: rgba(255, 94, 20, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
  color: #00235a;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-moz-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-webkit-input-placeholder {
  /* Edge */
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.quantity {
  position: relative;
}

.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type="number"] {
  -moz-appearance: textfield;
}

.quantity input {
  width: 80px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.quantity input:focus {
  outline: 0;
}

.quantity .quantity-nav {
  float: left;
  position: relative;
  height: 42px;
  display: none;
}

.quantity .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #ddd;
  width: 20px;
  text-align: center;
  color: #3e3e3e;
  font-size: 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 2.2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #ddd;
}

.quantity .quantity-button.quantity-down {
  position: absolute;
  bottom: 0px;
  height: 50%;
}

/*==================================================
===| 07. Button
===================================================*/
.main_btn {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-block;
}

.main_btn a,
.main_btn button {
  text-transform: capitalize;
  color: #fff;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding: 18px 40px;
  font-weight: 500;
  z-index: 20;
}

.main_btn button {
  background: transparent;
  border: none;
}

.main_btn:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: #ff5e14;
  width: 100%;
  z-index: 10;
}

.main_btn:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #fa4f00;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
}

.main_btn:hover {
  color: #fff;
}

.main_btn:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn1 {
  display: inline-block;
  text-transform: uppercase;
  padding: 19px 42px;
  font-size: 14px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  background: #ff5e14;
  border: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.btn1:hover,
.btn1:focus {
  background: #0e0a1a;
  color: #fff;
}

.btn1:focus,
.btn1.focus {
  outline: 0;
}

.site__btn1 {
  display: inline-block;
  background: #ff5e14;
  padding: 19px 50px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #fff;
}

.site__btn1:hover {
  background: #00235a;
  color: #fff;
}

.site__btn2 {
  display: inline-block;
  background: #fff;
  padding: 19px 50px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #00235a;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
}
.slider1__content a.site__btn2 {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
}
.site__btn2:hover {
  background: #00235a;
  color: #fff;
}

.site__btn3 {
  display: inline-block;
  background: #fff;
  padding: 16px 46px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  color: #00235a;
  border: 2px solid rgba(34, 54, 69, 0.1);
}

.site__btn3:hover {
  background: #ff5e14;
  border: 2px solid #ff5e14;
  color: #fff;
}

.site__btn3.pricing__btn {
  background: transparent;
  border: 2px solid #1e3962;
  color: #fff;
}

.site__btn3.pricing__btn:hover {
  background: #ff5e14;
  border-color: #ff5e14;
}

.flaticon-next:before {
  content: "\f100";
}

.flaticon-arrow-pointing-to-right:before {
  content: "\f101";
}

.flaticon-next-1:before {
  content: "\f102";
}

.flaticon-phone:before {
  content: "\f103";
}

.flaticon-clock:before {
  content: "\f104";
}

.flaticon-clock-1:before {
  content: "\f105";
}

.flaticon-user:before {
  content: "\f106";
}

.flaticon-profile:before {
  content: "\f107";
}

/*==================================================
===| 08. Title Style
===================================================*/
.title_style1 {
  z-index: 2;
}
.title_style1 .text-border-title1 {
  position: absolute;
  font-family: "Exo", sans-serif;
  font-size: 300px;
  text-transform: uppercase;
  line-height: 1;
  color: transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-text-stroke: 1px #f4f4f4;
  top: -115px;
  z-index: -1;
}
.back-title {
  top: 0;
  transform: inherit;
  left: 0;
  right: 0;
  line-height: 1;
}

@media only screen and (max-width: 1599px) {
  .title_style1 .text-border-title1 {
    top: -90px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .title_style1 .text-border-title1 {
    font-size: 240px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .title_style1 .text-border-title1 {
    font-size: 180px;
    top: -90px;
  }
}

@media only screen and (max-width: 1199px) {
  .title_style1 .text-border-title1 {
    display: none;
  }
  .back-title {
    display: none;
  }
}

.title_style1 h5 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #ff5e14;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 14px;
  position: relative;
  z-index: 9;
}

.title_style1 h2 {
  font-size: 60px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 70px;
  position: relative;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .title_style1 h2 {
    font-size: 44px;
    line-height: 1;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 575px) {
  .title_style1 h2 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 400px) {
  .title_style1 h2 {
    font-size: 32px;
    line-height: 1;
  }
}

/*==================================================
===| 09. Header
===================================================*/
.header__top1 {
  background-color: #f1f9ff;
}

.header__top1__left {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 151px;
}

@media only screen and (max-width: 1399px) {
  .header__top1__left {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 880px) {
  .header__top1__left {
    padding-left: 0px;
  }
}

.header__top1__left span {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.header__top1__left span a {
  color: #00235a;
}

@media only screen and (max-width: 479px) {
  .header__top1__left span {
    display: block;
  }
}

.header__top1__left span:not(:last-child) {
  margin-right: 45px;
}

@media only screen and (max-width: 479px) {
  .header__top1__left span:not(:last-child) {
    margin-right: 0px;
  }
}

.header__top1__left span i {
  font-size: 15px;
  margin-right: 3px;
  display: inline-block;
}

.header__top1__left span i.flaticon-phone:before {
  font-size: 15px;
}

.header__top1__right--social {
}

@media only screen and (max-width: 1399px) {
  .header__top1__right--social {
    padding-left: 0px;
  }
}

.header__top1__right--social ul li {
  display: inline-block;
}

.header__top1__right--social ul li a {
  font-size: 15px;
  color: #00235a;
  padding: 14px 5px;
  display: inline-block;
  margin: 0px 2px;
}

.header__top1__right--social ul li a:hover {
  color: #ff5e14;
}

.header__top1__right--flag > ul > li {
  margin-left: 30px;
  position: relative;
}

.header__top1__right--flag > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #00235a;
  position: relative;
  padding: 14px 5px 13px;
  display: inline-block;
  padding-right: 0;
}

.header__top1__right--flag > ul > li:hover > a {
  color: #ff5e14;
}

.header__top1__right--flag > ul > li ul {
  background-color: #fff;
  width: 120px;
  position: absolute;
  right: 30px;
  padding: 10px 15px;
  border-top: 3px solid #ff5e14;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1002;
}

.header__top1__right--flag > ul > li ul li {
  display: block;
  margin: 0;
  padding-top: 5px 0px;
}

.header__top1__right--flag > ul > li ul li a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #00235a;
  text-transform: uppercase;
}

.header__top1__right--flag > ul > li ul li a:hover {
  color: #ff5e14;
}

.header__top1__right--flag > ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  right: 0px;
}

@media only screen and (max-width: 1599px) {
  .header__logo1 {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .header__logo1 {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .header__logo1 {
    padding-left: 0px;
  }
}

.header__logo1--style {
  position: relative;
  display: inline-block;
}
.header__logo img {
  width: 252px;
}
.logo-middle img {
  width: 252px;
}
.header__logo1--style:before {
  position: absolute;
  content: "";
  width: 1000px;
  height: 125px;
  background-color: #fff;
  top: -25px;
  right: -52px;
  -webkit-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
}

@media only screen and (max-width: 991px) {
  .header__logo1--style:before {
    display: none;
  }
}

.header__logo1--style a {
  position: relative;
  z-index: 1001;
  line-height: 100px;
  max-width: 250px;
  top: -12px;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .header__logo1--style a {
    max-width: 200px;
    line-height: 80px;
    top: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .header__logo1--style a {
    max-width: 150px;
  }
}

.header__side-nav1 {
  position: relative;
  z-index: 9;
}

.header__side-nav1 a {
  display: inline-block;
  color: #fff;
  border: 2px solid #334f7b;
  padding: 11px 30px;
  text-transform: uppercase;
  background-color: #00235a;
  font-weight: 500;
  margin-top: 25px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.header__side-nav1 a:hover {
  background-color: #ff5e14;
  border-color: #ff5e14;
  color: #fff;
}

.header .main-menu1 > nav {
  position: relative;
}

.header .main-menu1 > nav > ul {
  padding-left: 15px;
}

.header .main-menu1 > nav > ul > li {
  display: inline-block;
  position: relative;
  margin-right: 28px;
}

.header .main-menu1 > nav > ul > li > a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 39px 0;
  display: inline-block;
  text-transform: uppercase;
}

.header .main-menu1 > nav > ul > li:hover > a {
  color: #ff5e14;
}

.main-menu ul li.menu-item-has-children > a::after,
.main-menu1 ul li.menu-item-has-children > a::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #797e80;
  margin-left: 4px;
  font-weight: 600;
  transform: translateY(-2px);
  display: inline-block;
}
.header .main-menu1 > nav > ul > li ul {
  position: absolute;
  left: 0px;
  width: 250px;
  text-align: left;
  background: #fff;
  z-index: 900;
  border-top: 3px solid #ff5e14;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 15px 0px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  top: calc(100% + 30px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.header.home3.header-default {
  margin-top: 0;
}

@media only screen and (max-width: 1199px) {
  .header .main-menu1 > nav > ul > li ul {
    width: 230px;
  }
}

.header .main-menu1 > nav > ul > li ul li {
  position: relative;
}

.header .main-menu1 > nav > ul > li ul li ul {
  position: absolute;
  left: 250px;
  top: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

@media only screen and (max-width: 1199px) {
  .header .main-menu1 > nav > ul > li ul li ul {
    left: 230px;
  }
}

.header .main-menu1 > nav > ul > li ul li:hover ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0px;
}

.header .main-menu1 > nav > ul > li ul li a {
  font-weight: 500;
  padding: 7px 30px;
  display: block;
  font-size: 15px;
  color: #00235a;
}

.header .main-menu1 > nav > ul > li ul li:hover > a {
  color: #ff5e14;
}

.header .main-menu1 > nav > ul > li ul li.sub_menu_li > a {
  position: relative;
}

.header .main-menu1 > nav > ul > li ul li.sub_menu_li > a:before {
  position: absolute;
  content: "\f054";
  right: 28px;
  top: 9px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 13px;
}

.header .main-menu1 > nav > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.header-menu-space {
  padding: 0 185px;
  position: relative;
}
.header-menu-space::before {
  content: "";
  position: absolute;
  background: #fff;
  height: 125px;
  width: 540px;
  left: -25px;
  bottom: 0;
  transform: skew(15deg);
}
.topbar-space {
  padding-right: 185px;
}
.header__logo.logo-shape {
  transform: translateY(10px);
}
.header-middle-style .topbar-space {
  padding-right: 185px;
  padding-left: 185px;
}
.header-middle-style .header-menu-space::before {
  display: none;
}
.header-middle-style .header__top1__left {
  padding-left: 0;
}
.logo-middle {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0 60px;
}
.logo-middle::before {
  background: #ff5e14;
  clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
  height: 150px;
  width: 100%;
  content: "";
  position: absolute;
  top: -43px;
  left: 0;
  margin: auto;
  right: 0;
  z-index: 4;
}
.standard-logo {
  position: relative;
  z-index: 5;
}
.logo-middle img {
  position: relative;
}
.header-middle-style .main-menu1 > nav > ul {
  padding-left: 0;
}
.header-middle-style .main-menu1 > nav > ul > li > a {
  color: #00235a;
}
.header-middle-style .header__side-nav1 a {
  color: #00235a;
  border: 2px solid #ccd3de;
  background: none;
}
.header-middle-style .header__side-nav1 a:hover {
  color: #fff;
  background: #ff5e14;
  border-color: #ff5e14;
}
.header.home1 .header__menu-wrapper {
  position: relative;
}

.home3 .header__menu-wrapper {
  position: relative;
}

.header.home2 .header__menu-wrapper .main-menu1 > nav:before {
  display: none;
}

.header.home2 .header__menu-wrapper .main-menu1 > nav > ul > li > a {
  color: #001941;
  padding: 34px 28px 33px;
}

@media only screen and (max-width: 1199px) {
  .header.home2 .header__menu-wrapper .main-menu1 > nav > ul > li > a {
    padding: 34px 20px 33px;
  }
}

.header.home2 .header__menu-wrapper .main-menu1 > nav > ul > li > a:hover {
  color: #ff5e14;
}

.header.home2 .header__menu-wrapper .header__logo1--style:before {
  display: none;
}

.header.home2 .header__menu-wrapper .header__logo1--style a {
  line-height: 80px;
  max-width: 250px;
  top: -2px;
}

@media only screen and (max-width: 991px) {
  .header.home2 .header__menu-wrapper .header__logo1--style a {
    max-width: 200px;
    line-height: 80px;
    top: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .header.home2 .header__menu-wrapper .header__logo1--style a {
    max-width: 150px;
  }
}

.header.home2 .header__menu-wrapper .header__side-nav1 a {
  color: #fff;
  border-color: #ff5e14;
  background-color: #ff5e14;
  margin-top: 19px;
}

.header.home2 .header__menu-wrapper .header__side-nav1 a:hover {
  background-color: #00235a;
  border-color: #00235a;
}

.header.home3 {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 222;
}
.header.home3.header-default {
  position: static;
}
.header.home3 .header__logo {
  position: relative;
}

@media only screen and (max-width: 1706px) {
  .header.home3 .header__logo {
    margin-left: 0px;
  }
}

.header.home3 .header__logo a {
  position: relative;
  z-index: 20;
  display: inline-block;
}

.header.home3 .header__side-nav {
  position: relative;
}

.header.home3 .header__side-nav ul {
  position: relative;
  z-index: 20;
}

@media only screen and (max-width: 1706px) {
  .header.home3 .header__side-nav ul {
    margin-right: 0px;
  }
}

.header.home3 .header__side-nav ul li {
  display: inline-block;
}

.header.home3 .header__side-nav ul li a.nav_btn1 {
  display: inline-block;
  text-transform: uppercase;
  background: #e8e8e8;
  color: #00235a;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 5px;
}

.header.home3 .header__side-nav ul li a.nav_btn1:hover {
  color: #fff;
  background: #00235a;
}

.header.home3 .header__side-nav ul li a.nav_btn2 {
  display: inline-block;
  text-transform: uppercase;
  background: #ff5e14;
  height: 60px;
  color: #fff;
  width: 166px;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

.header.home3 .header__side-nav ul li a.nav_btn2:hover {
  background-color: #00235a;
}

.header.home3 .main-menu {
  position: relative;
}
.header-menu-space-3 {
  padding: 0 85px;
  position: relative;
}
.header-menu-space-3:before {
  background: #f6f6f6;
  clip-path: polygon(0 0, 89% 0, 100% 100%, 0 100%);
  height: 155px;
  width: 450px;
  content: "";
  position: absolute;
  top: -33px;
  left: 0;
}
.header-menu-space-3::after {
  background: #f6f6f6;
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
  height: 155px;
  width: 500px;
  content: "";
  position: absolute;
  top: -33px;
  right: 0;
}

@media only screen and (max-width: 1405px) {
  .header.home3 .main-menu {
    float: none;
  }
}

.header.home3 .main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
  z-index: 20;
}

.header.home3 .main-menu > nav > ul > li > a {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 37px 26px 35px;
  display: block;
  margin: 0px;
  border-right: 1px solid #334f7b;
}

.header.home3 .main-menu > nav > ul > li:last-child a {
  border: 0;
}

@media only screen and (max-width: 1199px) {
  .header.home3 .main-menu > nav > ul > li > a {
    padding: 37px 15px 35px;
  }
}

.header.home3 .main-menu > nav > ul > li > a:hover {
  color: #ff5e14;
}

.main-menu ul li {
  position: relative;
}
.main-menu ul li .sub-menu {
  position: absolute;
  min-width: 240px;
  top: 110%;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  padding: 15px 0;
  transition: 0.3s;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
  text-align: left;
  border-top: 3px solid #ff5e14;
}
.main-menu ul li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.main-menu ul li .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}
.main-menu ul li.menu-last .sub-menu {
  right: 0;
  left: auto;
}
.main-menu ul li.menu-last .sub-menu .sub-menu {
  right: 100%;
  left: auto;
}
.main-menu ul li .sub-menu li {
  margin-left: 0;
}
.main-menu ul li .sub-menu li a {
  color: #00235a;
  font-weight: 500;
  padding: 6px 30px;
  display: block;
}
.main-menu ul li .sub-menu li:hover > a {
  color: #ff5e14;
}

.header-default .header-menu-space-3::before,
.header-default .header-menu-space-3::after {
  display: none;
}
.header.home3.header-default .main-menu > nav > ul > li > a {
  color: #00235a;
  border: 0;
  padding: 37px 15px 35px;
}
.header.home3.header-default .main-menu > nav > ul > li:hover > a {
  color: #ff5e14;
}
.bild-cart {
  position: relative;
}
.bild-cart span {
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ff5e14;
  font-size: 11px;
  text-align: center;
  color: #fff;
  right: -14px;
  top: -10px;
  display: inline-block;
  line-height: 21px;
  font-weight: 700;
}

/*==================================================
===| 10. Footer
===================================================*/
.footer1__padding1 {
  background: #001940;
  padding: 100px 0px 45px;
}

@media only screen and (max-width: 991px) {
  .footer1__padding1 {
    padding: 80px 0px 25px;
  }
}

.footer1__widget h3 {
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.footer1__about p {
  color: #aabcd8;
  font-size: 14px;
  line-height: 26px;
}

.footer1__about--item {
  position: relative;
  margin-top: 30px;
}

.footer1__about--item-thumb {
  position: absolute;
  width: 54px;
  left: 0px;
  top: 0px;
}

.footer1__about--item-content {
  padding-left: 70px;
}

.footer1__about--item-content h5 {
  font-size: 20px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.footer1__about--item-content p {
  font-size: 14px;
  margin-bottom: 0px;
}

.footer1__services {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .footer1__services {
    padding-left: 0px;
  }
}

.footer1__services nav ul li {
  margin-bottom: 18px;
}

.footer1__services nav ul li a {
  font-size: 14px;
  color: #aabcd8;
  display: inline-block;
}

.footer1__services nav ul li a:hover {
  color: #ff5e14;
}

.footer1__news--item {
  position: relative;
  margin-bottom: 13px;
  min-height: 65px;
}

.footer1__news--item-thumb {
  position: absolute;
  width: 60px;
  top: 5px;
}

.footer1__news--item-content {
  padding-left: 82px;
}

.footer1__news--item-content span {
  color: #aabcd8;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
}

.footer1__news--item-content span i {
  font-size: 14px;
  color: #ff5e14;
  margin-right: 3px;
}

.footer1__news--item-content h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400px;
  text-transform: uppercase;
}

.footer1__copyright {
  background: #00122f;
  padding: 20px 0px;
}

@media only screen and (max-width: 767px) {
  .footer1__copyright {
    padding: 30px 0px;
  }
}

.footer1__copyright--thumb {
  width: 250px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .footer1__copyright--thumb {
    margin-bottom: 10px;
    width: 150px;
  }
}

.footer1__copyright--text p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .footer1__copyright--text p {
    font-size: 14px;
    font-weight: 400;
  }
}

.footer1.home2 .footer1__padding1 {
  background: #fff;
  border-bottom: 1px solid #d9e8ff;
  padding: 0px;
}

.footer1.home2 .footer2__border {
  position: relative;
  height: 100%;
}

.footer1.home2 .footer2__border:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #d9e8ff;
  left: 0px;
  top: 0px;
}

.footer1.home2 .footer2__border h3 {
  color: #00235a;
}

.footer1.home2 .footer2__style-01 {
  padding: 100px 15px 45px 0px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-01 {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-01 {
    padding: 80px 0px 0px 0px;
  }
}

.footer1.home2 .footer2__style-01.footer2__border:before {
  display: none;
}

.footer1.home2 .footer2__style-02 {
  padding: 100px 0px 45px;
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-02 {
    padding: 80px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer1.home2 .footer2__style-02 {
    padding: 0px;
  }
}

.footer1.home2 .footer2__style-02.footer2__border:before {
  left: -10px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-02.footer2__border:before {
    display: none;
  }
}

.footer1.home2 .footer2__style-03 {
  padding: 100px 0px 45px;
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-03 {
    padding: 0px 0px 25px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer1.home2 .footer2__style-03 {
    padding: 0px;
  }
}

.footer1.home2 .footer2__style-03.footer2__border:before {
  left: -30px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-03.footer2__border:before {
    display: none;
  }
}

.footer1.home2 .footer2__style-04 {
  padding: 100px 0px 45px 30px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-04 {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-04 {
    padding: 0px 0px 25px 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-04.footer2__border:before {
    display: none;
  }
}

.footer1.home2 .footer1__about h3 {
  color: #00235a;
}

.footer1.home2 .footer1__about p {
  color: #00235a;
}

.footer1.home2 .footer1__about.footer2__border-style:before {
  display: none;
}

.footer1.home2 .footer1__about--item-content h5 {
  color: #00235a;
}

.footer1.home2 .footer1__services nav ul li a {
  color: #00235a;
}

.footer1.home2 .footer1__services nav ul li a:hover {
  color: #ff5e14;
}

.footer1.home2 .footer1__news--item-content span {
  color: #00235a;
}

.footer1.home2 .footer1__news--item-content h5 {
  color: #00235a;
}

.footer1.home2 .footer1__copyright {
  background: #fff;
}

.footer1.home2 .footer1__copyright--text p {
  color: #00235a;
}

.footer1.home3 {
  border-top: 1px solid #d9e8ff;
}

/*==================================================
===| 11. Slider
===================================================*/
.slider1__height {
  height: 800px;
}

@media only screen and (max-width: 767px) {
  .slider1__height {
    height: 600px;
  }
}

.slider1__img-01 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slider-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: 8s;
  -moz-transition: 8s;
  transition: 8s;
}

.active .slider-bg-img {
  /*transform: scale(1.1);*/
}
.slider-z-index {
  position: relative;
  z-index: 2;
}
.sl-overlay::before {
  z-index: 1;
}

@media only screen and (max-width: 1599px) {
  .slider1__item {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .slider1__item {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 880px) {
  .slider1__item {
    padding-left: 0px;
  }
}

.slider1__content h3 {
  font-weight: bold;
  font-size: 80px;
  line-height: 80px;
  color: transparent;
  -webkit-text-stroke: 1px #00235a;
}

@media only screen and (max-width: 767px) {
  .slider1__content h3 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .slider1__content h3 {
    font-size: 45px;
    line-height: 45px;
  }
}

.slider1__content h2 {
  font-size: 80px;
  font-weight: bold;
  line-height: 80px;
}

@media only screen and (max-width: 767px) {
  .slider1__content h2 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .slider1__content h2 {
    font-size: 45px;
    line-height: 45px;
  }
}

.slider1__content p {
  font-size: 18px;
  line-height: 28px;
  position: relative;
  padding-left: 22px;
}

@media only screen and (max-width: 767px) {
  .slider1__content p {
    font-size: 16px;
  }
}

.slider1__content p:before {
  position: absolute;
  left: 0px;
  height: 45px;
  width: 4px;
  content: "";
  background: #ff5e14;
  top: 7px;
}

.slider1 .owl-nav button.owl-prev,
.slider1 .owl-nav button.owl-next {
  height: 80px;
  width: 82px;
  line-height: 84px;
  background: #fff;
  font-size: 22px;
  color: #00235a;
  border-radius: 0px;
  text-align: center;
  position: absolute;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  top: 45%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.slider1 .owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 25px;
}
.slider1 .owl-theme .owl-dots .owl-dot span {
  width: 30px;
  height: 7px;
  background: #00235a;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 0;
}
.slider1 .owl-theme .owl-dots .owl-dot.active span {
  background: #ff5e14;
}

@media only screen and (max-width: 880px) {
  .slider1 .owl-nav button.owl-prev,
  .slider1 .owl-nav button.owl-next {
    display: none;
  }
}

.slider1 button.owl-prev:hover,
.slider1 button.owl-next:hover {
  background: #ff5e14;
  color: #fff;
}

.slider1 .owl-theme .owl-nav {
  margin: 0px;
}

.slider1 .owl-theme .owl-nav button {
  margin: 0px;
}

.slider1 .owl-nav button.owl-next {
  left: auto;
  right: 0px;
}

.slider1.home2 .slider1__content h3 {
  -webkit-text-stroke: 1px #fff;
}

.slider1.home2 .slider1__content h2 {
  color: #fff;
}

.slider1.home2 .slider1__content p {
  color: #fff;
}

/*==================================================
===| 12. Hero
===================================================*/
.hero1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero1__height {
  height: 950px;
}

@media only screen and (max-width: 991px) {
  .hero1__height {
    height: 750px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__height {
    height: 700px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__height {
    height: 600px;
  }
}

.hero1__wrapper {
  padding-top: 80px;
}

.hero1__content h3 {
  font-size: 120px;
  line-height: 100px;
  letter-spacing: -2px;
  font-weight: bold;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

@media only screen and (max-width: 991px) {
  .hero1__content h3 {
    font-size: 80px;
    line-height: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__content h3 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__content h3 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
  }
}

.hero1__content h2 {
  font-size: 100px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold;
  letter-spacing: -2px;
}

@media only screen and (max-width: 991px) {
  .hero1__content h2 {
    line-height: 70px;
    font-size: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__content h2 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__content h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 0px;
  }
}

.hero1__content p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin-top: 15px;
}

@media only screen and (max-width: 575px) {
  .hero1__content p {
    font-size: 16px;
    line-height: 26px;
  }
}

/*==================================================
===| 13. Services
===================================================*/
.features1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.features1__item {
  position: relative;
  padding-right: 20px;
}

@media only screen and (max-width: 1199px) {
  .features1__item {
    padding-right: 0px;
  }
}

.features1__thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.1);
  text-align: center;
}
.features1__thumb i {
  position: absolute;
  left: 0;
  top: 20px;
  right: 0;
  color: #ff5e14;
  font-size: 33px;
}
.features1__thumb img:nth-child(2) {
  position: absolute;
  left: 18px;
  top: 21px;
}

.features1__item--text {
  padding-left: 128px;
}

@media only screen and (max-width: 400px) {
  .features1__item--text {
    padding-left: 105px;
  }
}

.features1__item--text h4 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 11px;
}

@media only screen and (max-width: 575px) {
  .features1__item--text h4 {
    font-size: 20px;
  }
}

.features1__item--text p {
  font-size: 16px;
  line-height: 26px;
}

.key_features1__thumb-1 {
  height: 100%;
  width: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-1 {
    height: 500px;
  }
}

.key_features1__thumb-2 {
  background: #00235a;
  height: 700px;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-2 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .key_features1__thumb-2 {
    height: auto;
  }
}

.key_features1__thumb-2.key_features1__thumb-4 {
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-2.key_features1__thumb-4 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .key_features1__thumb-2.key_features1__thumb-4 {
    height: auto;
  }
}

.key_features1__thumb-2.key_features1__thumb-4 .key_features1__item--content h4 {
  color: #00235a;
}

.key_features1__thumb-2.key_features1__thumb-4 .key_features1__item--content p {
  color: #00235a;
}

.key_features1__thumb-2.key_features1__thumb-4 a {
  background: #fff;
  border-color: #fff;
  color: #00235a;
}

.key_features1__thumb-2.key_features1__thumb-4 a:hover {
  color: #fff;
  background: #ff5e14;
  border-color: #ff5e14;
}

.key_features1__thumb-3 {
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.key_features1__thumb-3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 94, 20, 0.9);
  opacity: 0.9;
  visibility: visible;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-3 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .key_features1__thumb-3 {
    height: auto;
  }
}

.key_features1__item {
  padding: 100px 60px;
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 1599px) {
  .key_features1__item {
    padding: 100px 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .key_features1__item {
    padding: 100px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .key_features1__item {
    padding: 80px 60px;
  }
}

@media only screen and (max-width: 880px) {
  .key_features1__item {
    padding: 70px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .key_features1__item {
    padding: 70px 30px;
  }
}

.key_features1__item--thumb {
  margin-bottom: 35px;
}

.key_features1__item--thumb img {
  width: 99px;
  height: auto;
}

.key_features1__item--content h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  line-height: 40px;
  letter-spacing: -1px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 400px) {
  .key_features1__item--content h4 {
    font-size: 25px;
  }
}

.key_features1__item--content p {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .key_features1__item--content p {
    margin-bottom: 30px;
  }
}

.key_features1__item a {
  position: absolute;
  bottom: 100px;
  color: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 48px;
  background: transparent;
}

@media only screen and (max-width: 767px) {
  .key_features1__item a {
    position: relative;
    bottom: 0px;
  }
}

.key_features1__item a:hover {
  background: #fff;
  color: #00235a;
}

.service1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.service1.other_page1 {
  background: #fff;
}

.service1.other_page1 .title_style1 h5 {
  color: #ff5e14;
}

.service1.other_page1 .title_style1 h2 {
  color: #00235a;
}

.service1.other_page1 .service1__item {
  border: 2px solid #e2edff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.service1.other_page1 .service1__item:hover {
  border-color: #ff5e14;
}

.service1 .title_style1 h5,
.service1 .title_style1 h2 {
  color: #fff;
}

.service1__item {
  background: #fff;
  position: relative;
  padding: 60px 30px 55px;
}

.service1__item span {
  position: absolute;
  z-index: 10;
  font-size: 150px;
  letter-spacing: -3px;
  top: 0px;
  right: 20px;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke: 1px #f4f4f4;
}

.service1__thumb {
  max-width: 120px;
  margin: 0px auto;
  position: relative;
  z-index: 20;
  margin-bottom: 34px;
}
.service1__thumb i {
  color: #ff5e14;
  line-height: 1;
  font-size: 80px;
}
.service1__content {
  position: relative;
  z-index: 20;
}

.service1__content h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 30px;
  text-transform: uppercase;
}

.service1__content p {
  margin: 0px;
  font-size: 14px;
  line-height: 24px;
}

/*==================================================
===| 14. service Details
===================================================*/
.service_details__widget h4 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  padding-left: 22px;
  margin-bottom: 28px;
}

.service_details__widget h4:before {
  position: absolute;
  left: 0px;
  top: 1px;
  height: 20px;
  width: 2px;
  content: "";
  background: #ff5e14;
}

.service_details__sidebar1 {
  border: 2px solid #e8ebec;
  padding: 45px 50px;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar1 {
    padding: 40px 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .service_details__sidebar1 {
    margin-top: 60px;
  }
}

.service_details__sidebar1--item {
  position: relative;
}

.service_details__sidebar1--item input.form-control {
  padding: 37px 30px;
  border: 2px solid #e8ebec;
  margin-bottom: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar1--item input.form-control {
    padding: 30px 20px;
  }
}

.service_details__sidebar1--item input.form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::-moz-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item i {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 14px;
  color: #ff5e14;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar1--item i {
    display: none;
  }
}

.service_details__sidebar3 {
  border: 2px solid #e8ebec;
}

.service_details__sidebar3 ul li {
  border-bottom: 2px solid #e8ebec;
  padding: 20px 38px;
  position: relative;
  list-style: none;
}

.service_details__sidebar3 ul li:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar3 ul li {
    padding: 20px 25px;
  }
}

.service_details__sidebar3 ul li a {
  font-size: 20px;
  color: #00235a;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: bold;
}

.service_details__sidebar3 ul li a:hover {
  color: #ff5e14;
}

.service_details__sidebar3 ul li a i {
  font-size: 30px;
  color: #ff5e14;
  position: relative;
  bottom: -2px;
  margin-right: 17px;
}

.service_details__sidebar3 ul li > i {
  color: #bcd8ee;
  font-size: 20px;
  position: absolute;
  right: 38px;
  top: 27px;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar3 ul li > i {
    display: none;
  }
}

.service_details__wrapper {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .service_details__wrapper {
    padding-left: 0px;
  }
}

.service_details__content p {
  line-height: 26px;
}

.service_details__quote {
  background: #fff;
  border-left: 6px solid #00235a;
  padding: 25px 40px 35px 33px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.06);
}

.service_details__quote p {
  position: relative;
  z-index: 5;
}

.service_details__quote--data {
  position: relative;
  z-index: 5;
}

.service_details__quote--data h6 {
  font-size: 16px;
  font-weight: bold;
  padding-left: 52px;
  padding-top: 9px;
}

.service_details__quote--thumb1 {
  position: absolute;
  right: 20px;
  top: 45px;
  width: 145px;
  z-index: 1;
}

.service_details__quote--thumb2 {
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.service_details__quote--thumb2 img {
  border-radius: 50px;
}
.an-sv {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 25px;
}
.service_details__filter {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .service_details__filter {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .service_details__filter {
    display: none;
  }
}

.service_details__filter--content a {
  display: inline-block;
}

.service_details__filter--content a h6 {
  font-weight: 14px;
  color: #ff5e14;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}

.service_details__filter--content a h4 {
  font-size: 26px;
  color: #00235a;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
}

@media only screen and (max-width: 767px) {
  .service_details__thumb2 {
    margin-bottom: 30px;
  }
}

/*==================================================
===| 15. projects
===================================================*/
.projects1__wrapper {
  overflow: hidden;
}

.projects1__carousel {
  position: relative;
}

.projects1__carousel:before {
  position: absolute;
  content: "";
  width: 5000px;
  height: 100%;
  background: #fff;
  z-index: 5;
  left: -5000px;
  top: 0px;
}

@media only screen and (max-width: 991px) {
  .projects1__carousel:before {
    display: none;
  }
}

.projects1__item {
  position: relative;
  text-align: right;
}

.projects1__thumb img {
  width: 100%;
  height: auto;
}

div.header__side-nav1 a {
  border-color: #5e7cab;
}

.projects1__content {
  width: 360px;
  display: inline-block;
  text-align: left;
  background: #fff;
  padding: 43px 47px 43px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
  margin-top: -140px;
}

@media only screen and (max-width: 1199px) {
  .projects1__content {
    top: 205px;
  }
}

@media only screen and (max-width: 991px) {
  .projects1__content {
    position: relative;
    width: 100%;
    top: 0px;
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 400px) {
  .projects1__content {
    padding: 40px 20px;
  }
}

.projects1__content--icon {
  position: relative;
}
.projects1__content--icon i {
  position: absolute;
  right: -30px;
  top: -30px;
  font-size: 100px;
  line-height: 1;
  color: #f7f7f7;
}
.projects1__content--icon img {
  position: absolute;
  right: -35px;
  top: -30px;
}

@media only screen and (max-width: 991px) {
  .projects1__content--icon img {
    right: -20px;
    top: -25px;
  }
}

@media only screen and (max-width: 400px) {
  .projects1__content--icon img {
    right: -10px;
  }
}

.projects1__content--text {
  position: relative;
}

.projects1__content--text .projects1__content--title h5 {
  font-size: 16px;
  color: #ff5e14;
  line-height: 26px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 4px;
}

.projects1__content--text .projects1__content--title h2 {
  font-size: 22px;
  line-height: 34px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 400px) {
  .projects1__content--text .projects1__content--title h2 {
    font-size: 20px;
  }
}

.projects1__content--text p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 11px;
}

.projects1__content--text .projects1__content--data span {
  display: inline-block;
  margin-right: 22px;
}

.projects1__content--text .projects1__content--data span i {
  color: #ff5e14;
  font-size: 14px;
  display: inline-block;
  margin-right: 2px;
}

.projects1__content--text .projects1__content--data span a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #00235a;
  display: inline-block;
}

.projects1 .owl-carousel .owl-stage-outer {
  overflow: inherit;
}

.projects1 .owl-carousel .owl-item img {
  display: inherit;
  width: auto;
}

.projects1.other_page1 {
  background-color: #f3faff;
  overflow: hidden;
}

.projects1.other_page1 .projects1__carousel:before {
  background-color: #f3faff;
}
.projects2.other_page1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.projects2.other_page1 .title_style1 h5 {
  color: #fff;
}

.projects2.other_page1 .title_style1 h2 {
  color: #fff;
}

.projects2.other_page1 .text-border-title1 {
  -webkit-text-stroke: 1px #fa824a;
}

.projects2.other_page1 .projects2__button-bar:before {
  background: #fff;
}

.projects2.other_page2 {
  background-color: #fff;
}

.projects2.other_page2 .projects2__button-bar {
  border: 1px solid #d6d6d6;
}

.projects2__button-bar {
  background: #fff;
  padding: 25px 0px;
  position: relative;
  margin-left: 1px;
  margin-right: 1px;
}

.projects2__button-bar:before {
  position: absolute;
  content: "";
  left: 35px;
  bottom: -20px;
  height: 10px;
  background: #ff5e14;
  width: calc(100% - 70px);
}

.projects2__active button {
  font-size: 20px;
  color: #00235a;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  background: #fff;
  border: none;
  display: inline-block;
  margin: 0px 45px;
}
.projects2__active button.active {
  color: #ff5e14;
}
.projects2__active button:first-child {
  margin-left: 0px;
}

.projects2__active button:last-child {
  margin-right: 0px;
}

@media only screen and (max-width: 991px) {
  .projects2__active button:last-child {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 400px) {
  .projects2__active button:last-child {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .projects2__active button {
    margin: 0px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .projects2__active button {
    font-size: 18px;
    margin: 0px 25px;
  }
}

@media only screen and (max-width: 575px) {
  .projects2__active button {
    margin: 0px 15px;
  }
}

@media only screen and (max-width: 479px) {
  .projects2__active button {
    font-size: 16px;
    margin: 0px 10px;
  }
}

.projects2__active button i {
  color: #ff5e14;
}

.projects2__item {
  position: relative;
  overflow: hidden;
}

.projects2__item:hover .projects2__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  left: 0px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.projects2__content {
  background: #fff;
  position: absolute;
  left: -100px;
  bottom: 0px;
  padding: 43px 45px 43px;
  width: calc(100% - 15px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

@media only screen and (max-width: 1199px) {
  .projects2__content {
    padding: 25px 30px;
    width: 100%;
    top: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .projects2__content {
    top: auto;
    bottom: 0px;
  }
}

@media only screen and (max-width: 319px) {
  .projects2__content {
    padding: 20px;
  }
}

.projects2__content--thumb {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 125px;
}

.projects2__content--title {
  position: relative;
  z-index: 2;
}

.projects2__content--title h5 {
  font-size: 16px;
  color: #ff5e14;
  font-family: "Roboto", sans-serif;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 4px;
}

@media only screen and (max-width: 1199px) {
  .projects2__content--title h5 {
    margin-bottom: 0px;
  }
}

.projects2__content--title h2 {
  font-size: 22px;
  line-height: 34px;
  color: #00235a;
  font-family: "Exo", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 14px;
}

@media only screen and (max-width: 1199px) {
  .projects2__content--title h2 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.projects2__content p {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  margin-bottom: 11px;
}

@media only screen and (max-width: 319px) {
  .projects2__content p {
    margin: 0px;
  }
}

.projects2__content--data {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 319px) {
  .projects2__content--data {
    display: none;
  }
}

.projects2__content--data span:first-child {
  margin-right: 10px;
}

.projects2__content--data span i {
  color: #ff5e14;
  font-size: 14px;
}

.projects2__content--data span a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00235a;
}

.projects2__content--data span a:hover {
  color: #ff5e14;
}

.projects3 {
  background: #00235a;
}

.projects3 .text-border-title1 {
  -webkit-text-stroke: 1px rgba(244, 244, 244, 0.1);
}

.projects3 .title_style1 h2 {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .projects3 .title_style1 {
    margin-bottom: 25px;
  }
}

.projects3__active button {
  display: inline-block;
  background: #fff;
  text-transform: uppercase;
  color: #00235a;
  font-weight: bold;
  font-size: 16px;
  padding: 18px 30px;
  border: none;
  margin: 0px 4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 767px) {
  .projects3__active button {
    margin-top: 10px;
  }
}

.projects3__active button:hover {
  color: #fff;
  background: #ff5e14;
}

.projects3__active button.active {
  color: #fff;
  background: #ff5e14;
}

.projects3__item {
  position: relative;
  overflow: hidden;
}

.projects3__item:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #ff5e14;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.projects3__item:hover .projects3__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 0px;
}

.projects3__item:hover:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  visibility: visible;
}

.projects3__content {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -35px;
  padding: 0px 35px 35px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .projects3__content {
    padding: 0px 20px 30px;
  }
}

.projects3__content h5 a {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}

.projects3__content h5 a:hover {
  color: #00235a;
}

.projects3__content span a {
  color: #fff;
  font-size: 15px;
  display: inline-block;
  line-height: 15px;
}

.projects3__content span a:hover {
  color: #00235a;
}

/*==================================================
===| 16. News And Blog
===================================================*/
.news1 {
  background: #00235a;
}

.news1.home2 {
  background: #f6f9ff;
}

.news1.home2 .title_style1 h2 {
  color: #00235a;
}

.news1.home2 .text-border-title1 {
  -webkit-text-stroke: 1px #ced7e9;
}

.news1 .text-border-title1 {
  -webkit-text-stroke: 1px rgba(244, 244, 244, 0.1);
}

.news1 .title_style1 h2 {
  color: #fff;
}

.news1__item {
  background: #fff;
}

.news1__thumb {
  position: relative;
}

.news1__thumb a {
  position: absolute;
  top: 40px;
  left: 40px;
  display: inline-block;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 5px 26px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
}

@media only screen and (max-width: 400px) {
  .news1__thumb a {
    left: 25px;
    top: 25px;
  }
}

.news1__thumb a:hover {
  background: #ff5e14;
  border: 2px solid #ff5e14;
  color: #222;
}

.news1__content {
  padding: 35px 38px 0px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .news1__content {
    padding: 35px 25px 0px;
  }
}

@media only screen and (max-width: 400px) {
  .news1__content {
    padding: 25px 25px 0px;
  }
}

.news1__content h3 {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -1px;
  text-transform: uppercase;
}

@media only screen and (max-width: 400px) {
  .news1__content h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
  }
}

.news1__content p {
  font-size: 14px;
  margin-bottom: 36px;
}

@media only screen and (max-width: 400px) {
  .news1__content p {
    margin-bottom: 25px;
  }
}

.news1__data {
  border-top: 1px solid #c5dcff;
  padding: 16px 0px;
}

.news1__data span {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}

.news1__data span:first-child {
  margin-right: 25px;
}

@media only screen and (max-width: 400px) {
  .news1__data span:first-child {
    margin-right: 15px;
  }
}

.news1__data span a {
  color: #00235a;
}

.news1__data span a:hover {
  color: #ff5e14;
}

.news1__data span i {
  font-size: 14px;
  color: #ff5e14;
  margin-right: 5px;
}

.news1 .owl-carousel .owl-nav button.owl-prev,
.news1 .owl-carousel .owl-nav button.owl-next {
  background: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  top: -130px;
  right: 0px;
  letter-spacing: -1px;
  padding: 14px 40px !important;
  color: #00235a;
  margin: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news1 .owl-carousel .owl-nav button.owl-prev:hover,
.news1 .owl-carousel .owl-nav button.owl-next:hover {
  background: #ff5e14;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .news1 .owl-carousel .owl-nav button.owl-prev,
  .news1 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.news1 .owl-carousel .owl-nav button i {
  font-size: 14px;
}

.news1 .owl-carousel .owl-nav button.owl-prev i {
  margin-right: 5px;
}

.news1 .owl-carousel .owl-nav button.owl-next i {
  margin-left: 5px;
}

.news1 .owl-carousel .owl-nav button.owl-prev {
  right: 150px;
}

.news1.other_page1 .news1__content {
  border-left: 1px solid #c5dcff;
}

.blog1.other_page1 .news1__content {
  border: 1px solid #c5dcff;
  border-top: none;
}

.blog1__item {
  margin-bottom: 40px;
}

.blog1__item--thumb {
  position: relative;
}

.blog1__item--thumb a {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0px;
  background: #ff5e14;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  text-align: center;
  line-height: 85px;
  font-size: 14px;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog1__item--data {
  margin-bottom: 19px;
}

.blog1__item--data a {
  font-size: 14px;
  color: #00235a;
  display: inline-block;
  margin-right: 28px;
}

.blog1__item--data a i {
  color: #ff5e14;
  margin-right: 5px;
}

.blog1__item--content {
  border: 2px solid #ededed;
  border-top: none;
  padding: 45px 50px 50px;
}

@media only screen and (max-width: 575px) {
  .blog1__item--content {
    padding: 35px 30px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .blog1__item--content {
    padding: 25px 20px 30px;
  }
}

.blog1__item--content h3 {
  font-size: 32px;
  text-transform: uppercase;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .blog1__item--content h3 {
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 400px) {
  .blog1__item--content h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

.blog1__item--content p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 24px;
}

.blog1__item--single .blog1__item--content {
  border-top: 2px solid #ededed;
}

.blog1__item--quote {
  background: url(../img/png-img/png-img-21.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #fff6f2;
  border-left: 10px solid #ff5e14;
  padding: 45px 50px 25px 40px;
  position: relative;
  margin-bottom: 60px;
}

@media only screen and (max-width: 479px) {
  .blog1__item--quote {
    padding: 35px 30px 15px 30px;
    border-left: 5px solid #ff5e14;
  }
}

.blog1__item--quote-thumb {
  position: absolute;
  top: 54px;
  left: 40px;
}

@media only screen and (max-width: 575px) {
  .blog1__item--quote-thumb {
    display: none;
  }
}

.blog1__item--quote-content {
  padding-left: 107px;
}

@media only screen and (max-width: 575px) {
  .blog1__item--quote-content {
    padding-left: 0px;
  }
}

.blog1__item--quote-content h3 {
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 48px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .blog1__item--quote-content h3 {
    font-size: 26px;
    line-height: 36px;
  }
}

.blog1__item--info {
  border-top: 1px solid #eeeeee;
  padding-top: 30px;
}

@media only screen and (max-width: 479px) {
  .blog1__item--info .col-6 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

.blog1__item--info-wrapper {
  position: relative;
}

.blog1__item--info-wrapper h6 {
  padding-left: 55px;
  padding-top: 9px;
}

.blog1__item--info-thumb {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.blog1__item--info-thumb img {
  border-radius: 100px;
}

@media only screen and (max-width: 479px) {
  .blog1__item--info-btn {
    display: none;
  }
}

.blog1__item--info-btn a {
  background: #ff5e14;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 4px 30px;
  border-radius: 50px;
  margin-top: 8px;
}

.blog1__item--info-btn a:hover {
  background: #00235a;
}

.pagination ul {
  display: inline-block;
}

.pagination ul li {
  display: inline-block;
}

.pagination ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #00235a;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 2px solid #ededed;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  margin: 0px 4px;
}

@media only screen and (max-width: 479px) {
  .pagination ul li a {
    margin: 0px 4px 8px;
  }
}

.pagination ul li a:hover {
  color: #fff;
  border-color: #ff5e14;
  background: #ff5e14;
}

.pagination ul li.active a {
  background: #ff5e14;
  border-color: #ff5e14;
  color: #fff;
}

.blog_details__wrapper {
  border: 2px solid #ededed;
  padding: 45px 50px 50px;
}

@media only screen and (max-width: 575px) {
  .blog_details__wrapper {
    padding: 40px 40px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__wrapper {
    padding: 40px 20px;
  }
}

.blog_details__content h2 {
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 46px;
}

@media only screen and (max-width: 575px) {
  .blog_details__content h2 {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0px;
  }
}

.blog_details__content p {
  font-size: 16px;
  line-height: 26px;
}

.blog_details__content h3 {
  font-size: 30px;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

@media only screen and (max-width: 575px) {
  .blog_details__content h3 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0px;
  }
}

.blog_details__regular-title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: none !important;
}

.blog_details__list ul {
  padding-left: 30px;
}

@media only screen and (max-width: 767px) {
  .blog_details__list ul {
    padding-left: 0px;
  }
}

.blog_details__list ul li {
  position: relative;
  margin-bottom: 6px;
}

.blog_details__list ul li:before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #ff5e14;
  font-size: 15px;
}

.blog_details__list ul li span {
  padding-left: 30px;
}

.blog_details__quote {
  background: #f3f5ff;
  position: relative;
  padding: 55px 50px 30px;
  margin-top: 35px;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .blog_details__quote {
    padding: 30px 20px;
  }
}

.blog_details__quote--thumb {
  position: absolute;
  top: 38px;
  right: 38px;
  width: 190px;
  z-index: 1;
}

@media only screen and (max-width: 575px) {
  .blog_details__quote--thumb {
    width: 120px;
  }
}

.blog_details__quote--content {
  position: relative;
  z-index: 10;
}

.blog_details__quote--content p {
  font-size: 14px;
  font-weight: bold;
  color: #ff5e14;
}

.blog_details__quote--content h3 {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: -1px;
}

@media only screen and (max-width: 767px) {
  .blog_details__quote--content h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .blog_details__quote--content h3 {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__quote--content h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

.blog_details .service_details__filter {
  padding-left: 0px;
  border-bottom: 1px solid #e1e6ff;
  padding-bottom: 37px;
  margin-bottom: 45px;
}

.blog_details .blog_details__item {
  border-bottom: 1px solid #e1e6ff;
  padding-bottom: 18px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .blog_details .blog_details__thumb1 {
    margin-bottom: 30px;
  }
}

.blog_details__tags {
  border-bottom: 1px solid #e1e6ff;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

.blog_details__tags h4 {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .blog_details__tags--left {
    margin-bottom: 30px;
  }
}

.blog_details__tags--left a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #00235a;
  background-color: #efefef;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 100px;
  margin-bottom: 10px;
}

.blog_details__tags--left a:hover {
  background-color: #ff5e14;
  color: #fff;
}

.blog_details__tags--left a:not(:last-child) {
  margin-right: 10px;
}

.blog_details__tags--right a {
  font-size: 18px;
  color: #b5becc;
  display: inline-block;
  margin-bottom: 10px;
}

.blog_details__tags--right a:not(:last-child) {
  margin-right: 25px;
}

.blog_details__tags--right a:hover {
  color: #ff5e14;
}

.blog_details__post h3 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 33px;
}

.blog_details__post--content {
  padding: 35px 40px 20px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
  box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}

@media only screen and (max-width: 400px) {
  .blog_details__post--content {
    padding: 30px 25px 20px;
  }
}

.blog_details__post--content h4 {
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.blog_details__post--content p {
  font-size: 14px;
  line-height: 26px;
}

.blog_details__post--data {
  margin-bottom: 8px;
}

.blog_details__post--data a {
  font-size: 14px;
  color: #ff5e14;
}

.blog_details__post--data a span {
  color: #00235a;
  margin-left: 5px;
}

.blog_details__writer {
  border: 2px solid #e1e6ff;
  padding: 40px;
  position: relative;
}

@media only screen and (max-width: 400px) {
  .blog_details__writer {
    border: none;
  }
}

@media only screen and (max-width: 479px) {
  .blog_details__writer {
    padding: 35px 25px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__writer {
    padding: 10px 0px;
  }
}

.blog_details__writer--thumb {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 180px;
}

@media only screen and (max-width: 767px) {
  .blog_details__writer--thumb {
    width: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .blog_details__writer--thumb {
    left: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__writer--thumb {
    top: 10px;
    left: 0px;
  }
}

.blog_details__writer--content {
  min-height: 200px;
  padding-left: 220px;
  padding-top: 13px;
}

@media only screen and (max-width: 767px) {
  .blog_details__writer--content {
    padding-left: 80px;
    padding-top: 0px;
  }
}

.blog_details__writer--content span {
  font-size: 12px;
  font-weight: bold;
  color: #ff5e14;
  display: block;
  margin-bottom: 7px;
}

.blog_details__writer--content h4 {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .blog_details__writer--content h4 {
    font-size: 22px;
    line-height: 32px;
  }
}

.blog_details__writer--content p {
  font-size: 14px;
  line-height: 26px;
  margin: 0px;
}

.blog_details__comments h3 {
  font-size: 26px;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.blog_details__comments--item {
  position: relative;
  min-height: 100px;
  border-bottom: 1px solid #eff2ff;
  padding-bottom: 8px;
  margin-bottom: 30px;
}

.blog_details__comments--item.reply {
  padding-left: 130px;
}

@media only screen and (max-width: 767px) {
  .blog_details__comments--item.reply {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__comments--item.reply {
    padding-left: 0px;
  }
}

.blog_details__comments--thumb {
  position: absolute;
  width: 100px;
  border-radius: 100px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .blog_details__comments--thumb {
    width: 60px;
  }
}

.blog_details__comments__content {
  padding-left: 130px;
}

@media only screen and (max-width: 767px) {
  .blog_details__comments__content {
    padding-left: 80px;
  }
}

.blog_details__comments__content h5 {
  font-size: 18px;
  text-transform: uppercase;
}

.blog_details__comments__content span {
  font-size: 12px;
  font-weight: bold;
  color: #ff5e14;
  display: block;
  margin-bottom: 20px;
}

.blog_details__comments__content a {
  position: absolute;
  right: 0px;
  top: 0px;
  display: inline-block;
  font-size: 14px;
  color: #00235a;
  font-weight: bold;
  border: 2px solid #f4f4ff;
  padding: 8px 24px;
  border-radius: 50px;
}

@media only screen and (max-width: 479px) {
  .blog_details__comments__content a {
    display: none;
  }
}

.blog_details__comments__content a:hover {
  color: #fff;
  background: #ff5e14;
  border-color: #ff5e14;
}

.blog_details__comments__content p {
  font-size: 14px;
  line-height: 24px;
}

.blog_details__addcomment {
  margin-top: 45px;
}

.blog_details__addcomment h3 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 33px;
}

.blog_details__addcomment--form {
  background: #f6f9ff;
  padding: 50px;
}

@media only screen and (max-width: 479px) {
  .blog_details__addcomment--form {
    padding: 45px 25px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--form {
    padding: 0px;
    background: #fff;
  }
}

.blog_details__addcomment--form a.site__btn1 {
  margin-top: 30px;
  border-radius: 50px;
  text-transform: capitalize;
  padding: 19px 60px;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--form a.site__btn1 {
    padding: 18px 40px;
  }
}

.blog_details__addcomment--item {
  position: relative;
}

.blog_details__addcomment--item .form-control {
  border: none;
  padding: 30px 30px;
}

.blog_details__addcomment--item .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::-ms-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::-moz-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--item .form-control {
    border: 2px solid #ededed;
    padding: 30px 20px;
  }
}

.blog_details__addcomment--item textarea.form-control {
  padding: 20px 30px;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--item textarea.form-control {
    padding: 20px;
  }
}

.blog_details__addcomment--item i {
  position: absolute;
  right: 30px;
  top: 21px;
  color: #ff5e14;
  font-size: 14px;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--item i {
    display: none;
  }
}

/*==================================================
===| 17. Testimonial
===================================================*/
.testimonial1__carousel {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 72px 80px 70px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(255, 94, 20, 0.3);
  box-shadow: 0px 13px 32px 0px rgba(32, 85, 125, 0.06);
}

@media only screen and (max-width: 991px) {
  .testimonial1__carousel {
    padding: 50px 30px 43px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial1__carousel {
    padding: 40px 30px 33px;
  }
}

@media only screen and (max-width: 319px) {
  .testimonial1__carousel {
    padding: 40px 20px 33px;
  }
}

.testimonial1__item {
  position: relative;
}

.testimonial1__thumb {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 120px;
  border: 8px solid #fff;
}
.testimonial1__thumb i {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  background: #ff5e14;
  height: 50px;
  width: 50px;
  color: #fff;
  border-radius: 30px;
  line-height: 50px;
  margin: auto;
  bottom: -24px;
  box-shadow: 0px 16px 32px 0px rgba(255, 94, 20, 0.16);
}
@media only screen and (max-width: 991px) {
  .testimonial1__thumb {
    width: 80px;
    border: 5px solid #fff;
    top: 5px;
  }
}

.testimonial1__content {
  padding-left: 150px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__content {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial1__content {
    padding-left: 0px;
    padding-top: 100px;
  }
}

.testimonial1__content p {
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 22px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__content p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 319px) {
  .testimonial1__content p {
    font-size: 15px;
  }
}

.testimonial1__content h4 {
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0px;
}

@media only screen and (max-width: 400px) {
  .testimonial1__content h4 {
    font-size: 20px;
  }
}

.testimonial1__content h5 {
  font-size: 16px;
  line-height: 36px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  margin: 0px;
  color: #ff5e14;
}

.testimonial1__dots-style {
  position: relative;
}

.testimonial1__dots-style .owl-dots {
  position: absolute;
  bottom: 77px;
  right: 80px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__dots-style .owl-dots {
    bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial1__dots-style .owl-dots {
    display: none;
  }
}

.testimonial1__dots-style .owl-dots .owl-dot.active span,
.testimonial1__dots-style .owl-dots .owl-dot:hover span {
  background: #fff;
}

.testimonial1__dots-style .owl-dots .owl-dot span {
  width: 20px;
  height: 6px;
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0px 5px;
}

.testimonial2 {
  overflow: hidden;
}

.testimonial2__item {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 107px 60px 45px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(255, 94, 20, 0.3);
  box-shadow: 0px 10px 15px 0px rgba(255, 94, 20, 0.3);
  margin-left: 15px;
  margin-right: 15px;
}

@media only screen and (max-width: 575px) {
  .testimonial2__item {
    padding: 90px 60px 45px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial2__item {
    margin-left: 0px;
    margin-right: 0px;
    padding: 140px 40px 40px;
    margin-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .testimonial2__item {
    padding: 140px 20px 40px;
  }
}

.testimonial2__thumb {
  position: absolute;
  left: 60px;
  top: -60px;
  width: 113px;
  border: 8px solid #fff;
}

@media only screen and (max-width: 479px) {
  .testimonial2__thumb {
    top: 40px;
    left: 40px;
    width: 80px;
    border: 4px solid #fff;
  }
}

@media only screen and (max-width: 400px) {
  .testimonial2__thumb {
    left: 20px;
  }
}

.testimonial2__content p {
  color: #fff;
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 479px) {
  .testimonial2__content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}

.testimonial2__content--data h4 {
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2px;
}

@media only screen and (max-width: 479px) {
  .testimonial2__content--data h4 {
    font-size: 22px;
  }
}

.testimonial2__content--data span {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  text-transform: uppercase;
}

.testimonial2__dots-style {
  position: relative;
}

.testimonial2__dots-style .owl-dots {
  margin: 0px !important;
}

@media only screen and (max-width: 767px) {
  .testimonial2__dots-style .owl-dots {
    display: none;
  }
}

.testimonial2__dots-style .owl-dots .owl-dot.active span,
.testimonial2__dots-style .owl-dots .owl-dot:hover span {
  background: #ff5e14;
}

.testimonial2__dots-style .owl-dots .owl-dot span {
  width: 20px;
  height: 6px;
  border-radius: 0px;
  background: #b2bdcc;
  margin: 0px 5px;
}

.testimonial3 {
  position: relative;
  top: -68px;
  z-index: 50;
  margin-bottom: -68px;
}

@media only screen and (max-width: 991px) {
  .testimonial3 {
    top: 0px;
    background: #00235a;
    margin-bottom: 0px;
  }
}

.testimonial3__carousal:before {
  position: absolute;
  content: "";
  width: 5000px;
  height: 100%;
  right: -60px;
  top: 0px;
  background: #00235a;
  z-index: 100;
  -webkit-transform: skew(-18deg);
  -ms-transform: skew(-18deg);
  transform: skew(-18deg);
}

@media only screen and (max-width: 991px) {
  .testimonial3__carousal:before {
    display: none;
  }
}

.testimonial3__item {
  padding: 95px 145px 93px 100px;
  position: relative;
  z-index: 200;
}

@media only screen and (max-width: 1599px) {
  .testimonial3__item {
    padding: 70px 100px 70px 80px;
  }
}

@media only screen and (max-width: 1399px) {
  .testimonial3__item {
    padding: 65px 20px 65px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial3__item {
    padding: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .testimonial3__item {
    padding: 50px 30px;
  }
}

.testimonial3__thumb {
  position: absolute;
  top: 20px;
  right: 105px;
}

.testimonial3__content p {
  color: #b7c8e3;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 400px) {
  .testimonial3__content p {
    font-size: 16px;
    line-height: 26px;
  }
}

.testimonial3__data h4 {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media only screen and (max-width: 479px) {
  .testimonial3__data h4 {
    font-size: 25px;
    letter-spacing: 0px;
  }
}

.testimonial3__data span {
  color: #ff5e14;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}

.testimonial3__sponsor {
  background: #ff5e14;
  position: relative;
  top: 67px;
  padding: 90px 50px 90px 90px;
  max-height: 300px;
}

@media only screen and (max-width: 991px) {
  .testimonial3__sponsor {
    top: 0px;
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial3__sponsor {
    padding: 60px 0px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial3__sponsor {
    padding: 60px 20px;
  }
}

/*==================================================
===| 18. Team
===================================================*/
.team1 {
  position: relative;
}

.team1__img-box {
  position: absolute;
  left: -100px;
  bottom: 0px;
  width: calc(100% + 100px);
}

@media only screen and (max-width: 575px) {
  .team1__img-box {
    display: none;
  }
}

.team1__social {
  margin-bottom: 7px;
}

.team1__social {
  position: relative;
  top: -30px;
}

.team1__item .team1__social a {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
  width: 60px;
  height: 60px;
  display: inline-block;
  background: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 16px;
  color: #00235a;
  position: relative;
  margin: 0px 10px;
}

.team1__social a:hover {
  background: #ff5e14;
  color: #fff;
}

.team1__content h3 {
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 13px;
}

.team1__content p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #ff5e14;
  text-transform: uppercase;
}

.team1 .owl-carousel .owl-nav button.owl-prev,
.team1 .owl-carousel .owl-nav button.owl-next {
  background: #f2f2f2;
  font-size: 16px;
  font-weight: bold;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  top: -140px;
  right: 0px;
  padding: 18px 40px !important;
  color: #00235a;
  margin: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.team1 .owl-carousel .owl-nav button.owl-prev:hover,
.team1 .owl-carousel .owl-nav button.owl-next:hover {
  background: #ff5e14;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .team1 .owl-carousel .owl-nav button.owl-prev,
  .team1 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.team1 .owl-carousel .owl-nav button.owl-prev {
  right: 141px;
}

/*==================================================
===| 19. About
===================================================*/
.about1 {
  position: relative;
}

.about1__experience {
  /* position: absolute; */
  /* top: -105px;
  right: 80px; */
  display: inline-block;
  width: 525px;
  border-bottom: 4px solid #ff5e14;
  z-index: 500;
  background: #fff;
}

@media only screen and (max-width: 1399px) {
  .about1__experience {
    right: 0px;
  }
}

@media only screen and (max-width: 640px) {
  .about1__experience {
    width: 380px;
    top: -70px;
  }
}

@media only screen and (max-width: 400px) {
  .about1__experience {
    display: none;
  }
}

.about1__experience--content {
  padding: 45px 48px 28px;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content {
    padding: 30px 30px 20px;
  }
}

.about1__experience--content h2 {
  font-size: 80px;
  color: #ff5e14;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: -7px;
  top: 35px;
  left: 48px;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content h2 {
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -4px;
  }
}

.about1__experience--content h2 span {
  font-size: 16px;
  line-height: 20px;
}

.about1__experience--content i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 62px;
  color: rgba(0, 0, 0, 0.04);
}

.about1__experience--content .about1_experience_text {
  padding-left: 105px;
}

.about1__experience--content .about1_experience_text h4 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #00235a;
  text-transform: uppercase;
  margin-bottom: 2px;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content .about1_experience_text h4 {
    font-size: 15px;
  }
}

.about1__experience--content .about1_experience_text h3 {
  font-size: 40px;
  font-family: "Exo", sans-serif;
  font-weight: bold;
  color: #00235a;
  text-transform: uppercase;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content .about1_experience_text h3 {
    font-size: 25px;
  }
}

.about1__title-right {
  position: relative;
  padding-right: 100px;
}

@media only screen and (max-width: 1199px) {
  .about1__title-right {
    padding-right: 0px;
  }
}

.about1__title-right:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 20px;
  width: 2px;
  height: 120px;
  background: #e4e4e4;
}

.about1__title-right p {
  padding-left: 35px;
  font-size: 18px;
  padding-top: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 479px) {
  .about1__title-right p {
    padding-top: 13px;
    padding-left: 20px;
  }
}

.about1__item {
  padding: 55px 25px 50px 36px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  background-color: #fff;
  border-bottom: 0px solid #ff5e14;
}

.about1__item:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.about1__item:hover:before {
  background-color: #fff;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
  box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
  border-bottom: 4px solid #ff5e14;
}

.about1__item--wrapper {
  border: 2px solid #f4f4f4;
  margin-top: 83px;
  position: relative;
}

.about1__item--wrapper:before {
  position: absolute;
  content: "";
  left: 40px;
  top: -30px;
  right: 40px;
  height: 10px;
  background-color: #ff5e14;
}

.about1__thumb {
  position: relative;
}

.about1__thumb img {
  width: 90px;
  height: 90px;
  z-index: 3;
  position: relative;
}

.about1__thumb span {
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 150px;
  text-transform: uppercase;
  line-height: 150px;
  color: transparent;
  -webkit-text-stroke: 1px #f4f4f4;
  right: 0px;
  top: -22px;
  z-index: 2;
}

.about1__content {
  margin-top: 90px;
  position: relative;
  z-index: 5;
}

.about1__content h3 {
  font-size: 22px;
  line-height: 36px;
  font-family: "Exo", sans-serif;
  color: #00235a;
  text-transform: uppercase;
}

.about1.other_page1 .about1__item--wrapper {
  margin-top: 28px;
}

.about2 {
  position: relative;
  overflow: hidden;
}
.about1__thumb i {
  font-size: 90px;
  line-height: 1;
  color: #ff5e14;
  position: relative;
  z-index: 222;
}
.about2:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #ebebeb;
  top: 125px;
  left: 0px;
  z-index: -1;
}

@media only screen and (max-width: 1199px) {
  .about2:before {
    top: 109px;
  }
}

.about2:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #ebebeb;
  top: 219px;
  left: 0px;
  z-index: -1;
  display: none;
}

@media only screen and (max-width: 991px) {
  .about2:after {
    display: block;
  }
}

.about2 .tab-style-01 .nav-tabs {
  border-bottom: none;
}

.about2 .tab-style-01 .nav-tabs .nav-link {
  border-radius: 0px;
  margin: 0px;
  width: 25%;
  border: none;
  border-bottom: 4px solid transparent;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

@media only screen and (max-width: 1199px) {
  .about2 .tab-style-01 .nav-tabs .nav-link {
    padding: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .about2 .tab-style-01 .nav-tabs .nav-link {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .about2 .tab-style-01 .nav-tabs .nav-link {
    width: 100%;
  }
}

.about2 .tab-style-01 .nav-tabs .nav-item.show .nav-link,
.about2 .tab-style-01 .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 4px solid #ff5e14;
  background: url(../img/png-img/png-img-04.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about2__tab-item {
  position: relative;
  padding: 29px 20px 24px 65px;
}

@media only screen and (max-width: 1199px) {
  .about2__tab-item {
    padding: 29px 20px 24px 20px;
  }
}

.about2__tab-thumb {
  position: absolute;
  top: 30px;
  left: 10px;
}

@media only screen and (max-width: 1199px) {
  .about2__tab-thumb {
    display: none;
  }
}

.about2__tab-thumb i {
  color: #ff5e14;
  font-size: 42px;
}

.about2__tab-content h4 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: bold;
  margin-bottom: 5px;
}

.about2__tab-content p {
  margin: 0px;
  font-size: 16px;
}

.about2 .tab-border-bottom {
  position: relative;
}

.about2 .tab-border-bottom:before {
  position: absolute;
  content: "";
  width: 300%;
  height: 1px;
  background: #ebebeb;
  top: 109px;
  left: -50px;
  z-index: -1;
  display: none;
}

@media only screen and (max-width: 479px) {
  .about2 .tab-border-bottom:before {
    display: block;
  }
}

.about2__body {
  padding: 120px 0px 120px;
}

@media only screen and (max-width: 1199px) {
  .about2__body {
    padding: 100px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .about2__body {
    padding: 80px 0px;
  }
}

.about2__left {
  position: relative;
}

.about2__left-thumb {
  padding-left: 45px;
  margin-bottom: 95px;
}

@media only screen and (max-width: 991px) {
  .about2__left-thumb {
    margin-bottom: 155px;
  }
}

@media only screen and (max-width: 479px) {
  .about2__left-thumb {
    margin-bottom: 0px;
    padding-left: 0px;
  }
}

.about2__left-content {
  width: 310px;
  position: absolute;
  left: 0px;
  bottom: -95px;
  background: #fff;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
  box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
  padding: 58px 44px 55px;
  border-top-right-radius: 200px;
  border-bottom: 4px solid #ff5e14;
}

@media only screen and (max-width: 479px) {
  .about2__left-content {
    position: static;
    width: 100%;
    padding: 35px 30px 30px;
    margin-bottom: 60px;
    border-top-right-radius: 0px;
  }
}

.about2__left-content-icon {
  position: relative;
  margin-bottom: 98px;
}
.about2__left-content-icon i {
  font-size: 80px;
  color: #ff5e14;
  line-height: 1;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 479px) {
  .about2__left-content-icon {
    margin-bottom: 50px;
  }
}

.about2__left-content-icon img {
  width: 90px;
  z-index: 5;
  position: relative;
}

.about2__left-content-icon span {
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 150px;
  text-transform: uppercase;
  line-height: 150px;
  color: transparent;
  -webkit-text-stroke: 1px #f4f4f4;
  right: 0px;
  top: 2px;
  z-index: 1;
  letter-spacing: -3px;
}

.about2__left-content-title h3 {
  position: relative;
  z-index: 5;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 36px;
}

@media only screen and (max-width: 319px) {
  .about2__left-content-title h3 {
    font-size: 20px;
  }
}

.about2__right {
  padding-left: 25px;
  padding-top: 62px;
}

@media only screen and (max-width: 1199px) {
  .about2__right {
    padding-left: 0px;
    padding-top: 0px;
  }
}

.about2__right p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 37px;
}

@media only screen and (max-width: 1199px) {
  .about2__right p {
    font-size: 16px;
    line-height: 26px;
  }
}

.about3 {
  position: relative;
}

.about3__content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
  padding-right: 40px;
}

@media only screen and (max-width: 1199px) {
  .about3__content p {
    padding-right: 0px;
  }
}

.about3__thumb2 {
  position: absolute;
  left: 0px;
  top: 120px;
  z-index: -1;
}

.about3__thumb3 {
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: -1;
}

.about4 {
  position: relative;
  overflow: hidden;
}

.about4__thumb-area {
  position: relative;
  padding-bottom: 265px;
}

@media only screen and (max-width: 575px) {
  .about4__thumb-area {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .about4__thumb1 img {
    width: 100%;
  }
}

.about4__thumb2 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 5;
}

@media only screen and (max-width: 575px) {
  .about4__thumb2 {
    display: none;
  }
}

.about4__thumb3 {
  position: absolute;
  left: 0px;
  bottom: -235px;
  width: 100%;
}

@media only screen and (max-width: 1399px) {
  .about4__thumb3 {
    bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .about4__thumb3 {
    display: none;
  }
}

.about4__content {
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .about4__content {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .about4__content {
    margin-top: 60px;
  }
}

.about4__content .title_style1 {
  margin-bottom: 17px;
}

.about4__content p {
  font-size: 18px;
  line-height: 28px;
  padding-right: 100px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1199px) {
  .about4__content p {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .about4__experience {
    display: none;
  }
}

.about4__experience--content {
  background: #fff;
  border-bottom: 4px solid #ff5e14;
  -webkit-box-shadow: 0px 20px 40px 0px rgba(255, 94, 20, 0.3);
  box-shadow: 0px 20px 40px 0px rgba(255, 94, 20, 0.3);
  position: relative;
  z-index: 1;
  padding: 43px 20px 30px 0px;
}

.about4__experience--content h2 {
  font-size: 80px;
  letter-spacing: -6px;
  color: #ff5e14;
  line-height: 65px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: 43px;
  left: 50px;
  z-index: 10;
}

.about4__experience--content h2 span {
  font-size: 16px;
}

.about4__experience--content i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 60px;
  color: #f4f4f4;
  z-index: 5;
}

.about4__experience--content .about4_experience_text {
  padding-left: 155px;
}

.about4__experience--content .about4_experience_text h4 {
  font-size: 16px;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

.about4__experience--content .about4_experience_text h3 {
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
}

.about5__wrapper {
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .about5__wrapper {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .about5__wrapper {
    margin-top: 60px;
  }
}

.about5__wrapper p {
  font-size: 16px;
  line-height: 26px;
}

#progress-elements {
  margin-top: 45px;
}

.progress-skill {
  margin-top: 27px;
}

.progress-skill h4 {
  color: #00235a;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 17px;
  font-family: "Roboto", sans-serif;
}

.progress-skill .progress {
  height: 6px;
  border-radius: 0;
  background: #efefef;
  overflow: visible;
}

.progress-skill .progress-bar {
  background-color: #ff5e14;
  position: relative;
}

.progress-skill .progress-bar span {
  position: absolute;
  font-size: 16px;
  font-weight: 100;
  background: #fff;
  color: #ff5e14;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  padding: 3px;
  left: 97%;
  top: -40px;
}

/*==================================================
===| 20. sidebar
===================================================*/
.side_bar1 {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .side_bar1 {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .side_bar1 {
    margin-top: 60px;
  }
}

.side_bar1__widget {
  background-color: #f5faff;
}

.side_bar1__widget h2 {
  background-color: #fff;
  padding: 16px 30px;
  display: inline-block;
  position: relative;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 20px;
  text-transform: uppercase;
  border-left: 3px solid #ff5e14;
}

.side_bar1__about {
  text-align: center;
  margin-top: 31px;
  padding: 0px 45px 35px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__about {
    padding: 0px 25px 35px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__about {
    padding: 0px 25px 35px;
  }
}

.side_bar1__about--thumb {
  width: 140px;
  display: inline-block;
}

.side_bar1__about--thumb img {
  border-radius: 100px;
}

.side_bar1__about--content {
  margin-top: 30px;
}

.side_bar1__about--content h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.side_bar1__about--content p {
  font-size: 14px;
  line-height: 26px;
}

.side_bar1__about--social {
  margin-top: 20px;
}

.side_bar1__about--social a {
  font-size: 14px;
  display: inline-block;
  color: #b3bed3;
  margin: 0px 9px;
}

.side_bar1__about--social a:hover {
  color: #ff5e14;
}

.side_bar1__search {
  padding: 38px 40px 40px;
  position: relative;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__search {
    padding: 38px 25px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__search {
    padding: 38px 25px 40px;
  }
}

.side_bar1__search input {
  border: none;
  background-color: #fff;
  display: inline-block;
  padding: 18px 30px;
  border-radius: 50px;
  width: 100%;
}

.side_bar1__search input::-webkit-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input:-ms-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::-ms-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::-webkit-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::-moz-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input:-ms-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search button {
  position: absolute;
  right: 40px;
  top: 38px;
  border: none;
  font-size: 14px;
  width: 60px;
  height: 60px;
  background-color: #ff5e14;
  color: #fff;
  border-radius: 100px;
  line-height: 60px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__search button {
    right: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__search button {
    right: 25px;
  }
}

.side_bar1__news {
  padding: 30px 40px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__news {
    padding: 30px 25px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__news {
    padding: 30px 25px 40px;
  }
}

.side_bar1__news--item {
  position: relative;
  min-height: 80px;
}

.side_bar1__news--item:not(:last-child) {
  border-bottom: 1px solid #e4f0fb;
  padding-bottom: 27px;
  margin-bottom: 27px;
}

@media only screen and (max-width: 991px) {
  .side_bar1__news--item:not(:last-child) {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .side_bar1__news--item:not(:last-child) {
    padding-bottom: 27px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__news--item:not(:last-child) {
    padding-bottom: 20px;
  }
}

.side_bar1__news--thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  z-index: 5;
}

@media only screen and (max-width: 400px) {
  .side_bar1__news--thumb {
    height: 60px;
    width: 60px;
  }
}

.side_bar1__news--thumb img {
  border-radius: 10px;
}

.side_bar1__news--content {
  padding-left: 100px;
}

@media only screen and (max-width: 400px) {
  .side_bar1__news--content {
    padding-left: 80px;
  }
}

.side_bar1__news--content a {
  font-size: 12px;
  color: #00235a;
  display: inline-block;
}

.side_bar1__news--content a:hover {
  color: #ff5e14;
}

.side_bar1__news--content a i {
  color: #ff5e14;
}

.side_bar1__news--content a span {
  margin-left: 5px;
}

.side_bar1__news--content a.side_bar1__news--title {
  display: block;
}

.side_bar1__news--content a.side_bar1__news--title h5 {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 22px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: 7px;
}

.side_bar1__news--content a.side_bar1__news--title h5:hover {
  color: #ff5e14;
}

.side_bar1__categories {
  padding: 30px 40px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__categories {
    padding: 30px 25px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__categories {
    padding: 30px 25px 40px;
  }
}

.side_bar1__categories a {
  background-color: #00235a;
  color: #fff;
  display: block;
  height: 50px;
  font-size: 14px;
  position: relative;
  padding-top: 15px;
  padding-left: 30px;
}

.side_bar1__categories a:not(:last-child) {
  margin-bottom: 10px;
}

.side_bar1__categories a span {
  color: #fff;
  font-size: 14px;
  width: 32px;
  height: 32px;
  background-color: #091222;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: 9px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.side_bar1__categories a:hover {
  color: #ff5e14;
}

.side_bar1__categories a:hover span {
  color: #ff5e14;
}

.side_bar1__categories .business {
  background: url(../img/bg/bg-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .consultant {
  background: url(../img/bg/bg-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .creative {
  background: url(../img/bg/bg-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .ui {
  background: url(../img/bg/bg-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .technology {
  background: url(../img/bg/bg-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__social {
  padding: 30px 40px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__social {
    padding: 30px 20px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__social {
    padding: 30px 20px 40px;
  }
}

.side_bar1__social a {
  font-size: 14px;
  color: #00235a;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100px;
  background-color: #fff;
  line-height: 42px;
  margin: 0px 3px;
}

.side_bar1__social a:hover {
  background-color: #ff5e14;
  color: #fff;
}

.side_bar1__instagram {
  text-align: center;
  padding: 20px 20px 40px;
}

.side_bar1__instagram--thumb {
  width: 80px;
  display: inline-block;
  margin: 12px 6px 0px;
  overflow: hidden;
}

.side_bar1__instagram--thumb a {
  position: relative;
  display: block;
}

.side_bar1__instagram--thumb a:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: #ff5e14;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  left: -81px;
  top: -81px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.side_bar1__instagram--thumb a:hover:before {
  left: 0px;
  top: 0px;
}

.side_bar1__tags {
  padding: 25px 20px 35px;
}

.side_bar1__tags a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #00235a;
  background-color: #fff;
  text-transform: uppercase;
  padding: 6px 18px;
  margin: 5px;
  border-radius: 100px;
}

.side_bar1__tags a:hover {
  background-color: #ff5e14;
  color: #fff;
}

/*==================================================
===| 21. Sponsors
===================================================*/
.sponsors1.sponsors1__bg-img-01 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.sponsors1.sponsors1__bg-img-02 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.sponsors1__content_box {
  padding-top: 120px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .sponsors1__content_box {
    padding-top: 100px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .sponsors1__content_box {
    padding-top: 80px;
    padding-bottom: 10px;
  }
}

.sponsors1__item a {
  display: inline-block;
}
.brand-active .sponsors1__item a img {
  width: auto;
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(1) {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding-bottom: 65px;
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(2) {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding-bottom: 65px;
}

@media only screen and (max-width: 767px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(2) {
    border-right: none;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(3) {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding-bottom: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(3) {
    border-right: none;
  }
}

@media only screen and (max-width: 767px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(3) {
    padding-top: 65px;
    border-right: 1px solid #dddddd;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(4) {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(4) {
    padding-top: 65px;
    border-right: 1px solid #dddddd;
  }
}

@media only screen and (max-width: 767px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(4) {
    border-right: none;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(5) {
  border-right: 1px solid #dddddd;
  padding-top: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(5) {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 65px;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(6) {
  border-right: 1px solid #dddddd;
  padding-top: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(6) {
    padding-bottom: 65px;
    border-bottom: 1px solid #dddddd;
    border-right: none;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(7) {
  border-right: 1px solid #dddddd;
  padding-top: 65px;
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(8) {
  padding-top: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2__item img {
    max-width: 80px;
  }
}

/*==================================================
===| 22. Counter
===================================================*/
.counter1 .title_style1 {
  padding: 0px 50px;
}

@media only screen and (max-width: 1199px) {
  .counter1 .title_style1 {
    padding: 0px;
  }
}

.counter1__canvas {
  position: relative;
  margin-bottom: 25px;
}

.counter1__content {
  position: relative;
}

.counter1__content--bg {
  position: absolute;
  font-family: "Exo", sans-serif;
  font-size: 120px;
  text-transform: uppercase;
  line-height: 120px;
  color: transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-text-stroke: 1px #f4f4f4;
  top: -38px;
  z-index: 1;
  letter-spacing: -3px;
}

.counter1__content h4 {
  font-size: 22px;
  font-family: "Exo", sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  position: relative;
  z-index: 5;
}

.counter1__content p {
  margin: 0px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  position: relative;
  z-index: 5;
}

.counter1__percentage {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  line-height: 70px;
  font-size: 70px;
  font-weight: 700;
  margin-top: -35px;
  font-family: "Exo", sans-serif;
  letter-spacing: -2px;
}

.counter1__percentage i {
  font-size: 22px;
  color: #ff5e14;
}
.counter1 canvas {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.counter1.home3 .counter1__percentage {
  color: #fff;
}

.counter1.home3 .counter1__content h4 {
  color: #fff;
}
.counter1__item-white .progress-circular input {
  color: #fff !important;
}

.counter1.home3 .counter1__content p {
  color: #fff;
}

.counter1.home3 .counter1__content--bg {
  -webkit-text-stroke: 1px #133366;
}

.counter1.home3 .text-border-title1 {
  -webkit-text-stroke: 1px #0b316c;
}

.faq1 {
  background: #f7f7f7;
  position: relative;
}

.faq1__thumb1 {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.faq1__wrapper {
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .faq1__wrapper {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .faq1__wrapper {
    margin-top: 50px;
  }
}

.accordion_style_01 .card {
  border: none;
  margin-bottom: 22px;
  border-radius: 0px;
}

.accordion_style_01 .card-header {
  padding: 0px;
  border: none;
  background-color: #fff;
}

.accordion_style_01 .card-header h5 {
  margin-bottom: 1px;
}

.accordion_style_01 .card-header h5 a {
  display: block;
  padding: 24px 70px 23px 40px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #00235a;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 575px) {
  .accordion_style_01 .card-header h5 a {
    padding: 24px 70px 23px 20px;
  }
}

@media only screen and (max-width: 400px) {
  .accordion_style_01 .card-header h5 a {
    font-size: 18px;
    letter-spacing: 0px;
  }
}

.accordion_style_01 .card-header h5 a:hover {
  border-color: #fff;
  color: #ff5e14;
}

.accordion_style_01 .card-header h5 a i {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #00235a;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
}

.accordion_style_01 .card-header h5 a i.fa-minus {
  display: none;
}

.accordion_style_01 .card-header h5 a:hover i {
  color: #fff;
  background: #ff5e14;
}

.accordion_style_01 .card-header a[aria-expanded="true"] {
  border-color: #fff;
  color: #ff5e14;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i {
  color: #fff;
  background: #ff5e14;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i.fa-plus {
  display: none;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i.fa-minus {
  display: inline-block;
}

.accordion_style_01 .card-body {
  padding: 0px 40px 20px;
  margin-top: 5px;
}

.accordion_style_01 .card-body p {
  margin: 0px;
}

.faq2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.faq2 .accordion_style_01 .card {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
  box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
}

.contact1 {
  position: relative;
}

.contact1__thumb1 {
  position: absolute;
  left: 45px;
  top: 80px;
  z-index: -1;
}

.contact1__item {
  position: relative;
}
.contact_list__wrapper .contact1__item:last-child::before {
  display: none;
}
.contact1__item.border-bottom-widget {
  position: relative;
}

.contact1__item.border-bottom-widget:before {
  position: absolute;
  content: "";
  left: 0px;
  height: 1px;
  width: 330px;
  background: #c0d9ff;
  bottom: 0px;
}
.contact-form input.site__btn1 {
  width: auto;
  padding: 19px 50px;
  background: #ff5e14;
  color: #fff;
}
.contact-form input.site__btn1:hover {
  background: #00235a;
  color: #fff;
}

@media only screen and (max-width: 575px) {
  .contact1__item.border-bottom-widget:before {
    width: 100%;
  }
}

.contact1__thumb {
  position: absolute;
  left: 0px;
  top: 0px;
}

.contact1__thumb i {
  font-size: 26px;
  color: #ff5e14;
}

@media only screen and (max-width: 319px) {
  .contact1__thumb i {
    font-size: 22px;
  }
}

.contact1__content {
  padding-left: 55px;
}

@media only screen and (max-width: 319px) {
  .contact1__content {
    padding-left: 45px;
  }
}

.contact1__content h4 {
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

@media only screen and (max-width: 575px) {
  .contact1__content h4 {
    font-size: 22px;
  }
}

.contact1__content p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
  .contact1__map {
    margin-top: 60px;
  }
}

.contact1__map iframe {
  height: 570px;
  width: 100%;
  border: 0;
}

@media only screen and (max-width: 991px) {
  .contact1__map iframe {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .contact1__map iframe {
    height: 400px;
  }
}

/*==================================================
===| 23. Page Title
===================================================*/
.page_title {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__padding {
  padding: 170px 0px;
}

@media only screen and (max-width: 1199px) {
  .page_title__padding {
    padding: 120px 0px;
  }
}

@media only screen and (max-width: 400px) {
  .page_title__padding {
    padding: 100px 0px;
  }
}

.page_title__content .breadcrumb-title {
  font-size: 80px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -3px;
  margin-bottom: 17px;
}

@media only screen and (max-width: 767px) {
  .page_title__content .breadcrumb-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .page_title__content .breadcrumb-title {
    font-size: 50px;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 360px) {
  .page_title__content .breadcrumb-title {
    font-size: 36px;
  }
}

.page_title__bread-crumb ul {
  background: #fff;
  display: inline-block;
  padding: 17px 30px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
}

.page_title__bread-crumb ul li {
  display: inline-block;
  margin: 0px 8px;
  position: relative;
}

.page_title__bread-crumb ul li::before {
  position: absolute;
  content: "";
  left: -8px;
  top: 5px;
  height: 13px;
  width: 2px;
  background: #00235a;
}

.page_title__bread-crumb ul li a,
.page_title__bread-crumb ul li > span {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
  color: #00235a;
}
.page_title__bread-crumb ul li > span {
  color: #ff5e14;
}

.page_title__bread-crumb ul li:first-child:before {
  display: none;
}

.page_title__bread-crumb ul li:first-child a {
  color: #00235a;
}

/*==================================================
===| 24. Pricing
===================================================*/
.pricing {
  background: #f6f9ff;
}

.pricing.pricing .text-border-title1 {
  -webkit-text-stroke: 1px #d6e4ff;
}

.pricing .title_style1 {
  margin-bottom: 75px;
}

@media only screen and (max-width: 991px) {
  .pricing .title_style1 {
    margin-bottom: 60px;
  }
}

.pricing__item {
  padding: 70px 50px 65px;
  background: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
}
@media only screen and (max-width: 400px) {
  .pricing__item {
    padding: 50px 20px;
  }
}

.pricing__middle {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
  border-top: 6px solid #ff5e14;
  background: #fff;
  position: relative;
  padding: 95px 50px;
}

@media only screen and (max-width: 991px) {
  .pricing__middle {
    height: 100%;
    top: 0%;
    padding-top: 70px;
  }
}

.pricing__padding {
  padding-top: 120px;
  padding-bottom: 140px;
}

@media only screen and (max-width: 1199px) {
  .pricing__padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing__padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.pricing__thumb {
  margin-bottom: 35px;
}

.pricing__content p {
  font-size: 16px;
  line-height: 26px;
}

.pricing__data {
  margin-top: 0;
}

.pricing__data h4 {
  font-size: 40px;
  line-height: 26px;
  letter-spacing: -1px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.pricing__data h5 {
  font-size: 14px;
  line-height: 26px;
  color: #ff5e14;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.pricing__data h3 {
  font-size: 80px;
  letter-spacing: -2px;
  color: #ff5e14;
  margin-top: 18px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 400px) {
  .pricing__data h3 {
    font-size: 60px;
  }
}

.pricing__data h3 span {
  font-size: 22px;
  color: #00235a;
  margin: 0px 3px 0px 0px;
}

.pricing.other_page1 {
  position: relative;
  overflow: hidden;
  background: none;
}

.pricing.other_page1 .pricing__padding {
  padding: 140px 0px;
}

@media only screen and (max-width: 1199px) {
  .pricing.other_page1 .pricing__padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing.other_page1 .pricing__padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.pricing.other_page1 .pricing__thumb1 {
  position: absolute;
  left: 0px;
  bottom: -50px;
  width: 100%;
  z-index: -1;
}

@media only screen and (max-width: 1399px) {
  .pricing.other_page1 .pricing__thumb1 {
    bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .pricing.other_page1 .pricing__thumb1 {
    display: none;
  }
}

.pricing.other_page2 {
  background: #001940;
}

.pricing.other_page2 .text-border-title1 {
  -webkit-text-stroke: 1px #0b316c;
}

.pricing__item_color .pricing__shadow {
  background: #052350;
}

.pricing__item_color .pricing__data p {
  color: #fff;
}

.pricing__item_color .pricing__data h4 {
  color: #fff;
}

.pricing__item_color .pricing__data h3 {
  color: #fff;
}

.pricing__item_color .pricing__data h3 span {
  color: #ff5e14;
}
.pricing__item_color.pricing__middle .pricing__data h3 span {
  color: #fff;
}

.pricing__item_color.pricing__middle {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background: none;
  border-top: 0;
}
.pricing__item_color.pricing__middle .site__btn3.pricing__btn {
  background: #fff;
  border-color: #ffff;
  color: #00235a;
}

.pricing__item_color.pricing__middle .pricing__data h5 {
  color: #fff;
}

.pricing__item_color.pricing__middle .site__btn3:hover {
  color: #fff;
  background: #00235a;
  border-color: #00235a;
}

.pricing.other_page2 .title_style1 h2 {
  color: #fff;
}
.pricing__item_color {
  background: #052350;
}

.contact_page1 .text-border-title1 {
  -webkit-text-stroke: 1px #ebebeb;
}

.contact_page1 button.site__btn1 {
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contact_page1__item {
  position: relative;
}

.contact_page1__item .form-control {
  border: none;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  padding: 36px 40px;
  font-size: 16px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 400px) {
  .contact_page1__item .form-control {
    padding: 36px 25px;
  }
}

.contact_page1__item .form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::-moz-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item i {
  position: absolute;
  top: 28px;
  right: 40px;
  color: #ff5e14;
}

@media only screen and (max-width: 400px) {
  .contact_page1__item i {
    right: 25px;
  }
}

.contact_page1__textarea .form-control {
  padding: 25px 40px;
}

@media only screen and (max-width: 400px) {
  .contact_page1__textarea .form-control {
    padding: 25px 25px;
  }
}

.features2__item1 {
  position: relative;
}

.features2__item1__wrapper {
  padding: 120px 120px 70px 120px;
}

@media only screen and (max-width: 1599px) {
  .features2__item1__wrapper {
    padding: 120px 80px 70px 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .features2__item1__wrapper {
    padding: 100px 80px 50px 80px;
  }
}

@media only screen and (max-width: 767px) {
  .features2__item1__wrapper {
    padding: 80px 60px 30px 60px;
  }
}

@media only screen and (max-width: 479px) {
  .features2__item1__wrapper {
    padding: 80px 10px 30px 10px;
  }
}

.features2__item2 {
  position: relative;
}

.features2__item2__wrapper {
  padding: 120px 120px 120px 105px;
}

@media only screen and (max-width: 1599px) {
  .features2__item2__wrapper {
    padding: 120px 80px 120px 65px;
  }
}

@media only screen and (max-width: 1199px) {
  .features2__item2__wrapper {
    padding: 100px 65px 100px 65px;
  }
}

@media only screen and (max-width: 767px) {
  .features2__item2__wrapper {
    padding: 80px 50px 80px 50px;
  }
}

@media only screen and (max-width: 479px) {
  .features2__item2__wrapper {
    padding: 80px 10px 80px 10px;
  }
}

.features2__thumb1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 100;
  height: 100%;
}

@media only screen and (max-width: 1199px) {
  .features2__thumb1 {
    position: static;
    height: 600px;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .features2__thumb1 {
    height: 450px;
  }
}

.features2__thumb2 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 100;
  height: 100%;
}

@media only screen and (max-width: 1199px) {
  .features2__thumb2 {
    position: static;
    height: 600px;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .features2__thumb2 {
    height: 450px;
  }
}

/*==================================================
===| Author CSS End
===================================================*/
/*==================================================
===| Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.process__item {
  padding: 50px 45px;
  border: 2px solid #fafafa;
  transition: 0.3s;
  position: relative;
}
.process__item::before {
  content: "";
  position: absolute;
  background: #ff5e14;
  left: 0;
  top: 0;
  width: 0;
  height: 5px;
  transition: 0.3s;
}
.process__item:hover::before {
  width: 100%;
}
.process__item:hover {
  border: 2px solid #fafafa;
  box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.04);
}
.process__thumb {
  margin-bottom: 30px;
}
.process__content h3 {
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.process__content p {
  margin: 0;
}
/*==================================================
===| Style CSS End
===================================================*/

.services__content h3 {
  font-size: 25px;
  margin-bottom: 15px;
}
.services__content p {
  margin-bottom: 25px;
}
.sv-link a {
  font-weight: 500;
  font-size: 15px;
}
.sv-link a i {
  margin-left: 8px;
  transform: translateY(1px);
  transition: 0.3s;
}
.sv-link a:hover {
  color: #00235a;
}
.sv-link a:hover i {
  margin-left: 10px;
}

.services__thumb {
  position: relative;
  overflow: hidden;
}
.services__thumb img {
  transition: 0.3s;
}
.services__item:hover .services__thumb img {
  transform: scale(1.1);
}
.services__item:hover .sv-icon {
  background: #00235a;
}
.sv-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ff5e14;
  height: 70px;
  width: 70px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  line-height: 67px;
  transition: 0.3s;
}
h2.sv-details-title {
  font-size: 40px;
  line-height: 1.3;
  padding-right: 60px;
}
.ser-fea-list ul li {
  margin-bottom: 12px;
}
.ser-fea-list ul li i {
  color: #ff5e14;
  margin-right: 18px;
  background: #f8f8f8;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 42px;
  transition: 0.3s;
}
.ser-fea-list ul li:hover i {
  background: #ff5e14;
  color: #fff;
}
.service-content-inner span {
  font-size: 80px;
  font-weight: 700;
  background: #ff5e14;
  display: inline-block;
  line-height: 100px;
  padding: 0px 29px;
  margin-right: 20px;
  float: left;
  color: #fff;
  font-family: "Exo", sans-serif;
}
.service-content-inner.service-excerpt p {
  margin: 0;
  overflow: hidden;
  transform: translateY(-4px);
}

.service_details__list h3 {
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 18px;
}
.service_details__list p {
  margin-bottom: 25px;
}

.service_details__list .ser-fea-list ul li {
  float: left;
  width: 50%;
  overflow: hidden;
  font-weight: 500;
}
div.service_details__list .ser-fea-list ul li i {
  color: #ff5e14;
  margin-right: 0;
  background: none;
  height: auto;
  width: 26px;
  text-align: left;
  line-height: inherit;
  transition: 0.3s;
  font-size: 15px;
}

.service_details__thumb1 {
  position: relative;
}
.case-info {
  position: absolute;
  top: -50px;
  right: 50px;
  background: #fff;
  padding: 50px;
  border-top: 5px solid #ff5e14;
  padding-top: 45px;
  box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.04);
}
.case-info ul {
  list-style: none;
}
.case-info ul li:not(:last-child) {
  margin-bottom: 15px;
}
.case-info h2 {
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 25px;
}
.single-post .page_title__content .breadcrumb-title {
  font-size: 45px;
  letter-spacing: -2px;
}
.single-post .blog-title {
  font-size: 32px;
  display: none;
}
.single-post .post-meta.mb-15 {
  margin-bottom: 35px;
}
input.site__btn1 {
  border: 0;
  transition: 0.3s;
}

.more-service-list ul li a:hover .more-service-title {
  color: #ff5e14;
}
.more-service-list ul li,
.more-service-list ul li {
  list-style: none;
}
.more-service-list ul li a {
  padding-bottom: 20px;
  border-bottom: 2px solid #f2edff;
  margin-bottom: 20px;
  color: #223645;
  font-size: 18px;
  display: block;
}
.more-service-title i {
  float: right;
  display: block;
}
.more-service-list ul li:last-child a {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.more-service-icon {
  width: 30px;
}
.more-service-icon i {
  font-size: 25px;
  line-height: 1;
  color: #ff5e14;
}
.widget_text.service_details__sidebar1.mb-50.widget_custom_html {
  padding: 0;
  border: 0;
}
.service_details__sidebar1.widget_custom_html {
  padding: 0;
  border: 0;
}
.service_details__sidebar1.widget_media_image {
  padding: 0;
  border: 0;
}

/*sticky menu*/
div.menu_sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}
.header-style-4 .menu_sticky {
  padding: 0 185px;
}
.header-middle-style .menu_sticky {
  padding: 0 185px;
}
.header-menu-space-3 .menu_sticky {
  padding: 0 85px;
}
.header-default .menu_sticky {
  padding: 0 85px;
}
.header-middle-style .menu_sticky .logo-middle::before {
  height: 102px;
  top: -20px;
}
.header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav > ul > li > a {
  color: #001941;
}
.header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav > ul > li:hover > a {
  color: #ff5e14;
}
.header-style-4 .header__menu-wrapper.menu_sticky .row {
  align-items: center;
}
.header-style-4 .header__menu-wrapper.menu_sticky .header__logo.logo-shape {
  transform: translateY(0px);
}

.header.home3 .menu_sticky .main-menu > nav > ul > li > a {
  color: #00235a;
  border-right: 1px solid #e4e5e6;
}
.header.home3.header-default .menu_sticky .main-menu > nav > ul > li > a {
  border: 0;
}

.header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav > ul > li.active > a {
  color: #ff5e14;
}
.admin-bar header .menu_sticky {
  margin-top: 32px;
}
.admin-bar header.home3 {
  margin-top: 66px;
}
.admin-bar header.home4 {
  margin-top: 0;
}
.title_style1 .text-border-title1.back-title {
  -webkit-text-stroke: 1px #dae7ff;
}
.tportfolio__text.tportfolio__text-2 p {
  color: #fff;
  font-size: 14px;
}

/* Menu Search
-------------------------------------------------------*/
.nav-search {
  position: relative;
  display: block;
  color: inherit;
}

.nav-search:hover {
  color: inherit;
}

.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 121;
  background: rgba(0, 0, 0, 0.9);
}

.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  animation: slideInUp 0.3s;
}
@media (max-width: 767.99px), only screen and (min-width: 768px) and (max-width: 991.99px) {
  .search-wrap .search-field-holder {
    width: 80%;
  }
}

.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: uppercase;
  background: transparent;
  font-size: 25px;
  color: #fff;
  border-bottom: 2px solid #898989;
  text-align: center;
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991.99px) {
  .search-wrap .main-search-input {
    padding: 0;
    font-size: 20px;
  }
}
@media (max-width: 767.99px) {
  .search-wrap .main-search-input {
    padding: 0;
    font-size: 20px;
  }
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
  background-color: #fff;
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
input.main-search-input::-webkit-input-placeholder {
  color: #fff;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991.99px) {
  input.main-search-input::-webkit-input-placeholder {
    font-size: 20px;
  }
}
@media (max-width: 767.99px) {
  input.main-search-input::-webkit-input-placeholder {
    font-size: 16px;
  }
}

input.main-search-input:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991.99px) {
  input.main-search-input:-moz-placeholder {
    font-size: 20px;
  }
}
@media (max-width: 767.99px) {
  input.main-search-input:-moz-placeholder {
    font-size: 16px;
  }
}

input.main-search-input::-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991.99px) {
  input.main-search-input::-moz-placeholder {
    font-size: 20px;
  }
}
@media (max-width: 767.99px) {
  input.main-search-input::-moz-placeholder {
    font-size: 16px;
  }
}

input.main-search-input:-ms-input-placeholder {
  color: #fff;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991.99px) {
  input.main-search-input:-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (max-width: 767.99px) {
  input.main-search-input:-ms-input-placeholder {
    font-size: 16px;
  }
}

.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

.mobile-links li > a {
  padding: 15px 0 15px 15px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
  color: #7f7f7f;
  display: block;
}

/*
************
*************************
28. Back To Top
******************************************************* 
*************************************************************** */
.progress-wrap {
  position: fixed;
  right: -100px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px #00235a;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.progress-wrap::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: #ff5e14;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #ff5e14;
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.progress-wrap.active-progress {
  opacity: 1;
  right: 50px;
  visibility: visible;
  transform: translateY(0);
}

/*home 4 update */
.slider-content-white.slider1__content h3 {
  -webkit-text-stroke: 1px #fff;
}
.slider-content-white.slider1__content h2 {
  color: #fff;
}
.slider-content-white.slider1__content p {
  color: #fff;
}

.tportfolio {
  position: relative;
  overflow: hidden;
}
.tportfolio:hover .tportfolio__text {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.tportfolio:hover .tportfolio__text-2 {
  bottom: 0;
}

.tportfolio__img {
  position: relative;
}

.tportfolio__img img {
  max-width: 100%;
}
.sl-overlay {
  position: relative;
}
.sl-overlay::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0.7;
  background-color: #000916;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.tportfolio__img:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 35, 90, 0.9);
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.tportfolio:hover .tportfolio__img:before {
  opacity: 1;
}

.tportfolio-title {
  color: #fff;
  font-weight: 600;
  font-size: 22px;
}

.tportfolio-title a:hover {
  color: #fd914f;
}

.tportfolio__text h4 {
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 15px;
}

.tportfolio__text {
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 22;
  right: 0;
  margin: 30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.portfolio-plus {
  position: absolute;
  left: 30px;
  top: 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tportfolio:hover .portfolio-plus {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.portfolio-plus a {
  height: 50px;
  width: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background: #ff7214;
  font-size: 15px;
  color: #fff;
  display: inline-block;
}

.portfolio-plus a:hover {
  background: #fd914f;
  border-color: #fd914f;
  color: #fff;
}

.text-end .portfolio-filter button:last-child {
  margin-right: 0;
}

.promotion-area {
  position: relative;
}
.ab-bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 66.67%;
  background-size: cover;
  background-position: center top;
}
.promo-content {
  background: #00235a;
  padding: 160px 145px;
}
.promo-content h6 {
  color: #fff;
  font-weight: 500;
}
.promo-content h2 {
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .promo-content h2 {
    font-size: 44px;
    line-height: 1;
  }
}

@media only screen and (max-width: 575px) {
  .promo-content h2 {
    font-size: 36px;
    line-height: 1;
  }
}

@media only screen and (max-width: 400px) {
  .promo-content h2 {
    font-size: 32px;
    line-height: 1;
  }
}
.promo-content p {
  color: #fff;
  margin-bottom: 30px;
}

/*contact*/
.single-contact-info {
  padding-top: 30px;
}
.single-contact-info:hover .contact-info-icon a {
  background-color: #fd914f;
  color: #ffffff;
}
.single-contact-info:last-child {
  border: none;
}

.contact-info-icon {
  margin-right: 20px;
}
.contact-info-icon a {
  height: 65px;
  width: 65px;
  background: #f5f5f5;
  display: inline-block;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: #fd914f;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.contact-info-icon a:hover {
  background-color: #222;
  color: #ffffff;
}

.contact-info-text span {
  font-size: 14px;
  text-transform: uppercase;
  color: #686777;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.contact-info-text h5 {
  font-size: 20px;
}
@media (max-width: 767px) {
  .contact-info-text h5 {
    font-size: 16px;
  }
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 25px;
  color: #686777;
  border: none;
  background: #f5f5f5;
  font-size: 14px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  outline: none;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #fd914f;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #777a7e;
}
.contact-form textarea {
  height: 230px;
  resize: none;
}

/*header */
.header-right-part {
  margin-top: 35px;
}
.header-icon a {
  color: #002155;
  font-size: 16px;
  width: 18px;
  display: inline-block;
  margin-left: 10px;
}
.header__logo.header-5-logo img {
  width: 180px;
}
.header-info-list span {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.header-info-list span i {
  font-size: 15px;
  margin-right: 3px;
  display: inline-block;
  color: #fff;
}
.header-info-list span a {
  color: #fff;
  margin-right: 30px;
}
.header-5-social.header__top1__right--social ul li a {
  color: #fff;
}
.header-5-lang.header__top1__right--flag > ul > li > a {
  color: #fff;
}

.slider-circle-shape {
  height: 320px;
  width: 320px;
  position: absolute;
  left: 14%;
  z-index: 1;
  border-radius: 50%;
  background: #fff;
  top: 12%;
  transition: 1.2s;
  transform: scale(0);
}
.active .slider-circle-shape {
  transform: scale(1);
}
.slider-circle-shape-sm {
  height: 150px;
  width: 150px;
  position: absolute;
  left: 10%;
  z-index: 1;
  border-radius: 50%;
  background: #fff;
  bottom: 34%;
  transition: 1.5s;
  transform: scale(0);
}
.active .slider-circle-shape-sm {
  transform: scale(1);
}

.slider-circle-shape-2 {
  left: 10%;
  background: #ff5e14;
}
.slider-circle-shape-sm-2 {
  left: 6%;
  background: #ff5e14;
}

/* 15. Loader */

.loader-wrapper {
  position: fixed;

  width: 100%;

  height: 100%;

  background-color: #fff;

  z-index: 9999;
}

#loading {
  background-color: #00235a;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0px;
  top: 0px;
}
#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: loading-center-absolute 1.5s infinite;
  animation: loading-center-absolute 1.5s infinite;
}
.object {
  width: 25px;
  height: 25px;
  background-color: #fff;
  float: left;
}

/*button*/
#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}
#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
}
#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
}
#object_four {
  -webkit-animation: object_four 1.5s infinite;
  animation: object_four 1.5s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}

@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }
}

@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}

p.s_gallery_desc {
  color: #fff;
}

.m-tab-list.s_status_list li {
  color: #00235a;
  transition: 0.3s;
}
.m-tab-list.s_status_list li i {
  color: #00235a;
}
.m-tab-list.s_status_list li:hover i {
  color: #ff5e14;
}
.header-social.s-header-social ul li {
  display: inline-block;
}
.s-logo .standard-logo-white img {
  width: 244px;
}

.header__top1__right--flag.s-header-lang ul li a {
  padding: 0;
}
.footer-4-widget .social_links li a i {
  color: #ff5e14;
}
.footer-4-widget .social_links li a:hover i {
  color: #fff;
}
.team-title.member-name a:hover {
  color: #ff5e14;
}
.side-info {
  z-index: 99999;
}

/* common styles  */

.site__btn4 {
  height: 60px;
  padding: 0 30px;
  background: #ff5e14;
  border: 1px solid #ff5e14;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 60px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}

.site__btn4:hover {
  color: #fff;
}
.site__btn4-icon {
  padding-left: 30px;
  position: relative;
  display: inline-block;
  width: 44px;
}

.site__btn4-icon:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: #dddedf;
  left: 14px;
  top: 19px;
}
.site__btn4-icon i {
  font-size: 16px;
  color: #fff;
}
.site__btn4-icon i:first-child {
  position: absolute;
  top: 50%;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-out;
  transition-delay: 0.1s;
  transform: translateY(-50%);
}
.site__btn4:hover i:first-child {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.site__btn4-icon i:last-child {
  opacity: 1;
  transition: 0.2s;
  position: relative;
  right: 0;
}
.site__btn4:hover i:last-child {
  right: -35px;
  opacity: 0;
  visibility: hidden;
}

.site__btn4.site__btn4-border {
  border-color: #c5ccd6;
  background: none;
  color: #7d8a9d;
  transition: 0.5s ease-in;
}
.site__btn4.site__btn4-border .site__btn4-icon::before {
  background: #c5ccd6;
}
.site__btn4.site__btn4-border:hover {
  color: #fff;
  background: #ff5e14;
  border-color: #ff5e14;
}
.site__btn4.site__btn4-border i {
  color: #7d8a9d;
}
.site__btn4.site__btn4-border:hover i {
  color: #fff;
}
.site__btn4.site__btn4-border.site__btn4-white {
  border-color: #fff;
  color: #fff;
}
.site__btn4.site__btn4-border.site__btn4-white:hover {
  background: #ff5e14;
  border-color: #ff5e14;
}
.site__btn4.site__btn4-border.site__btn4-white .site__btn4-icon::before {
  background: #fff;
}
.site__btn4.site__btn4-border.site__btn4-white i {
  color: #fff;
}

.site__btn4.no-bg.cl-o {
  color: #ff5e14;
}
.site__btn4.no-bg.cl-o .site__btn4-icon i {
  color: #ff5e14;
}
.site__btn4.no-bg.cl-o .site__btn4-icon:before {
  background: #ff5e14;
}
.video-btn {
  color: #ff5e14;
  font-size: 20px;
  height: 100px;
  width: 100px;
  display: inline-block;
  background: #fff;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
}
.pulse-2s {
  animation: pulse 2s linear infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #ffffff;
  }

  50% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
  }

  100% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

.p-relative {
  position: relative;
}
.section-title-o {
  font-size: 60px;
  font-weight: 700;
  color: #00235a;
  line-height: 1.17;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
}

/* header-oil style  */

.header-top-oil {
  background-color: rgba(4, 3, 33, 0.1);
  border-bottom: 1px solid #9daabf;
  padding: 20px 0 18px 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  right: 0;
}
.header-top-info li {
  margin-left: 80px;
  display: inline-block;
}
.header-top-info li:first-child {
  margin-left: 0;
}
.header-top-info {
  float: right;
}
.top-info-icon i {
  font-size: 22px;
  line-height: 1;
  color: #ff5e14;
}
.top-info-icon {
  float: left;
  margin-right: 10px;
}
.top-info-text {
  overflow: hidden;
}
.top-info-text span {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  display: block;
  margin-bottom: 13px;
}
.top-info-text h5 {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
}

/* header-menu-2 style  */
.header-menu-oil {
  background: #00235a;
}

.main-menu2 > nav > ul > li {
  display: inline-block;
  position: relative;
  margin-right: 30px;
}

.main-menu2 > nav > ul > li > a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 24px 10px 24px;
  display: inline-block;
  text-transform: uppercase;
}

.main-menu2 > nav > ul > li:hover > a {
  color: #ff5e14;
}

.main-menu2 > nav > ul > li ul {
  position: absolute;
  left: 0px;
  width: 250px;
  text-align: left;
  background: #fff;
  z-index: 900;
  border-top: 3px solid #ff5e14;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 17px 0px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  top: calc(100% + 30px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.main-menu2 > nav > ul > li ul li {
  position: relative;
  list-style: none;
}

.main-menu2 > nav > ul > li ul li ul {
  position: absolute;
  left: 250px;
  top: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.main-menu2 > nav > ul > li ul li:hover ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0px;
}

.main-menu2 > nav > ul > li ul li a {
  font-weight: 500;
  padding: 7px 28px;
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  color: #00235a;
}

.main-menu2 > nav > ul > li ul li:hover > a {
  color: #ff5e14;
}

.main-menu2 > nav > ul > li ul li.sub_menu_li > a {
  position: relative;
}

.main-menu2 > nav > ul > li ul li.sub_menu_li > a:before {
  position: absolute;
  content: "\f054";
  right: 28px;
  top: 9px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 13px;
}
.main-menu2 > nav > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.site__btn4.menu-2-btn {
  float: right;
  height: 100%;
  line-height: 70px;
}
.menu-2-btn .site__btn4-icon::before {
  top: 24px;
}
.main-menu2 {
  float: left;
}
.open-mobile-menu.menu-2-bar {
  margin-right: 25px;
  margin-top: 12px;
}
.open-mobile-menu.menu-2-bar a {
  background: none;
  color: #fff;
}
.social_links.sidebar-social_links a {
  color: #fff;
  border: 1px solid #ff5e14;
  background-color: #ff5e14;
}
.contact-infos .sidebar-social_links li i {
  color: #fff;
}
/* slider style  */
.slider2__height {
  height: 900px;
  position: relative;
}
.slider-oil-title {
  font-size: 80px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.125;
  font-family: "Exo 2", sans-serif;
}
.slider-oil-content {
  z-index: 1;
}
.slider-oil-content p {
  font-size: 16px;
  line-height: 29px;
  color: #d5ddee;
}

/* about-area style  */
.about-img {
  display: block;
}
.about-img::before {
  position: absolute;
  content: "";
  width: 180px;
  height: 290px;
  border: 15px solid #ff5e14;
  top: -35px;
  left: -35px;
}
.about-single-img {
  display: block;
}
.about-content > p {
  color: #7d8a9d;
}
.about-author {
  display: flex;
  align-items: flex-start;
}
.about-author-img {
  float: left;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.about-author-nd {
  display: block;
}

.about-author-name {
  font-size: 18px;
  color: #00235a;
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 1;
}
.about-author-designation {
  font-size: 15px;
  color: #7d8a9d;
  font-weight: 400;
  display: inline-block;
}
.about-author-signature::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #ff5e14;
  top: -20px;
  left: 0;
}

.about-active .owl-prev {
  position: absolute;
  width: 30px;
  height: 40px;
  text-align: center;
  background: #00235a;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.about-active .owl-next {
  position: absolute;
  width: 30px;
  height: 40px;
  text-align: center;
  background: #00235a;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.about-active .owl-prev i,
.about-active .owl-next i {
  font-size: 20px;
  color: #657691;
}
.about-active.owl-carousel .owl-nav button.owl-next,
.about-active.owl-carousel .owl-nav button.owl-prev {
  background: rgba(0, 35, 90, 0.82);
}
/* service area style  */
.service-area {
  display: block;
}
.single-service {
  display: block;
}
.service-img {
  display: block;
}
.service-img a {
  position: relative;
  display: block;
}
.service-img a::before {
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  transition: all 700ms ease-in-out 0s;
  -webkit-transition: all 700ms ease-in-out 0s;
  -moz-transition: all 700ms ease-in-out 0s;
  -o-transition: all 700ms ease-in-out 0s;
  -ms-transition: all 700ms ease-in-out 0s;
}
.service-img a::after {
  bottom: 50%;
  content: "";
  left: 0;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  transition: all 700ms ease-in-out 0s;
  -webkit-transition: all 700ms ease-in-out 0s;
  -moz-transition: all 700ms ease-in-out 0s;
  -o-transition: all 700ms ease-in-out 0s;
  -ms-transition: all 700ms ease-in-out 0s;
}
.single-service:hover .service-img a::before,
.single-service:hover .service-img a::after {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.service-content {
  padding: 25px 0 10px 0;
}
.service-content > p {
  font-size: 16px;
  font-weight: 400;
  color: #7d8a9d;
  line-height: 28px;
  margin-bottom: 18px;
}
.service-title {
  font-size: 22px;
  font-weight: 700;
  color: #00235a;
  margin-bottom: 18px;
}
.service-icon {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 90px;
  color: service-icon;
  font-size: 45px;
  background: #fff;
  position: absolute;
  top: -90px;
  left: 0;
  color: #ff5e14;
  padding-top: 7px;
}
.site__btn4.no-bg {
  color: #7d8a9d;
  padding: 0;
  line-height: 19px;
  height: 20px;
  background: none;
  border: none;
}
.site__btn4.no-bg:hover {
  color: #ff5e14;
}
.site__btn4.no-bg .site__btn4-icon i {
  font-size: 16px;
  color: #fff;
  color: #7d8a9d;
}
.site__btn4.no-bg:hover .site__btn4-icon i {
  color: #ff5e14;
}
.site__btn4.no-bg .site__btn4-icon:before {
  background: #7d8a9d;
  top: 0;
}
.site__btn4.no-bg:hover .site__btn4-icon:before {
  background: #ff5e14;
}

/* company area style  */
.companies-area {
  background: #00235a;
}
.company-area-tag {
  display: inline-block;
  width: 430px;
  background: #ff5e14;
  padding: 22px 50px;
  text-align: center;
  border-radius: 0 0 20px 20px;
  position: relative;
  margin-top: -35px;
}
.company-area-tag:before {
  position: absolute;
  content: "";
  width: 27px;
  height: 35px;
  background: #e1ac94;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  top: 0;
  left: -27px;
}
.company-area-tag:after {
  position: absolute;
  content: "";
  width: 27px;
  height: 35px;
  background: #e1ac94;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  top: 0;
  right: -27px;
}
.company-area-tag h4 {
  font-size: 30px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 0;
  font-family: "Exo 2", sans-serif;
}

.associate-company {
  text-align: center;
}
.associate-company img {
  max-width: 100%;
}
.associate-company a {
  display: inline-block;
}
/* overview-area style  */
.overview-area-img {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.07;
}
.overview-area-img2 {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 100%;
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}
.overview-area-img2 img {
  height: 100%;
}

.company-growth-year span {
  font-size: 67px;
  color: #ff5e14;
  margin-right: 20px;
}
.company-growth-year p {
  font-size: 18px;
  font-weight: 700;
  color: #00235a;
  margin-bottom: 0;
}
.company-growth-year {
  display: inline-flex;
  width: 350px;
  height: 125px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  justify-content: center;
  align-items: center;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}
.overview-tab-content {
  margin-left: 30px;
}
.mission-tab {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px 30px;
  z-index: 2;
  height: 100%;
}
.mission-tab:before {
  position: absolute;
  content: "";
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ff5e14;
  z-index: -1;
  opacity: 1;
  transition: all 0.7s;
}
.mission-tab.future-tab:before {
  background: #00235a;
}
.mission-tab:hover:before {
  opacity: 0.8;
}
.m-tab-icon i {
  font-size: 66px;
  color: #fff;
  line-height: 1;
}
.m-tab-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px;
}
.mission-tab p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 28px;
  margin-bottom: 42px;
}
.m-tab-list li i {
  font-size: 20px;
  color: #fff;
  margin-right: 15px;
}
.m-tab-list li {
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
}
.m-tab-list li:last-child {
  margin-bottom: 0;
}
.m-tab-icon {
  margin-bottom: 20px;
}

.overview-nav {
  border-bottom: 0;
}
.overview-nav .nav-link.active {
  border: none;
  background: none;
  color: #00235a;
  position: relative;
}
.overview-nav .nav-link.active::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 31px;
  background: #ff5e14;
  top: 0;
  left: -1px;
}
.overview-nav .nav-link {
  font-size: 18px;
  font-weight: 700;
  color: #7d8a9d;
  padding: 2px 24px;
  border: none;
}
.overview-nav::before {
  position: absolute;
  width: 1px;
  height: 100%;
  content: "";
  background: #c3c7ce;
  left: 0;
  top: 0;
}

.overview-nav .nav-item {
  margin-bottom: 11px;
}
.overview-nav .nav-item:last-child {
  margin-bottom: 0;
}
/* .site__btn4.site__btn4-border.b-download style  */
.site__btn4.site__btn4-border.b-download {
  border-color: #ff5e14;
  color: #ff5e14;
}
.site__btn4.site__btn4-border.b-download i {
  color: #ff5e14;
}
.site__btn4.site__btn4-border.b-download .site__btn4-icon::before {
  background: #ff5e14;
  transition: all 0.5s;
}
.site__btn4-icon.b-download i:first-child {
  top: 0px;
  right: -2px;
}
.site__btn4-icon.b-download i:last-child {
  transition: 0.4s ease-out;
}
.site__btn4.b-download:hover i:last-child {
  right: auto;
  opacity: 0;
  visibility: hidden;
  bottom: -23px;
  color: #fff;
}
.site__btn4.b-download:hover i:first-child {
  right: -2px;
  opacity: 1;
  visibility: visible;
  top: 50%;
  color: #fff;
}
.site__btn4.site__btn4-border.b-download:hover {
  color: #fff;
}
.site__btn4.site__btn4-border.b-download:hover .site__btn4-icon::before {
  background: #fff;
}
/* testimonial-area style  */
.testimonial-area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.testimonial-area-img {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.09;
}
.testimonial-wrapper {
  display: block;
}
.single-testimonial {
  display: block;
}
.test-a-img {
  display: inline-block;
  margin-bottom: 13px;
}
.test-a-img-main {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
}
.test-a-img-quote {
  width: 34px;
  height: 34px;
  background: #fff;
  border-radius: 50%;
  font-size: 14px;
  color: #ff5e14;
  text-align: center;
  line-height: 34px;
  bottom: 3px;
  right: -10px;
  position: absolute;
}
.test-a-nd {
  display: block;
}
.test-a-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #00235a;
  margin-bottom: 8px;
  font-family: "Exo 2", sans-serif;
}
.test-a-designation {
  font-size: 16px;
  font-weight: 400;
  color: #7d8a9d;
}
.test-a-text {
  font-size: 16px;
  line-height: 28px;
  color: #7d8a9d;
  padding: 0 100px;
}
.test-a-rating {
  display: inline-block;
}
.test-a-rating li {
  display: inline;
}
.test-a-rating li i {
  color: #ff5e14;
  font-size: 16px;
}
.testimonial-active .owl-dots {
  text-align: center;
  margin-top: 50px;
}
.testimonial-active .owl-dot {
  margin: 0 4px;
}
.testimonial-active .owl-dot span {
  height: 12px;
  width: 12px;
  background: #c6ccd5;
  border: 2px solid #c6ccd5;
  border-radius: 50%;
  transition: all 0.3s;
  display: inline-block;
}
.testimonial-active .owl-dot.active span {
  border-color: #ff5e14;
  background: none;
}
.testimonial-active .owl-nav {
}
.testimonial-active .owl-prev i,
.testimonial-active .owl-next i {
  color: #c6ccd5;
  font-size: 17px;
  font-weight: 500;
  transition: all 0.3s;
}
.testimonial-active .owl-prev:hover i {
  color: #ff5e14;
}
.testimonial-active .owl-next:hover i {
  color: #ff5e14;
}
.testimonial-active .owl-prev {
  position: absolute;
  bottom: 0;
  left: 44%;
}
.testimonial-active .owl-prev::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 25px;
  background: #c6ccd5;
  right: -10px;
  transition: all 0.3s;
  top: -2px;
}
.testimonial-active .owl-prev:hover:after {
  background: #ff5e14;
}
.testimonial-active .owl-next {
  position: absolute;
  bottom: 0;
  right: 44%;
}
.testimonial-active .owl-next::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 25px;
  background: #c6ccd5;
  left: -10px;
  transition: all 0.3s;
  top: -2px;
}
.testimonial-active .owl-next:hover:after {
  background: #ff5e14;
}
/* overview2-area style  */
.overview2-area {
}

.overview-certification-title {
  font-size: 22px;
  line-height: 1;
  color: #00235a;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
}
.certificate-list {
}
.certificate-list li {
  display: inline-block;
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 20px;
}
.certificate-list li:last-child {
  margin-right: 0;
}

.overview2-content {
}
.overview2-list {
}
.overview2-list li {
  list-style: none;
  margin-bottom: 52px;
}
.overview2-list li:last-child {
  margin-bottom: 0;
}
.overview2-list-number {
  float: left;
  width: 145px;
  position: relative;
}
.overview2-list-number:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 50px;
  background: #d9dfe8;
  right: 22px;
  top: 2px;
}
.overview2-list-number span {
  font-size: 60px;
  font-weight: 400;
  color: #ff5e14;
  line-height: 1;
  font-family: "Exo 2", sans-serif;
  display: inline-block;
  margin-top: -7px;
}
.overview2-list-text {
  overflow: hidden;
}
.overview2-list-text h4 {
  font-size: 20px;
  font-weight: 400;
  color: #00235a;
  line-height: 1;
  font-family: "Exo 2", sans-serif;
  margin-bottom: 7px;
}
.overview2-list-text p {
  font-size: 16px;
  font-weight: 400;
  color: #7d8a9d;
  margin-bottom: 0;
}
/* gallery-area style  */
.gallery-area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
}
.gallery-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #00235a;
  opacity: 0.66;
}
.explore-gallery {
  width: 600px;
  float: left;
  position: relative;
  padding-left: 170px;
  padding-top: 100px;
}
.explore-gallery h3 {
  font-size: 60px;
  color: #fff;
  font-weight: 700;
  line-height: 1.166;
  text-transform: uppercase;
  margin-bottom: 45px;
}
.gallery-slider {
  overflow: hidden;
  width: calc(100% - 600px);
}
.single-gallery {
  max-width: 580px;
}
.gallery-img {
  position: relative;
  display: inline-block;
}
.gallery-img::before {
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  transition: all 700ms ease-in-out 0s;
  -webkit-transition: all 700ms ease-in-out 0s;
  -moz-transition: all 700ms ease-in-out 0s;
  -o-transition: all 700ms ease-in-out 0s;
  -ms-transition: all 700ms ease-in-out 0s;
}
.gallery-img::after {
  bottom: 50%;
  content: "";
  left: 0;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  transition: all 700ms ease-in-out 0s;
  -webkit-transition: all 700ms ease-in-out 0s;
  -moz-transition: all 700ms ease-in-out 0s;
  -o-transition: all 700ms ease-in-out 0s;
  -ms-transition: all 700ms ease-in-out 0s;
}
.single-gallery:hover .gallery-img::before,
.single-gallery:hover .gallery-img::after {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.gallery-content {
  background: #ff5e14;
  padding: 15px 25px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.gallery-number span {
  font-size: 59px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.gallery-number {
  float: left;
  margin-right: 20px;
}
.gallery-text h5 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px;
  font-family: "Exo 2", sans-serif;
}
.gallery-text h5 a:hover {
  color: #fff;
}
.gallery-text span {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}

.gallery-active .owl-prev i,
.gallery-active .owl-next i {
  font-size: 45px;
  line-height: 1;
}
.gallery-active .owl-prev {
  background: #fff;
  width: 50px;
  height: 100px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.gallery-active .owl-next {
  background: #fff;
  width: 50px;
  height: 100px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.gallery-active .owl-prev.disabled,
.gallery-active .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}
.gallery-active .owl-nav button.owl-next,
.gallery-active .owl-nav button.owl-prev {
  background: #fff;
}
/* blog-area style  */
.blog-area {
}
.blog-img {
  position: relative;
  overflow: hidden;
}
.blog-img::before {
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  transition: all 700ms ease-in-out 0s;
  -webkit-transition: all 700ms ease-in-out 0s;
  -moz-transition: all 700ms ease-in-out 0s;
  -o-transition: all 700ms ease-in-out 0s;
  -ms-transition: all 700ms ease-in-out 0s;
}
.blog-img::after {
  bottom: 50%;
  content: "";
  left: 0;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  transition: all 700ms ease-in-out 0s;
  -webkit-transition: all 700ms ease-in-out 0s;
  -moz-transition: all 700ms ease-in-out 0s;
  -o-transition: all 700ms ease-in-out 0s;
  -ms-transition: all 700ms ease-in-out 0s;
}
.single-blog:hover .blog-img::before,
.single-blog:hover .blog-img::after {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.blog-img img {
  transition: all 1s;
}
.single-blog:hover .blog-img img {
  transform: scale(1.1);
}
.blog-content {
  border: 1px solid #eeeeee;
  border-top: 0;
  padding: 10px 29px 24px 29px;
}
.blog-title-o {
  font-size: 22px;
  line-height: 34px;
  color: #00235a;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: "Exo 2", sans-serif;
}
.blog-content p {
  color: #7d8a9d;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 28px;
}
/* site__btn4-blog style start */
.site__btn4.no-bg.site__btn4-blog {
  color: #ff5e14;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.1;
}

.site__btn4-blog .site__btn4-icon {
  padding-left: 8px;
  width: 23px;
}
.site__btn4-blog .site__btn4-icon:before {
  display: none;
}
.site__btn4.no-bg.site__btn4-blog .site__btn4-icon i {
  color: #ff5e14;
}
.blog-content.arc-blog-content p {
  color: #00235a;
}
/* site__btn4-blog style end */

.blog-date {
  position: absolute;
  top: -35px;
  left: 29px;
  text-align: center;
  background: #ff5e14;
  width: 70px;
  height: 70px;
  padding: 11px 0;
}
.blog-date span {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.blog-date span.date {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 5px;
}

.blog-meta-list {
  margin-left: 90px;
  padding-left: 0;
  margin-bottom: 15px;
}
.blog-meta-list li {
  list-style: none;
}
.blog-meta-icon {
  margin-right: 6px;
  font-size: 12px;
  color: #ff5e14;
}
.blog-meta-text {
  font-size: 13px;
  font-weight: 700;
  color: #00235a;
  text-transform: uppercase;
}
.blog-meta-text a i {
  margin-right: 6px;
}
/* blog-area style  */
.blog-area {
}
.blog-sidebar-list li:last-child {
  margin-bottom: 0;
}
.blog-sidebar-link-img {
  width: 120px;
  float: left;
  margin-right: 20px;
  height: 90px;
  background-size: cover;
}
.blog-sidebar-link {
  list-style: none;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-area .blog-sidebar-list {
  padding-left: 0;
  margin-bottom: 50px;
}
.blog-sidebar-link-text {
  overflow: hidden;
}
.blog-sidebar-link-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #00235a;
  margin-bottom: 10px;
  font-family: "Exo 2", sans-serif;
}
.blog-sidebar-link-date span {
  font-size: 14px;
  font-weight: 500;
  color: #b0bac9;
}
.blog-sidebar-link-date .bs {
}
.bs-icon {
  margin-right: 7px;
}
.blog-sidebar-link-date {
  overflow: hidden;
}
/* clients-area style  */

.clients-area-title {
  font-size: 29px;
  font-weight: 700;
  color: #00235a;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.clients-area-content p {
  font-size: 16px;
  font-weight: 400;
  color: #7d8a9d;
  line-height: 28px;
  margin-bottom: 0;
}
.clients-slide {
  padding-left: 70px;
}
.client-logo img {
  max-width: 150px;
  max-height: 90px;
  transform: scale(0.9);
}

/* footer-4 style  */
.footer4__copyright--text p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.footer4__copyright {
  background: #061f46;
  padding: 10px 0px;
}

.footer-section-4-top {
  background: #00235a;
}
.footer-about-4-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #aabcd8;
}
.footer-widget-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.footer-4-widget li a {
  font-size: 14px;
  font-weight: 400;
  color: #aabcd8;
}
.footer-4-widget li a:hover {
  color: #fff;
  padding-left: 5px;
}
.footer-4-widget li {
  margin-bottom: 15px;
}
.footer-4-widget li:last-child {
  margin-bottom: 0;
}
.social_links li:not(:last-child) {
  margin-right: 12px;
}
.social_links li {
  display: inline-block;
}
.social_links a {
  width: 35px;
  height: 35px;
  display: block;
  color: #ff5e14;
  font-size: 14px;
  overflow: hidden;
  line-height: 28px;
  position: relative;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #fff;
}
.social_links a i:nth-child(1) {
  top: 55%;
  transform: translate(-50%, -55%);
}
.social_links a i {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}
.social_links a i:nth-child(2) {
  top: 100%;
  opacity: 0;
}
.social_links a i {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}
.social_links a:hover i:nth-child(1) {
  top: -100%;
  opacity: 0;
  transform: translateX(-50%);
}
.social_links a:hover i:nth-child(2) {
  top: 55%;
  opacity: 1;
  transform: translate(-50%, -55%);
}
.social_links a:hover {
  color: #fff;
  border-color: #ff5e14;
  background: #ff5e14;
}
.footer-4-gallery-img {
  margin-bottom: 8px;
}
.footer-4-gallery-img img {
  width: 100%;
}
.footer-4-gallery .col-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.footer-4-gallery .row {
  margin-left: -4px;
  margin-right: -4px;
}
@media screen and (min-width: 1200px) {
  .ml-xl-30 {
    margin-left: 30px;
  }
}

/* home-oil responsive style  */
/* Laptop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
  .explore-gallery {
    padding-left: 70px;
    padding-top: 60px;
  }
}
/* Normal desktop (LG) :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .main-menu2 > nav > ul > li {
    margin-right: 22px;
  }
  .overview-tab-content {
    margin-left: 0;
  }
  .mission-tab {
    padding: 20px 20px;
  }
  .company-growth-year {
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
  }
  .section-title-o {
    font-size: 46px;
  }
  .explore-gallery {
    width: 400px;
    padding-left: 70px;
    padding-top: 60px;
  }
  .explore-gallery h3 {
    font-size: 44px;
  }
  .gallery-slider {
    width: calc(100% - 400px);
  }
  .blog-title-o {
    font-size: 22px;
  }
  .blog-sidebar-link-title {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .blog-sidebar-link-img {
    width: 104px;
  }
  .clients-area-title {
    font-size: 22px;
  }
  .footer-widget-title {
    font-size: 22px;
  }
  .ml-lg--15 {
    margin-left: -15px;
  }
}
/* Tablet desktop (MD) :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .slider-oil-title {
    font-size: 60px;
  }
  .site__btn4.menu-2-btn {
    float: left;
  }
  .open-mobile-menu a {
    font-size: 25px;
  }
  .overview-tab-content {
    margin-left: 0;
  }
  .company-growth-year {
    height: 100px;
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
  }
  .section-title-o {
    font-size: 42px;
  }
  .test-a-text {
    padding: 0 40px;
  }
  .testimonial-active .owl-prev {
    left: 40%;
  }
  .testimonial-active .owl-next {
    right: 40%;
  }
  .overview2-content {
    margin-left: 0;
  }
  .explore-gallery {
    width: 100%;
    padding-bottom: 50px;
    padding-left: 80px;
  }
  .gallery-slider {
    width: 100%;
  }
  .gallery-number span {
    font-size: 48px;
  }
  .clients-slide {
    padding-left: 0;
  }
  .explore-gallery h3 {
    font-size: 44px;
    margin-bottom: 35px;
  }
  .about-img {
    margin-right: 0;
  }
  .open-mobile-menu.menu-2-bar {
    margin-right: 0;
  }
  .open-mobile-menu.menu-2-bar a {
    width: inherit;
  }
}
/* small mobile (XS) :320px. */
@media (max-width: 767px) {
  .open-mobile-menu.menu-2-bar {
    margin-right: 0;
  }
  .open-mobile-menu.menu-2-bar a {
    width: inherit;
  }
  .overview-tab-content {
    margin-left: 0;
  }
  .overview2-content {
    margin-left: 0;
  }
  .explore-gallery {
    width: 100%;
    padding-bottom: 50px;
    padding-left: 80px;
  }
  .gallery-slider {
    width: 100%;
  }
  .clients-slide {
    padding-left: 0;
  }
  .slider-oil-title {
    font-size: 44px;
  }
  .slider-oil-content p {
    padding-right: 0;
  }
  .slider2__height {
    height: 700px;
  }
  .about-img {
    margin-right: 0;
  }
  .site__btn4.menu-2-btn {
    float: left;
  }
  .section-title-o {
    font-size: 32px;
  }
  .company-growth-year {
    width: 320px;
  }
  .company-growth-year span {
    font-size: 58px;
  }
  .section-title-o {
    font-size: 27px;
  }
  .company-area-tag {
    width: 290px;
    padding: 15px 20px;
  }
  .test-a-text {
    padding: 0 10px;
  }
  .testimonial-active .owl-prev {
    left: 28%;
  }
  .testimonial-active .owl-next {
    right: 28%;
  }
  .certificate-list li {
    margin-right: 12px;
  }
  .overview2-list-number {
    float: none;
    margin-bottom: 20px;
  }
  .explore-gallery h3 {
    font-size: 42px;
    margin-bottom: 35px;
  }
  .explore-gallery {
    padding-left: 15px;
  }
  .blog-sidebar-link-img {
    width: 100px;
  }
  .blog-sidebar-link-title {
    font-size: 16px;
  }
  .clients-area-title {
    font-size: 22px;
  }
  .blog-content {
    padding: 10px 20px 24px 20px;
  }
}
/* Large Mobile :580px. */
@media only screen and (min-width: 580px) and (max-width: 767px) {
  .mission-tab {
    padding: 20px 20px;
    padding-right: 10px;
  }
  .gallery-number span {
    font-size: 48px;
  }
  .section-title-o {
    font-size: 34px;
  }
  .testimonial-active .owl-prev {
    left: 37%;
  }
  .testimonial-active .owl-next {
    right: 37%;
  }
  .overview2-list-number {
    float: left;
    margin-bottom: 0;
  }
}

/* home architect style  */
.arc-header-top {
  background: #00235a;
  padding: 10px 130px 10px 130px;
}
.header-arc-top-info {
  display: inline-block;
  margin-left: 315px;
  z-index: 5;
}
.header-arc-top-info::before {
  position: absolute;
  content: "";
  width: 150px;
  height: 49px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
  bottom: -15px;
  left: -68px;
  z-index: -2;
  display: none;
}
.header-arc-top-info::after {
  position: absolute;
  content: "";
  width: 150px;
  height: 49px;
  background: #00235a;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
  bottom: -10px;
  left: -63px;
  z-index: -1;
  display: none;
}
.header-arc-top-info li {
  display: inline-block;
  margin-left: 70px;
  position: relative;
}
.header-arc-top-info li i {
  font-size: 16px;
  color: #ff5e14;
  margin-right: 10px;
  float: left;
  margin-top: 5px;
}
.header-arc-top-info li span {
  font-size: 14px;
  line-height: 1;
  color: #fff;
  overflow: hidden;
}
.header-arc-top-info li span a {
  font-size: 14px;
  line-height: 1;
  color: #fff;
  overflow: hidden;
}
.header-arc-top-info li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background: #8c97a8;
  left: -35px;
  top: 5px;
}
.header-arc-top-info li:first-child {
  margin-left: 0;
}
.header-arc-top-info li:first-child:before {
  display: none;
}
.header-social a {
  font-size: 16px;
  color: #fff;
  margin: 0 8px;
}
.language {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  margin-left: 20px;
}
.language:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background: #8c97a8;
  left: 0;
  top: 5px;
}
.language::after {
  position: absolute;
  content: "";
  top: 11px;
  right: 0;
  width: 9px;
  height: 5px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.language li:hover ul.submenu {
  opacity: 1;
  visibility: visible;
}
.language > li {
  padding: 0 17px 0 0;
}
.language > li > a {
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.language .submenu {
  width: 100px;
  padding: 15px 15px;
  background: white;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.language .submenu li {
  display: block;
}
.language .submenu li a {
  font-size: 14px;
  color: #00235a;
}
.language .submenu li a:hover {
  color: #00235a;
}
/* arc-main-header style  */

.arc-header-main {
  padding-left: 130px;
  padding-right: 130px;
}
.main-menu2.menu-architect > nav > ul > li > a {
  color: #00235a;
  padding: 29px 10px 29px;
  max-height: 80px;
}
.main-menu2.menu-architect > nav > ul > li {
  margin-right: 20px;
}

.logo-architect {
  display: inline-block;
  position: relative;
  height: 100%;
  z-index: 2;
  margin-top: -10px;
}
.menu_sticky .logo-architect {
  margin-top: 10px;
}
.logo-architect::before {
  position: absolute;
  content: "";
  width: 500px;
  height: 124px;
  background: #ff5e14;
  z-index: -1;
  clip-path: polygon(0 0, 89% 0, 100% 100%, 0 100%);
  bottom: -10px;
  right: -110px;
}
.menu_sticky .logo-architect::before {
  bottom: 10px;
}
.menu-architect {
  float: right;
}
.arc-header-btn {
  margin-top: 10px;
}
.header-icon.arc-header-icon a {
  color: #00235a;
  font-size: 16px;
  width: 18px;
  display: inline-block;
  margin-left: 34px;
  position: relative;
}
.header-icon.arc-header-icon a:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: #d9dee6;
  top: 2px;
  left: -20px;
}
.header-icon.arc-header-icon a:first-child:before {
  display: none;
}
.header-icon.arc-header-icon a:first-child {
  margin-left: 0;
}
.header-icon.arc-header-icon {
  margin-right: 50px;
  margin-top: 28px;
}
.open-mobile-menu.menu-bar-architect {
  margin-right: 0;
  margin-top: 15px;
}
.open-mobile-menu.menu-bar-architect a {
  background: none;
  color: #00235a;
  width: inherit;
}

/* slider architect style  */
.slider-architect-title {
  font-size: 80px;
  font-weight: 700;
  color: #00235a;
  text-transform: uppercase;
  line-height: 1.125;
  letter-spacing: -1px;
}
.slider-architect-content {
  z-index: 1;
}
.slider-architect-content p {
  font-size: 16px;
  line-height: 29px;
  color: #00235a;
}
.slider-dot {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  bottom: 0;
  opacity: 0.01;
}
.slider-dot img {
  height: 100%;
}
.sl-arc-circle {
  position: absolute;
  top: -120px;
  left: -140px;
  z-index: -1;
  animation: rotate-360 8s linear infinite;
}
@keyframes rotate-360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.slider-architect.owl-carousel .owl-nav button.owl-next,
.slider-architect.owl-carousel .owl-nav button.owl-prev {
  background: #fff;
  color: #ff5e14;
  border: 2px solid #00235a;
  font: inherit;
  width: 75px;
  height: 80px;
  font-size: 25px;
  font-weight: 700;
}
.slider-architect.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  left: -48px;
  border-left: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  transition: all 0.5s;
}
.slider-architect.owl-carousel .owl-nav button.owl-prev:hover {
  left: 0;
}
.slider-architect.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  right: -48px;
  border-right: 0;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  transition: all 0.5s;
}
.slider-architect.owl-carousel .owl-nav button.owl-next:hover {
  right: 0;
}
/* arc-about style  */
.arc-about-img-wrapper {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  margin-top: -185px;
  z-index: 99;
  position: relative;
  margin-left: -40px;
}
.arc-about-img {
  border-radius: 8px;
  overflow: hidden;
}
.arc-experience {
  position: absolute;
  bottom: -40px;
  left: -131px;
}
.experience-year {
  font-size: 300px;
  line-height: 1;
  background-image: url(../img/home-architect/bg/experience-year-text-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  -webkit-text-stroke: 0px #fff;
  background-size: cover;
}

.experience-text span {
  color: #ff5e14;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}
.experience-text p {
  font-size: 16px;
  font-weight: 700;
  color: #00235a;
  margin-bottom: 0;
  line-height: 18px;
}
.experience-text {
  text-align: center;
  width: 120px;
  position: absolute;
  top: 85px;
  right: 25px;
  z-index: 2;
}
.experience-text::before {
  position: absolute;
  content: "";
  width: 140px;
  height: 60px;
  background: #fff;
  border-radius: 30px;
  z-index: -1;
  top: 42px;
  left: -10px;
}
.experience-text::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 144px;
  background: #fff;
  border-radius: 30px;
  z-index: -1;
  top: -8px;
  left: 28px;
}
.arc-title-wrapper {
  z-index: 2;
}
.arc-section-subtitle {
  font-size: 16px;
  font-weight: 700;
  color: #ff5e14;
  text-transform: uppercase;
  line-height: 1;
  display: block;
}
.arc-section-title {
  font-size: 60px;
  font-weight: 700;
  color: #00235a;
  line-height: 1.167;
  text-transform: uppercase;
}
.arc-title-back-text {
  font-size: 175px;
  -webkit-text-stroke: 1px #00235a;
  -webkit-text-fill-color: white;
  font-family: "Exo", sans-serif;
  opacity: 0.1;
  z-index: -1;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: -50%;
  right: -50%;
  text-align: center;
  transform: translateY(-50%);
}
/* arc-features area style  */

.our-motive {
  font-size: 30px;
  color: #fff;
  line-height: 1.33;
  z-index: 2;
}
.arc-features-area {
  background: #00235a;
  padding-top: 75px;
  padding-bottom: 45px;
}
.arc-single-feature-icon {
  float: left;
  line-height: 1;
  margin-right: 15px;
}
.arc-single-feature-icon i {
  font-size: 35px;
  color: #ff5e14;
}
.arc-single-feature-text {
  overflow: hidden;
}
.arc-single-feature {
  display: inline-block;
}
.arc-features-list {
  float: right;
}
.arc-features-list li {
  margin-left: 60px;
  display: inline-block;
}
.arc-features-list li:first-child {
  margin-left: 0;
}
.arc-single-feature-text h4 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 7px;
}
.arc-single-feature-text p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
.our-motive:before {
  position: absolute;
  content: "";
  width: 700px;
  height: calc(100% + 150px);
  background: #ff5e14;
  z-index: -1;
  right: -30px;
  top: -75px;
}
.our-motive:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 28px;
  right: -48px;
  background: #ff5e14;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  top: 43px;
}

/* arc-service-area style  */
.arc-service-area-bg {
  background: #f6f8f9;
}

.arc-single-service {
  background: #fff;
  padding: 30px 30px 20px;
}
.arc-single-service-icon i {
  font-size: 47px;
  line-height: 1;
  color: #ff5e14;
}
.arc-single-service-icon {
  margin-bottom: 25px;
}
.arc-single-service-title {
  font-size: 22px;
  font-weight: 700;
  color: #00235a;
  line-height: 1;
  margin-bottom: 15px;
  font-family: "Exo", sans-serif;
}
.arc-single-service p {
  font-size: 16px;
  line-height: 28px;
  color: #00235a;
  margin-bottom: 35px;
  font-weight: 400;
}
.arc-service-contact p {
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}
.arc-service-contact-btn {
  display: inline-block;
  margin-left: 40px;
}
/* arc-project-area style  */
.project-slide-wrapper {
  padding: 0 30px;
}
.arc-single-project {
  max-width: 500px;
  overflow: hidden;
}
.arc-project-img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(transparent 0%, #00235a 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.arc-single-project:hover .arc-project-img::after {
  opacity: 1;
  visibility: visible;
}

.arc-project-content {
  padding: 30px 35px 25px;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  z-index: 1;
  margin-left: 30px;
  margin-right: 30px;
}

.arc-project-content:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #00235a;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: -1;
}
.arc-single-project:hover .arc-project-content {
  bottom: 25px;
  opacity: 1;
  visibility: visible;
}
.arc-project-category {
  font-size: 18px;
  font-weight: 500;
  color: #ff5e14;
  line-height: 1;
  margin-bottom: 10px;
  display: block;
}
.arc-project-title {
  font-size: 22px;
  color: #fff;
  margin-bottom: 20px;
}
/* arc-team area style  */
.arc-team-area {
}

.member-name {
  font-size: 22px;
  color: #00235a;
  margin-bottom: 10px;
  line-height: 1;
}
.member-name a:hover {
  color: #00235a;
}
.member-designation {
  font-size: 16px;
  font-weight: 500;
  color: #ff5e14;
  text-transform: uppercase;
}
.member-desription {
  padding: 22px 15px 5px 15px;
}
.t-share-btn {
  font-size: 20px;
  color: #fff;
  height: 60px;
  width: 60px;
  border: 3px solid #fff;
  background: #ff5e14;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
}

.team-social-icon li {
  display: inline-block;
  margin: 0 12px;
}
.team-social-icon li a {
  font-size: 16px;
  color: #00235a;
}
.team-social-icon li a:hover {
  color: #ff5e14;
}
.team-social-icon {
  height: 60px;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  padding: 10px 10px 10px 70px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transform: scale(0.2, 0.6);
  transform-origin: left;
  transition: 0.7s;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.team-social:hover .team-social-icon {
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
}
.team-social {
  position: absolute;
  top: -80px;
  left: 20px;
  z-index: 2;
}
/* p-video-area style  */
.p-video-area {
}
.p-video-area-bg {
  background: #00235a;
}
.p-video-wrapper {
  z-index: 2;
}
.p-video-wrapper:before {
  width: 700px;
  height: calc(100% + 240px);
  background: #ff5e14;
  position: absolute;
  content: "";
  top: -120px;
  left: -430px;
  z-index: -1;
}

.p-video-title {
  font-size: 50px;
  color: #fff;
  line-height: 1.2;
}
.p-video-content p {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.p-video-content {
  padding-left: 30px;
}

.p-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.d-number {
  font-size: 20px;
  font-weight: 900;
  color: #ff5e14;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}
.p-video-duration li span {
  font-size: 16px;
  color: #00235a;
}
.p-video-duration li {
  border-bottom: 1px solid #ebeff6;
  padding: 18px 0;
  list-style: none;
}
.p-video-duration {
  width: 88px;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 44px;
  border-bottom-right-radius: 44px;
  position: absolute;
  top: 0;
  left: 34%;
}
.p-video-duration li:last-child {
  border-bottom: 0;
}
/* arc-testimonial style  */
.test-a-nd.arc-test-nd {
  display: inline-block;
  padding-top: 18px;
}
.arc-test-nd .test-a-name {
  font-family: "Exo", sans-serif;
}
.arc-test-nd .test-a-designation {
  color: #00235a;
}
.test-a-text.arc-test-text {
  color: #00235a;
  padding: 15px 58px 0 0;
  font-weight: 500;
  font-style: italic;
}

.single-counter-wrapper {
  background: #00235a;
  padding: 50px 5px 25px 5px;
}
.single-counter-icon i {
  font-size: 50px;
  color: #fff;
  line-height: 1;
}
.single-counter-number {
  font-size: 50px;
  font-weight: 500;
  color: #fff;
  display: block;
  line-height: 1;
  margin-bottom: 15px;
}
.single-counter-wrapper p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.single-counter-icon {
  margin-bottom: 23px;
}
.counter-bg-2 {
  background: #ff5e14;
}
/* newsletter area style  */
.newsletter-area {
}
.newsletter-area-bg {
  background: #ff5e14;
}

.newsletter-tl-icon i {
  font-size: 64px;
  line-height: 1;
  color: #fff;
}
.newsletter-tl-icon {
  float: left;
  margin-bottom: 30px;
  margin-right: 30px;
}
.newsletter-text {
  overflow: hidden;
}
.newsletter-text h4 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1;
}
.newsletter-text p {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}
.subscribe-form input {
  height: 60px;
  border: 1px solid #fff;
  background: #fff;
  padding: 0 160px 0 20px;
  width: 100%;
  font-size: 14px;
}
.subscribe-form input::placeholder {
  font-size: 14px;
  color: #a7adb7;
}
.subscribe-form button {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 0 30px;
  height: 60px;
  border: none;
  background: #00235a;
  position: absolute;
  right: 0;
  top: 0;
}
.subscribe-form button i {
  margin-left: 10px;
}
.subscribe-form.mb-30 {
}
.subscribe-form {
  position: relative;
}

/* home-architect responsive style  */
@media (min-width: 1300px) and (max-width: 1560px) {
  .arc-header-main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .arc-header-top {
    background: #00235a;
    padding: 10px 20px 10px 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .arc-header-main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .arc-header-top {
    background: #00235a;
    padding: 10px 20px 10px 20px;
  }
  .logo-architect::before {
    right: -90px;
  }
  .header-arc-top-info li {
    margin-left: 24px;
  }
  .header-arc-top-info li::before {
    left: -15px;
  }
  .main-menu2.menu-architect > nav > ul > li {
    margin-right: 12px;
  }
}
/* Laptop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
}

/* Normal desktop (LG) :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .slider-architect-title {
    font-size: 54px;
  }
  .arc-section-title {
    font-size: 46px;
  }
  .arc-title-back-text {
    display: none;
  }
  .arc-about-img-wrapper {
    margin-top: -40px;
  }
  .our-motive::before {
    display: none;
  }
  .our-motive::after {
    display: none;
  }
  .arc-single-service {
    padding: 30px 20px 20px;
  }
  .p-video-content {
    padding-left: 0;
  }
  .p-video-title {
    font-size: 46px;
  }
  .p-video-wrapper {
    margin-right: 30px;
  }
  .p-video-duration {
    left: 21%;
  }
  .p-video-wrapper::before {
    height: calc(100% + 274px);
    top: -137px;
    left: -550px;
  }
  .single-counter-number {
    font-size: 44px;
  }
  .newsletter-text p {
    padding-right: 50px;
  }
  .arc-header-main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .logo-architect::before {
    height: 80px;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
    right: -66px;
    bottom: 10px;
  }
  .logo-architect {
    display: inline-block;
    position: relative;
    background: none;
    height: 100%;
    z-index: 2;
    margin-top: 10px;
  }
  .header-icon.arc-header-icon {
    margin-right: 14px;
  }
  .arc-header-top {
    padding: 10px 20px 10px 20px;
  }
  .header-arc-top-info {
    margin-left: 0;
  }
  .header-arc-top-info::before {
    display: none;
  }
  .header-arc-top-info li {
    margin-left: 50px;
  }
  .header-arc-top-info li::before {
    left: -26px;
  }
}

/* Tablet desktop (MD) :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .our-motive::before {
    display: none;
  }
  .our-motive::after {
    display: none;
  }
  .slider-architect-title {
    font-size: 52px;
  }
  .arc-about-img-wrapper {
    margin-top: 0;
    margin-left: -40px;
  }
  .arc-section-title {
    font-size: 42px;
  }
  .arc-title-back-text {
    display: none;
  }
  .arc-about-img-wrapper {
    max-width: 600px;
  }
  .arc-experience {
    bottom: -25px;
    left: -25px;
  }
  .arc-single-feature-icon {
    float: none;
    margin-bottom: 15px;
  }
  .arc-service-contact p {
    margin-bottom: 20px;
    padding: 0 100px;
  }
  .p-video-wrapper::before {
    display: none;
  }
  .p-video-wrapper {
    margin-bottom: 50px;
  }
  .p-video-content {
    padding-left: 0;
  }
  .arc-header-top {
    padding: 10px 20px 10px 20px;
  }
  .logo-architect::before {
    height: 80px;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
    right: -66px;
    bottom: -2px;
  }
  .logo-architect {
    display: inline-block;
    position: relative;
    background: none;
    height: 100%;
    z-index: 2;
    margin-top: 10px;
  }
  .header-arc-top-info {
    margin-left: 0;
  }
  .header-arc-top-info::before {
    display: none;
  }
  .header-arc-top-info li {
    margin-left: 50px;
  }
  .header-arc-top-info li::before {
    left: -26px;
  }
  .arc-header-main {
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
  }
  .menu_sticky .logo-architect::before {
    bottom: -2px;
  }
}

/* small mobile (XS) :320px. */
@media (max-width: 767px) {
  .arc-header-main {
    padding-left: 15px;
    padding-right: 15px;
    height: 80px;
  }
  .logo-architect {
    display: inline-block;
    position: relative;
    background: none;
    height: 100%;
    z-index: 2;
    margin-top: 10px;
    transform: scale(0.7);
    transform-origin: left;
  }
  .logo-architect::before {
    height: 115px;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
    right: -66px;
    bottom: -18px;
  }
  .menu_sticky .logo-architect::before {
    bottom: -18px;
  }
  .slider-architect.owl-carousel .owl-nav button.owl-next,
  .slider-architect.owl-carousel .owl-nav button.owl-prev {
    display: none;
  }
  .sl-arc-circle {
    display: none;
  }
  .our-motive::before {
    display: none;
  }
  .our-motive::after {
    display: none;
  }
  .arc-single-feature-icon {
    float: none;
    margin-bottom: 15px;
  }
  .arc-service-contact p {
    margin-bottom: 20px;
  }
  .team-social-icon li {
    margin: 0 8px;
  }
  .p-video-content {
    padding-left: 0;
  }
  .slider-architect-title {
    font-size: 43px;
  }
  .slider-architect-content p {
    padding-right: 10px;
  }
  .arc-about-img-wrapper {
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
  }
  .arc-section-title {
    font-size: 28px;
  }
  .arc-title-back-text {
    display: none;
  }
  .arc-features-list li {
    margin-left: 0;
    display: block;
    margin-bottom: 50px;
  }
  .arc-features-list {
    float: none;
  }
  .arc-service-contact-btn {
    margin-left: 0;
  }
  .arc-project-btn {
    text-align: left !important;
  }
  .project-slide-wrapper {
    padding: 0 15px;
  }
  .arc-project-content {
    padding: 25px 20px 20px;
  }
  .team-member {
    margin-bottom: 50px;
  }
  .p-video-wrapper::before {
    display: none;
  }
  .p-video-duration {
    width: 75px;
    top: 0;
    left: 0;
  }
  .video-btn {
    font-size: 16px;
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
  .p-video-title {
    font-size: 30px;
  }
  .test-a-text.arc-test-text {
    padding: 15px 20px 0 0;
  }
  .single-counter-number {
    font-size: 40px;
  }
  .subscribe-form button {
    padding: 0 15px;
  }
  .subscribe-form input {
    padding: 0 120px 0 20px;
  }
  .newsletter-tl-icon {
    float: none;
  }
  .p-video-wrapper {
    margin-bottom: 50px;
  }
  .arc-header-top {
    padding: 10px 20px 10px 20px;
  }
}

/* Large Mobile :580px. */
@media only screen and (min-width: 580px) and (max-width: 767px) {
  .video-btn {
    color: #ff5e14;
    font-size: 20px;
    height: 100px;
    width: 100px;
    display: inline-block;
    background: #fff;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
  }
}

.slider-active2 .owl-nav {
  display: none;
}
.clients-slide.owl-carousel .owl-item img {
  width: 80%;
}

div.news1__thumb a:hover {
  color: #fff;
}

.news1__item .news1__thumb img {
  width: 100%;
}

.sticky-logo {
  display: none;
}
.menu_sticky .main-logo {
  display: none;
}
.menu_sticky .sticky-logo {
  display: block;
}