@charset "UTF-8";



@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



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

/*font Variables*/

/*Color Variables*/

/*=================== fonts ====================*/





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

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

a {

  text-decoration: none;

}



a:hover, a:focus {

  text-decoration: none;

  outline: none;

}



.row.m0 {

  margin: 0px;

}



body {

  line-height: 26px;

  font-size: 16px;

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

  color: #a0a0a0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

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

}



i:before {

  margin-left: 0px !important;

}



button:focus {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.m0 {

  margin: 0px;

}



.p0 {

  padding-left: 0px;

  padding-right: 0px;

}



.p_100 {

  padding-top: 100px;

  padding-bottom: 100px;

}



.p_115 {

  padding-top: 115px;

  padding-bottom: 115px;

}



.pad_top {

  padding-top: 100px;

}



.pad_btm {

  padding-bottom: 100px;

}



.p-170 {

  padding-top: 170px;

  padding-bottom: 170px;

}



.pt-174 {

  padding-top: 170px;

}



.pb-174 {

  padding-bottom: 170px;

}



@media (min-width: 1200px) {

  .container {

    max-width: 1136px;

  }

}



.body_wrapper {

  position: relative;

  z-index: 30;

  overflow: hidden;

}



.media {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.media .media-body {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



::-webkit-scrollbar {

  width: 8px;

  height: 8px;

}



::-webkit-scrollbar-thumb {

  cursor: pointer;

  background: #e3c59c;

}



::-moz-selection {

  background-color: #e3c59c;

  color: #1b1b1b;

}



::selection {

  background-color: #e3c59c;

  color: #1b1b1b;

}



-webkit-::-moz-selection {

  background-color: #e3c59c;

  color: #1b1b1b;

}



-webkit-::selection {

  background-color: #e3c59c;

  color: #1b1b1b;

}



::-moz-selection {

  background-color: #e3c59c;

  color: #1b1b1b;

}



.animated .char {

  -webkit-animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  -webkit-animation-delay: calc(0.1s * var(--char-index));

  animation-delay: calc(0.1s * var(--char-index));

}



/* Main Title Area css

============================================================================================ */

.main_title {

  margin-bottom: 30px;

}



.main_title h2 {

  color: #fff;

  font-size: 48px;

  line-height: 50px;

  margin-bottom: 0px;

}



.main_title h2 .color {

  color: #e3c59c;

}



.main_title h2.animated .char {

  -webkit-animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  -webkit-animation-delay: calc(0.05s * var(--char-index));

  animation-delay: calc(0.05s * var(--char-index));

}



.main_title p {

  margin-bottom: 0px;

}

.f-rgt a{
  color: #000;
}



.main_title h5 {

  font-size: 20px;

  line-height: 26px;

  color: #a0a0a0;

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

  margin-bottom: 10px;

}



/* End Main Title Area css

============================================================================================ */

.bg_color {

  background: #1b1b1b;

}



/* Preloader Area css

============================================================================================ */

/* Proloader css

============================================================================================ */

.spinner {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 50px;

  height: 50px;

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

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

}



.double-bounce1,

.double-bounce2 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #a3cc01;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;

  animation: sk-bounce 2s infinite ease-in-out;

}



.double-bounce2 {

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}



@-webkit-keyframes sk-bounce {

  0%,

  100% {

    -webkit-transform: scale(0);

  }

  50% {

    -webkit-transform: scale(1);

  }

}



@keyframes sk-bounce {

  0%,

  100% {

    transform: scale(0);

    -webkit-transform: scale(0);

  }

  50% {

    transform: scale(1);

    -webkit-transform: scale(1);

  }

}



/* End Preloader Area css

============================================================================================ */

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

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

/* Button Area css

============================================================================================ */

.arrow_btn {

  font: 16px 'Roboto', sans-serif;

  color: #e3c59c;

  display: inline-block;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.arrow_btn i {

  font-size: 18px;

  position: relative;

  top: 2px;

  margin-left: 5px;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.arrow_btn:hover {

  color: #000000;

}



.arrow_btn:hover i {

  margin-left: 0px;

}



.arrow_btn.dark {

  color: #fff;

}



.submit_btn {

  background: #e3c59c;

  line-height: 50px;

  border-radius: 0px;

  text-align: center;

  padding: 0px 43px;

  color: #fff;

  outline: none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  padding-top: 3px;

  font-size: 13px;

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

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.submit_btn:hover {

  background: #000;

  color: #fff;

}



/* End Button Area css

============================================================================================ */

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

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

/* Header Area css

============================================================================================ */

.header_area {

  position: absolute;

  width: 100%;

  left: 0px;

  top: 0px;

  z-index: 999;

}



.header_area.navbar_fixed .main_menu {

  position: fixed !important;

  width: 100%;

  top: -70px;

  left: 0;

  right: 0;

  background: #1b1b1b;

  -webkit-transform: translateY(70px);

  transform: translateY(70px);

  -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;

  transition: background 500ms ease, -webkit-transform 500ms ease;

  transition: transform 500ms ease, background 500ms ease;

  transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;

  -webkit-transition: transform 500ms ease, background 500ms ease;

  -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);

  z-index: 999;

}



.header_area.navbar_fixed .main_menu .navbar .navbar-brand {

  display: inline-block;

}



.header_area.navbar_fixed .main_menu .navbar .navbar-brand img {

  display: none;

}



.header_area.navbar_fixed .main_menu .navbar .navbar-brand img + img {

  position: relative;

  display: inline-block;

}



.header_area.navbar_fixed .main_menu .navbar .number {

  display: none;

}



.header_area.navbar_fixed .main_menu .navbar .nav.navbar-nav > li > a {

  line-height: 70px;

  color: #a0a0a0;

}



.header_area.navbar_fixed .main_menu .navbar .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed .main_menu .navbar .nav.navbar-nav > li.active > a {

  color: #e3c59c;

}



.header_area.navbar_fixed.menu_dark .main_menu .extra_logo {

  display: none;

}



.header_area.navbar_fixed.menu_dark .main_menu .navbar .navbar-brand {

  display: inline-block;

}



.header_area.navbar_fixed.menu_dark .main_menu .navbar .navbar-brand img {

  display: inline-block;

}



.header_area.navbar_fixed.menu_dark .main_menu .navbar .number {

  display: none;

}



.home_logo {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 24.4vmin;

  text-align: center;

}



.home_logo img {

  margin-top: 5vmin;

  width:100%;

}

.home_logo span.logo-text{

  font-size: 16px;

}

.home_logo .slide-number {

  margin-top: 15vmin;

}



.home_logo .slide-number .current-number {

  color: #e3c59c !important;

  font: 7.6vmin 'Roboto', sans-serif;

}



.home_logo .slide-number sup {

  color: #fff;

  font: 18px 'Roboto', sans-serif;

  vertical-align: top;

}



.home_logo .nav {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: absolute;

  bottom: 25px;

  left: 0px;

  width: 100%;

}



.home_logo .nav li {

  margin-right: 30px;

}



.home_logo .nav li a {

  font-size: 1.5vmin;

  color: #fff;

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

}



.home_logo .nav li:last-child {

  margin-right: 0px;

}



.home_logo .nav li.active a {

  color: #e3c59c;

}



.main_menu .navbar {

  padding: 0px;

  background-color: transparent !important;

}



.main_menu .navbar .navbar-brand {

}



.main_menu .navbar .navbar-brand img {

  display: inline-block;

  max-width: 200px;

  position: absolute;

  left: 0;

    top: 15px;

}



.main_menu .navbar .navbar-brand img + img {

  display: none;

  position: relative;

    top: 0px;

}



.main_menu .navbar .number {

  color: #fff;

  font: 16px 'Roboto', sans-serif;

  white-space: nowrap;

}



.main_menu .navbar .nav.navbar-nav {

  padding-left: 40px;

}



.main_menu .navbar .nav.navbar-nav li {

  margin-right: 20px;

}



.main_menu .navbar .nav.navbar-nav li a {

  color: #fff;

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

  position: relative;

  font: 14px/100px 'Roboto', sans-serif;

  position: relative;

  -webkit-transition: color 0.5s ease;

  transition: color 0.5s ease;

}



.main_menu .navbar .nav.navbar-nav li a:after {

  display: none;

}



.main_menu .navbar .nav.navbar-nav li .mobile_dropdown {

  display: none;

  cursor: pointer;

}



.main_menu .navbar .nav.navbar-nav li:last-child {

  margin-right: 0px;

}



@media (min-width: 992px) {

  .main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu {

    position: absolute;

    top: 100%;

    left: -40px;

    min-width: 256px;

    border: 1px solid rgba(160, 160, 160, 0.1);

    background: #1b1b1b;

    margin: 0px;

    text-align: left;

    opacity: 0;

    -webkit-transition: all 300ms ease-in;

    transition: all 300ms ease-in;

    visibility: hidden;

    display: block;

    padding: 0px;

    border-radius: 0px;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);

  }

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li {

  margin-right: 0px;

  display: block;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li a {

  display: block;

  line-height: 49px;

  color: #828282;

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

  font-size: 15px;

  padding: 0px 30px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  font-weight: 400;

  text-shadow: none;

  border-bottom: 1px solid rgba(160, 160, 160, 0.1);

  position: relative;

  padding-left: 25px;

  text-transform: capitalize;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li a:before {

  content: "";

  width: 0px;

  height: 1px;

  background: #e3c59c;

  position: absolute;

  left: 27px;

  top: 50%;

  -webkit-transform: none;

  transform: none;

  margin-top: -1px;

  opacity: 0;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li a:after {

  display: none;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li:hover a {

  color: #e3c59c;

  padding-left: 50px;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li:hover a:before {

  opacity: 1;

  width: 12px;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li:last-child a {

  border-bottom: 0px;

}



@media (min-width: 992px) {

  .main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {

    visibility: hidden;

    opacity: 0;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    left: 97%;

    right: auto;

    min-width: 200px;

    top: 0px;

    -webkit-transition: all 300ms ease-in;

    transition: all 300ms ease-in;

    padding: 0px;

  }

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {

  background: #fff;

  color: #fff;

  padding: 0px 25px;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a:before {

  display: none;

}



.main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {

  background: #e3c59c;

  color: #fff;

}



@media (min-width: 992px) {

  .main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {

    visibility: visible;

    left: 100%;

    opacity: 1;

  }

}



.main_menu .navbar .nav.navbar-nav li:hover a, .main_menu .navbar .nav.navbar-nav li.active a {

  color: #e3c59c;

}



.main_menu .navbar .nav.navbar-nav li:hover a:before, .main_menu .navbar .nav.navbar-nav li.active a:before {

  width: 23px;

}



@media (min-width: 992px) {

  .main_menu .navbar .nav.navbar-nav li:hover.submenu a:after {

    opacity: 1;

    z-index: 9999;

  }

  .main_menu .navbar .nav.navbar-nav li:hover.submenu .dropdown-menu {

    left: -26px;

    visibility: visible;

    opacity: 1;

  }

}



.main_menu .navbar .nav.navbar-nav.navbar-right {

  position: relative;

}



.main_menu .navbar .nav.navbar-nav.navbar-right:before {

  content: "";

  height: 20px;

  width: 1px;

  position: absolute;

  left: 20px;

  top: 49%;

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

  transform: translateY(-50%);

  background: #919191;

}



.main_menu .navbar .nav.navbar-nav.navbar-right li a {

  line-height: normal;

  color: #fff;

}



.main_menu .navbar .nav.navbar-nav.navbar-right li a:before {

  display: none;

}



.main_menu .navbar .nav.navbar-nav.navbar-right li.request_btn a {

  background: #bd2433;

  line-height: 60px;

  display: inline-block;

  padding: 0px 34px 0px 16px;

  font-size: 17px;

  font-weight: 600;

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

  letter-spacing: 0.51px;

  position: relative;

}



.main_menu .navbar .nav.navbar-nav.navbar-right li.request_btn a:before {

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 0 60px 40px;

  border-color: transparent transparent #bd2433 transparent;

  position: absolute;

  left: -40px;

  top: 0px;

  -webkit-transform: translateY(0%);

  transform: translateY(0%);

  display: block;

}



.menu_dark .extra_logo {

  position: absolute;

  left: 60px;

  top: 52px;

}



.menu_dark .main_menu .navbar .number {

  color: #fff;

}



.menu_dark .main_menu .navbar .nav.navbar-nav > li > a {

  color: #fff;

}



.menu_dark .main_menu .navbar .nav.navbar-nav > li:hover a, .menu_dark .main_menu .navbar .nav.navbar-nav > li.active a {

  color: #e3c59c;

}



.menu_dark + row,

.menu_dark + div,

.menu_dark + section {

  margin-top: 138px;

}



/* 

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================ */



  .lang-bar { font-size: 12px;  color: #8f8f8f; padding: 0px; }

  .lang-bar a { color: #8f8f8f; padding: 5px 10px;}

  .lang-bar .active { font-size: 16px;  font-weight: bold;  color: #8f8f8f;  }

  .lang-bar .active span { border-top: 2px solid #e3c59c; padding: 5px; display: inline-block; }

  .lang_select { 

    float: right; 

    border: none !important; 

    color: #f1d1a2 !important; 

    background-color: transparent !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z' fill='%23f1d1a2'/%3E%3C/svg%3E");

    background-size: 12px 12px;

    background-repeat: no-repeat ;

    background-position: right center;

    width: auto;

    padding: 6px 15px;

    border: none;

    text-shadow: none;

    border: 0;

    border-radius: 0;

   }



   .lang_select option { background-color: rgb(27 27 27);     border: none; margin: 3px;

    padding: 6px 8px;

    text-shadow: none;

    border-radius: 3px;

    cursor: pointer;}

   .lang_select:focus {

      box-shadow: none;

    }



   .who_we_text .arrow_btn {  color: #e3c59c; }

   .who_we_text .arrow_btn span{ text-decoration: underline; }

   .spec-bg { padding: 50px 0px 80px 0px; background-color: #fbf5ec; background-image: url(../../upload/work-bg.png); background-position: center top; background-size:cover; background-repeat: no-repeat; }

   .w100 { width: 100%; }

   .rv-ico { display: inline-block; max-width: 60px; height: 50px; margin-right: 10px; }

   .rv-ico img { width: 75px; } /* 50px */

   .spec_text { padding: 0px 30px; }

   .spec_text .rv-main_title h2 { color: #caa36f; }
   .ovar{width:225px; height:180px;}



    .latest_slider .item { }

    .latest_slider .row { margin: 0px auto; padding: 0px; }

    .latest_slider .col-md-6 { padding: 0px; }

    .latest_slider .slick-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }

    .latest_slider .l_project_item { background-color: #272727; position: relative; height: 100%; width: 100%; border-bottom: 2px solid #fff; }

    .latest_slider .l_project_item.h50 { height: 50%; max-height: 300px; }

    .latest_slider .l_project_item.h100 { height: 100%; max-height: 600px; border-right: 2px solid #fff; }

    .latest_slider .l_project_text { position: absolute; left: 0px; bottom: 0px; color: #fff; width: 100%; height: 100%; }

    .latest_slider .l_project_text .left_text {  padding: 15%; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}

    .latest_slider .l_project_text .left_text h4 { font-size: 16px; color: #d8d3d3; margin-bottom: 30px; }

    .latest_slider .l_project_text .left_text h1 { font-size: 28px; color: #fff; }

    .latest_slider .l_project_text .left_text h1 a{ color: #fff !important; }



    .latest_slider .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none;} 

    .latest_slider .slick-dots li { margin: 0 0.25rem; } 

    .latest_slider .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #d8d3d3; text-indent: -9999px; } 

    .latest_slider .slick-dots li.slick-active button { background-color: #e3c59c; }

    

    .latest_ref_slider .slick-arrow, .latest_press_slider .slick-arrow, .latest_slider .slick-arrow, .certificatee .slick-arrow{

      position: absolute;

      top: 50%;

      margin-top: -50px;

      width: 50px;

      height: 50px;

      background-color: #E3C59C;

      padding: 15px;

      background-repeat: no-repeat;

      background-position: center;

      background-size: 24px;

      border: none;

      display: inline-block;

      font-size: 0px;

    }

    .latest_ref_slider .slick-prev, .latest_press_slider .slick-prev, .certificatee .slick-prev {

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'%3E%3C/path%3E%3C/svg%3E");

      left: -50px;

    }
    .latest_slider .slick-prev{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'%3E%3C/path%3E%3C/svg%3E");

      z-index: 9999;
    }
    .latest_slider .slick-next{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'  viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'%3E%3C/path%3E%3C/svg%3E");

      right: 0px;
    }

    .latest_ref_slider .slick-next, .latest_press_slider .slick-next, .certificatee .slick-next {

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'  viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'%3E%3C/path%3E%3C/svg%3E");

      right: -40px;

    }



   .client_logo_area.p_top { background: #fbf5ec !important;}



   .latest_press_slider .l_news_item { padding: 15px; }

   .latest_press_slider .l_news_item a{ display: block; }

   .latest_press_slider .l_news_item h4{ font-size: 16px;  font-weight: bold;  color: #ffffff; }

   .latest_press_slider .l_news_item h5{ font-size: 14px;  line-height: 1.29;  color: #a0a0a0; }

   .latest_press_slider .l_news_img {  }



   .blog-d .col-md-6 { padding: 0px; }

   .blog-d .l_news_item { padding: 15px; }

   .blog-d .l_news_item a{ display: block; }

   .blog-d .l_news_item h4{ font-size: 16px;  font-weight: bold;  color: #1b1b1b; }

   .blog-d .l_news_item h5{ font-size: 14px;  line-height: 1.29;  color: #caa36f; }



   .f_widget.list_wd .nav li a { font-size: 14px;  line-height: 1.29;  color: #ffffff;}

   .f-rgt { text-align: right; font-size: 14px;  line-height: 1.29;  color: #fff; }



   .f-rgt a { color: #fff; text-decoration: none; }



   #identity-i-img:after {

    content: '';

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 10%;

    right: -50%;

    background-image: url(../images/identy-r.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}

  

  #footer-fs svg {     padding: 10px 0px;    width: 40px;    height: 40px;    background: #fff;    border-radius: 50%; }

  #footer-fs svg path { fill: #1b1b1b; } 

  #footer-fs .social { margin: 15px auto 15px auto; text-align: center; }

  #footer-fs .social a { padding: 5px; }





  .all-project-- { text-align: right; }

  .all-project-- span { font-size: 16px;  font-weight: bold;  color: #0f1005; background-color: #e3c59c; padding: 20px 50px; display: inline-block; }





  .my-contact { margin-top: 170px; background-color: #1b1b1b; min-height: 600px; background-image: url(../images/contact-bg.jpg); background-size: 100% auto; background-position: top left; background-repeat: no-repeat; }

  .pl-5y{ padding-top: 100px; padding-left: 5%; }

  .standart-img { max-width: 100%;  width: 100%;}

  .header_area.navbar_fixed .main_menu .navbar .navbar-brand img + img { max-width: 160px; }

  .my-contact-row {  }

  .my-contact-row .col-lgx { padding: 0px; }
  .my-contact-row .col-lgx2 img { height: 100%; width: 100%; object-fit: cover; }

  .my-contact-row .col-lgx-d { padding: 0px 100px; }

  .my-contact-row .col-lgx-d  .main_title.main_title-- { padding-top: 0px; }


  .my-contact-row .col-lgx-d a{ color: #fff; }

  .my-iframe {  }

  .my-iframe iframe { width: 100%; height: 100%; }

  .my-c-tc { text-align: center;color: #000000 !important; }



  .my-tab { text-align: center;padding: 15px 50px;}

  .my-tab .nav-tabs{ border: 1px solid #dee2e6; border-radius: 0px; display: flex; align-items: center; justify-content: center; }

  .my-tab .nav-tabs a { color: #7b7b7b; border: none; padding: 10px; }

  .my-tab .nav-tabs .nav-item{ width: 50%; border: none; padding: 0px ;font-size: 16px; background-color: #f8f8f8; color: #7b7b7b; font-weight: 600;text-decoration: none;}

  .my-tab .nav-tabs .nav-item .nav-link.active{background: #e3c59c;color:#1b1b1b;}

  .my-tab .tab-content { margin-top: 50px; }



  .my-c-p2 {   background-color: #fbf5ec; }





  .breadcrumbx {  background-color: #fbf5ec; padding-bottom: 15px;}

  .main_title { padding: 50px 0px; }

  .main_title h2 { font-size: 36px;   color: #1b1b1b;; position: relative; }

  .main_title h2:before {

    content: url(../images/title-bg.png);

    position: absolute;

    top: -80px;

    left: -50px;

  }

  .breadcrumbx-img { text-align: center; }

  .breadcrumbx-img img {width: 100%; max-width: 100%;}



  .header_area.black { background: #1c1c1c; }



  #main-content {

    background-color: #fbf5ec;

    position: relative;

    padding: 50px 0px;

    /*background-image: url(../images/service-bg.png), url(../images/service-bg.png); */

    background-position: 5% 5%, 95% 95%;

    background-repeat: no-repeat, no-repeat;

    background-size: 500px 500px,250px 250px

  }





  .main_content { font-size: 14px;  color: #7b7b7b; margin-bottom: 50px; }



  .service-item { margin: 25px auto; }

  .service-title {  font-size: 31px;  font-weight: bold;  color: #1b1b1b; margin-bottom: 30px;}

  .service-item-img { height: 100%; }

  .service-item-img img { max-width: 100%; height: 100%;  width: 100%; object-fit: cover; }

  .service-sub-list { padding: 15px 50px; }

  .service-sub-list .col-md-6 {  }

  .service-item-ul {      font-size: 17px;

    font-weight: 500;

    color: #1b1b1b;

    list-style-type: none;

    text-transform: uppercase;

    padding: 0px; }

  .service-item-ul li { margin-bottom: 0px; }

  .service-item-first-col-6 { border-right: 1px solid #a0a0a0;}

  .service-item-ul li a{ display: block;
    padding: 5px 5px 5px 0px;
    text-decoration: none;
    color: #1b1b1b;
    text-transform: capitalize;
    font-size: 14px; }

    input:focus::-webkit-input-placeholder {
      opacity: 0;
  }
  
  .non-black{color:black; text-decoration: underline;}
  .non-black:hover{color:black; text-decoration: underline;}

  textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}
    



  .myaccordion { padding: 5px 15px; }

  .myaccordion .card-body { padding: 0px; }

  .btn-link:hover,.btn-link:focus { box-shadow: none; border-color: transparent; }

  .myaccordion .card {  background: transparent; padding: 0px 10px; border:none;  }

  .myaccordion .card:nth-child(2n-1) { border-right: 1px solid #a0a0a0; border-radius: 0px; }

  .myaccordion .card-header {  background: transparent; padding: 0px; border:none; height: 100%;  }

  .myaccordion .card-header:nth-child(2){  border-right: 1px solid #000; border-radius: 0px; }

  .myaccordion .card-header h2:hover  { color: #e3c59c; }

  .myaccordion .card-header .mb-0{ height: 100%; }

  .myaccordion .fa-stack {  font-size: 18px;  }

  .myaccordion .btn { height: 100%; font-weight: bold; text-align: left; color: #000;  padding: 15px 0px; width: 100%; border-bottom: 1px solid #a0a0a0;    border-radius: 0px; text-decoration: none;}

  .myaccordion .btn-link:hover,

  .myaccordion .btn-link:focus {  text-decoration: none; color: #e3c59c; }

  .myaccordion li + li {   }

  .myaccordion li.active a { color: #e3c59c; }

  .myaccordion li {width: 100%; min-height: 44px;display: flex;align-items: center;}

  .myaccordion span { padding-left: 5px; }

  .acc-plus { display: inline-block; margin-right: 5px; height: 24px; width: 24px; background-size: 24px 24px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 13h-5v5h-2v-5h-5v-2h5v-5h2v5h5v2z' fill='%23e3c59c'/%3E%3C/svg%3E%0A"); }

  .acc-minus { display: inline-block; margin-right: 5px; height: 24px; width: 24px; background-size: 24px 24px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 13h-12v-2h12v2z' fill='%23e3c59c'/%3E%3C/svg%3E%0A"); }

  .acc-right { display: inline-block; margin-right: 5px; height: 24px; width: 24px; background-size: 24px 24px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z' fill='%23e3c59c' /%3E%3C/svg%3E"); }



  .portfolio_area  { background: #fbf5ec; }



  #product-detail {   background-color: #fbf5ec; padding: 50px 0px; position: relative;

    background-image: url(../images/product.png);

    background-position: center right;

    background-repeat: no-repeat;

    background-size: 400px 600px;



  }

  .pdx-title {   font-size: 18px;  font-weight: bold;  color: #1b1b1b; }

  .pdx-detail { font-size: 16px;  line-height: 1.29; color: #a0a0a0; }

  .pd-breadcrumbx { padding-bottom: 0px; }

  .pd-breadcrumbx .main_title { padding: 15px; margin-bottom: 0px; }


  .main_title-- { margin-bottom: 20px; padding-bottom: 20px ;}

  .main_titleh2 h2{ color: #fff !important; }

  .main_titleh2 h2:before { left: 0px; top: 40px; }

  .main_title-- h2:before { display: none; }

  .pdx_all_slider { margin-top: 50px; }

  .color-fff { color: #fff !important; }

  .pdx_all_slider .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none;} 

  .pdx_all_slider .slick-dots li { margin: 0 0.25rem; } 

  .pdx_all_slider .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #d8d3d3; text-indent: -9999px; } 

  .pdx_all_slider .slick-dots li.slick-active button { background-color: #e3c59c; }



  .img-pdx-fluid { width: 100%; height: auto; object-fit: cover; /*padding: 15px;*/ }

  .pdx_all_slider .slick-arrow{

    position: absolute;

    top: 50%;

    margin-top: -50px;

    width: 50px;

    height: 50px;

    background-color: transparent;

    padding: 15px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 24px;

    border: none;

    display: inline-block;

    font-size: 0px;

    z-index: 1;

  }

  .pdx_all_slider .slick-prev{

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'%3E%3C/path%3E%3C/svg%3E");

    left: 15%;

  }

  .pdx_all_slider .slick-next{

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'%3E%3C/path%3E%3C/svg%3E");

    right: 15%;

  }



  .otherx_slider .item { padding: 15px ; }

    .otherx_slider .slick-arrow{

    position: absolute;

    top: 50%;

    margin-top: -50px;

    width: 50px;

    height: 50px;

    background-color: #000;

    padding: 15px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 24px;

    border: none;

    display: inline-block;

    font-size: 0px;

    z-index: 1;

  }

  .otherx_slider .slick-prev{

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'%3E%3C/path%3E%3C/svg%3E");

    left: -50px;

  }

  .otherx_slider .slick-next{

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'%3E%3C/path%3E%3C/svg%3E");

    right: -50px;

  }

  
svg:not(:root) {
    overflow: hidden;
}
.upload-main-wrapper{

}
#file-upload-name{
    margin: 4px 0 0 0;
    font-size: 12px;
}
.upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0px auto;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  padding: 8px 10px;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.2s linear all;
  color: #ffffff;
}
.upload-wrapper input[type="file"] {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}
.upload-wrapper > svg {
    width: 50px;
    height: auto;
    cursor: pointer;
}
.upload-wrapper.success > svg{
    transform: translateX(-200px);
}
.upload-wrapper.uploaded {
    transition: 0.2s linear all;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    text-align: center;
}
.upload-wrapper .file-upload-text {
  font-size: 14px;
  color: #1b1b1b;
  padding-right: 15px;
    opacity: 1;
    visibility: visible;
    transition: 0.2s linear all;
}
.file-upload-text-left {
  text-align: left;
  font-size: 14px;
  color: #7b7b7b;
}
.upload-wrapper.uploaded .file-upload-text {
    text-indent: -999px;
    margin: 0;
}
.file-success-text {
    opacity: 0;
    transition: 0.2s linear all;
    visibility: hidden;
    transform: translateX(200px);
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.file-success-text svg {
    width: 25px;
    height: auto;
}
.file-success-text span{
   margin-left: 15px;
}
.upload-wrapper.success .file-success-text{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.upload-wrapper.success.uploaded .file-success-text{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.upload-wrapper.success.uploaded .file-success-text span{
    display: none;
}
.upload-wrapper .file-success-text circle{
    stroke-dasharray: 380;
    stroke-dashoffset: 380;
    transition: 1s linear all;
    transition-delay: 1.4s;
}
.btn-center { text-align: center; margin: 0px auto; }
.upload-wrapper.success .file-success-text  circle {
  stroke-dashoffset: 0;
}
.upload-wrapper .file-success-text polyline {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  transition: 1s linear all;
  transition-delay: 2s;
}
.upload-wrapper.success .file-success-text polyline {
    stroke-dashoffset: 0;
}
.upload-wrapper.success .file-upload-text{
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

  #product-detail .pdx-content { max-width: 720px; }

  .pdx-content{ margin: 50px auto; font-size: 16px;  color: #1b1b1b;} 

  .pdx-content h2 { font-size: 36px; color: #1b1b1b; margin: 30px auto; }



  .blog-breadc {   background-color: #1b1b1b; }

  .blog-breadc .main_title h2 {  color: #fff; }



  .mcr-i { border: 1px solid rgba(160, 160, 160, 0.3); display: flex; align-items: center; justify-content: center; }

  .mc-ref-item {    }

  .mc-ref-item-logo { padding: 25px; }

  .mc-ref-item-logo img { max-width: 256px; width: 100%; filter: grayscale(100%);}

  .mc-ref-item-logo img:hover {   filter: none;}







  .mcr-i:first-child { border-left: none; border-top: none; }

  .mcr-i:last-child { border-right: none; bottom: none; }

  .mcr-i:nth-child(4n) { border-right: none; }

  .mcr-i:nth-child(4n+1) { border-left: none; }

  .mcr-i:nth-child(4n-1),.mcr-i:nth-child(4n-2),.mcr-i:nth-child(4n-3),.mcr-i:nth-child(4n-4) { border-top: none; }



  .bg-img-none { background-image: none !important; }

  .ref-all-list { }

  .ref-a-btn { text-align: center; padding: 100px 0px; }

  .ref-a-btn a {   padding: 19px 42px 21px 41px;  background-color: #e3c59c;   font-size: 16px;  font-weight: bold;  color: #0f1005;}

  .pi-item {  }
  .portfolio_text {  }

  #about-content { 

    position: relative;

    padding: 0px;

    background-image: url(../images/ab-bg.jpg);

    background-position: top center; 

    background-repeat: no-repeat;

    background-size: 100% 100%;

   }

  .v-v-bg { 

    padding-bottom: 100px;

    background: rgb(255,254,252);

    background: linear-gradient(6deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 32%, rgba(251,245,236,1) 32%, rgba(251,245,236,1) 100%);

  }

  .v-vv-bg { 

    margin-top: 50px;

    background-image: url(../images/service-bg.png), url(../images/service-bg.png);

    background-position: 5% 5%, 95% 95%;

    background-repeat: no-repeat, no-repeat;

    background-size: 500px 500px,250px 250px

  }

  .v-vv-bg2 { 

    background: rgb(255,254,252);

    background: linear-gradient(71deg, rgba(255,254,252,1) 0%, rgba(255,254,252,1) 95%, rgba(251,245,236,1) 95%, rgba(251,245,236,1) 100%);

  }



  #about-content p {margin-bottom: 0px;}

  .v-main-item {  }

  .v-main-item a { display: block; text-decoration: none; color: #1b1b1b;}

  .v-item { text-align: center;  margin-bottom: 50px; }

  .v-img { margin-bottom: 25px; }

  .v-img  img { width: 100%; max-width: 100%; height: 160px; object-fit: contain; } /* height: 120px; */

  .v-item-hr { min-height: 75px; }

  .v-title { margin-bottom: 25px; min-height: 52px; font-size: 18px;  color: #1b1b1b; font-weight: bold;}

  .v-content {   font-size: 14px;  color: #7b7b7b; }

  .v-item-c { color: #000000; font-weight: bold;  }



  #about-mis { padding: 75px 0px; background-color: #fbf5ec; }

  .about-mis-main-title { font-size: 36px;  font-weight: bold;  color: #1b1b1b; }

  .about-mis-main-content { font-size: 14px;  color: #1b1b1b; }

  .about-mis-item { margin-top: 25px; }

  .about-mis-img { margin-bottom: 25px; }

  .about-mis-img  img { width: 100%; max-width: 100%; }

  .about-mis-title { font-size: 18px;  font-weight: bold;  color: #000000; }

  .about-mis-content {  font-size: 14px;  color: #7b7b7b; }



  .pdx-slider-col { margin: 30px auto; }

  .pdx-slider-col .col-image-item { padding: 0px; }



  #ab-f { 

    position: relative;

    padding: 75px 0px;

    background-color: #fbf5ec;

    background-image: url(../images/pey-bg.png);

    background-position: bottom left; 

    background-repeat: no-repeat;

    background-size: contain;

  }



  .ab-f-item { padding-top: 50px;  padding-left: 75px; }

  .ab-f-i  { margin-bottom: 25px; }

  .ab-f-i  img { width: 100%; max-width: 100%; }

  .ab-f-t  { margin-bottom: 25px; font-size: 36px;  font-weight: bold;  color: #1b1b1b; }

  .ab-f-c  { margin-bottom: 50px; font-size: 14px;  color: #1b1b1b; }

  .ab-f-b  {  }

  .ab-f-b  a { display: inline-block; font-size: 16px;  font-weight: bold;  color: #0f1005;  padding: 19px 67px 21px 62px;  background-color: #e3c59c; }



  .mobile_lang_select { display: none; font-size: 14px; }

  .lang_active { color: #e3c59c !important; }



@media(max-width:1200px) {

  .main_title h2 { font-size: 36px; }

  .my-contact-row .col-lgx-d { padding: 25px; }

  .main_title { margin-bottom: 0px; }

}



@media(max-width:992px) {

  .latest_slider .l_project_text .left_text h1 { font-size: 16px; }
  .latest_slider .slick-slide img { height: 250px; }

  .lang_select { display: none; }

  .mobile_lang_select { display: block; }

  .client_logo_item img { max-width: 180px !important; }
  .client_logo_item { padding: 0px 40px; }
  .latest_ref_slider  { padding: 0px 50px; }

  .main_menu .navbar .navbar-brand img {position: relative;    top: 0px;}

  .service-sub-list { padding: 15px; }

  .g_fillter .nav li a { font-size: 14px !important; }

  .portfolio_text { text-align: center; }

  .mc-ref-item-logo { padding: 30px; }

  .blog-breadc .main_title h2 { font-size: 24px; }

  .about-mis-main-title { margin-bottom: 25px; }

  .ab-f-item { padding: 15px; }

}

@media(max-width:768px) {

  .my-tab .nav-tabs .nav-item { width: 100%; }

  .main_menu .navbar .navbar-brand img { max-width: 120px;}

  .my-tab { padding: 15px; }

  #main-content { padding: 0px; }

  .breadcrumbx {

      padding-top: 100px !important;

      padding-bottom: 15px !important;

  }

 


  .pdx_all_slider { margin-top: 15px; }

  .blog-breadc .main_title { padding: 15px; }

  .otherx_slider .slick-next { right: 0px; }

  .otherx_slider .slick-prev { left: 0px; }



  .mcr-i:nth-child(2n+1) {  border-top:none; border-left:none; border-right: 1px solid rgba(160, 160, 160, 0.3); border-bottom: 1px solid rgba(160, 160, 160, 0.3); }

  .mcr-i:nth-child(2n) { border:none; border-bottom: 1px solid rgba(160, 160, 160, 0.3); }

}



@media(min-width:767px) {
  .yok{margin-top:0;}
}










/* 

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================

============================================================================================ */

/* End Header Area css

============================================================================================ */

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

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

/* Home Slider Area css

============================================================================================ */





#main_slider1 { 

}



.tp-parallax-wrap  {  }

.slotholder { 

  background-image: url(upload/slide-bg.png);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: 100% 100%;

}

  

.tp-bgimg.defaultimg {opacity: 0.8 !important; }

.who_we_area { padding-top: 80px; padding-bottom: 80px; background-color: #fbf5ec !important; }



.slider_text_box {  }

.main_slider_area ul li .slider_text_box .tag_text {

  color: #fff;

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

  font-weight: bold !important;

}



.main_slider_area ul li .slider_text_box .first_text {

  color: #fff;

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

  font-weight: bold !important;

}



.main_slider_area ul li .slider_text_box .first_text span {

  color: #e3c59c;

}



.main_slider_area ul li .slider_text_box .secand_text {

  color: #fff;

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

}



.main_slider_area ul li .slider_text_box .br_s_text .br_s {

  width: 46px;

  height: 1px;

  background: #fff;

  display: inline-block;

}



.main_slider_area ul li .slider_text_box .slider_button .arrow_btn {

  color: #fff;

  font: 20px 'Roboto', sans-serif;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.main_slider_area ul li .slider_text_box .slider_button .arrow_btn i {

  font-size: 18px;

  margin-left: 6px;

}



.main_slider_area ul li .slider_text_box .slider_button .arrow_btn:hover {

  color: #e3c59c;

}



.main_slider_area ul li .slider_text_box .slider_button .arrow_btn:hover i {

  margin-left: 3px;

}



.main_slider_area .rev_slider .tp-bullets .tp-bullet {

  width: 20px;

  height: 4px;

  background: #fff;

  opacity: 1;

}



.main_slider_area .rev_slider .tp-bullets .tp-bullet.selected {

  background: #e3c59c;

}



@media (min-width: 1300px) {

  .main_slider_area .rev_slider .tp-bullets {

    max-width: 1106px !important;

    margin: auto !important;

    width: 100% !important;

  }

  .main_slider_area .rev_slider .tp-bullets .tp-bullet {

    width: 20px;

    height: 4px;

    background: #fff;

    opacity: 1;

  }

  .main_slider_area .rev_slider .tp-bullets .tp-bullet.selected {

    background: #e3c59c;

  }

}



/* End Home Slider Area css

============================================================================================ */

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

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

/* Who We Area css

============================================================================================ */

.who_we_area{

  background-color: #ffffff;

}

.who_we_area .col-lg-7 {

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center;

}



.who_we_text .main_title h2{

  color: #1b1b1b;

  font-weight: bold;

  font-size: 38px;

  position: relative;

}



.who_we_text .main_title h2:before{

  content:url('../images/title-bg.png');

  position: absolute;

  top: -80px;

  left: -50px;

}



.who_we_text p {

  max-width: 492px;

  margin-bottom: 20px;

  font-size: 18px;

  color: #1b1b1b;

}



.who_we_text .arrow_btn {

  margin-bottom: 50px;

  font-weight: bold;

  font-size: 18px;

}



.who_we_text .arrow_btn i{

  font-weight: bold;

}



.who_we_text h5 {

  color: #fff;

  text-transform: uppercase;

  font-size: 16px;

  line-height: 21px;

  margin-bottom: 15px;

}



.who_we_text h6 {

  font: 16px/24px 'Roboto', sans-serif;

  color: #a0a0a0;

  margin-bottom: 20px;

}



.who_we_img {

  position: relative;

  text-align: right;

}



/* End Who We Area css

============================================================================================ */

/* Specialization Area css

============================================================================================ */

.specialization_area .col-lg-6 {

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center;

}



.spec_text .main_title {

  margin-bottom: 60px;

  margin-top: 60px;

}



.spec_list .col-lg-6 {

  -ms-flex-item-align: start;

  align-self: flex-start;

}



.spec_list h4 {

  color: #fff;

  text-transform: uppercase;

  font-size: 17px; /* 14px*/

  display: flex;
  justify-content: flex-start;
  align-items: end; /*center*/

  margin-bottom: 25px;

}



.spec_list .nav li {

  margin-bottom: 5px;

  overflow: hidden;

}



.spec_list .nav li.animated {

  -webkit-animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  -webkit-animation-delay: calc(0.1s * var(--char-index));

  animation-delay: calc(0.1s * var(--char-index));

}



.spec_list .nav li a {

  font: 16px/26px 'Roboto', sans-serif;

  color: #a0a0a0;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.spec_list .nav li a span {

  display: inline-block;

  width: 10px;

}



.spec_list .nav li a span + span {

  display: none;

}



.spec_list .nav li:hover a {

  color: #e3c59c;

}



.spec_list .nav li:hover a span {

  display: none;

}



.spec_list .nav li:hover a span + span {

  display: inline-block;

}



.spec_list .nav li:last-child {

  margin-bottom: 0px;

}



/* End Specialization Area css

============================================================================================ */

/* Latest Project Area css

============================================================================================ */

.latest_project_area {

  overflow: hidden;

  background-color: #fbf5ec;

  padding: 100px 0px;

}



.latest_project_area .main_title {

  margin-bottom: 70px;

}



.latest_project_area .left {

  width: calc(50% - 553px);

  float: left;

}



.latest_project_area .right {

  width: calc(50% + 553px);

  overflow: hidden;

  float: right;

}



.latest_project_area .right .latest_slider {

  margin-left: -326px;

}



.latest_project_area .right .latest_slider .item {

  margin: 0px 27px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.latest_project_area .right .latest_slider .item img {

  width: 100%;

  margin-bottom: 30px;

}



.latest_project_area .main_title h2{

  color: #e3c59c; /*#1b1b1b*/

  font-weight: bold;

  font-size: 38px;

  position: relative;

}



.latest_project_area .main_title h2:before{

  content:url('../images/title-bg.png');

  position: absolute;

  top: -80px;

  left: -50px;

}



.l_project_item .left_text h6 {

  font: 16px/26px 'Roboto', sans-serif;

  color: #a0a0a0;

  margin-bottom: 8px;

}



.l_project_item .left_text h4 {

  color: #1b1b1b;

  font-size: 29px;

  margin-bottom: 0px;

}



.l_project_item .right_text h4 {

  font-size: 16px;

  color: #a0a0a0;

  margin-top: 24px;

  margin-bottom: 0px;

}



.l_project_item .right_text h4 span {

  color: #1b1b1b;

}



/* End Latest Project Area css

============================================================================================ */

/* About Image Area css

============================================================================================ */

.about_img_area {

  padding-top: 150px;

}



.about_img_area .main_title {

  margin-bottom: 75px;

}



.about_img_area .main_title h2 {

  line-height: 69px;

}



/* End About Image Area css

============================================================================================ */

/* Experience Area css

============================================================================================ */

.experience_design_area {

  background: -webkit-gradient(linear, left bottom, left top, from(#1b1b1b), to(#1b1b1b)), url(../images/design-bg.png) no-repeat scroll center center;

  background: linear-gradient(0deg, #1b1b1b, #1b1b1b), url(../images/design-bg.png) no-repeat scroll center center;

  background-size: cover;

}



.experience_design_area .exp_title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.experience_design_area .exp_title .d-flex {

  padding-right: 12px;

}



.experience_design_area .exp_title .d-flex h3 {

  color: #e3c59c;

  font-size: 112px;

  line-height: 70px;

  margin-bottom: 0px;

  margin-top: 17px;

}



.experience_design_area .exp_title .media-body {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center;

}



.experience_design_area .exp_title .media-body h5 {

  color: #fff;

  margin-bottom: 0px;

}



.experience_design_area .exp_text .d-flex {

  padding-right: 20px;

}



.experience_design_area .exp_text .d-flex i {

  font-size: 150px;

  color: #e3c59c;

  font-style: normal;

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

  line-height: 100px;

  margin-top: 24px;

}



.experience_design_area .exp_text .media-body p {

  font: 20px/35px 'Roboto', sans-serif;

  color: #fff;

  max-width: 400px;

  margin-bottom: 35px;

}



.exp_design_text h2 {

  color: #fff;

  font: 35px/42px 'Roboto', sans-serif;

  margin-bottom: 40px;

}



.exp_design_text h2 span {

  color: #e3c59c;

}



.exp_design_text p {

  font-size: 26px;

  line-height: 52px;

  margin-bottom: -15px;

}



/* End Experience Area css

============================================================================================ */

/* Feature Area css

============================================================================================ */

.feature_item img {

  margin-bottom: 30px;

}



.feature_item h4 {

  color: #fff;

  font-size: 20px;

  margin-bottom: 15px;

}



.feature_item p {

  margin-bottom: 0px;

  max-width: 285px;

}



/* End Feature Area css

============================================================================================ */

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

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

/* Testimonials Slider Area css

============================================================================================ */

.testimonials_area {

  position: absolute;

  width: 100%;

  z-index: 10;

  top: 0px;

  left: 0px;

}



.testi_slider {

  max-width: 408px;

}



.testi_slider .testi_item img {

  margin-bottom: 40px;

}



.testi_slider .testi_item h4 {

  color: #fff;

  font-size: 20px;

  margin-bottom: 10px;

}



.testi_slider .testi_item h5 {

  color: #fff;

  font: 16px 'Roboto', sans-serif;

  margin-bottom: 30px;

}



.testi_slider .testi_item h5 a {

  color: #e3c59c;

}



.testi_inner .col-lg-6 {

  background: #1b1b1b;

}



.testi_inner .testi_slider {

  background: #1b1b1b;

  padding-top: 70px;

}



.testi_inner .testi_slider_box {

  max-width: 538px;

  width: 100%;

  float: right;

}



.testi_inner .navigation {

  margin-top: 40px;

  padding-bottom: 110px;

}



.testi_inner .navigation .slick-arrow {

  display: inline-block;

  cursor: pointer;

}



.testi_inner .navigation .slick-arrow i {

  font-size: 18px;

  color: #fff;

}



.testi_inner .navigation .next {

  margin-left: 18px;

}



.video_big_image {

  margin-top: 200px;

  position: relative;

}



/* End Testimonials Slider Area css

============================================================================================ */

/* Text Testimonials Area css

============================================================================================ */

.testi_text {

  text-align: center;

  padding-top: 120px;

}



.testi_text .nav {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 115px;

}



.testi_text .nav li {

  color: #fff;

  font: 16px 'Roboto', sans-serif;

  margin-left: 20px;

}



.testi_text .nav li:first-child {

  position: relative;

  top: 5px;

}



.testi_text .nav li a {

  color: #adadad;

  font-size: 24px;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.testi_text .nav li a:hover {

  color: #e3c59c;

}



.testi_text_slider .item {

  border: none;

  outline: none;

}



.testi_text_slider .item p {

  color: #fff;

  font: 25px/50px 'Roboto', sans-serif;

  margin-bottom: 25px;

}



.testi_text_slider .item h4 {

  color: #adadad;

  font-size: 16px;

}



.testi_text_slider .item h4 span {

  color: #fff;

}



/* End Text Testimonials Area css

============================================================================================ */

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

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

/* Video Area css

============================================================================================ */

.video_area {

  margin-top: -403px;

}



.video_area .video_inner .video_item {

  position: relative;

  margin-left: -14px;

}



.video_area .video_inner .video_item .video {

  position: absolute;

  left: 0px;

  width: 100%;

  top: 50%;

  text-align: center;

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

  transform: translateY(-50%);

}



/* End Video Area css

============================================================================================ */

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

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

/* Client Logo Area css

============================================================================================ */

.client_logo_area .row {

  margin-bottom: -115px;

}



.client_logo_area.p_top {

  padding-top: 0px;

}



.client_logo_area .main_title h2{

  color: #1b1b1b;

  font-weight: bold;

  font-size: 38px;

  margin-bottom: 50px;

}

.client_logo_item_box{

  border-right: 1px solid #a0a0a0;

  border-bottom: 1px solid #a0a0a0;

}

.client_logo_item_box:nth-child(6),.client_logo_item_box:nth-child(7),.client_logo_item_box:nth-child(8),.client_logo_item_box:nth-child(9){

  border-bottom: none;

}

.client_logo_item {

  line-height: 80px;

  text-align: center;

  overflow: hidden;

  padding: 30px;

  height: 250px;

}



.client_logo_item img {

  line-height: 80px;

  display: inline-block;

  margin: auto;

  width: 100%;

  filter: grayscale(100%);

}

.client_logo_item img:hover { 

  filter: none;

}



.client_logo_two {

  padding-top: 170px;

  padding-bottom: 140px;

}



.client_logo_two .client_logo_item img {

  opacity: 0.5;

}



/* End Client Logo Area css

============================================================================================ */

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

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

/* Our Team Area css

============================================================================================ */

.our_team_area .main_title {

  margin-bottom: 90px;

}



.our_team_area .team_inner {

  margin-bottom: -30px;

}



.team_item {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

  cursor: pointer;

}



.team_item .team_img,

.team_item .team_text {

  -webkit-transition: -webkit-transform 0.6s ease;

  transition: -webkit-transform 0.6s ease;

  transition: transform 0.6s ease;

  transition: transform 0.6s ease, -webkit-transform 0.6s ease;

}



.team_item .team_text {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 40px 28px 28px 28px;

  background: #1b1b1b;

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

  opacity: 0;

}



.team_item .team_text:before, .team_item .team_text:after {

  -webkit-box-sizing: inherit;

  box-sizing: inherit;

  content: "";

  position: absolute;

  border: 2px solid transparent;

  width: 0;

  height: 0;

}



.team_item .team_text:before {

  top: 0;

  left: 0;

}



.team_item .team_text:after {

  bottom: 0;

  right: 0;

}



.team_item .team_text h3 {

  color: #fff;

  font-size: 20px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.team_item .team_text h5 {

  color: #a0a0a0;

  font: 16px 'Roboto', sans-serif;

  margin-bottom: 0px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.7s;

  transition: all 0.7s;

  opacity: 0;

}



.team_item .team_text .nav {

  position: absolute;

  left: 28px;

  bottom: 28px;

}



.team_item .team_text .nav li {

  margin-right: 20px;

  opacity: 0;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.team_item .team_text .nav li:nth-child(1) {

  -webkit-transition-delay: 100ms;

  transition-delay: 100ms;

}



.team_item .team_text .nav li:nth-child(2) {

  -webkit-transition-delay: 200ms;

  transition-delay: 200ms;

}



.team_item .team_text .nav li:nth-child(3) {

  -webkit-transition-delay: 300ms;

  transition-delay: 300ms;

}



.team_item .team_text .nav li:nth-child(4) {

  -webkit-transition-delay: 400ms;

  transition-delay: 400ms;

}



.team_item .team_text .nav li:nth-child(5) {

  -webkit-transition-delay: 500ms;

  transition-delay: 500ms;

}



.team_item .team_text .nav li:nth-child(6) {

  -webkit-transition-delay: 600ms;

  transition-delay: 600ms;

}



.team_item .team_text .nav li:nth-child(7) {

  -webkit-transition-delay: 700ms;

  transition-delay: 700ms;

}



.team_item .team_text .nav li:nth-child(8) {

  -webkit-transition-delay: 800ms;

  transition-delay: 800ms;

}



.team_item .team_text .nav li:nth-child(9) {

  -webkit-transition-delay: 900ms;

  transition-delay: 900ms;

}



.team_item .team_text .nav li:nth-child(10) {

  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms;

}



.team_item .team_text .nav li:nth-child(11) {

  -webkit-transition-delay: 1100ms;

  transition-delay: 1100ms;

}



.team_item .team_text .nav li:nth-child(12) {

  -webkit-transition-delay: 1200ms;

  transition-delay: 1200ms;

}



.team_item .team_text .nav li:nth-child(13) {

  -webkit-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.team_item .team_text .nav li:nth-child(14) {

  -webkit-transition-delay: 1400ms;

  transition-delay: 1400ms;

}



.team_item .team_text .nav li:nth-child(15) {

  -webkit-transition-delay: 1500ms;

  transition-delay: 1500ms;

}



.team_item .team_text .nav li:nth-child(16) {

  -webkit-transition-delay: 1600ms;

  transition-delay: 1600ms;

}



.team_item .team_text .nav li:nth-child(17) {

  -webkit-transition-delay: 1700ms;

  transition-delay: 1700ms;

}



.team_item .team_text .nav li:nth-child(18) {

  -webkit-transition-delay: 1800ms;

  transition-delay: 1800ms;

}



.team_item .team_text .nav li:nth-child(19) {

  -webkit-transition-delay: 1900ms;

  transition-delay: 1900ms;

}



.team_item .team_text .nav li:nth-child(20) {

  -webkit-transition-delay: 2000ms;

  transition-delay: 2000ms;

}



.team_item .team_text .nav li:nth-child(21) {

  -webkit-transition-delay: 2100ms;

  transition-delay: 2100ms;

}



.team_item .team_text .nav li:nth-child(22) {

  -webkit-transition-delay: 2200ms;

  transition-delay: 2200ms;

}



.team_item .team_text .nav li:nth-child(23) {

  -webkit-transition-delay: 2300ms;

  transition-delay: 2300ms;

}



.team_item .team_text .nav li:nth-child(24) {

  -webkit-transition-delay: 2400ms;

  transition-delay: 2400ms;

}



.team_item .team_text .nav li:nth-child(25) {

  -webkit-transition-delay: 2500ms;

  transition-delay: 2500ms;

}



.team_item .team_text .nav li:nth-child(26) {

  -webkit-transition-delay: 2600ms;

  transition-delay: 2600ms;

}



.team_item .team_text .nav li:nth-child(27) {

  -webkit-transition-delay: 2700ms;

  transition-delay: 2700ms;

}



.team_item .team_text .nav li:nth-child(28) {

  -webkit-transition-delay: 2800ms;

  transition-delay: 2800ms;

}



.team_item .team_text .nav li:nth-child(29) {

  -webkit-transition-delay: 2900ms;

  transition-delay: 2900ms;

}



.team_item .team_text .nav li:nth-child(30) {

  -webkit-transition-delay: 3000ms;

  transition-delay: 3000ms;

}



.team_item .team_text .nav li:nth-child(31) {

  -webkit-transition-delay: 3100ms;

  transition-delay: 3100ms;

}



.team_item .team_text .nav li:nth-child(32) {

  -webkit-transition-delay: 3200ms;

  transition-delay: 3200ms;

}



.team_item .team_text .nav li:nth-child(33) {

  -webkit-transition-delay: 3300ms;

  transition-delay: 3300ms;

}



.team_item .team_text .nav li:nth-child(34) {

  -webkit-transition-delay: 3400ms;

  transition-delay: 3400ms;

}



.team_item .team_text .nav li:nth-child(35) {

  -webkit-transition-delay: 3500ms;

  transition-delay: 3500ms;

}



.team_item .team_text .nav li:nth-child(36) {

  -webkit-transition-delay: 3600ms;

  transition-delay: 3600ms;

}



.team_item .team_text .nav li:nth-child(37) {

  -webkit-transition-delay: 3700ms;

  transition-delay: 3700ms;

}



.team_item .team_text .nav li:nth-child(38) {

  -webkit-transition-delay: 3800ms;

  transition-delay: 3800ms;

}



.team_item .team_text .nav li:nth-child(39) {

  -webkit-transition-delay: 3900ms;

  transition-delay: 3900ms;

}



.team_item .team_text .nav li:nth-child(40) {

  -webkit-transition-delay: 4000ms;

  transition-delay: 4000ms;

}



.team_item .team_text .nav li:nth-child(41) {

  -webkit-transition-delay: 4100ms;

  transition-delay: 4100ms;

}



.team_item .team_text .nav li:nth-child(42) {

  -webkit-transition-delay: 4200ms;

  transition-delay: 4200ms;

}



.team_item .team_text .nav li:nth-child(43) {

  -webkit-transition-delay: 4300ms;

  transition-delay: 4300ms;

}



.team_item .team_text .nav li:nth-child(44) {

  -webkit-transition-delay: 4400ms;

  transition-delay: 4400ms;

}



.team_item .team_text .nav li:nth-child(45) {

  -webkit-transition-delay: 4500ms;

  transition-delay: 4500ms;

}



.team_item .team_text .nav li:nth-child(46) {

  -webkit-transition-delay: 4600ms;

  transition-delay: 4600ms;

}



.team_item .team_text .nav li:nth-child(47) {

  -webkit-transition-delay: 4700ms;

  transition-delay: 4700ms;

}



.team_item .team_text .nav li:nth-child(48) {

  -webkit-transition-delay: 4800ms;

  transition-delay: 4800ms;

}



.team_item .team_text .nav li:nth-child(49) {

  -webkit-transition-delay: 4900ms;

  transition-delay: 4900ms;

}



.team_item .team_text .nav li:nth-child(50) {

  -webkit-transition-delay: 5000ms;

  transition-delay: 5000ms;

}



.team_item .team_text .nav li:nth-child(51) {

  -webkit-transition-delay: 5100ms;

  transition-delay: 5100ms;

}



.team_item .team_text .nav li:nth-child(52) {

  -webkit-transition-delay: 5200ms;

  transition-delay: 5200ms;

}



.team_item .team_text .nav li:nth-child(53) {

  -webkit-transition-delay: 5300ms;

  transition-delay: 5300ms;

}



.team_item .team_text .nav li:nth-child(54) {

  -webkit-transition-delay: 5400ms;

  transition-delay: 5400ms;

}



.team_item .team_text .nav li:nth-child(55) {

  -webkit-transition-delay: 5500ms;

  transition-delay: 5500ms;

}



.team_item .team_text .nav li:nth-child(56) {

  -webkit-transition-delay: 5600ms;

  transition-delay: 5600ms;

}



.team_item .team_text .nav li:nth-child(57) {

  -webkit-transition-delay: 5700ms;

  transition-delay: 5700ms;

}



.team_item .team_text .nav li:nth-child(58) {

  -webkit-transition-delay: 5800ms;

  transition-delay: 5800ms;

}



.team_item .team_text .nav li:nth-child(59) {

  -webkit-transition-delay: 5900ms;

  transition-delay: 5900ms;

}



.team_item .team_text .nav li:nth-child(60) {

  -webkit-transition-delay: 6000ms;

  transition-delay: 6000ms;

}



.team_item .team_text .nav li:nth-child(61) {

  -webkit-transition-delay: 6100ms;

  transition-delay: 6100ms;

}



.team_item .team_text .nav li:nth-child(62) {

  -webkit-transition-delay: 6200ms;

  transition-delay: 6200ms;

}



.team_item .team_text .nav li:nth-child(63) {

  -webkit-transition-delay: 6300ms;

  transition-delay: 6300ms;

}



.team_item .team_text .nav li:nth-child(64) {

  -webkit-transition-delay: 6400ms;

  transition-delay: 6400ms;

}



.team_item .team_text .nav li:nth-child(65) {

  -webkit-transition-delay: 6500ms;

  transition-delay: 6500ms;

}



.team_item .team_text .nav li:nth-child(66) {

  -webkit-transition-delay: 6600ms;

  transition-delay: 6600ms;

}



.team_item .team_text .nav li:nth-child(67) {

  -webkit-transition-delay: 6700ms;

  transition-delay: 6700ms;

}



.team_item .team_text .nav li:nth-child(68) {

  -webkit-transition-delay: 6800ms;

  transition-delay: 6800ms;

}



.team_item .team_text .nav li:nth-child(69) {

  -webkit-transition-delay: 6900ms;

  transition-delay: 6900ms;

}



.team_item .team_text .nav li:nth-child(70) {

  -webkit-transition-delay: 7000ms;

  transition-delay: 7000ms;

}



.team_item .team_text .nav li:nth-child(71) {

  -webkit-transition-delay: 7100ms;

  transition-delay: 7100ms;

}



.team_item .team_text .nav li:nth-child(72) {

  -webkit-transition-delay: 7200ms;

  transition-delay: 7200ms;

}



.team_item .team_text .nav li:nth-child(73) {

  -webkit-transition-delay: 7300ms;

  transition-delay: 7300ms;

}



.team_item .team_text .nav li:nth-child(74) {

  -webkit-transition-delay: 7400ms;

  transition-delay: 7400ms;

}



.team_item .team_text .nav li:nth-child(75) {

  -webkit-transition-delay: 7500ms;

  transition-delay: 7500ms;

}



.team_item .team_text .nav li:nth-child(76) {

  -webkit-transition-delay: 7600ms;

  transition-delay: 7600ms;

}



.team_item .team_text .nav li:nth-child(77) {

  -webkit-transition-delay: 7700ms;

  transition-delay: 7700ms;

}



.team_item .team_text .nav li:nth-child(78) {

  -webkit-transition-delay: 7800ms;

  transition-delay: 7800ms;

}



.team_item .team_text .nav li:nth-child(79) {

  -webkit-transition-delay: 7900ms;

  transition-delay: 7900ms;

}



.team_item .team_text .nav li:nth-child(80) {

  -webkit-transition-delay: 8000ms;

  transition-delay: 8000ms;

}



.team_item .team_text .nav li:nth-child(81) {

  -webkit-transition-delay: 8100ms;

  transition-delay: 8100ms;

}



.team_item .team_text .nav li:nth-child(82) {

  -webkit-transition-delay: 8200ms;

  transition-delay: 8200ms;

}



.team_item .team_text .nav li:nth-child(83) {

  -webkit-transition-delay: 8300ms;

  transition-delay: 8300ms;

}



.team_item .team_text .nav li:nth-child(84) {

  -webkit-transition-delay: 8400ms;

  transition-delay: 8400ms;

}



.team_item .team_text .nav li:nth-child(85) {

  -webkit-transition-delay: 8500ms;

  transition-delay: 8500ms;

}



.team_item .team_text .nav li:nth-child(86) {

  -webkit-transition-delay: 8600ms;

  transition-delay: 8600ms;

}



.team_item .team_text .nav li:nth-child(87) {

  -webkit-transition-delay: 8700ms;

  transition-delay: 8700ms;

}



.team_item .team_text .nav li:nth-child(88) {

  -webkit-transition-delay: 8800ms;

  transition-delay: 8800ms;

}



.team_item .team_text .nav li:nth-child(89) {

  -webkit-transition-delay: 8900ms;

  transition-delay: 8900ms;

}



.team_item .team_text .nav li:nth-child(90) {

  -webkit-transition-delay: 9000ms;

  transition-delay: 9000ms;

}



.team_item .team_text .nav li:nth-child(91) {

  -webkit-transition-delay: 9100ms;

  transition-delay: 9100ms;

}



.team_item .team_text .nav li:nth-child(92) {

  -webkit-transition-delay: 9200ms;

  transition-delay: 9200ms;

}



.team_item .team_text .nav li:nth-child(93) {

  -webkit-transition-delay: 9300ms;

  transition-delay: 9300ms;

}



.team_item .team_text .nav li:nth-child(94) {

  -webkit-transition-delay: 9400ms;

  transition-delay: 9400ms;

}



.team_item .team_text .nav li:nth-child(95) {

  -webkit-transition-delay: 9500ms;

  transition-delay: 9500ms;

}



.team_item .team_text .nav li:nth-child(96) {

  -webkit-transition-delay: 9600ms;

  transition-delay: 9600ms;

}



.team_item .team_text .nav li:nth-child(97) {

  -webkit-transition-delay: 9700ms;

  transition-delay: 9700ms;

}



.team_item .team_text .nav li:nth-child(98) {

  -webkit-transition-delay: 9800ms;

  transition-delay: 9800ms;

}



.team_item .team_text .nav li:nth-child(99) {

  -webkit-transition-delay: 9900ms;

  transition-delay: 9900ms;

}



.team_item .team_text .nav li:nth-child(100) {

  -webkit-transition-delay: 10000ms;

  transition-delay: 10000ms;

}



.team_item .team_text .nav li a {

  color: #fff;

  font-size: 24px;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.team_item .team_text .nav li a:hover {

  color: #fff;

}



.team_item:hover .team_text {

  opacity: 1;

}



.team_item:hover .team_text:before, .team_item:hover .team_text:after {

  width: 100%;

  height: 100%;

}



.team_item:hover .team_text:before {

  border-top-color: #e3c59c;

  border-right-color: #e3c59c;

  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

}



.team_item:hover .team_text:after {

  border-bottom-color: #e3c59c;

  border-left-color: #e3c59c;

  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

}



.team_item:hover .team_text h3 {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.team_item:hover .team_text h5 {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.team_item:hover .team_text .nav li {

  opacity: 1;

}



/* End Our Team Area css

============================================================================================ */

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

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

/* Portfolio Area css

============================================================================================ */

.portfolio_inner {

  margin-bottom: -30px;

}



.g_fillter {

  margin-bottom: 40px;

}



.g_fillter .nav li {

  margin-right: 40px;

  overflow: hidden;

}



.g_fillter .nav li:last-child {

  margin-right: 0px;

}



.g_fillter .nav li a {

  color: #1b1b1b;

  font: 18px 'Roboto', sans-serif;

  font-weight: bold;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.g_fillter .nav li:hover a, .g_fillter .nav li.active a {

  color: #e3c59c;

}



.portfolio_item {

  overflow: hidden;

  position: relative;

  margin-bottom: 30px;

  cursor: pointer;

}

.portfolio_item-mb-15 { margin-bottom: 15px; }


.portfolio_item .portfolio_img img {

  width: 100%;

}



..portfolio_text {

  width: 100%;

  height: 100%;

  padding: 15px;

  margin-bottom: 30px;

  opacity: 0;

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

}

.portfolio_text a h4 { font-size: 14px;  color: #caa36f; }

.portfolio_text a p { font-size: 16px;  font-weight: bold;  color: #1b1b1b; }



.portfolio_item .portfolio_text:before, .portfolio_item .portfolio_text:after {

  -webkit-box-sizing: inherit;

  box-sizing: inherit;

  content: "";

  position: absolute;

  border: 2px solid transparent;

  width: 0;

  height: 0;

}



.portfolio_item .portfolio_text:before {

  top: 0;

  left: 0;

}



.portfolio_item .portfolio_text:after {

  bottom: 0;

  right: 0;

}



.portfolio_item .portfolio_text h4 {

  color: #fff;

  font-size: 20px;

  margin-bottom: 20px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.portfolio_item .portfolio_text p {

  color: #fff;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.portfolio_item .portfolio_text .arrow_btn {

  position: absolute;

  left: 42px;

  bottom: 35px;

}



.portfolio_item:hover .portfolio_text {

  opacity: 1;

}



.portfolio_item:hover .portfolio_text:before, .portfolio_item:hover .portfolio_text:after {

  width: 100%;

  height: 100%;

}



.portfolio_item:hover .portfolio_text:before {

  border-top-color: #e3c59c;

  border-right-color: #e3c59c;

  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

}



.portfolio_item:hover .portfolio_text:after {

  border-bottom-color: #e3c59c;

  border-left-color: #e3c59c;

  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

}



.portfolio_item:hover .portfolio_text h4 {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.portfolio_item:hover .portfolio_text p {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.portfolio_item.white .portfolio_text {

  background: #1b1b1b;

  opacity: 0;

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

}



.portfolio_item.white .portfolio_text:before, .portfolio_item.white .portfolio_text:after {

  content: "";

  position: absolute;

  border: 2px solid transparent;

  width: 0;

  height: 0;

  -webkit-box-sizing: inherit;

  box-sizing: inherit;

}



.portfolio_item.white .portfolio_text:before {

  top: 0;

  left: 0;

}



.portfolio_item.white .portfolio_text:after {

  bottom: 0;

  right: 0;

}



.portfolio_item.white .portfolio_text h5 {

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.portfolio_item.white .portfolio_text h4 {

  font-size: 29px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.portfolio_item.white .portfolio_text p {

  max-width: 450px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.portfolio_item.white:hover .portfolio_text {

  opacity: 1;

}



.portfolio_item.white:hover .portfolio_text:before {

  border-top-color: #e3c59c;

  border-right-color: #e3c59c;

  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  width: 100%;

  height: 100%;

}



.portfolio_item.white:hover .portfolio_text:after {

  border-bottom-color: #e3c59c;

  border-left-color: #e3c59c;

  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  width: 100%;

  height: 100%;

}



.portfolio_item.white:hover .portfolio_text h6 {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.portfolio_item.white:hover .portfolio_text h4 {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.portfolio_item.white:hover .portfolio_text p {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.light_btn {

  height: 61px;

  width: 61px;

  color: #1b1b1b;

  text-align: center;

  background: #e3c59c;

  display: inline-block;

  font-size: 24px;

  line-height: 65px;

  position: absolute;

  right: 22px;

  bottom: 30px;

}



.light_btn:hover {

  color: #1b1b1b;

}



.portfolio_full .portfolio_inner_full {

  padding-left: 63px;

  padding-right: 63px;

}



.portfolio_full .portfolio_inner_full .portfolio_item .portfolio_img img {

  width: 100%;

}



.portfolio_full .portfolio_inner_full .portfolio_item .portfolio_text p {

  max-width: 265px;

}



.portfolio_masonry .main_title {

  margin-bottom: 170px;

  position: relative;

}



.portfolio_masonry .main_title .br {

  width: 49px;

  height: 1px;

  background: #767676;

  display: inline-block;

  position: absolute;

  left: -90px;

  top: 8px;

}



/* End Portfolio Area css

============================================================================================ */

/* Portfolio Grid Area css

============================================================================================ */

.portfolio_grid_area {

  padding-left: 64px;

  padding-right: 64px;

}



.portfolio_grid_area .portfolio_grid_inner {

  margin-left: -16px;

  margin-right: -16px;

  margin-bottom: -65px;

}



.portfolio_grid_area .portfolio_grid_inner .col-lg-6 {

  padding-left: 16px;

  padding-right: 16px;

}



.portfolio_grid_item {

  overflow: hidden;

  margin-bottom: 65px;

  cursor: pointer;

}



.portfolio_grid_item .portfolio_img {

  overflow: hidden;

  position: relative;

}



.portfolio_grid_item .portfolio_img img {

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  width: 100%;

}



.portfolio_grid_item .portfolio_img .light_btn {

  opacity: 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.portfolio_grid_item .portfolio_text {

  padding-top: 25px;

}



.portfolio_grid_item .portfolio_text h6 {

  color: #a0a0a0;

  font: 16px 'Roboto', sans-serif;

  margin-bottom: 12px;

}



.portfolio_grid_item .portfolio_text h4 {

  color: #fff;

  font-size: 29px;

  margin-bottom: 0px;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.portfolio_grid_item .portfolio_text h4:hover {

  color: #e3c59c;

}



.portfolio_grid_item:hover .portfolio_img img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.portfolio_grid_item:hover .portfolio_img .light_btn {

  opacity: 1;

}



/* End Portfolio Grid Area css

============================================================================================ */

/* Single Portfolio Area css

============================================================================================ */

.single_portfolio_area {

  padding-top: 20px;

}



.tag_line_inner {

  padding-bottom: 80px;

}



.tag_line_inner .col-lg-3 {

  overflow: hidden;

}



.tag_line_inner .col-lg-3:nth-child(2) .tag_line {

  margin-left: 30px;

}



.tag_line_inner .col-lg-3:nth-child(3) .tag_line {

  margin-left: 80px;

}



.tag_line_inner .col-lg-3:nth-child(4) .tag_line {

  margin-left: 100px;

}



.tag_line_inner .tag_line h4 {

  color: #fff;

  text-transform: uppercase;

  font-size: 16px;

  margin-bottom: 8px;

}



.tag_line_inner .tag_line p {

  margin-bottom: 0px;

}



.single_p_text {

  padding-top: 120px;

  padding-bottom: 120px;

}



.single_p_text p {

  max-width: 678px;

  color: #fff;

  font-size: 20px;

  line-height: 35px;

  margin: auto;

}



.single_p_img {

  position: relative;

}



.single_p_img .single_p_title {

  position: absolute;

  left: 0px;

  top: 50%;

  width: 100%;

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

  transform: translateY(-50%);

}



.single_p_img .single_p_title h3 {

  color: #fff;

  font-size: 80px;

  line-height: 90px;

  margin-bottom: 0px;

}



.single_p_img .single_p_title h3 .color {

  color: #e3c59c;

}



.single_p_img .single_p_title h3.animated .char {

  -webkit-animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  -webkit-animation-delay: calc(0.1s * var(--char-index));

  animation-delay: calc(0.1s * var(--char-index));

}



/* End Single Portfolio Area css

============================================================================================ */

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

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

/* Latest News Area css

============================================================================================ */

.latest_news_area {

  padding-top: 100px;

  position: relative;

  z-index: 99;

  background-color: #454343;

}



.latest_news_area .main_title {

  margin-bottom: 75px;

}



.l_news_item {

  position: relative;

  cursor: pointer;

}



.l_news_item h5{

  font-size: 16px;

  margin: 10px 0;

}

.l_news_item a h4{

  font-size: 20px;

  color: #fff;

}



.l_news_item .flipbox_text {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #1b1b1b;

  border-radius: 2px;

  padding-left: 36px;

  padding-right: 42px;

  padding-top: 40px;

  padding-bottom: 25px;

  opacity: 0;

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

}



.l_news_item .flipbox_text:before, .l_news_item .flipbox_text:after {

  -webkit-box-sizing: inherit;

  box-sizing: inherit;

  content: "";

  position: absolute;

  border: 2px solid transparent;

  width: 0;

  height: 0;

}



.l_news_item .flipbox_text:before {

  top: 0;

  left: 0;

}



.l_news_item .flipbox_text:after {

  bottom: 0;

  right: 0;

}



.l_news_item .flipbox_text h5 {

  font: 16px/26px 'Roboto', sans-serif;

  color: #a0a0a0;

  margin-bottom: 18px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.l_news_item .flipbox_text h4 {

  color: #fff;

  font-size: 20px;

  margin-bottom: 30px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.7s;

  transition: all 0.7s;

  opacity: 0;

}



.l_news_item .flipbox_text p {

  margin-bottom: 90px;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.8s;

  transition: all 0.8s;

  opacity: 0;

}



.l_news_item:hover .flipbox_text {

  opacity: 1;

}



.l_news_item:hover .flipbox_text:before, .l_news_item:hover .flipbox_text:after {

  width: 100%;

  height: 100%;

}



.l_news_item:hover .flipbox_text:before {

  border-top-color: #e3c59c;

  border-right-color: #e3c59c;

  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

}



.l_news_item:hover .flipbox_text:after {

  border-bottom-color: #e3c59c;

  border-left-color: #e3c59c;

  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

}



.l_news_item:hover .flipbox_text h5,

.l_news_item:hover .flipbox_text h4,

.l_news_item:hover .flipbox_text p {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



/* End Latest News Area css

============================================================================================ */

/* Blog Banner css

============================================================================================ */

.blog_banner_title h2 {

  font-size: 52px;

}



/* End Blog Banner css

============================================================================================ */

/* Blog Grid area css

============================================================================================ */

.blog_grid_area {

  padding-bottom: 140px;

}



.blog_grid_area .l_news_item {

  margin-bottom: 30px;

}



/* End Blog Grid area css

============================================================================================ */

/* Blog List area css

============================================================================================ */

.blog_list_item {

  overflow: hidden;

}



.blog_list_item .l_news_img img {

  -webkit-transition: all 0.8s;

  transition: all 0.8s;

  z-index: -1;

}



.blog_list_item .flipbox_text {

  max-width: 445px;

  right: 0;

  left: auto;

}



.blog_list_item:hover .l_news_img img {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

}



/* End Blog List area css

============================================================================================ */

/* Blog banner area css

============================================================================================ */

.bg_img {

  height: 768px;

}



/* End Blog banner area css

============================================================================================ */

/* Blog single area css

============================================================================================ */

.blog_single_area {

  padding: 130px 0px;

}



.blog_single_title {

  font-size: 29px;

  line-height: 42px;

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

  color: #fff;

  margin-bottom: 75px;

}



.blog_single_title .color {

  color: #e3c59c;

}



.blog_single_title.animated .char {

  -webkit-animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;

  -webkit-animation-delay: calc(0.1s * var(--char-index));

  animation-delay: calc(0.1s * var(--char-index));

}



.blog_details_info.p_right {

  padding-right: 89px;

}



.blog_details_info .post_date {

  font-size: 16px;

  line-height: 26px;

  color: #767676;

  margin-bottom: 55px;

}



.blog_details_info .post_date span {

  color: #fff;

}



.blog_details_info p {

  color: #767676;

  margin-bottom: 28px;

}



.blog_details_info .single_img {

  padding: 63px 0px 80px;

}



.blog_details_info .single_img .col_image {

  margin-top: 30px;

}



.blog_details_info h3 {

  font-size: 20px;

  line-height: 42px;

  color: #fff;

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

  margin-bottom: 40px;

}



.blog_details_info blockquote {

  padding-left: 100px;

  padding-right: 200px;

  position: relative;

  margin-top: 80px;

}



.blog_details_info blockquote:before {

  content: "“";

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

  font-size: 150px;

  color: #e3c59c;

  line-height: 130px;

  position: absolute;

  left: 0;

}



.blog_details_info blockquote p {

  font-size: 20px;

  line-height: 35px;

  color: #fff;

  margin-bottom: 20px;

}



.blog_details_info blockquote .author {

  font-size: 16px;

  color: #fff;

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

}



.blog_details_info blockquote .postition {

  color: #767676;

  font-size: 16px;

}



.single_post_tag {

  font-size: 16px;

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

  color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-top: 50px;

}



.single_post_tag .tag_links li {

  margin-left: 3px;

}



.single_post_tag .tag_links li a {

  color: #767676;

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

  -webkit-transition: color 0.3s linear;

  transition: color 0.3s linear;

}



.single_post_tag .tag_links li a:hover {

  color: #e3c59c;

}



.post_share {

  font-size: 16px;

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

  color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 50px;

}



.post_share .share_link {

  color: #767676;

}



.post_share .share_link li {

  margin-left: 10px;

  margin-right: 10px;

}



.post_share .share_link li a {

  font-size: 24px;

  color: #adadad;

  -webkit-transition: color 0.3s linear;

  transition: color 0.3s linear;

}



.post_share .share_link li a:hover {

  color: #e3c59c;

}



.content_box {

  max-width: 728px;

  margin: 0 auto;

}



/* Blog sidebar css

============================================================================================ */

.blog_sidebar {

  padding-left: 10px;

  margin-top: 115px;

}



.widget .widget_title {

  font-size: 16px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 30px;

}



.widget + .widget {

  margin-top: 55px;

}



.search_form .form-control {

  border: 1px solid transparent;

  border-radius: 0px;

  background: #1f1e1e;

  padding-left: 25px;

  height: 50px;

  font-size: 16px;

  line-height: 45px;

  color: #fff;

  z-index: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.search_form .form-control.placeholder {

  color: #a7a7a7;

}



.search_form .form-control:-moz-placeholder {

  color: #a7a7a7;

}



.search_form .form-control::-moz-placeholder {

  color: #a7a7a7;

}



.search_form .form-control::-webkit-input-placeholder {

  color: #a7a7a7;

}



.search_form .form-control:focus {

  border-color: #e3c59c;

}



.search_form button {

  position: absolute;

  border: 0px;

  padding: 0;

  background: transparent;

  font-size: 18px;

  color: #767676;

  right: 20px;

  top: 50%;

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

  transform: translateY(-50%);

  z-index: 4;

}



.widget_related_post ul li .related_post_item img {

  margin-right: 20px;

}



.widget_related_post ul li .related_post_item .media-body h5 {

  font-size: 14px;

  line-height: 20px;

  color: #fff;

  margin-bottom: 3px;

  -webkit-transition: color 0.2s linear;

  transition: color 0.2s linear;

}



.widget_related_post ul li .related_post_item .media-body h5:hover {

  color: #e3c59c;

}



.widget_related_post ul li .related_post_item .media-body .post_date {

  font-size: 13px;

  line-height: 20px;

  color: #767676;

  -webkit-transition: color 0.2s linear;

  transition: color 0.2s linear;

}



.widget_related_post ul li .related_post_item .media-body .post_date:hover {

  color: #e3c59c;

}



.widget_related_post ul li + li {

  margin-top: 20px;

}



.widget_categories ul li a {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 16px;

  line-height: 26px;

  color: #767676;

  -webkit-transition: color 0.3s linear;

  transition: color 0.3s linear;

}



.widget_categories ul li a:hover {

  color: #e3c59c;

}



.widget_categories ul li + li {

  margin-top: 12px;

}



.widget_tag .nav li {

  margin-right: 10px;

  margin-bottom: 10px;

}



.widget_tag .nav li a {

  font-size: 12px;

  color: #fff;

  text-transform: uppercase;

  border: 1px solid rgba(160, 160, 160, 0.1);

  padding: 5px 14px;

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  overflow: hidden;

  display: block;

  line-height: 16px;

}



.widget_tag .nav li a:before {

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #e3c59c;

  position: absolute;

  z-index: -1;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  -webkit-transform: translateX(-101%);

  transform: translateX(-101%);

}



.widget_tag .nav li a:hover {

  border-color: #e3c59c;

}



.widget_tag .nav li a:hover:before {

  -webkit-transform: translateX(0%);

  transform: translateX(0%);

}



/* Blog comments css

============================================================================================ */

.blog_comments_area {

  background: #1b1b1b;

  border-top: 1px solid rgba(160, 160, 160, 0.1);

  padding: 150px 0px;

}



.blog_comments_area .comments_title {

  font-size: 29px;

  line-height: 42px;

  color: #fff;

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

  margin-bottom: 50px;

}



.blog_comments_box {

  max-width: 728px;

}



.comment_box {

  padding-top: 20px;

  margin-bottom: 50px;

}



.comment_box .post_comment .comment_card {

  padding-bottom: 70px;

}



.comment_box .post_comment .comment_card img {

  margin-right: 35px;

}



.comment_box .post_comment .comment_card .media-body .comment_card_head {

  font-size: 16px;

  color: #fff;

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

  margin-bottom: 16px;

}



.comment_box .post_comment .comment_card .media-body .comment_card_head a {

  color: #ababab;

  font-size: 13px;

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

  text-transform: uppercase;

  margin-left: 12px;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.comment_box .post_comment .comment_card .media-body .comment_card_head a:hover {

  color: #e3c59c;

}



.comment_box .post_comment .comment_card .media-body p {

  margin-bottom: 0;

}



.comment_box .post_comment .comment_card .media-body .comment_reply {

  font-size: 12px;

  line-height: 15px;

  border: 1px solid #d3d3d3;

  color: #fff;

  text-transform: uppercase;

  padding: 6px 15px 5px;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  margin-top: 25px;

  display: inline-block;

}



.comment_box .post_comment .comment_card .media-body .comment_reply:hover {

  background: #e3c59c;

  border-color: #e3c59c;

}



.comment_box .post_comment .reply_comment {

  margin-left: 115px;

}



.blog_comments_info .contact_form .input-group input,

.blog_comments_info .job_form .input-group input,

.blog_comments_info .job_form .input-group select,

.blog_comments_info .job_form .input-group textarea,

.blog_comments_info .contact_form .input-group select,

.blog_comments_info .contact_form .input-group textarea {

  padding-left: 25px;

}



/* End Blog single area css

============================================================================================ */

/* Start Blog banner area css

============================================================================================ */

.blog_banner_area {

  padding: 394px 0px 150px;

}



.blog_banner_area .main_title {

  margin-bottom: 0;

}



.blog_banner_area .main_title h5,

.blog_banner_area .main_title h2 {

  color: #fff;

}



.blog_banner_area .main_title h2 {

  font-size: 80px;

  line-height: 94px;

}



/* End Blog banner area css

============================================================================================ */

/* Start Blog related post area css

============================================================================================ */

.blog_related_post_area {

  border-top: 1px solid rgba(160, 160, 160, 0.1);

  padding: 130px 0px 140px;

}



.blog_related_post_area .blog_single_title {

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

}



.blog_related_post_area .l_news_item {

  margin-top: 25px;

}



.blog_masonry_area .portfolio_grid_inner {

  margin-bottom: -65px;

}



/* End Blog related post area css

============================================================================================ */

.blog_masonry_area {

  padding-left: 64px;

  padding-right: 64px;

}



.blog_masonry_area .portfolio_grid_item {

  margin-bottom: 45px;

}



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

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

/* Contact Page Area css

============================================================================================ */

.mapBox {

  min-height: 768px;

}



.contact_page_area .main_title {

  margin-bottom: 55px;

}



.contact_page_area .main_title h2 {

  font-size: 29px;

  line-height: 42px;

}



.contact_details p {

  margin-bottom: 40px;

}



.contact_details h2 {

  font: 29px/42px 'Roboto', sans-serif;

  color: #fff;

  margin-bottom: 45px;

}



.contact_details .nav li {

  margin-bottom: 25px;

}



.contact_details .nav li span {

  color: #fff;

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

}



.contact_details .nav li a {

  font: 16px 'Roboto', sans-serif;

  color: #767676;

}



.contact_details .nav li a span {

  color: #fff;

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

}



.contact_details .nav li:last-child {

  margin-bottom: 0px;

}



.contact_details .nav li:nth-child(3) a {

  font-size: 24px;

  margin-left: 16px;

  color: #adadad;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.contact_details .nav li:nth-child(3) a:hover {

  color: #e3c59c;

}



.contact_form .input-group{

  margin-bottom: 30px;

}

.job_form .input-group {
  margin-bottom:30px;
}



.contact_form .input-group select{

  border: 1px solid rgba(160, 160, 160, 0.1);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

  height: 50px;

  padding: 3px 18px 0px 18px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font: 16px/50px 'Roboto', sans-serif;

  background-color: transparent;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  color: #767676;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.496' height='10.413' viewBox='0 0 12.496 10.413'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cpath id='Path_3' data-name='Path 3' d='M0,0H12.5L6.248,10.413,0,0Z' transform='translate(0 0)' fill='%23a0a0a0' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: 10px 10px;

  background-position: 95% 50%;

}

.job_form .input-group select {

  border: 1px solid rgba(160, 160, 160, 1);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

  height: 50px;

  padding: 3px 18px 0px 18px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font: 16px/50px 'Roboto', sans-serif;

  background-color: transparent;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  color: #767676;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.496' height='10.413' viewBox='0 0 12.496 10.413'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cpath id='Path_3' data-name='Path 3' d='M0,0H12.5L6.248,10.413,0,0Z' transform='translate(0 0)' fill='%23a0a0a0' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: 10px 10px;

  background-position: 95% 50%;

}

.yok{margin-top:15%;}

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

@media(min-width:768px) and (max-width:1199px){
  .yok{margin-top:23%}
}


/*========================== JOB FORM START HERE ========================= */

.job_form .input-group input {

  border: 1px solid rgba(160, 160, 160, 1);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

  height: 50px;

  padding: 3px 18px 0px 18px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font: 16px/50px 'Roboto', sans-serif;

  background: transparent;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  color: #767676;

}


.job_form .input-group input.placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group input:-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group input::-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group input::-webkit-input-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group input:focus {

  border-color: #e3c59c;

}



.job_form .input-group label {

  width: 100%;

  display: block;

  margin-top: 12px;

  color: red;

}



.job_form .input-group textarea {

  border: 1px solid rgba(160, 160, 160, 0.1);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

  height: 174px;

  padding: 3px 18px 0px 18px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font: 16px/50px 'Roboto', sans-serif;

  background: transparent;

  color: #767676;

}



.job_form .input-group textarea.placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group textarea:-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group textarea::-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group textarea::-webkit-input-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.job_form .input-group textarea:focus {

  border-color: #e3c59c;

}



.job_form .input-group:last-child {

  margin-bottom: 0px;

}





/*========================= JOB FORM ENDS HERE =========================== */




  



.contact_form .input-group input {

  border: 1px solid rgba(160, 160, 160, 0.1);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

  height: 50px;

  padding: 3px 18px 0px 18px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font: 16px/50px 'Roboto', sans-serif;

  background: transparent;

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  color: #767676;

}



.contact_form .input-group input.placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group input:-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group input::-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group input::-webkit-input-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group input:focus {

  border-color: #e3c59c;

}



.contact_form .input-group label {

  width: 100%;

  display: block;

  margin-top: 12px;

  color: red;

}



.contact_form .input-group textarea {

  border: 1px solid rgba(160, 160, 160, 0.1);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 0px;

  height: 174px;

  padding: 3px 18px 0px 18px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font: 16px/50px 'Roboto', sans-serif;

  background: transparent;

  color: #767676;

}



.contact_form .input-group textarea.placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group textarea:-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group textarea::-moz-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group textarea::-webkit-input-placeholder {

  font: 16px/50px 'Roboto', sans-serif;

  color: #767676;

}



.contact_form .input-group textarea:focus {

  border-color: #e3c59c;

}



.contact_form .input-group:last-child {

  margin-bottom: 0px;

}



.success-message,

.error-message {

  display: none;

  margin-top: 5px;

  padding-left: 15px;

}



/* End Contact Page Area css

============================================================================================ */

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

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

/* Footer Area css

============================================================================================ */

.footer_area {

  position: relative;

  width: 100%;

  padding: 0px;

  border-top: 1px solid #3e3e3e;

  background: #ffffff;

  z-index: 31;

}



.footer_area .f_widget.logo_wd{

  margin-top: 0px;

  padding: 15px 0px;

  text-align: center;

}

.footer_area .f_widget.logo_wd img{

  max-width: 180px;

}





.footer_area .f_widget.copyright_wd a{

  color:#ffffff;

  margin-bottom: 10px;

  display: block;

}



.copyright_wd p {

  color: #fff;

}



.list_wd {

  padding: 15px 0px;

}



.list_wd .nav li {

  margin-bottom: 4px;

}



.list_wd .nav li a {

  color: #fff;

  font: 16px/26px 'Roboto', sans-serif;

  -webkit-transition: all 300ms linear 0s;

  transition: all 300ms linear 0s;

}



.list_wd .nav li a:hover {

  color: #e3c59c;

}



.list_wd .nav li:last-child {

  margin-bottom: 0px;

}



/* End Footer Area css

============================================================================================ */

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

/*# sourceMappingURL=style.css.map */