a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
td,
th,
tr,
ol {
  margin: 0;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
li p,
ul p,
td p,
th p,
tr p,
ol p {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
  display: initial;
  background: initial !important;
  position: initial !important;
}
p a {
  color: inherit;
}
span p,
b p,
strong p,
small p,
bold p,
a p {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
h5 {
  font-size: 18px;
}
@media (max-width: 500px) {
  h5 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  h2 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  h3 {
    font-size: 20px;
  }
}
ul {
  padding: 0;
  list-style: none;
}
h6 {
  font-size: 14px;
  padding: 10px 0px;
}
@media (max-width: 500px) {
  h6 {
    font-size: 12px;
  }
}
/**************************************Form Builder*******************************************/
.nano_form {
  margin: 0 -15px;
}
@media (max-width: 960px) {
  .nano_form {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    box-sizing: border-box;
  }
  .nano_form .form-field {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .nano_form .form-field input,
  .nano_form .form-field textarea,
  .nano_form .form-field select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}
.nano_form .form-field {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.nano_form .form-field input,
.nano_form .form-field textarea {
  width: 100%;
  margin-bottom: 15px;
  outline: none;
}
.nano_form .form-field input:disabled,
.nano_form .form-field textarea:disabled {
  background-color: #d2d0d0 !important;
}
.nano_form .form-field label {
  display: block;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  float: left;
  height: 25px;
}
.nano_form .form-field label:empty {
  display: none;
}
.nano_form .form-field label:empty::after {
  display: none;
}
.nano_form .form-field .help-text {
  font-size: 15px;
  color: #d2d0d0;
  margin-top: -20px;
}
.nano_form .form-field button {
  outline: none;
  margin-top: 10px;
}
.nano_form .form-field select {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
  border: 1px solid #d2d0d0;
  color: #000000;
  background-color: #f8f8f8;
  font-size: 18px;
  font-weight: 600;
  padding: 9px 10px;
  outline: none;
  height: auto;
}
.nano_form .field-required label {
  display: inline-block;
  position: relative;
  max-width: 100%;
  width: 100%;
  float: left;
  height: 25px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.nano_form .field-required label::after {
  content: '*';
  position: absolute;
  color: #f1353c;
  top: 0;
}
.nano_form .form-groupfield {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.nano_form .form-groupfield label {
  width: 100%;
  margin-bottom: 15px;
}
.nano_form .form-groupfield.field-inline .groupfield label {
  display: inline-block;
  width: auto;
  padding-left: 20px;
}
.nano_form .form-groupfield.field-inline .groupfield label:first-child {
  padding-left: 0;
}
.nano_form .form-groupfield .groupfield {
  margin-top: 5px;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.nano_form .form-groupfield .groupfield label {
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 12px;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.nano_form .form-groupfield .groupfield label input[type=checkbox] {
  cursor: pointer;
  height: 25px;
  width: 25px;
  margin: 0 10px 0 0;
  float: left;
  -webkit-appearance: none;
  border: 1px solid #d2d0d0;
  border-radius: 3px;
  position: relative;
}
.nano_form .form-groupfield .groupfield label input[type=checkbox]:checked {
  background-color: #36af30;
  color: #ffffff;
  border-color: #36af30;
}
.nano_form .form-groupfield .groupfield label input[type=checkbox]:checked:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
}
.nano_form .form-groupfield .groupfield label input[type=radio] {
  cursor: pointer;
  height: 25px;
  width: 25px;
  margin: 0 10px 0 0;
  float: left;
  border: 1px solid #d2d0d0;
  border-radius: 50%;
  position: relative;
}
.nano_form .form-groupfield .groupfield label span {
  vertical-align: middle;
  height: 25px;
  line-height: 25px;
  display: inline-block;
}
.nano_form .field-col-1 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-1 {
    width: 8.33333333%;
    float: left;
  }
}
.nano_form .field-col-2 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-2 {
    width: 16.66666667%;
    float: left;
  }
}
.nano_form .field-col-3 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-3 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 992px) {
  .nano_form .field-col-4 {
    width: 33.33333333%;
    float: left;
  }
}
.nano_form .field-col-5 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-5 {
    width: 41.66666667%;
    float: left;
  }
}
.nano_form .field-col-6 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-6 {
    width: 50%;
    float: left;
  }
}
.nano_form .field-col-7 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-7 {
    width: 58.33333333%;
    float: left;
  }
}
.nano_form .field-col-8 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-8 {
    width: 66.66666667%;
    float: left;
  }
}
.nano_form .field-col-9 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-9 {
    width: 75%;
    float: left;
  }
}
.nano_form .field-col-10 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-10 {
    width: 83.33333333%;
    float: left;
  }
}
.nano_form .field-col-11 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-11 {
    width: 91.66666667%;
    float: left;
  }
}
.nano_form .field-col-12 {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .nano_form .field-col-12 {
    width: 100%;
    float: left;
  }
}
/**************************************Form Builder*******************************************/
/********************Nano Share Buttons***********************/
.nano_social_btn {
  padding: 0;
  list-style: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0 30px;
}
.nano_social_btn li {
  display: inline-block;
  margin-right: 5px;
}
.nano_social_btn li a {
  display: inline-block !important;
  background-color: #262f2a !important;
  border: 2px solid #262f2a !important;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: normal !important;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
  padding: 0 !important;
  transition: 0.3s all ease-in-out;
}
.nano_social_btn li a:hover {
  background-color: transparent !important;
  border: 2px solid #262f2a !important;
  color: #262f2a !important;
  transition: 0.3s all ease-in-out;
}
/********************Nano Share Buttons***********************/
.nn_row {
  margin-right: -15px;
  margin-left: -15px;
}
.nn_row:after {
  clear: both;
  content: '';
  display: block;
}
/* Bootstrap Grid System - Column Classes */
.nn_col {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-3 {
  width: 25%;
  float: left;
}
.col-md-4 {
  width: 33.33333333%;
  float: left;
}
.col-md-6 {
  width: 50%;
  float: left;
}
.col-md-12 {
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  .col-md-3 {
    width: 25%;
    float: left;
  }
  .col-md-4 {
    width: 33.33333333%;
    float: left;
  }
  .col-md-6 {
    width: 50%;
    float: left;
  }
  .col-md-12 {
    width: 100%;
    float: left;
  }
}
@media (max-width: 767px) {
  .col-md-3,
  .col-md-4,
  .col-md-6 {
    width: 100%;
    float: none;
  }
}
@media (max-width: 960px) {
  .nn_row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  /* Fix negative margins that cause alignment issues */
  .nn_row[style*="margin"],
  .nn_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .nn_col {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
    float: none !important;
  }
  .col-md-3,
  .col-md-4,
  .col-md-6,
  .col-md-12 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}
/* Flexbox support for nn_row with col-md-6 */
.nn_row[class*="flex"],
.about-one .nn_row,
.about-two .nn_row,
.about-three .nn_row,
.maydos_about .nn_row,
.maydos_footer .main-footer .nn_row {
  display: flex;
  flex-wrap: wrap;
}
/* Footer 4 columns support */
.maydos_footer .main-footer .nn_row .col-md-3,
.maydos_footer .main-footer .nn_row .nn_col.col-md-3 {
  float: none !important;
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .maydos_footer .main-footer .nn_row .col-md-3,
  .maydos_footer .main-footer .nn_row .nn_col.col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .maydos_footer .main-footer .nn_row .col-md-3,
  .maydos_footer .main-footer .nn_row .nn_col.col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Ensure col-md-6 works with flexbox in about sections */
.about-one .nn_row .col-md-6,
.about-two .nn_row .col-md-6,
.about-three .nn_row .col-md-6,
.maydos_about .nn_row .col-md-6 {
  float: none !important;
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}
/* Also support nn_col with col-md-6 combination */
.about-one .nn_row .nn_col.col-md-6,
.about-two .nn_row .nn_col.col-md-6,
.about-three .nn_row .nn_col.col-md-6,
.maydos_about .nn_row .nn_col.col-md-6 {
  float: none !important;
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about-one .nn_row .col-md-6,
  .about-two .nn_row .col-md-6,
  .about-three .nn_row .col-md-6,
  .maydos_about .nn_row .col-md-6,
  .about-one .nn_row .nn_col.col-md-6,
  .about-two .nn_row .nn_col.col-md-6,
  .about-three .nn_row .nn_col.col-md-6,
  .maydos_about .nn_row .nn_col.col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.nn_section {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
@media (max-width: 960px) {
  .nn_section {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
  }
}
.nn_section ol {
  background: transparent;
  padding: 0;
  margin: 0;
}
.nn_section ol li {
  font-weight: 300;
  font-size: 16px;
  font-size: 14px;
}
.nn_section ol li a {
  color: #1b251d;
  background-color: transparent;
  font-size: 14px;
}
.navbar {
  margin-bottom: 0;
  border: 0;
}
header {
  text-align: right;
}
header .navbar-toggle .icon-bar {
  background: #ffffff;
}
header .nn_collapse {
  float: left;
}
@media (max-width: 991px) {
  header .nn_collapse {
    width: 100%;
    padding: 0;
    border: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse {
    display: none !important;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse.in {
    display: block !important;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    display: block !important;
  }
  header .navbar-header .collapse .icon-bar,
  header .navbar-toggle .icon-bar {
    background: #36af30;
  }
}
@media (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-header {
    float: none;
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  header .navbar-header {
    display: inline-block;
  }
}
header .collapsing {
  padding: 0;
}
header .dropdown-menu {
  padding: 0;
}
header .dropdown-menu li {
  display: block !important;
  float: none;
  width: 100%;
  border-right: 0;
  border-left: 0;
}
.nn_padding {
  padding: 90px 0px;
}
@media (max-width: 500px) {
  .nn_padding {
    padding: 30px 0px;
  }
}
.nn_container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 960px) {
  .nn_container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
.nn_background {
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-width: 1366px) {
  .nn_background {
    background-size: cover;
  }
}
.nn_user {
  float: right;
}
.nn_user li a i {
  color: #1b251d;
}
@media (max-width: 990px) {
  .nn_user {
    margin: 0;
  }
}
.nn_user {
  text-align: initial;
}
.nn_user li {
  border: 0;
  background: transparent;
  float: left;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .nn_user li {
    display: inline-block;
    float: none;
  }
}
@media (max-width: 320px) {
  .nn_user li {
    padding: 0px 10px;
  }
}
.nn_user li a {
  color: #1b251d;
}
.nn_user li a i {
  color: #1b251d;
}
.nn_user li i {
  color: #a59e96;
  padding-left: 5px;
}
.nn_user .nn_menu_user a {
  background: #1b251d;
  border-radius: 3px;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
  width: 100px;
  color: #ffffff;
  display: inline-block;
  text-align: center;
}
.nn_user .nn_menu_user a:first-child {
  margin-right: 5px;
}
.nn_user .nn_menu_user a:hover {
  background: #262f2a;
}
.nn_user .nn_currency,
.nn_user .nn_language {
  background: #36af30;
  border-radius: 0px;
  width: 55px;
  height: 49px;
  text-align: center;
}
@media (max-width: 480px) {
  .nn_user .nn_currency,
  .nn_user .nn_language {
    width: auto;
  }
}
.nn_user .nn_currency div,
.nn_user .nn_language div {
  line-height: 49px;
}
.nn_user .nn_currency div a,
.nn_user .nn_language div a {
  line-height: 49px;
}
.nn_user .nn_select_language {
  left: 0;
  z-index: 99;
  top: 30px;
}
.nn_user .nn_select_language ul li {
  border: 1px solid #a59e96;
  border-bottom: 0;
  padding: 7px 10px;
}
.nn_user .nn_select_language ul li:last-child {
  border-bottom: 1px solid #a59e96;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.nn_user .nn_select_language ul li:first-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.nn_user .nn_select_language ul li a {
  line-height: initial;
}
.nn_user .nn_select_currency {
  z-index: 99;
}
.nn_user .nn_select_currency ul li {
  border: 1px solid #a59e96;
  border-bottom: 0;
  padding: 7px 10px;
  background-color: #ffffff;
}
.nn_user .nn_select_currency ul li:last-child {
  border-bottom: 1px solid #a59e96;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.nn_user .nn_select_currency ul li:first-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.nn_user .nn_select_currency ul li a {
  line-height: initial;
}
@media (max-width: 480px) {
  .nn_user {
    text-align: right;
    width: 100%;
  }
}
.nn_menu_user:hover .nn_account {
  display: block;
}
.nn_menu_user button {
  border-radius: 22px;
  padding: 4px 10px;
}
.nn_menu_user button:hover,
.nn_menu_user button:focus,
.nn_menu_user button:active {
  background-color: #ffffff;
}
.nn_menu_user button span {
  margin-left: 5px !important;
}
.nn_menu_user .dropdown-toggle.btn-default {
  background-color: #ffffff;
  box-shadow: none;
}
.nn_menu_user .open > .dropdown-toggle.btn-default {
  background-color: #ffffff;
  box-shadow: none;
}
.nn_menu_user .dropdown-menu li {
  width: 100%;
}
.nn_account {
  display: none;
  position: absolute;
  top: 35px;
  right: 85px;
  width: 245px;
}
.nn_account input,
.nn_account select {
  width: 100%;
  border: 1px solid #ddd;
}
.nn_account i {
  color: #626262;
}
.nn_account ul li {
  width: 100%;
  border-bottom: 1px solid #b0aba4;
  padding: 10px 20px;
}
.nn_account ul li a {
  color: #1b251d;
  display: block;
  font-size: 14px;
  text-align: left;
}
.nn_account ul li a i {
  width: 26px;
}
.nn_account ul li:last-child {
  border: 0px;
}
.nn_currency:hover .nn_select_currency {
  display: block;
}
.nn_select_currency {
  display: none;
  position: absolute;
  top: 35px;
  right: 10px;
  width: 70px;
  z-index: 99;
}
.nn_select_currency ul li {
  width: 100%;
  padding: 10px;
}
.nn_select_currency ul li a {
  color: #1b251d;
  display: block;
  font-size: 14px;
  text-align: center;
}
.nn_select_currency ul li a i {
  width: 13px;
  color: #1b251d;
}
.nn_container_fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 960px) {
  .nn_container_fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
.text-right {
  float: right;
}
.jimdo_header1 {
  position: relative;
  height: 142px;
}
@media (max-width: 990px) {
  .jimdo_header1 {
    height: auto;
  }
}
.jimdo_header1 .menu_top {
  height: 49px;
  color: #1b251d;
  background-image: url('../images/img-1.jpg');
  background-position: right;
  padding-left: 490px;
  line-height: 40px;
  text-align: right;
  font-size: 16px;
}
.jimdo_header1 .menu_top h4 {
  float: left;
  line-height: 40px;
  font-weight: 300;
  font-size: 16px;
}
.jimdo_header1 .menu_top .nn_language {
  display: none;
}
@media (max-width: 990px) {
  .jimdo_header1 .menu_top {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .jimdo_header1 .menu_top {
    height: auto;
    background-size: cover;
    float: left;
    width: 100%;
  }
}
.jimdo_header1 .main_header {
  position: absolute;
  top: 20px;
  width: 100%;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header {
    position: inherit;
    top: inherit;
    float: left;
    padding: 0 20px;
  }
}
.jimdo_header1 .main_header .logo_head {
  float: left;
}
.jimdo_header1 .main_header .nav {
  float: right;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .nav {
    background-color: #ffffff;
    float: none;
    z-index: 9999;
    left: 0px;
    right: 0px;
  }
}
.jimdo_header1 .main_header .nav li {
  display: inline-block;
  padding: 60px 10px 0px 10px;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .nav li {
    width: 100%;
    display: block;
    padding: 0;
    line-height: 35px;
  }
}
.jimdo_header1 .main_header .nav li a {
  color: #1b251d;
  padding: 0;
  transition: all 0.9s;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .nav li a {
    float: none;
  }
}
.jimdo_header1 .main_header .nav li a:hover,
.jimdo_header1 .main_header .nav li a:focus,
.jimdo_header1 .main_header .nav li a:active {
  background-color: transparent;
  border-bottom: 1px solid #36af30;
  padding-bottom: 5px;
  color: #36af30;
}
.jimdo_header1 .main_header .nav .dropdown .dropdown-menu {
  padding: 30px 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: absolute;
  left: 21px;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .nav .dropdown .dropdown-menu {
    padding: 0;
    position: inherit;
    top: 0;
    left: inherit;
  }
}
.jimdo_header1 .main_header .nav .dropdown .dropdown-menu li {
  background-color: #f7f7f7;
  padding: 10px;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .nav .dropdown .dropdown-menu li {
    text-align: center;
    background-color: transparent;
  }
}
.jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu {
  display: block;
  top: 70px;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu {
    position: inherit;
    top: 0;
    left: inherit;
  }
}
.jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu li {
  display: block;
}
.jimdo_header1 .main_header .nav .dropdown:hover .dropdown-menu li a:hover {
  border: 0 !important;
}
.jimdo_header1 .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .jimdo_header1 .main_header .navbar-collapse {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 101;
    text-align: center;
    top: 110px;
  }
}
.jimdo_header1 .nn_container {
  max-width: 1117px;
}
@media (max-width: 1366px) {
  .jimdo_header1 .nn_container {
    max-width: 900px;
  }
}
.jimdo_header1 .navbar-header {
  padding-top: 50px;
}
.jimdo_header1 .navbar-header .navbar-toggle .icon-bar {
  background: #262f2a;
}
.carbon_section .carousel-caption.slider_caption {
  bottom: 40%;
  text-align: left;
}
@media (max-width: 1366px) {
  .carbon_section .carousel-caption.slider_caption {
    bottom: 25%;
  }
}
@media (max-width: 540px) {
  .carbon_section .carousel-caption.slider_caption {
    bottom: 0;
  }
}
.carbon_section .carousel-caption.slider_caption h1 {
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .carbon_section .carousel-caption.slider_caption h1 {
    font-size: 45px;
  }
}
@media (max-width: 1024px) {
  .carbon_section .carousel-caption.slider_caption h1 {
    font-size: 32px;
  }
}
@media (max-width: 540px) {
  .carbon_section .carousel-caption.slider_caption h1 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.carbon_section .carousel-caption.slider_caption .slider_text {
  font-size: 23px;
  line-height: 30px;
}
@media (max-width: 1024px) {
  .carbon_section .carousel-caption.slider_caption .slider_text {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .carbon_section .carousel-caption.slider_caption .slider_text {
    font-size: 12px;
    line-height: 20px;
  }
}
.carbon_section .carousel-caption.slider_caption h2 {
  font-weight: 300;
}
@media (max-width: 640px) {
  .carbon_section .carousel-caption.slider_caption h2 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .carbon_section .carousel-caption.slider_caption h2 {
    font-size: 16px;
  }
}
.carbon_section .carousel-caption.slider_caption a {
  color: #1b251d;
  background: #ffffff;
  padding: 15px 50px;
  border-radius: 31px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .carbon_section .carousel-caption.slider_caption a {
    font-size: 14px;
  }
}
@media (max-width: 540px) {
  .carbon_section .carousel-caption.slider_caption a {
    font-size: 10px;
    padding: 10px 15px;
    margin-top: 10px;
  }
}
.carbon_section .carousel-caption {
  text-shadow: none;
}
.carbon_section .owl-theme .owl-controls .owl-page {
  display: block;
}
.carbon_section .owl-theme .owl-controls .owl-page span {
  background: #ffffff;
}
@media (max-width: 480px) {
  .carbon_section .owl-theme .owl-controls .owl-page span {
    width: 5px;
    height: 5px;
  }
}
.carbon_section .owl-theme .owl-controls,
.carbon_section .owl-theme .owl-pagination {
  text-align: center;
  position: absolute;
  left: 10px;
  height: auto;
  top: 40%;
  margin: 0;
}
@media (max-width: 1366px) {
  .carbon_section .owl-theme .owl-controls,
  .carbon_section .owl-theme .owl-pagination {
    top: 45%;
  }
}
@media (max-width: 1024px) {
  .carbon_section .owl-theme .owl-controls,
  .carbon_section .owl-theme .owl-pagination {
    top: 40%;
  }
}
@media (max-width: 540px) {
  .carbon_section .owl-theme .owl-controls,
  .carbon_section .owl-theme .owl-pagination {
    top: 36%;
    left: 2px;
  }
}
.carbon_section .nn_container {
  max-width: 1117px;
}
@media (max-width: 1366px) {
  .carbon_section .nn_container {
    max-width: 900px;
  }
}
.carbon_section img {
  width: 100%;
}
.carbon_section p {
  line-height: 35px;
}
.carbon_section .nn-related-content a {
  color: #1b251d;
  width: 100%;
  display: inline-block;
}
.carbon_section .nn-related-content a h5 {
  line-height: 35px;
}
.carbon_section .nn-related-content .product_link {
  background-color: #262f2a;
  color: #ffffff;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 20px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.carbon_section .nn-related-content .product_link:hover {
  background-color: #3b65ce;
  transition: all 0.3s ease-in-out;
}
.carbon_section .ecom_pdt_img {
  position: relative;
  height: 200px;
}
@media (max-width: 720px) {
  .carbon_section .ecom_pdt_img {
    text-align: center;
  }
}
.carbon_section .ecom_pdt_img img {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
}
@media (max-width: 720px) {
  .carbon_section .ecom_pdt_img img {
    margin: 0 auto;
  }
}
.nn_carbon_section2 {
  position: relative;
}
.nn_carbon_section2 .carbon_section2_content {
  position: absolute;
  top: -130px;
  width: 100%;
}
@media (max-width: 990px) {
  .nn_carbon_section2 .carbon_section2_content {
    position: initial;
  }
}
.nn_carbon_section2 .carbon_section2_content .col-md-4 {
  padding: 0;
}
.nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center {
  height: 180px;
  padding: 50px 0;
  background-size: 100%;
  transition: all 0.5s ease-in;
}
@media (max-width: 1366px) {
  .nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center {
    background-size: cover;
  }
}
.nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center a {
  font-size: 28px;
  display: block;
  text-align: center;
  color: #ffffff;
}
.nn_carbon_section2 .carbon_section2_content .col-md-4 .text-center:hover {
  background-size: 110%;
}
.nn_carbon_section3 {
  padding: 20px 0;
  background-color: #c1bdb7;
}
.nn_carbon_section3 h1 {
  font-size: 60px;
  font-weight: 800;
  color: #262f2a;
  line-height: 60px;
}
@media (max-width: 560px) {
  .nn_carbon_section3 h1 {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .nn_carbon_section3 h1 {
    font-size: 28px;
  }
}
.nn_carbon_section3 h2 {
  font-weight: 300;
  line-height: 30px;
}
@media (max-width: 560px) {
  .nn_carbon_section3 h2 {
    font-size: 24px;
  }
}
.nn_carbon_section3 p {
  line-height: 35px;
  margin-top: 30px;
}
.nn_carbon_section3 a {
  background-color: #262f2a;
  color: #ffffff;
  display: inline-block;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  min-width: 150px;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}
.nn_carbon_section3 a:hover {
  background-color: #3b65ce;
  transition: all 0.3s ease-in-out;
}
.nn_carbon_section3 ul {
  text-align: center;
  margin-top: 30px;
}
.nn_carbon_section3 ul li {
  display: inline-block;
  width: 16%;
  line-height: 120px;
  vertical-align: middle;
}
@media (max-width: 854px) {
  .nn_carbon_section3 ul li {
    width: 25%;
  }
}
@media (max-width: 560px) {
  .nn_carbon_section3 ul li {
    line-height: 100px;
    width: 33.333%;
    float: left;
    padding: 0 5%;
  }
}
.nn_carbon_section3 ul li a {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
@media (max-width: 560px) {
  .nn_carbon_section3 ul li img {
    width: 90%;
  }
}
@media (max-width: 560px) {
  .nn_carbon_section3 ul {
    margin-top: 0;
  }
}
.nn_carbon_section4 {
  position: relative;
}
.nn_carbon_section4 h4 {
  position: relative;
  padding-bottom: 20px;
}
.nn_carbon_section4 h4:after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #c8c4bf;
  padding-bottom: 20px;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.nn_carbon_section4 .slider {
  padding: 30px;
  background-color: #262f2a;
  min-height: 320px;
}
.nn_carbon_section4 .slider img {
  width: 40%;
}
.nn_carbon_section4 .slider .slider_caption {
  width: 55%;
  float: right;
  right: 0;
  left: inherit;
  text-align: left;
  top: 0;
}
.nn_carbon_section4 .slider .slider_caption .slider_title {
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px solid #ffffff;
}
.nn_carbon_section4 .slider .slider_caption .slider_title:after {
  display: none;
}
.nn_carbon_section4 .slider .slider_caption .slider_text {
  line-height: 1.5;
  font-size: 16px;
}
@media (max-width: 991px) {
  .nn_carbon_section4 .slider .slider_caption {
    position: relative;
    padding-top: 0;
  }
}
.nn_carbon_section4 .slider .owl-controls {
  position: absolute;
  top: -83px;
  right: 0;
  padding: 0;
  left: inherit;
  height: auto;
  margin-top: 10px;
}
.nn_carbon_section4 .slider .owl-controls .owl-buttons .owl-prev,
.nn_carbon_section4 .slider .owl-controls .owl-buttons .owl-next {
  background-color: #262f2a;
  border-radius: 0;
  opacity: 1;
}
@media (max-width: 560px) {
  .nn_carbon_section4 .slider .owl-controls {
    transform: none;
  }
}
@media (max-width: 990px) {
  .nn_carbon_section4 iframe {
    width: 100%;
  }
}
.nn_carbon_section4.karfrut_inner_slider .slider {
  min-height: initial;
}
.nn_carbon_section4.karfrut_inner_slider .slider .owl-carousel {
  max-height: 132px;
}
.nn_carbon_section4.karfrut_inner_slider .slider img {
  width: auto;
  display: block;
  margin: 0 auto;
  text-align: center;
  max-height: 130px;
}
.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls {
  position: initial;
}
.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls .owl-pagination {
  position: initial;
  padding: 0;
  height: auto;
}
.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls .owl-pagination .owl-page {
  display: inline-block;
}
.nn_carbon_section4.karfrut_inner_slider .slider .owl-controls .owl-pagination .owl-page span {
  height: 8px;
  width: 8px;
}
.nn_carbon_contact h2 {
  color: #ffffff;
  margin-bottom: 20px;
}
.nn_carbon_contact a {
  color: #ffffff;
  padding: 10px 0;
  width: 150px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 3px;
}
.nn_carbon_contact .carbon_mail {
  background-color: #ffffff;
  color: #262f2a;
  width: auto;
  padding: 0 20px;
  min-width: 150px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}
.nn_carbon_contact .carbon_mail:hover {
  background-color: #3b65ce;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.nn_carbon_contact .carbon_phone {
  background-color: #36af30;
}
.carbon_footer {
  background-color: #262f2a;
  color: #ffffff;
  padding: 50px 0;
}
@media (max-width: 990px) {
  .carbon_footer .col-md-4 {
    clear: both;
    text-align: center;
  }
}
@media (max-width: 990px) {
  .carbon_footer .col-md-4 .text-right,
  .carbon_footer .col-md-4 .text-center {
    float: none;
    text-align: center;
  }
}
@media (max-width: 854px) {
  .carbon_footer {
    text-align: center;
  }
}
.carbon_footer h4 {
  font-size: 20px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
@media (max-width: 854px) {
  .carbon_footer h4 {
    margin-top: 20px;
  }
}
.carbon_footer h4:after {
  position: absolute;
  content: '';
  bottom: 0;
  border-bottom: 1px solid #ffffff;
  width: 110px;
  left: 0;
}
@media (max-width: 990px) {
  .carbon_footer h4:after {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
@media (max-width: 854px) {
  .carbon_footer h4:after {
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 20px;
  }
}
.carbon_footer a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
}
.carbon_footer a i {
  color: #ffffff;
}
.carbon_footer .text-center h4:after {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.carbon_footer .text-center a {
  display: block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
}
.carbon_footer .text-center a:hover,
.carbon_footer .text-center a:focus,
.carbon_footer .text-center a:active {
  color: #ffffff;
}
.carbon_footer p {
  line-height: 35px;
}
@media (max-width: 854px) {
  .carbon_footer .text-right {
    text-align: center;
    float: none;
  }
}
.carbon_footer .text-right h4:after {
  right: 0;
  left: inherit;
}
@media (max-width: 990px) {
  .carbon_footer .text-right h4:after {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
@media (max-width: 854px) {
  .carbon_footer .text-right h4:after {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.carbon_footer .text-right span {
  display: inline-block;
  width: 100%;
}
.carbon_footer .text-right span div {
  display: inline-block;
}
.carbon_footer .text-right span i {
  display: inline-block;
  line-height: 35px;
  padding-right: 5px;
}
.carbon_footer .text-right span p {
  display: inline-block;
}
.carbon_footer .nn_container {
  max-width: 1117px;
}
.carbon_copyright {
  height: 75px;
  line-height: 75px;
  background-color: #060e01;
  color: #ffffff;
  font-size: 16px;
}
.carbon_copyright .social_link a {
  color: #ffffff;
  font-size: 24px;
  margin-right: 12px;
}
.carbon_copyright i {
  color: #ffffff;
  font-size: 22px;
  margin-right: 5px;
}
.carbon_copyright .nn_container {
  max-width: 1117px;
}
@media (max-width: 990px) {
  .carbon_copyright {
    height: auto;
    text-align: center;
    line-height: 30px;
    padding: 20px 0;
  }
}
@media (max-width: 990px) {
  .carbon_copyright .text-right {
    float: none;
    text-align: center;
  }
}
.carbon_copyright p {
  margin: 0;
}
.nn_carbon_header {
  padding: 120px 0;
  background-image: url('../images/image-8.jpg');
}
.nn_carbon_header h1 {
  color: #ffffff;
  font-size: 31px;
}
.nn_carbon_header ol li a {
  color: #ffffff;
}
.nn_carbon_header ol .active {
  color: #ffffff;
}
.nn_carbon_about {
  padding: 40px 0;
  border-bottom: 1px solid #b8b3ac;
}
.nn_carbon_service {
  background-color: #c8c4bf;
  padding: 40px 0;
}
.nn_carbon_service_detail {
  padding: 30px 0;
}
.nn_carbon_service_detail .sevices {
  display: table-cell;
  float: none;
  height: auto;
  vertical-align: middle;
  padding: 0;
}
@media (max-width: 990px) {
  .nn_carbon_service_detail .sevices {
    display: block;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
  }
}
.nn_carbon_service_detail .sevices img {
  max-width: 100%;
}
.nn_carbon_service_detail .sevices_list {
  padding: 30px 40px;
  color: #ffffff;
  overflow-y: auto;
  opacity: 0.8;
}
@media (max-width: 1366px) {
  .nn_carbon_service_detail .sevices_list {
    padding: 0 10px;
  }
}
.nn_carbon_service_detail .sevices_list:hover {
  opacity: 1;
  background-color: #004573;
  background-image: none !important;
}
.nn_carbon_service_detail .sevices_list h4 {
  margin: 20px 0 10px 0;
}
.nn_carbon_service_detail .sevices_list ul {
  padding-left: 20px;
}
.nn_carbon_service_detail .sevices_list ul li {
  list-style: circle;
  line-height: 30px;
}
.nn_carbon_service_detail .sevices_list::-webkit-scrollbar {
  width: 9px;
}
.nn_carbon_service_detail .sevices_list::-webkit-scrollbar-thumb {
  background-color: #36af30;
}
.nn_carbon_service_detail .sevices_list::-webkit-scrollbar-track {
  background-color: #262f2a;
}
.nn_carbon_service_detail .sevices_list::selection {
  background: #262f2a;
  color: #FFF;
}
.nn_carbon_service_detail .sevices_list a {
  background-color: #262f2a;
  border: none;
  border-radius: 25px;
  color: #1b251d;
  padding: 10px 30px;
  margin-top: 20px;
  display: inline-block;
}
.nn_carbon_links {
  padding: 30px 0px 90px 0;
}
.nn_carbon_links h2 {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
.nn_carbon_links h2:after {
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 2px solid #36af30;
  width: 100px;
  bottom: -5px;
  content: '';
  margin: 0 auto;
}
.nn_carbon_links a,
.nn_carbon_links span {
  width: 18.8%;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 30px;
}
.nn_carbon_links a h4,
.nn_carbon_links span h4 {
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
}
.nn_carbon_links a:hover,
.nn_carbon_links span:hover {
  opacity: 0.7;
}
.nn_carbon_subscribe .carbon_sub input,
.nn_carbon_subscribe .carbon_sub textarea {
  line-height: 40px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #8d857b;
  padding-left: 20px;
}
.nn_carbon_subscribe .carbon_sub textarea {
  min-height: 100px;
}
.nn_carbon_subscribe .carbon_sub .check_terms {
  float: left;
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked),
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) {
  position: absolute;
  left: 162px;
  z-index: 101;
  opacity: 0;
  width: auto;
  bottom: 55px;
}
@media (max-width: 767px) {
  .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked),
  .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) {
    left: 5px;
  }
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked + label,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked) + label,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked + label,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked + label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked) + label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked + label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 150px;
  bottom: -32px;
  top: inherit;
  width: 25px;
  height: 25px;
  border: 1px solid #ddd;
  background: #ffffff;
}
@media (max-width: 767px) {
  .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked + label:before,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked) + label:before,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked + label:before,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) + label:before {
    left: 12px;
  }
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked + label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked) + label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked + label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #262f2a;
  position: absolute;
  left: 157px;
  bottom: -24px;
  top: inherit;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked + label:after,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked) + label:after,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked + label:after,
  .nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) + label:after {
    left: 12px;
  }
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:not(:checked) + label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:checked + label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:disabled:checked + label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:disabled:not(:checked) + label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:disabled:checked + label:before,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:disabled:not(:checked) + label:before {
  border-color: #ccc;
  background-color: #313f2a;
}
.nn_carbon_subscribe .carbon_sub .check_terms[type="checkbox"]:disabled:checked + label:after,
.nn_carbon_subscribe .carbon_sub .check_terms[type="radio"]:disabled:checked + label:after {
  background: #aaa;
}
.nn_carbon_subscribe .carbon_sub label {
  float: left;
}
.nn_carbon_subscribe .carbon_sub p {
  line-height: 40px;
  text-align: center;
}
@media (max-width: 480px) {
  .nn_carbon_subscribe .carbon_sub p {
    padding-left: 30px;
    line-height: 30px;
  }
}
.nn_carbon_subscribe .carbon_sub button {
  margin: 0 auto;
  background-color: #262f2a;
  border: 0;
  color: #ffffff;
  display: block;
  padding: 10px 50px;
  border-radius: 3px;
}
.nn_carbon_contact_section {
  padding: 30px 0;
}
.nn_carbon_contact_section .carbon_form {
  margin-top: 30px;
}
.nn_carbon_contact_section .carbon_form input,
.nn_carbon_contact_section .carbon_form textarea {
  line-height: 30px;
  width: 100%;
  border-radius: 15px;
  margin-bottom: 15px;
  border: 1px solid #8d857b;
  padding-left: 20px;
}
.nn_carbon_contact_section .carbon_form textarea {
  min-height: 60px;
}
.nn_carbon_contact_section .carbon_form p i {
  margin-right: 10px;
  font-size: 22px;
}
.nn_carbon_contact_section .carbon_form p a {
  color: inherit;
}
.nn_carbon_contact_section .carbon_form button {
  display: inline-block;
  background-color: #36af30;
  border: 0;
  color: #ffffff;
  display: block;
  padding: 10px 20px;
  border-radius: 15px;
  margin-top: 20px;
}
.nn_carbon_contact_section span {
  display: inline-block;
  width: 100%;
}
.nn_carbon_contact_section span i {
  display: inline-block;
  line-height: 35px;
  padding-right: 5px;
}
.nn_carbon_contact_section span p {
  display: inline-block;
}
.nn_carbon_detail {
  padding: 30px 0;
  background-color: #c1bdb7;
}
.nn_carbon_detail h2 {
  text-align: left;
  padding: 30px 0;
}
.nn_carbon_detail .nn_carbon_detail_cat {
  margin-right: -50px;
}
@media (max-width: 990px) {
  .nn_carbon_detail .nn_carbon_detail_cat {
    margin-right: 0;
  }
}
.nn_carbon_detail .nn_carbon_detail_cat ul {
  padding-top: 20px;
}
@media (max-width: 990px) {
  .nn_carbon_detail .nn_carbon_detail_cat ul {
    margin-bottom: 30px;
  }
}
.nn_carbon_detail .nn_carbon_detail_cat ul li a {
  font-size: 16px;
  display: block;
  color: #1b251d;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 3px;
}
.nn_carbon_detail .nn_carbon_detail_cat ul li a p {
  margin: 0;
  line-height: 40px;
  border-bottom: 1px solid #8d857b;
}
.nn_carbon_detail .nn_carbon_detail_cat ul li a:hover {
  background-color: #36af30;
}
.nn_carbon_detail .nn_carbon_detail_cat ul li a:hover p {
  color: #ffffff;
  border: 0;
}
.nn_carbon_detail .nn_carbon_detail_cat ul li .active {
  background-color: #36af30;
}
.nn_carbon_detail .nn_carbon_detail_cat ul li .active p {
  color: #ffffff;
  border: 0;
}
.nn_carbon_detail .nn_carbon_detailsection {
  padding: 30px;
  margin-top: -75px;
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .nn_carbon_detail .nn_carbon_detailsection {
    margin-top: 0;
  }
}
.nn_carbon_detail .nn_carbon_detailsection h1 {
  margin: 10px 0 20px 0;
  position: relative;
  padding-bottom: 5px;
}
.nn_carbon_detail .nn_carbon_detailsection h1:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #36af30;
  width: 50px;
  bottom: 0;
  left: 0;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links {
  background-color: #c1bdb7;
  padding: 20px;
  margin-bottom: 20px;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links p,
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
  font-weight: 500;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
  color: #262f2a;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a i {
  margin-left: 10px;
}
.nn_carbon_gallery p {
  margin-bottom: 30px;
}
.nn_carbon_gallery .gallery a {
  display: initial;
  width: 100%;
}
.nn_carbon_gallery .gallery a img {
  float: none;
  max-width: none;
  width: 18%;
  height: auto;
  border: 3px solid #c8c4bf;
  -webkit-transition: -webkit-transform 0.15s ease;
  -moz-transition: -moz-transform 0.15s ease;
  -o-transition: -o-transform 0.15s ease;
  -ms-transition: -ms-transform 0.15s ease;
  transition: transform 0.15s ease;
  position: relative;
  margin: 1%;
}
@media (max-width: 540px) {
  .nn_carbon_gallery .gallery a img {
    width: 100%;
    margin: 0 auto;
  }
}
.nn_carbon_gallery .gallery .big img {
  width: 35.9%;
}
@media (max-width: 980px) {
  .nn_carbon_gallery .gallery .big img {
    width: 34.9%;
  }
}
@media (max-width: 540px) {
  .nn_carbon_gallery .gallery .big img {
    width: 100%;
    margin: 0 auto;
  }
}
.nn_carbon_categorysec .nn_carbon_product_category ul {
  text-align: center;
}
.nn_carbon_categorysec .nn_carbon_product_category ul li {
  width: 15%;
  display: inline-block;
  margin: 0 5px 20px 5px;
  color: #ffffff;
}
@media (max-width: 990px) {
  .nn_carbon_categorysec .nn_carbon_product_category ul li {
    width: auto;
  }
}
.nn_carbon_categorysec .nn_carbon_product_category ul li a {
  border: 4px solid #485950;
  background-color: #262f2a;
  color: #ffffff;
  padding: 5px 20px;
  display: block;
  border-radius: 3px;
}
.nn_carbon_categorysec .nn_carbon_product_category ul li a p {
  margin: 0;
  line-height: 20px;
}
.nn_carbon_categorysec .nn_carbon_product_category ul li a:hover {
  color: #262f2a;
  background-color: transparent;
}
.nn_carbon_category_productsec {
  padding-bottom: 90px;
}
.nn_carbon_category_productsec .nn_medical_feature_padding {
  padding-top: 50px;
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  float: left;
  cursor: pointer;
  border: 1px solid #8d857b;
  border-radius: 4px;
  padding: 20px;
  min-height: 300px;
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i,
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details {
  width: 49%;
  display: block;
  float: left;
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i {
  position: relative;
  height: 200px;
}
@media (max-width: 990px) {
  .nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i {
    padding: 10px;
  }
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item i img {
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details {
  padding-top: 20px;
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details a {
  color: #262f2a;
  font-weight: 600;
}
.nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details h5 {
  line-height: 30px;
}
@media (max-width: 990px) {
  .nn_carbon_category_productsec .nn_medical_feature_padding .carbon_item .carbon_item_details .ng-binding {
    max-height: 60px;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.nn_carbon_category_productsec .nn_interior_pagination {
  width: auto;
  box-shadow: none;
  text-align: center;
}
.nn_carbon_category_productsec .nn_interior_pagination ul {
  box-shadow: 0 0 6px 0 #ddd;
  display: inline-block;
  float: none;
  padding: 0;
}
.nn_carbon_category_productsec .nn_interior_pagination ul li {
  width: 30px;
  margin: 5px;
  display: inline-block;
  height: 40px;
  float: left;
  line-height: 40px;
}
.nn_carbon_category_productsec .nn_interior_pagination ul li a {
  padding: 0;
  display: block;
  height: 40px;
  line-height: 40px;
}
.nn_carbon_category_productsec .nn_interior_pagination ul li i {
  float: none;
  line-height: 40px;
}
.nn_carbon_content a {
  color: #ffffff;
  background-color: #262f2a;
  border: 1px solid #262f2a;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 30px;
  border-radius: 3px;
}
.nn_carbon_content a:focus,
.nn_carbon_content a:active,
.nn_carbon_content a:hover {
  color: #262f2a;
  border: 1px solid #262f2a;
  background-color: transparent;
}
.nn_carbon_detail_content a {
  color: #f1353c;
}
.nn_carbon_detail_content a i {
  color: #f1353c;
  margin-right: 10px;
}
.fancybox-close:hover {
  background: auto;
}
.nn_interior_pagination {
  margin-bottom: 20px;
  padding: 5px 20px;
  box-shadow: 0 0 6px 0 #ddd;
  float: none;
  margin: 0 auto;
  /* text-align: center; */
  display: block;
  width: 12%;
  clear: both;
  height: 56px;
}
.nn_interior_pagination i {
  color: #626262;
  font-size: 25px;
  float: left;
  line-height: 12px;
  cursor: pointer;
}
.nn_interior_pagination ul {
  float: left;
  padding: 0px 20px;
  margin: 0;
}
.nn_interior_pagination ul li {
  color: #626262;
  width: auto;
  font-size: 16px;
  margin-right: 15px;
  border: 0px;
  display: inline-block;
}
@media (max-width: 990px) {
  .nn_interior_pagination ul li {
    margin-bottom: 0;
  }
}
.nn_interior_pagination ul li a {
  color: #626262;
  border: 0;
  padding: 0;
  width: auto;
  margin: 0;
  line-height: 35px;
}
.nn_interior_pagination ul .active {
  padding: 5px 10px;
  background: #262f2a;
  border: 0px;
  border-radius: 4px;
}
.nn_interior_pagination ul .active:hover,
.nn_interior_pagination ul .active:focus {
  border: 0px;
}
.nn_interior_pagination ul .active a {
  color: #ffffff;
}
.fusion_header {
  background-color: #262f2a;
  padding: 15px 0;
}
.fusion_header .logo_head1 {
  position: absolute;
  height: 50px;
}
.fusion_header .logo_head1 a {
  display: block;
  height: 100%;
}
.fusion_header .logo_head1 a img {
  height: 100%;
}
.fusion_header img {
  max-width: 100%;
}
.fusion_header .main_header .nav {
  text-align: left;
  padding-left: 300px;
}
@media (max-width: 990px) {
  .fusion_header .main_header .nav {
    padding: 0;
    text-align: right;
  }
}
.fusion_header .main_header .nav li {
  float: left;
  border-right: 1px solid #6990ab;
}
@media (max-width: 990px) {
  .fusion_header .main_header .nav li {
    border: 0;
    float: none;
  }
}
.fusion_header .main_header .nav li a {
  padding: 0 20px;
  line-height: 40px;
  color: #ffffff;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .fusion_header .main_header .nav li a {
    padding: 0 10px;
  }
}
@media (max-width: 990px) {
  .fusion_header .main_header .nav li a {
    color: #262f2a;
    padding: 0 30px;
  }
}
.fusion_header .main_header .nav li a:hover,
.fusion_header .main_header .nav li a:focus,
.fusion_header .main_header .nav li a:active {
  background-color: #6990ab;
}
@media (max-width: 990px) {
  .fusion_header .main_header .nav li a:hover,
  .fusion_header .main_header .nav li a:focus,
  .fusion_header .main_header .nav li a:active {
    color: #ffffff;
  }
}
.fusion_header .main_header .nav li:last-child {
  border-right: 0;
}
.fusion_header .main_header .nav li .dropdown-menu {
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .fusion_header .main_header .nav li .dropdown-menu {
    background-color: transparent;
    width: 100%;
    position: inherit;
    border: 0;
    box-shadow: none;
  }
}
.fusion_header .main_header .nav li .dropdown-menu li {
  border-right: 0;
}
@media (max-width: 990px) {
  .fusion_header .main_header .nav li .dropdown-menu li {
    text-align: right;
  }
}
.fusion_header .main_header .fusion_logo2 {
  position: absolute;
  top: 0;
  z-index: 9;
  right: 0;
}
.fusion_header .navbar-header {
  padding-top: 15px;
}
.fusion_header .navbar-header button .icon-bar {
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .fusion_header .navbar-collapse {
    position: absolute;
    right: 0;
    z-index: 999;
    background-color: #ffffff;
    width: 230px;
    padding: 0;
  }
}
.fusion_header ~ article .fusion_section .logo_head {
  top: 0;
}
.fusion_header ~ article .fusion_section .logo_head a {
  display: block;
}
.fusion_gallery img {
  max-width: 100%;
}
.fusion_section1 {
  position: relative;
  padding-top: 90px;
}
@media (max-width: 1366px) {
  .fusion_section1 {
    padding-top: 90px;
  }
}
@media (max-width: 1024px) {
  .fusion_section1 {
    padding-top: 125px;
  }
}
@media (max-width: 990px) {
  .fusion_section1 {
    padding-top: 60px;
  }
}
.fusion_section1 h4 {
  padding: 20px 0;
}
.fusion_section1 p {
  padding: 0 40px 40px 40px;
}
@media (max-width: 767px) {
  .fusion_section1 p {
    padding: 0;
  }
}
.fusion_section .logo_head {
  width: 300px;
  position: absolute;
  left: 18%;
  top: auto;
  height: auto;
  padding: 20px;
  z-index: 99;
  background-color: #ffffff;
}
@media (max-width: 1600px) {
  .fusion_section .logo_head {
    left: 13%;
  }
}
@media (max-width: 1366px) {
  .fusion_section .logo_head {
    left: 17%;
  }
}
@media (max-width: 1024px) {
  .fusion_section .logo_head {
    left: 4%;
  }
}
@media (max-width: 990px) {
  .fusion_section .logo_head {
    left: 3%;
  }
}
@media (max-width: 767px) {
  .fusion_section .logo_head {
    left: 0;
    width: 270px;
  }
}
@media (max-width: 480px) {
  .fusion_section .logo_head {
    display: none;
  }
}
.fusion_section .logo_head a {
  display: none;
  text-align: center;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .fusion_section .logo_head a {
    padding: 20px 0;
  }
}
@media (max-width: 480px) {
  .fusion_section .logo_head a {
    padding: 0;
  }
}
.fusion_section .logo_head p {
  line-height: 1.4;
  padding: 10px 0px 40px 0px;
  margin: 0;
}
@media (max-width: 767px) {
  .fusion_section .logo_head p {
    padding: 10px 0px 10px 0px;
  }
}
@media (max-width: 480px) {
  .fusion_section .logo_head p {
    font-size: 12px;
  }
}
.fusion_section .fusion_text {
  background-color: #c8c4bf;
  padding: 20px;
  margin: 30px 0;
}
.fusion_section .fusion_text h4 {
  color: #262f2a;
}
.fusion_section img {
  max-width: 100%;
}
.fusion_section2 {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .fusion_section2 a img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
  }
}
.fusion_section2 .fusion_text {
  min-height: 250px;
  margin: 0;
}
@media (max-width: 767px) {
  .fusion_section2 .fusion_text {
    margin: 0 15px;
    min-height: inherit;
  }
}
.fusion_section3 .fusion_sec3inner {
  width: 32%;
  display: inline-block;
  text-align: center;
  padding: 20px;
  background-color: #6990ab;
  margin-top: 30px;
}
@media (max-width: 1366px) {
  .fusion_section3 .fusion_sec3inner {
    width: 32%;
  }
}
@media (max-width: 767px) {
  .fusion_section3 .fusion_sec3inner {
    margin: 30px 0;
  }
}
@media (max-width: 640px) {
  .fusion_section3 .fusion_sec3inner {
    width: 100%;
  }
}
.fusion_section3 .fusion_sec3inner:hover,
.fusion_section3 .fusion_sec3inner:focus {
  background-color: #486980;
}
.fusion_section3 .fusion_sec3inner i {
  color: #ffffff;
  font-size: 65px;
  margin-bottom: 20px;
}
.fusion_section3 .fusion_sec3inner p {
  color: #ffffff;
}
.fusion_section3 .fusion_sec3inner a {
  color: #ffffff;
}
.fusion_section3 .fusion_sec3inner span {
  margin-bottom: 20px;
}
.fusion_section3 .fusion_sec3inner span p {
  font-weight: 700;
}
.fusion_section3 .fusion_updates {
  margin-top: 45px;
}
.fusion_section3 .fusion_updates img {
  max-width: 100%;
  margin-top: 22px;
}
@media (max-width: 767px) {
  .fusion_section3 .fusion_updates img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
  }
}
.fusion_section4 {
  padding-bottom: 40px;
}
.fusion_section4 h3 {
  text-align: left;
  padding: 30px 0;
}
.fusion_section4 ul li {
  width: 19%;
  text-align: center;
  display: inline-block;
  margin: 0 4px;
  position: relative;
}
.fusion_section4 ul li a {
  display: inline-block;
}
@media (max-width: 1366px) {
  .fusion_section4 ul li {
    width: 18%;
  }
}
@media (max-width: 990px) {
  .fusion_section4 ul li {
    width: 32%;
    margin: 15px 4px;
  }
}
@media (max-width: 767px) {
  .fusion_section4 ul li {
    width: 48%;
  }
}
@media (max-width: 480px) {
  .fusion_section4 ul li {
    width: 100%;
    margin: 15px 0;
  }
}
.fusion_section4 ul li .fusion_section4_content {
  position: relative;
  bottom: 0;
  width: 100%;
  background-color: #cfccc8;
  padding: 10px 0;
}
.fusion_section4 ul li .fusion_section4_content a {
  font-size: 18px;
}
@media (max-width: 767px) {
  .fusion_section4 ul li .fusion_section4_content a {
    font-size: 16px;
  }
}
.fusion_section4 ul li .fusion_section4_content p {
  color: #262f2a;
  margin: 0;
}
.fusion_footer {
  background: #262f2a;
  background: -moz-linear-gradient(top, #262f2a 0%, #2d6184 44%, #628daa 100%);
  background: -webkit-linear-gradient(top, #262f2a 0%, #2d6184 44%, #628daa 100%);
  background: linear-gradient(to bottom, #262f2a 0%, #2d6184 44%, #628daa 100%);
  padding: 40px 0;
}
.fusion_footer h4 {
  padding-bottom: 20px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .fusion_footer h4 {
    padding: 20px 0;
  }
}
.fusion_footer span p {
  font-weight: 600;
}
.fusion_footer p {
  line-height: 25px;
  color: #ffffff;
}
.fusion_footer p i {
  color: #262f2a;
  margin-right: 8px;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 50%;
  padding: 5px 7px 0px 7px;
  width: 25px;
  height: 25px;
}
.fusion_footer p a {
  color: #ffffff;
}
.fusion_footer img {
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .fusion_footer img {
    text-align: left;
    margin: 0 0 15px 0;
  }
}
.fusion_footer .footer-menu {
  color: #ffffff;
  padding-top: 30px;
}
.fusion_footer .footer-menu a {
  color: #ffffff;
  font-size: 18px;
}
.fusion_footer .footer-menu a:hover,
.fusion_footer .footer-menu a:focus {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.fusion_section_header {
  margin: 15px 0;
}
.fusion_section_inner {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .fusion_section_inner .fusion_sidebar {
    margin-bottom: 30px;
  }
}
.fusion_section_inner .fusion_sidebar h2 {
  background-color: #ffbb00;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
}
.fusion_section_inner .fusion_sidebar ul {
  background-color: #262f2a;
  padding: 20px;
}
.fusion_section_inner .fusion_sidebar ul li {
  background-color: #262f2a;
  padding: 10px 0;
  border-bottom: 1px solid #ffbb00;
}
.fusion_section_inner .fusion_sidebar ul li a {
  color: #ffffff;
  display: block;
  transition: all 0.3s;
  position: relative;
  padding-left: 10px;
}
.fusion_section_inner .fusion_sidebar ul li a:before {
  position: absolute;
  content: "\f0d9";
  font: normal normal normal 14px/1 FontAwesome;
  color: #ffffff;
  font-size: 12px;
  left: 0;
  top: 5px;
}
.fusion_section_inner .fusion_sidebar ul li a p {
  margin: 0;
}
.fusion_section_inner .fusion_sidebar ul li a:hover,
.fusion_section_inner .fusion_sidebar ul li a:focus {
  padding-left: 20px;
}
.fusion_section_inner .fusion_sidebar ul li a:hover:before,
.fusion_section_inner .fusion_sidebar ul li a:focus:before {
  left: 10px;
}
.fusion_section_inner .fusion_sidebar ul li a i {
  margin-right: 5px;
}
.fusion_section_inner .fusion_sidebar ul li .active {
  padding-left: 20px;
}
.fusion_section_inner .fusion_sidebar ul li .active:before {
  left: 10px;
}
.fusion_section_inner .fusion_sidebar ul li:last-child {
  border: 0;
}
.fusion_section_inner .hr_msg {
  padding: 20px;
  background-color: #cfccc8;
}
.fusion_section_inner .hr_msg h3 {
  color: #262f2a;
  font-weight: 600;
}
.fusion_section_inner h2 {
  color: #262f2a;
}
.fusion_section_inner .hr_content_needed {
  position: relative;
}
.fusion_section_inner .hr_content_needed:after {
  position: absolute;
  content: "\f069";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 6px;
  color: #f1353c;
}
.fusion_section_inner h4 {
  margin: 30px 0 0 10px;
}
@media (max-width: 480px) {
  .fusion_section_inner h4 {
    margin: 30px 0 0 0;
  }
}
.fusion_who h2 {
  margin-bottom: 30px;
}
.fusion_who p {
  margin-bottom: 20px;
  line-height: 30px;
}
.fusion_contact {
  margin-left: -15px;
  padding-top: 30px;
}
.fusion_contact p {
  margin-bottom: 10px;
  line-height: 30px;
}
.fusion_contact button {
  background-color: #ffbb00;
  color: #ffffff;
  border-radius: 3px;
  border: 0;
  padding: 3px 40px;
  margin-bottom: 40px;
}
.fusion_contact form input,
.fusion_contact form textarea {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #bcb8b2;
  height: 30px;
}
.fusion_contact form textarea {
  min-height: 100px;
}
.fusion_hr .fusion_hr_form {
  margin-top: 40px;
}
.fusion_hr .fusion_hr_form input {
  height: 50px;
  width: 100%;
  color: #1b251d;
  border-radius: 3px;
  border: 1px solid #8d857b;
}
.fusion_hr .fusion_hr_form textarea {
  min-height: 100px;
  width: 100%;
  border: 1px solid #8d857b;
  border-radius: 3px;
}
.fusion_hr .fusion_hr_form button {
  background-color: #262f2a;
  color: #ffffff;
  border-radius: 3px;
  border: 2px solid transparent;
  padding: 8px 35px;
  margin-top: 0;
}
.fusion_hr .fusion_hr_form button:active,
.fusion_hr .fusion_hr_form button:focus,
.fusion_hr .fusion_hr_form button:hover {
  background-color: transparent;
  color: #262f2a;
  border: 2px solid #262f2a;
}
.nn_carbon_detail {
  background: transparent;
  padding: 0;
}
.nn_carbon_detail .nn_carbon_detailsection {
  margin-top: 0;
  background-color: #cfccc8;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links {
  background-color: #ffffff;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links p {
  line-height: 30px;
}
.nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
  display: block;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .fusion_category_list .nn_col {
    width: 100%;
  }
}
.fusion_category_list h2 {
  margin-left: 15px;
}
.fusion_pdt {
  border: 1px solid #ffbb00;
  margin-top: 30px;
  padding-top: 15px;
}
.fusion_pdt i {
  position: relative;
  height: 200px;
  display: block;
}
.fusion_pdt i img {
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
}
.fusion_pdt span {
  background-color: #ffbb00;
  padding: 15px 5px;
  display: block;
}
.fusion_pdt span h5 {
  color: #ffffff;
  height: 40px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .fusion_pdt span h5 {
    font-size: 16px;
    height: 35px;
  }
}
.fusion_content_desc {
  padding-top: 30px;
  clear: both;
}
.fusion_content_desc i {
  display: block;
}
.fusion_content_desc i img {
  max-width: 100%;
  max-height: 300px;
}
@media (max-width: 767px) {
  .fusion_content_desc i {
    margin-bottom: 20px;
  }
}
.fusion_content_desc ul,
.fusion_content_desc a {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .fusion_content_desc ul,
  .fusion_content_desc a {
    margin-left: 0;
  }
}
/*********iron****/
.iron_header {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 99;
}
.iron_header .menu_top {
  float: left;
  width: 100%;
  background-color: rgba(255, 187, 0, 0.85);
}
.iron_header .menu_top .iron_top_head {
  margin-bottom: 0;
  text-align: right;
  display: inline-block;
  margin-left: 160px;
  margin-right: 6px;
}
@media (max-width: 540px) {
  .iron_header .menu_top .iron_top_head {
    text-align: right;
    display: inline-block;
    margin-left: 85px;
    margin-right: 0;
  }
}
.iron_header .menu_top .iron_top_head li {
  display: inline-block;
  line-height: 65px;
  padding: 0 3px;
  font-size: 14px;
  color: #ffffff;
}
@media (max-width: 1366px) {
  .iron_header .menu_top .iron_top_head li {
    padding: 0 10px;
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .iron_header .menu_top .iron_top_head li {
    height: 50px;
    line-height: 63px;
    font-size: 0;
    padding: 0;
  }
}
.iron_header .menu_top .iron_top_head li i {
  padding: 0 10px;
  font-size: 18px;
  border-left: 1px solid #ffffff;
}
@media (max-width: 1366px) {
  .iron_header .menu_top .iron_top_head li i {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .iron_header .menu_top .iron_top_head li i {
    padding: 0;
    width: 40px;
    text-align: center;
  }
}
.iron_header .menu_top .iron_top_head li a {
  color: #ffffff;
}
.iron_header .menu_top .iron_lang {
  display: inline-block;
  position: absolute;
  top: 20px;
  width: 20%;
}
@media (max-width: 540px) {
  .iron_header .menu_top .iron_lang {
    top: 13px;
  }
}
.iron_header .menu_top .iron_lang a {
  padding: 0 5px;
}
.iron_header .main_header {
  background-color: #f1353c;
  height: 65px;
  float: left;
  width: 100%;
}
.iron_header .main_header .logo_head {
  display: inline-block;
  float: left;
  margin-top: -35px;
}
@media (max-width: 640px) {
  .iron_header .main_header .logo_head {
    margin-top: 0;
  }
}
.iron_header .main_header .logo_head a {
  display: inline-block;
  height: 150px;
  width: 150px;
}
@media (max-width: 640px) {
  .iron_header .main_header .logo_head a {
    height: 75px;
    width: 90px;
    padding: 0 10px;
  }
}
.iron_header .main_header .logo_head a img {
  max-width: 100%;
}
@media (max-width: 540px) {
  .iron_header .main_header .logo_head a img {
    width: 93%;
  }
}
.iron_header .main_header .nav {
  float: left;
  margin-left: 10px;
}
@media (max-width: 990px) {
  .iron_header .main_header .nav {
    width: 100%;
    float: none;
    margin-left: 0;
    background-color: #ffffff;
  }
}
.iron_header .main_header .nav li {
  float: left;
  padding: 21px 0;
}
@media (max-width: 990px) {
  .iron_header .main_header .nav li {
    padding: 0;
    width: 100%;
    text-align: center;
    line-height: 35px;
  }
}
.iron_header .main_header .nav li a {
  padding: 0 10px;
  border-right: 1px solid #f4656a;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease-out;
}
@media (max-width: 990px) {
  .iron_header .main_header .nav li a {
    padding: 0;
    color: #240304;
    border: none;
    transition: inherit;
  }
}
.iron_header .main_header .nav li a:hover,
.iron_header .main_header .nav li a:focus {
  color: #240304;
  background: transparent;
}
@media (max-width: 990px) {
  .iron_header .main_header .nav li a:hover,
  .iron_header .main_header .nav li a:focus {
    color: #f1353c;
  }
}
.iron_header .main_header .nav li .active {
  color: #240304;
  background: transparent;
}
@media (max-width: 990px) {
  .iron_header .main_header .nav li .active {
    color: #f1353c;
  }
}
.iron_header .main_header .nav li:last-child a {
  border: 0;
  padding-right: 0;
}
.iron_header .main_header .nav li .dropdown-menu {
  background-color: #f1353c;
  padding: 0;
  margin: 0;
}
@media (max-width: 990px) {
  .iron_header .main_header .nav li .dropdown-menu {
    width: 100%;
    position: inherit;
  }
}
.iron_header .main_header .nav li .dropdown-menu li {
  width: 100%;
  padding: 0;
}
.iron_header .main_header .nav li .dropdown-menu li a {
  text-align: center;
  display: block;
  padding: 5px 0;
  color: #090101;
}
.iron_header .main_header .nav li .dropdown-menu li a:hover,
.iron_header .main_header .nav li .dropdown-menu li a:focus {
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .iron_header .navbar-header {
    top: 0;
    right: 0;
    position: absolute;
    padding: 0;
  }
}
.iron_header .navbar-header .navbar-toggle .icon-bar {
  background: #ffffff;
}
@media (max-width: 990px) {
  .iron_header .navbar-collapse {
    position: absolute;
    top: 64px;
    width: 100%;
    z-index: 1001;
    overflow: unset;
    padding: 0;
  }
}
.iron_section1 {
  padding: 30px 0;
  background-color: #bcb8b2;
}
.iron_section1 a {
  display: inline-block;
  width: 100%;
}
.iron_section1 .iron_content1 {
  background-color: #ffffff;
  padding: 55px 20px;
  float: left;
  width: 100%;
}
@media (max-width: 480px) {
  .iron_section1 .iron_content1 {
    padding: 10px 20px;
  }
}
.iron_section1 .iron_content1 i {
  width: 60%;
  float: left;
  display: block;
  padding-right: 30px;
}
@media (max-width: 480px) {
  .iron_section1 .iron_content1 i {
    width: 50%;
  }
}
.iron_section1 .iron_content1 i img {
  max-width: 100%;
}
.iron_section1 .iron_content1 h1 {
  float: right;
  margin-top: 30px;
  font-size: 38px;
  color: #1b251d;
  transition: all 0.3s ease;
}
@media (max-width: 480px) {
  .iron_section1 .iron_content1 h1 {
    font-size: 25px;
  }
}
.iron_section1 .iron_content1 h1:hover {
  color: #f1353c;
}
.iron_section1 .iron_content1 h1 i {
  float: none;
  width: 100%;
  display: block;
  padding: 0;
  text-align: right;
}
.iron_section1 .iron_content1 h1 strong {
  display: block;
}
.iron_section1 .iron_content2 {
  margin: 0 -15px;
}
@media (max-width: 990px) {
  .iron_section1 .iron_content2 {
    margin: 10px 0 0;
  }
}
.iron_section1 .iron_content2 a {
  width: 48.85%;
  float: left;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .iron_section1 .iron_content2 a {
    width: 100%;
  }
}
.iron_section1 .iron_content2 a:nth-of-type(odd) {
  margin-right: 2.25%;
}
@media (max-width: 480px) {
  .iron_section1 .iron_content2 a:nth-of-type(odd) {
    margin-right: 0;
  }
}
.iron_section1 .iron_content2 a .iron_content1 {
  padding: 10px;
}
@media (max-width: 480px) {
  .iron_section1 .iron_content2 a .iron_content1 {
    padding: 10px 20px;
  }
}
.iron_section1 .iron_content2 a .iron_content1 i {
  width: 50%;
}
.iron_section1 .iron_content2 a .iron_content1 h1 {
  font-size: 25px;
}
.iron_section1 .iron_content2 a .iron_content1 h1 i {
  width: 100%;
}
.zalina_section {
  position: relative;
  padding: 50px 0;
  background-position: center center;
}
.zalina_section .big_content {
  padding: 20px;
  background-color: #ffffff;
  float: left;
  width: 100%;
}
.zalina_section .big_content i {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  display: block;
}
.zalina_section .big_content i img {
  width: 100%;
  height: auto;
}
.zalina_section .big_content a {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-top: 20px;
  color: #000000;
  display: inline-block;
}
.zalina_section .small_content {
  width: 48%;
  margin: 1%;
  float: left;
  margin-bottom: 5px;
  display: inline-block;
  background-color: #ffffff;
  padding: 10px;
}
.zalina_section .small_content i {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  display: block;
}
.zalina_section .small_content i img {
  width: 100%;
  height: auto;
}
.zalina_section .small_content a {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-top: 10px;
  color: #000000;
  display: inline-block;
}
.iron_section2 {
  padding: 30px 0;
  background-color: #cfccc8;
}
.iron_section2 .iron_content3 {
  border: 1px solid #c1bdb7;
  padding: 10px 10px 20px 10px;
}
.iron_section2 .iron_content3 h2 {
  color: #f1353c;
  position: relative;
  padding: 15px 0;
}
.iron_section2 .iron_content3 h2:before {
  position: absolute;
  bottom: 0;
  content: '';
  border-bottom: 1px solid #f1353c;
  width: 60px;
}
.iron_section2 .iron_content3 h2 strong {
  margin-right: 10px;
}
.iron_section2 .iron_content1 {
  background-color: transparent;
  padding: 0;
  float: none;
  width: 100%;
  clear: both;
  display: inline-block;
  margin-top: 20px;
}
.iron_section2 .iron_content1 i {
  width: 40%;
  margin-right: 15px;
  padding: 20px 0;
  border-right: 1px solid #1b251d;
}
.iron_section2 .iron_content1 i img {
  padding-right: 10px;
}
.iron_section2 .iron_content1 p {
  line-height: 22px;
  font-size: 16px;
  margin: 0;
}
.iron_section2 .iron_content1 p strong {
  display: block;
}
.iron_footer {
  background-color: #ffffff;
  color: #1b251d;
}
@media (max-width: 990px) {
  .iron_footer {
    text-align: center;
  }
}
@media (max-width: 990px) {
  .iron_footer .nn_col {
    margin-bottom: 25px;
  }
}
.iron_footer h2 {
  font-size: 22px;
  font-weight: 300;
  color: #f1353c;
  padding-bottom: 15px;
}
.iron_footer a {
  color: #1b251d;
  padding-bottom: 5px;
}
.iron_footer h1 {
  font-size: 20px;
  font-weight: 300;
}
.iron_footer h1 strong {
  font-size: 26px;
  color: #ffbb00;
}
.iron_footer .footer_social a {
  display: inline-block;
  width: 10%;
  text-align: center;
  padding: 10px 0;
  transition: all 1s ease-in;
}
.iron_footer .footer_social a:hover {
  transform: rotate(-360deg);
}
.iron_footer .footer_social a i {
  font-size: 20px;
}
.iron_section {
  color: #1b251d;
}
.iron_section .text-right {
  text-align: right;
  float: none;
}
@media (max-width: 990px) {
  .iron_section .text-right {
    text-align: center;
  }
}
.iron_section p {
  line-height: 1.4;
  font-size: 16px;
}
.iron_section .iron_form input,
.iron_section .iron_form textarea {
  width: 100%;
  line-height: 35px;
}
.iron_section .iron_form label {
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
  max-width: 100%;
  width: 100%;
  float: left;
  height: 25px;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.iron_section .iron_form textarea {
  min-height: 150px;
}
.iron_section .iron_form button {
  border: 1px solid #f1353c;
  border-radius: 30px;
  background-color: #ffffff;
  padding: 10px 25px;
  display: inline-block;
  font-size: 15px;
  margin-top: 20px;
  color: #1b251d;
}
.iron_section .iron_form button:hover {
  background-color: #f1353c;
  color: #ffffff;
}
.iron_section .iron_form .active {
  background-color: #f1353c;
  color: #ffffff;
}
.iron_copyright {
  padding: 30px 0;
  border-top: 2px solid #c8c4bf;
}
.iron_copyright p {
  line-height: 22px;
  margin-bottom: 25px;
}
.iron_header_inner {
  background-image: url(../images/kids-img-9.jpg);
  padding: 280px 0 30px 0;
}
@media (max-width: 720px) {
  .iron_header_inner {
    padding: 300px 0 30px 0;
  }
}
@media (max-width: 480px) {
  .iron_header_inner {
    padding: 230px 0 30px 0;
  }
}
.iron_header_inner p {
  font-size: 16px;
}
.iron_header_inner ol {
  position: absolute;
  width: 26%;
  top: -38px;
}
@media (max-width: 990px) {
  .iron_header_inner ol {
    width: 100%;
  }
}
.iron_header_inner ol li {
  color: #ffffff;
}
.iron_header_inner ol li a {
  color: #ffffff;
}
.iron_header_inner ol .active {
  color: #ffffff;
}
.iron_header_inner h1 {
  font-weight: 300;
  position: absolute;
  bottom: 42px;
}
.nn_iron_news {
  background-color: #c8c4bf;
}
.nn_iron_news .nn_carbon_detail {
  background: transparent;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat {
  margin-right: 0;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul {
  padding-top: 0;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li {
  border-radius: 0;
  border-bottom: 1px solid #bcb8b2;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a {
  padding: 10px 20px;
  line-height: 1.4;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a:focus,
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a:hover {
  background-color: #f1353c;
  color: #ffffff;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul li a p {
  margin: 0;
  line-height: initial;
  border: 0;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detail_cat ul .active {
  background-color: #f1353c;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection {
  margin-top: -120px;
  float: left;
  width: 100%;
}
@media (max-width: 990px) {
  .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection {
    margin-top: 0;
  }
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection h1 {
  font-weight: 300;
}
@media (max-width: 520px) {
  .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection h1 {
    font-size: 24px;
  }
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection img {
  margin-bottom: 30px;
  max-width: 100%;
  max-height: 250px;
}
@media (max-width: 720px) {
  .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection img {
    width: 100%;
  }
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category {
  float: left;
  width: 100%;
  margin: 0 -15px;
}
@media (max-width: 990px) {
  .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category {
    margin: 0 auto;
  }
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .product_img {
  height: 200px;
  width: 100%;
  position: relative;
}
@media (max-width: 990px) {
  .nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .product_img {
    margin-bottom: 20px;
  }
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .product_img img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item {
  text-align: center;
  border: 1px solid #1b251d;
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item p {
  font-weight: 600;
  height: 40px;
  overflow: hidden;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover {
  transition: all 250ms;
  position: absolute;
  background-color: rgba(241, 53, 60, 0.9);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  height: 100%;
  width: 100%;
  transform: scale(0);
  justify-content: center;
  align-items: center;
  display: flex;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover a {
  border: 2px solid #ffffff;
  padding: 5px 30px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover a:hover,
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item .hover a:focus {
  background-color: #ffffff;
  color: #f1353c;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category .iron_list_item:hover .hover {
  transform: scale(1);
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category h2 {
  padding: 0 0 15px 0;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_category hr {
  border-color: #f1353c;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_cat_detail .product_img {
  border: 1px solid #f1353c;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .iron_cat_detail .product_img img {
  padding: 20px;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links {
  background-color: transparent;
  padding: 0;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links h3 {
  color: #f1353c;
  padding-bottom: 20px;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links img {
  margin-bottom: 20px;
  max-width: 100%;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a {
  border: 1px solid #f1353c;
  border-radius: 30px;
  background-color: #ffffff;
  padding: 5px 20px;
  display: inline-block;
  margin-top: 20px;
  color: #1b251d;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a i {
  color: #f1353c;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:hover,
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:focus {
  background-color: #f1353c;
  color: #ffffff;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:hover i,
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .carbon_detail_links a:focus i {
  color: #ffffff;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination {
  display: block;
  width: 100%;
  clear: both;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination ul li {
  display: inline-block;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination ul li a {
  padding: 0 10px;
  color: #f1353c;
  transition: all 0.5s ease-in;
  border: 1px solid transparent;
}
.nn_iron_news .nn_carbon_detail .nn_carbon_detailsection .nn-pagination ul li a:hover {
  border: 1px solid #f1353c;
}
.nn_carbon_contact iframe {
  margin-bottom: 30px;
}
.nn_iron_contact_section div {
  float: left;
  width: 100%;
}
.nn_iron_contact_section div h5 {
  float: left;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 20px;
}
.nn_iron_contact_section div p {
  float: left;
  margin: 0;
}
.nn_iron_contact_section div p a {
  padding: 0;
  color: #262f2a;
}
.nn_iron_gallery_section {
  padding: 60px 0;
}
.nn_iron_gallery_section h2 {
  padding-bottom: 30px;
}
.nn_iron_gallery_section h2 strong {
  color: #f1353c;
}
.nn_iron_gallery_section .iron_gallery {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media (max-width: 600px) {
  .nn_iron_gallery_section .iron_gallery {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.nn_iron_gallery_section .iron_gallery .card {
  max-width: 100%;
  height: auto;
  box-shadow: -3px 5px 15px #000;
  cursor: pointer;
}
/*************iron***********/
.cobalt_header .cobalt_header_info {
  text-align: left;
}
.cobalt_header .cobalt_header_info div {
  display: inline-block;
  margin-right: 15px;
}
@media (max-width: 480px) {
  .cobalt_header .cobalt_header_info div {
    width: 100%;
    text-align: center;
  }
}
.cobalt_header .cobalt_header_info div:last-child {
  margin-right: 0;
}
.cobalt_header .menu_top {
  text-align: left;
  padding: 5px 0;
  background: #262f2a;
  border-bottom: 1px solid #ffbb00;
  line-height: 28px;
  height: 38px;
  color: #ffffff;
  float: left;
  width: 100%;
}
@media (max-width: 990px) {
  .cobalt_header .menu_top {
    height: auto;
    text-align: center;
  }
}
@media (max-width: 720px) {
  .cobalt_header .menu_top {
    font-size: 12px;
  }
}
.cobalt_header .menu_top i {
  color: #ffbb00;
  margin-right: 5px;
}
.cobalt_header .menu_top span {
  display: inline-block;
}
.cobalt_header .menu_top .social {
  text-align: right;
  float: right;
}
@media (max-width: 990px) {
  .cobalt_header .menu_top .social {
    text-align: center;
    margin: 0;
    float: right;
  }
}
.cobalt_header .menu_top .social a {
  color: #ffffff;
  background-color: #3d4b43;
  padding: 6px 10px;
}
.cobalt_header .main_header {
  background: #262f2a;
  clear: both;
}
@media (max-width: 990px) {
  .cobalt_header .main_header {
    padding-bottom: 15px;
  }
}
.cobalt_header .main_header .logo_head {
  text-align: left;
}
.cobalt_header .main_header .logo_head a {
  display: block;
}
.cobalt_header .main_header .logo_head a img {
  max-height: 110px;
  max-width: 100%;
}
.cobalt_header .main_header .cobalt_logo2 {
  padding: 5px 0;
  font-size: 26px;
  color: #ffffff;
}
.cobalt_header .main_header .cobalt_logo2 i {
  color: #ffbb00;
  font-size: 22px;
}
.cobalt_header .main_header .cobalt_logo2 span p {
  display: inline-block;
}
.cobalt_header .main_header .navbar-collapse {
  clear: both;
  padding-top: 15px;
}
@media (max-width: 990px) {
  .cobalt_header .main_header .navbar-collapse {
    padding: 0;
    width: 100%;
    background-color: #000000;
    float: right;
  }
}
.cobalt_header .main_header .navbar-collapse .nav {
  float: right;
}
.cobalt_header .main_header .navbar-collapse .nav li {
  display: inline-block;
  margin-left: 15px;
}
@media (max-width: 990px) {
  .cobalt_header .main_header .navbar-collapse .nav li {
    margin: 0;
    display: block;
  }
}
.cobalt_header .main_header .navbar-collapse .nav li a {
  color: #ffffff;
  font-size: 16px;
  padding: 5px 6px;
  margin-bottom: 35px;
  border-radius: 3px;
}
@media (max-width: 990px) {
  .cobalt_header .main_header .navbar-collapse .nav li a {
    margin: 0;
    display: block;
  }
}
.cobalt_header .main_header .navbar-collapse .nav li a:hover,
.cobalt_header .main_header .navbar-collapse .nav li a:focus {
  background-color: #ffbb00;
}
.cobalt_header .main_header .navbar-collapse .nav li .active {
  background-color: #ffbb00;
  color: #000000;
}
.cobalt_header .main_header .navbar-collapse .nav li:hover .dropdown-menu {
  display: block;
  top: 100%;
}
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu {
  top: 100%;
  background: #262f2a;
  opacity: 0.9;
  margin: 0;
  padding: 15px 0;
  position: absolute;
}
@media (max-width: 990px) {
  .cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu {
    position: inherit;
    background: transparent;
    width: 100%;
  }
}
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li {
  display: block;
  margin: 0;
  text-align: left;
  padding-left: 15px;
}
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a {
  margin: 0;
}
@media (max-width: 990px) {
  .cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a {
    text-align: right;
  }
}
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a:hover,
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li a:focus {
  background-color: transparent;
  color: #ffbb00;
}
.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu li .active {
  background-color: transparent;
  color: #ffbb00;
}
.cobalt_header .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.cobalt_header .navbar-header {
  padding-top: 20px;
  margin-right: 15px;
  float: right;
}
@media (max-width: 767px) {
  .cobalt_header .navbar-header {
    position: relative;
    top: -95px;
    right: 10px;
    padding-top: 0;
  }
}
.cobalt_section .owl-theme .owl-controls {
  width: 100%;
  bottom: 40%;
  position: absolute;
}
@media (max-width: 1024px) {
  .cobalt_section .owl-theme .owl-controls {
    bottom: 50%;
  }
}
@media (max-width: 990px) {
  .cobalt_section .owl-theme .owl-controls {
    bottom: 60%;
  }
}
.cobalt_section .owl-theme .owl-controls .owl-buttons {
  position: relative;
}
.cobalt_section .owl-theme .owl-controls .owl-buttons i {
  font-size: 40px;
}
@media (max-width: 990px) {
  .cobalt_section .owl-theme .owl-controls .owl-buttons i {
    font-size: 20px;
  }
}
.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-next,
.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-prev {
  border-radius: initial;
  padding: 10px 10px 10px 5px;
}
@media (max-width: 400px) {
  .cobalt_section .owl-theme .owl-controls .owl-buttons .owl-next,
  .cobalt_section .owl-theme .owl-controls .owl-buttons .owl-prev {
    padding: 5px;
  }
}
.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  position: absolute;
}
.cobalt_section .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
}
@media (max-width: 767px) {
  .cobalt_section img {
    margin: 0 auto;
    display: block;
  }
}
.cobalt_section1 {
  padding: 20px 0 40px 0;
}
.cobalt_section1 h5 {
  text-align: center;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #d2ceca;
}
.cobalt_section1 h5:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom: 1px solid #ffbb00;
  width: 22%;
  bottom: 0;
  transition: all 0.9s ease-out;
}
.cobalt_section1 h5:hover:after {
  width: 60%;
}
.cobalt_section1 .cobalt_sec1_img {
  padding: 10px 20px;
  background-color: #c8c4bf;
  text-align: center;
  border: 1px dashed #ffbb00;
  margin-bottom: 20px;
}
.cobalt_section1 .cobalt_sec1_img:hover {
  background-color: #b0aba4;
}
.cobalt_section1 .cobalt_sec1_img img {
  max-width: 100%;
  transition: all 0.5s ease-in-out;
  transform: scale(1.2);
  padding: 10px 20px;
}
@media (max-width: 990px) {
  .cobalt_section1 .cobalt_sec1_img img {
    transform: scale(1);
  }
}
.cobalt_section1 .cobalt_sec1_img img:hover {
  transform: scale(1.1);
}
.cobalt_section1 .cobalt_sec1_text {
  transition: all 0.5s;
  transform: scale(0.96);
}
.cobalt_section1 .cobalt_sec1_text:hover {
  transform: scale(1);
}
.cobalt_section1 .cobalt_sec1_text p {
  border-radius: 8px;
  border-left: 1px dashed #ffbb00;
  padding: 10px;
  margin: 0;
}
.cobalt_section1 .cobalt_sec1_text a {
  color: #ffbb00;
  font-size: 16px;
  float: right;
}
.cobalt_testimonial {
  background-image: url("../images/viz-img-7.jpg");
  padding: 30px;
}
.cobalt_testimonial p {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  position: relative;
  padding: 0 20px;
}
.cobalt_testimonial p:before {
  position: absolute;
  content: '\f10d';
  font: normal normal normal 14px/1 FontAwesome;
  left: 0px;
  font-size: 22px;
}
.cobalt_testimonial p:after {
  position: absolute;
  content: '\f10e';
  font: normal normal normal 14px/1 FontAwesome;
  right: 0;
  font-size: 22px;
}
.cobalt_testimonial img {
  margin: 0 auto;
  display: block;
  padding: 10px 0;
}
.cobalt_testimonial h4 {
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
}
.cobalt_testimonial .cobalt_test {
  margin-top: 30px;
}
.cobalt_testimonial .cobalt_test .cobalt_form input,
.cobalt_testimonial .cobalt_test .cobalt_form textarea {
  width: 100%;
  color: #ffffff;
  border: 0;
  border-bottom: 2px solid #ffffff;
  background: transparent;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 30px;
}
.cobalt_testimonial .cobalt_test .cobalt_form input::-webkit-input-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.cobalt_testimonial .cobalt_test .cobalt_form input::-moz-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea::-moz-placeholder {
  color: #ffffff;
}
.cobalt_testimonial .cobalt_test .cobalt_form input:-ms-input-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea:-ms-input-placeholder {
  color: #ffffff;
}
.cobalt_testimonial .cobalt_test .cobalt_form input:-moz-placeholder,
.cobalt_testimonial .cobalt_test .cobalt_form textarea:-moz-placeholder {
  color: #ffffff;
}
.cobalt_testimonial .cobalt_test .cobalt_form textarea {
  min-height: 150px;
}
.cobalt_testimonial .cobalt_test .cobalt_form button {
  padding: 10px 40px;
  border-radius: 30px;
  background-color: #262f2a;
  border: 0;
  margin-top: 20px;
  color: #ffffff;
}
.cobalt_testimonial .cobalt_test .cobalt_form button:hover {
  background-color: #8d857b;
}
.cobalt_section2 {
  padding: 20px 0;
}
.cobalt_section2 h3 {
  text-align: center;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #d2ceca;
}
.cobalt_section2 h3:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom: 2px solid #ffbb00;
  width: 22%;
  bottom: -1px;
  transition: all 0.9s ease-out;
}
.cobalt_section2 h3:hover:after {
  width: 60%;
}
.cobalt_section2 h5 {
  color: #ffbb00;
  font-weight: 500;
  margin-bottom: 20px;
}
.cobalt_section2 a {
  float: right;
  color: #ffbb00;
  font-weight: 500;
}
.cobalt_section2 a i {
  color: #ffbb00;
}
.cobalt_section2 img {
  margin: 0 auto;
  display: block;
}
.cobalt_section2 button {
  background-color: #262f2a;
  border: 0;
  color: #ffffff;
  padding: 5px 20px;
  display: block;
  width: 75%;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 990px) {
  .cobalt_section2 .nn_col {
    min-height: 290px;
  }
}
.cobalt_client {
  padding: 20px 0;
  background-image: url(../images/viz-img-8.jpg);
}
.cobalt_client h5 {
  text-align: center;
  font-weight: 500;
}
.cobalt_client hr {
  border-color: #ffbb00;
}
@media (max-width: 767px) {
  .cobalt_client img {
    padding: 20px 0;
  }
}
.cobalt_footer {
  background-color: #262f2a;
  color: #8d857b;
}
.cobalt_footer p {
  margin: 0;
  line-height: 25px;
}
.cobalt_footer p a {
  color: #ffbb00;
}
.cobalt_footer .cobalt_footer_top {
  padding: 20px 0;
  border-bottom: 2px solid #ffbb00;
}
.cobalt_footer .cobalt_footer_top .title,
.cobalt_footer .cobalt_footer_top strong {
  color: #ffbb00;
  font-weight: bold;
}
.cobalt_footer .cobalt_footer_top i {
  margin-right: 5px;
}
.cobalt_footer .cobalt_footer_bottom p {
  float: left;
}
.cobalt_footer .cobalt_footer_bottom a {
  float: right;
  color: #8d857b;
}
.cobalt_footer .cobalt_footer_bottom a i {
  margin-right: 5px;
  color: #f1353c;
}
.cobalt_section {
  color: #1b251d;
}
.cobalt_section img {
  max-width: 100%;
}
.cobalt_section h2 {
  text-align: center;
  font-weight: 400;
  position: relative;
  margin-bottom: 40px;
  border-bottom: 1px solid #d2ceca;
  padding-bottom: 5px;
}
.cobalt_section h2:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom: 2px solid #ffbb00;
  width: 22%;
  bottom: -1px;
  transition: all 0.9s ease-out;
}
.cobalt_section h2:hover:after {
  width: 60%;
}
.cobalt_category_section .cobalt_category_list {
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  float: left;
  width: 100%;
  margin-bottom: 15px;
  min-height: 320px;
}
@media (max-width: 990px) {
  .cobalt_category_section .cobalt_category_list {
    min-height: 230px;
  }
}
.cobalt_category_section .cobalt_category_list:hover {
  transform: scale(1.05);
}
.cobalt_category_section .cobalt_category_list .cobalt_sec1_img {
  width: 40%;
  float: left;
}
@media (max-width: 480px) {
  .cobalt_category_section .cobalt_category_list .cobalt_sec1_img {
    width: 100%;
    float: none;
  }
}
@media (max-width: 480px) {
  .cobalt_category_section .cobalt_category_list .cobalt_sec1_img img {
    max-height: 230px;
  }
}
.cobalt_category_section .cobalt_category_list .cobalt_sec1_text {
  width: 57%;
  float: right;
  transform: none;
  transition: none;
  border-left: 1px dashed #ffbb00;
  padding: 0 10px;
}
@media (max-width: 480px) {
  .cobalt_category_section .cobalt_category_list .cobalt_sec1_text {
    width: 100%;
    float: none;
  }
}
.cobalt_category_section .cobalt_category_list .cobalt_sec1_text p {
  border-radius: inherit;
  padding: 0;
  line-height: 20px;
  border: 0;
}
.cobalt_category_section .cobalt_category_list .cobalt_sec1_text:hover {
  transform: none;
  transition: none;
}
.cobalt_category_section .cobalt_cat_top_list {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 20px;
}
.cobalt_category_section .cobalt_cat_top_list li {
  font-size: 16px;
  padding: 10px 20px;
  border: 1px dashed #ffbb00;
  transition: all 0.1s ease-in-out;
  transform: scale(1);
  width: fit-content;
  display: inline-block;
  margin: 1.5%;
  text-align: center;
}
.cobalt_category_section .cobalt_cat_top_list li a {
  color: #1b251d;
}
.cobalt_category_section .cobalt_cat_top_list li a p {
  color: #1b251d;
  margin: 0;
}
.cobalt_category_section .cobalt_cat_top_list li:hover {
  transform: scale(1.1);
}
.cobalt_category_section .nn-pagination {
  clear: both;
}
@media (max-width: 767px) {
  .cobalt_category_section .nn-pagination {
    padding-left: 30px;
  }
}
.cobalt_category_section .nn-pagination ul li {
  display: inline-block;
  padding: 4px 10px;
  background-color: #ffbb00;
  margin-right: 3px;
  color: #ffffff;
}
.cobalt_category_section .nn-pagination ul li a {
  color: #ffffff;
}
.cobalt_cat_detail h2 i {
  font-style: normal;
  color: #ffbb00;
}
.cobalt_cat_detail i {
  height: 400px;
  width: 100%;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .cobalt_cat_detail i {
    margin-bottom: 30px;
  }
}
.cobalt_cat_detail i img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
}
.cobalt_about {
  padding: 20px 0;
}
.cobalt_about p {
  padding: 0;
  line-height: 25px;
  margin: 0;
}
.cobalt_about ul {
  padding-top: 45px;
}
@media (max-width: 767px) {
  .cobalt_about ul {
    margin-bottom: 60px;
  }
}
.cobalt_about ul li {
  margin-bottom: 3px;
  border-bottom: 1px solid #c8c4bf;
}
.cobalt_about ul li i {
  margin-left: 7px;
  margin-top: 6px;
  width: 20px;
  position: absolute;
}
.cobalt_about ul li a {
  font-size: 14px;
  line-height: 20px;
  color: #1b251d;
  font-weight: 600;
  padding: 8px 30px;
  display: block;
  border-left: 2px solid #ffbb00;
}
.cobalt_about ul li a:hover,
.cobalt_about ul li a:focus {
  background-color: #262f2a;
  color: #ffffff;
}
.cobalt_about ul li a img {
  height: 16px;
  margin-right: 5px;
  margin-top: -2px;
}
.cobalt_about ul li a p {
  margin: 0;
}
.cobalt_about ul li .active {
  background-color: #262f2a;
  color: #ffffff;
}
.cobalt_about .about_details {
  padding: 2px;
  border-top: 1px solid #626262;
  float: left;
  width: 100%;
}
.cobalt_about .about_details:last-child {
  border-bottom: 1px solid #626262;
}
.cobalt_about .about_details .about_heading {
  width: 30%;
  float: left;
}
.cobalt_about .about_details .about_heading p {
  font-weight: 600;
  padding: 0 10px;
}
.cobalt_about .about_details .about_content {
  width: 70%;
  float: left;
}
.cobalt_about .about_details .about_content p {
  padding: 0 10px;
}
.cobalt_service p {
  margin-bottom: 20px;
}
.cobalt_service .cobalt_service_content ul {
  padding: 0;
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 10px;
}
.cobalt_service .cobalt_service_content ul li {
  border: 0;
}
.cobalt_service .cobalt_service_content iframe {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px dashed #ffbb00;
}
.cobalt_service .cobalt_service_content .title {
  color: #ffbb00;
  font-weight: 600;
}
.cobalt_service .nn_cobalt_news .carbon_detail_links {
  background-color: #7c7c7c;
  padding: 10px 20px;
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
  transform: scale(0.99);
  border: 2px solid #7c7c7c;
}
.cobalt_service .nn_cobalt_news .carbon_detail_links:hover {
  transform: scale(1);
  border-color: #ffbb00;
  border-top-color: #7c7c7c;
}
.cobalt_service .nn_cobalt_news .carbon_detail_links a {
  color: #ffbb00;
  font-weight: 600;
}
.cobalt_service .nn_cobalt_news .carbon_detail_links a i {
  margin-right: 5px;
  height: auto;
  display: initial;
}
.cobalt_service .nn_cobalt_news .carbon_detail_links i {
  display: block;
  height: 300px;
  position: relative;
  margin-bottom: 20px;
}
.cobalt_service .nn_cobalt_news .carbon_detail_links i img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 100%;
}
.cobalt_contact .contact_content {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.cobalt_contact .contact_content .content {
  width: 75%;
  float: left;
}
.cobalt_contact .contact_content .image {
  width: 25%;
  float: left;
}
.cobalt_contact a {
  color: #ffbb00;
}
.cobalt_contact form input,
.cobalt_contact form textarea {
  width: 100%;
  border: 1px solid #ffbb00;
  margin-top: 15px;
  padding: 0 20px;
}
.cobalt_contact form input {
  line-height: 30px;
}
.cobalt_contact form textarea {
  min-height: 150px;
  padding: 20px;
}
.cobalt_contact form button {
  background-color: #ffbb00;
  border: 0;
  padding: 10px 30px;
  color: #ffffff;
}
.cobalt_contact iframe {
  margin-bottom: 20px;
}
.cobalt_gallery {
  padding: 20px 0;
}
.cobalt_gallery .gallery {
  background-color: #626262;
  clear: both;
  display: inline-block;
  width: 100%;
  padding: 2px;
  padding-bottom: 0;
}
.cobalt_gallery .gallery .thumb {
  width: 33.33%;
  float: left;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}
.cobalt_gallery .gallery .thumb img {
  max-width: 100%;
  transition: all 1s linear;
  transition-delay: 300ms;
  transform: scale(1);
  margin-bottom: 2px;
}
.cobalt_gallery .gallery .thumb .caption {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.cobalt_gallery .gallery .thumb .caption h5 {
  color: #ffffff;
  background-color: rgba(255, 187, 0, 0.8);
  padding: 8px;
  text-align: center;
  font-weight: 300;
}
@media (max-width: 480px) {
  .cobalt_gallery .gallery .thumb .caption h5 {
    padding: 3px;
    font-size: 14px;
  }
}
.cobalt_gallery .gallery .thumb:hover .caption {
  display: block;
}
.cobalt_gallery .gallery .thumb:hover img {
  transform: scale(1.4);
}
.cobalt_header_inner {
  position: relative;
}
@media (max-width: 320px) {
  .cobalt_header_inner img {
    min-height: 110px;
  }
}
.cobalt_header_inner h1,
.cobalt_header_inner ol {
  position: absolute;
  top: 50%;
  color: #ffffff;
  left: 0;
  right: 0;
}
@media (max-width: 1366px) {
  .cobalt_header_inner h1,
  .cobalt_header_inner ol {
    top: 45%;
  }
}
.cobalt_header_inner h1 {
  font-size: 45px;
}
@media (max-width: 990px) {
  .cobalt_header_inner h1 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .cobalt_header_inner h1 {
    top: 40%;
    font-size: 30px;
  }
}
@media (max-width: 640px) {
  .cobalt_header_inner h1 {
    font-size: 20px;
  }
}
@media (max-width: 540px) {
  .cobalt_header_inner h1 {
    font-size: 16px;
    top: 35%;
  }
}
@media (max-width: 480px) {
  .cobalt_header_inner h1 {
    top: 15%;
    font-size: 14px;
  }
}
.cobalt_header_inner ol {
  top: 65%;
}
@media (max-width: 640px) {
  .cobalt_header_inner ol {
    font-size: 12px;
    top: 60%;
  }
}
@media (max-width: 480px) {
  .cobalt_header_inner ol {
    top: 40%;
  }
}
.cobalt_header_inner ol li {
  color: #ffffff;
}
.cobalt_header_inner ol li a {
  color: #ffffff;
}
@media (max-width: 540px) {
  .cobalt_header_inner ol li a {
    font-size: 12px;
  }
}
.cobalt_header_inner ol .active {
  color: #ffffff;
}
@media (max-width: 540px) {
  .cobalt_header_inner ol .active {
    font-size: 10px;
  }
}
.lithium_header .main_header {
  background-color: #ffffff;
}
.lithium_header .main_header nav {
  padding: 15px 0;
}
.lithium_header .main_header nav .navbar-collapse {
  padding-top: 0;
}
@media (max-width: 990px) {
  .lithium_header .main_header nav .navbar-collapse {
    position: absolute;
    right: 0;
    z-index: 999;
    background-color: #ffffff;
    width: 230px;
    padding: 0 20px;
    top: 50px;
  }
}
.lithium_header .main_header nav .navbar-collapse .nav {
  text-align: left;
}
.lithium_header .main_header nav .navbar-collapse .nav li {
  line-height: 110px;
  margin-left: 0;
}
@media (max-width: 990px) {
  .lithium_header .main_header nav .navbar-collapse .nav li {
    line-height: 40px;
    text-align: right;
  }
}
.lithium_header .main_header nav .navbar-collapse .nav li a {
  display: inline;
  border-radius: 0;
  font-size: 15px;
  padding: 5px 15px;
  transition: all 0.2s;
  color: #1b251d;
  font-weight: 600;
}
@media (max-width: 1366px) {
  .lithium_header .main_header nav .navbar-collapse .nav li a {
    padding: 5px;
  }
}
.lithium_header .main_header nav .navbar-collapse .nav li a:focus,
.lithium_header .main_header nav .navbar-collapse .nav li a:hover {
  background-color: transparent;
  border-top: 2px solid #ffbb00;
  transform: scale(1);
}
.lithium_header .main_header nav .navbar-collapse .nav li .active {
  background-color: transparent;
  border-top: 2px solid #ffbb00;
}
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu {
  padding: 0;
  background-color: #313d37;
}
@media (max-width: 990px) {
  .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu {
    background-color: transparent;
    margin-top: 15px;
    border: 0;
    box-shadow: none;
  }
}
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li {
  padding: 0;
  line-height: 30px;
}
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a {
  padding: 5px;
  display: block;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 990px) {
  .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a {
    color: #1b251d;
    text-align: right;
    padding: 0 30px;
  }
}
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:focus,
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:hover {
  background-color: #262f2a;
  border: 0;
  color: #ffffff;
}
@media (max-width: 990px) {
  .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:focus,
  .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li a:hover {
    color: #262f2a;
    background-color: transparent;
  }
}
.lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li .active {
  background-color: #262f2a;
  border: 0;
  color: #ffffff;
}
@media (max-width: 990px) {
  .lithium_header .main_header nav .navbar-collapse .nav li .dropdown-menu li .active {
    color: #262f2a;
    background-color: transparent;
  }
}
.lithium_header .main_header .navbar-header {
  margin: 0;
  padding-top: 0;
}
.lithium_header .main_header .navbar-header button .icon-bar {
  background-color: #262f2a;
}
.lithium_section.lithium_top_section {
  position: relative;
  margin-top: 0px;
}
.lithium_section.lithium_top_section img {
  max-width: 100%;
}
.lithium_section.lithium_top_section h1,
.lithium_section.lithium_top_section h4 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.lithium_section.lithium_top_section h1 {
  bottom: 18%;
  padding: 25px 30px;
  background-color: rgba(38, 47, 42, 0.8);
  color: #ffffff;
  font-size: 50px;
  font-weight: 600;
  width: 40%;
}
@media (max-width: 1366px) {
  .lithium_section.lithium_top_section h1 {
    font-size: 35px;
  }
}
@media (max-width: 990px) {
  .lithium_section.lithium_top_section h1 {
    font-size: 25px;
    padding: 5px 20px;
  }
}
@media (max-width: 767px) {
  .lithium_section.lithium_top_section h1 {
    bottom: 26%;
    width: 95%;
  }
}
@media (max-width: 480px) {
  .lithium_section.lithium_top_section h1 {
    font-size: 16px;
  }
}
@media (max-width: 320px) {
  .lithium_section.lithium_top_section h1 {
    bottom: 50%;
  }
}
.lithium_section.lithium_top_section h4 {
  bottom: 0;
  background-color: #ffffff;
  padding: 10px 40px;
  font-size: 25px;
  color: #262f2a;
  display: block;
  line-height: 1.2;
  width: fit-content;
  text-align: center;
  width: 60%;
}
@media (max-width: 990px) {
  .lithium_section.lithium_top_section h4 {
    font-size: 18px;
    padding: 5px 20px;
    width: 95%;
  }
}
@media (max-width: 540px) {
  .lithium_section.lithium_top_section h4 {
    font-size: 14px;
  }
}
.lithium_section img {
  max-width: 100%;
}
.lithium_section h2 {
  font-size: 30px;
  font-weight: 600;
}
.lithium_section h4,
.lithium_section p {
  line-height: 30px;
}
.lithium_section button,
.lithium_section .link_btn {
  padding: 10px 30px;
  display: inline-block;
  border: 2px solid #ffbb00;
  transition: all 0.5s;
  background-color: transparent;
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .lithium_section button,
  .lithium_section .link_btn {
    margin-top: 20px;
    padding: 5px 20px;
    font-size: 14px;
  }
}
.lithium_section button:hover,
.lithium_section .link_btn:hover {
  border: 2px solid #262f2a;
  background-color: transparent;
}
.lithium_section iframe {
  float: left;
}
@media (max-width: 767px) {
  .lithium_section iframe {
    margin-bottom: 30px;
  }
}
.lithium_section p {
  font-size: 15px;
}
.lithium_section1 {
  padding: 40px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lithium_section1 .col-md-3 {
  background-color: rgba(38, 47, 42, 0.1);
  padding: 20px;
  border-radius: 15px;
  margin: 1%;
  width: 23%;
  height: 270px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 990px) {
  .lithium_section1 .col-md-3 {
    margin: 0 0 20px;
    width: 100%;
    height: auto;
  }
}
.lithium_section1 .col-md-3:hover {
  box-shadow: 0 0 20px rgba(38, 47, 42, 0.5);
  transition: all 0.3s ease-in-out;
}
.lithium_section1 .lithium_a {
  padding: 10px 30px;
  display: inline-block;
  border: 2px solid #ffbb00;
  transition: all 0.5s;
  background-color: transparent;
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  color: #1b251d;
}
@media (max-width: 1024px) {
  .lithium_section1 .lithium_a {
    margin-top: 20px;
    padding: 5px 20px;
    font-size: 14px;
  }
}
.lithium_section1 .lithium_a:hover {
  border: 2px solid #262f2a;
  background-color: transparent;
}
.lithium_section1 h2,
.lithium_section1 span {
  color: #262f2a;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 35px;
  font-size: 30px;
  display: block;
}
.lithium_section1 h2:after,
.lithium_section1 span:after {
  position: absolute;
  border-bottom: 2px solid #ffbb00;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  margin: 0 auto;
}
.lithium_section1 h4 {
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .lithium_section1 h4 {
    font-size: 16px;
  }
}
.lithium_section1 h3,
.lithium_section1 span,
.lithium_section1 a {
  color: #262f2a;
  margin: 10px 0;
  font-size: 24px;
  display: block;
}
@media (max-width: 990px) {
  .lithium_section1 h3,
  .lithium_section1 span,
  .lithium_section1 a {
    font-size: 18px;
  }
}
.lithium_section1 img {
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  .lithium_section1 .text-center {
    margin-bottom: 20px;
  }
}
.lithium_section1 .lithium_sub {
  margin: 0 auto;
}
.lithium_section1 .lithium_sub .form-field {
  float: none;
  display: inline-block;
}
.lithium_section1 .lithium_sub .form-field input {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
  line-height: 40px;
  float: right;
}
.lithium_section1 .lithium_sub .form-field input::-webkit-input-placeholder {
  color: #ffffff;
}
.lithium_section1 .lithium_sub .form-field input::-moz-placeholder {
  color: #ffffff;
}
.lithium_section1 .lithium_sub .form-field input:-ms-input-placeholder {
  color: #ffffff;
}
.lithium_section1 .lithium_sub .form-field input:-moz-placeholder {
  color: #ffffff;
}
.lithium_section1 .lithium_sub .form-field button {
  width: 100%;
  padding: 10px 30px;
  display: inline-block;
  border: 2px solid #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #ffffff;
  color: #262f2a;
  font-weight: 500;
  font-size: 16px;
  float: left;
}
.lithium_section1 .lithium_sub .form-field button:active,
.lithium_section1 .lithium_sub .form-field button:focus,
.lithium_section1 .lithium_sub .form-field button:hover {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.lithium_section2 {
  background-color: #a59e96;
}
@media (max-width: 767px) {
  .lithium_section2 .text-center {
    margin-bottom: 20px;
  }
}
.lithium_footer {
  padding: 40px 0;
  background-color: #ffffff;
}
.lithium_footer h3 {
  font-weight: 600;
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  color: #262f2a;
}
@media (max-width: 990px) {
  .lithium_footer h3 {
    margin: 20px 0;
    font-size: 16px;
  }
}
.lithium_footer a {
  display: block;
  color: #1b251d;
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 990px) {
  .lithium_footer a {
    font-size: 13px;
  }
}
.lithium_copyirght {
  padding: 30px 0;
  text-align: center;
  background-color: #262f2a;
  color: #ffffff;
}
.lithium_copyirght a {
  display: inline-block;
  margin: 0 5px;
  color: #ffffff;
  font-size: 30px;
}
.lithium_copyirght h5 {
  margin-bottom: 10px;
}
.lithium_inner_header {
  position: relative;
  padding-top: 0px;
}
.lithium_inner_header .lithium_head_text {
  position: absolute;
  bottom: 0;
  padding: 10px 15px;
  background-color: rgba(38, 47, 42, 0.6);
  color: #ffffff;
  width: 100%;
}
@media (max-width: 480px) {
  .lithium_inner_header .lithium_head_text {
    position: inherit;
  }
}
.lithium_inner_header .lithium_head_text ol li {
  color: #ffffff;
  font-weight: 700;
}
.lithium_inner_header .lithium_head_text ol li a {
  color: #ffffff;
  font-weight: 700;
}
.lithium_inner_header .lithium_head_text ol .active a {
  color: #ffffff;
  font-weight: 700;
}
.lithium_section_news h4 {
  margin-bottom: 10px;
  color: #262f2a;
}
.lithium_section_news h2 {
  font-size: 22px;
  font-weight: 500;
}
.lithium_section_news h2:after {
  display: none;
}
@media (max-width: 767px) {
  .lithium_section_news ul {
    margin-bottom: 30px;
  }
}
.lithium_section_news ul li a {
  color: #1b251d;
  padding: 5px;
  border-bottom: 1px solid #a59e96;
  display: block;
  transition: all 0.7s ease-in-out;
}
.lithium_section_news ul li a p {
  line-height: inherit;
  margin: 0;
}
.lithium_section_news ul li a:hover,
.lithium_section_news ul li a:focus {
  color: #262f2a;
  border-bottom-color: #262f2a;
}
.lithium_section_news .lithium_news {
  background-color: #a59e96;
  padding: 20px;
  display: inline-block;
  width: 100%;
}
.lithium_section_news .lithium_news .nn_news {
  padding: 20px 0;
  border-top: 1px solid #8d857b;
  float: left;
  width: 100%;
}
.lithium_section_news .lithium_news .nn_news .nn_news_link {
  width: 15%;
  float: left;
  margin-right: 2%;
}
@media (max-width: 767px) {
  .lithium_section_news .lithium_news .nn_news .nn_news_link {
    width: 25%;
    float: none;
  }
}
.lithium_section_news .lithium_news .nn_news .nn_news_link p {
  color: #ffffff;
  background-color: #262f2a;
  padding: 3px;
  text-align: center;
  margin: 0;
}
.lithium_section_news .lithium_news .nn_news .nn_news_link a {
  display: block;
  height: 95px;
  width: 100%;
  text-align: center;
  border: 0;
}
.lithium_section_news .lithium_news .nn_news .nn_news_link a:hover,
.lithium_section_news .lithium_news .nn_news .nn_news_link a:focus {
  border: 0;
}
.lithium_section_news .lithium_news .nn_news .nn_news_link a img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}
.lithium_section_news .lithium_news .nn_news .nn_news_content {
  width: 83%;
  float: left;
}
@media (max-width: 767px) {
  .lithium_section_news .lithium_news .nn_news .nn_news_content {
    width: 100%;
    float: none;
  }
}
.lithium_section_news a {
  color: #1b251d;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  font-size: 17px;
}
.lithium_section_news a:hover,
.lithium_section_news a:focus {
  color: #262f2a;
  border-color: #ffbb00;
}
.lithium_section_news img {
  text-align: left;
  margin: 20px 0;
}
.navbar-fixed-top {
  z-index: 99;
}
.lithium_help {
  background-image: url(../images/image-19.jpg);
}
.lithium_help h1,
.lithium_help h4 {
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}
@media (max-width: 480px) {
  .lithium_help h1,
  .lithium_help h4 {
    font-size: 30px;
  }
}
.lithium_section_about {
  padding: 40px 0;
}
.lithium_section_about h3 {
  color: #262f2a;
}
.lithium_section_about ul {
  margin-top: 30px;
}
.lithium_section_about ul li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 30px;
}
.lithium_section_about ul li:after {
  position: absolute;
  left: 0;
  content: '\f1d8';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 10px;
  color: #262f2a;
  top: 10px;
}
.lithium_category {
  text-align: center;
  margin: 0 -15px;
}
@media (max-width: 480px) {
  .lithium_category .nn_col {
    width: 100%;
    float: none;
  }
}
.lithium_category button {
  padding: 2px 20px;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.lithium_category .lithium_pdt {
  border: 1px solid #ffbb00;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 30px;
}
.lithium_category .lithium_pdt h5 {
  text-align: center;
  line-height: 20px;
  height: 44px;
  overflow: hidden;
  font-size: 16px;
}
.lithium_category .lithium_pdt i {
  height: 240px;
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 1366px) {
  .lithium_category .lithium_pdt i {
    height: 165px;
  }
}
.lithium_category .lithium_pdt i img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-height: 100%;
}
.lithium_category_detail p {
  text-align: left;
}
.lithium_category_detail img {
  margin: 0;
}
.lithium_category_detail button {
  float: left;
}
.lithium_category_detail h2 {
  margin-bottom: 40px;
}
.lithium_category_detail .lithium_pdt_detail {
  text-align: left !important;
  clear: both;
}
.lithium_category_detail .lithium_pdt_detail h2 {
  padding: 20px 0;
  margin: 0;
}
.lithium_category_detail .lithium_pdt_detail hr {
  border-color: #ffbb00;
  margin-top: 0;
}
.lithium_contact_block {
  display: table;
}
@media (max-width: 767px) {
  .lithium_contact_block {
    display: block;
  }
}
.lithium_contact_block .nn_col {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .lithium_contact_block .nn_col {
    display: block;
  }
}
.lithium_section_contact {
  margin: 0 -15px;
}
.lithium_section_contact_form {
  background-color: #ffcb3d;
  padding: 0 40px;
}
@media (max-width: 767px) {
  .lithium_section_contact_form {
    padding: 40px;
  }
}
.lithium_section_contact_form h2 {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .lithium_section_contact_form h2 {
    margin-bottom: 10px;
    font-size: 28px;
  }
}
.lithium_section_contact_form h5 {
  line-height: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .lithium_section_contact_form h5 {
    line-height: 25px;
    font-size: 16px;
  }
}
.lithium_section_contact_form .lithium_form {
  width: 100%;
  clear: both;
  display: inline-block;
}
.lithium_section_contact_form .lithium_form input,
.lithium_section_contact_form .lithium_form textarea {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #262f2a;
  background: transparent;
  padding: 15px 0;
  margin-bottom: 0;
  font-size: 16px;
  color: #1b251d;
}
@media (max-width: 1024px) {
  .lithium_section_contact_form .lithium_form input,
  .lithium_section_contact_form .lithium_form textarea {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .lithium_section_contact_form .lithium_form input,
  .lithium_section_contact_form .lithium_form textarea {
    width: 100%;
    margin-right: 0;
  }
}
.lithium_section_contact_form .lithium_form input::-webkit-input-placeholder,
.lithium_section_contact_form .lithium_form textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.lithium_section_contact_form .lithium_form input::-moz-placeholder,
.lithium_section_contact_form .lithium_form textarea::-moz-placeholder {
  color: #1b251d;
}
.lithium_section_contact_form .lithium_form input:-ms-input-placeholder,
.lithium_section_contact_form .lithium_form textarea:-ms-input-placeholder {
  color: #1b251d;
}
.lithium_section_contact_form .lithium_form input:-moz-placeholder,
.lithium_section_contact_form .lithium_form textarea:-moz-placeholder {
  color: #1b251d;
}
.lithium_section_contact_form .lithium_form textarea {
  height: 80px;
  width: 100%;
  padding: 15px 0;
  margin-top: 30px;
}
.lithium_section_contact_form .lithium_form button {
  padding: 20px 20px;
  border: none;
  background-color: #3b65ce;
  border: 2px solid #3b65ce;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  margin-top: 40px;
  text-align: left;
}
.lithium_section_contact_form .lithium_form button:active,
.lithium_section_contact_form .lithium_form button:hover,
.lithium_section_contact_form .lithium_form button:focus {
  background-color: transparent;
  border: 2px solid #3b65ce;
  color: #3b65ce;
}
.lithium_section_contact_form .lithium_form option {
  color: #1b251d;
}
.lithium_contact_help {
  padding: 40px 0;
  background-image: url("../images/image-19.jpg");
}
@media (max-width: 767px) {
  .lithium_contact_help .nn_col {
    margin-bottom: 15px;
  }
}
.lithium_contact_help h2 {
  font-size: 28px;
}
.lithium_contact_help .bold {
  color: #262f2a;
  font-weight: 700;
  margin-bottom: 30px;
}
.lithium_contact_help h5 {
  line-height: 30px;
}
.lithium_gallery .gallery {
  font-size: 0;
}
.lithium_gallery .gallery a {
  display: inline-block;
  width: 20%;
  float: left;
  height: auto;
  overflow: hidden;
}
@media (max-width: 540px) {
  .lithium_gallery .gallery a {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
  }
}
.lithium_gallery .gallery a img {
  width: 100%;
  height: 280px;
  -webkit-transition: -webkit-transform 0.15s ease;
  -moz-transition: -moz-transform 0.15s ease;
  -o-transition: -o-transform 0.15s ease;
  -ms-transition: -ms-transform 0.15s ease;
  transition: transform 0.15s ease;
  position: relative;
  object-fit: cover;
}
.lithium_gallery .gallery a img:hover {
  -webkit-filter: grayscale(100%);
  /* Safari */
  filter: grayscale(100%);
}
@media (max-width: 540px) {
  .lithium_gallery .gallery a img {
    height: auto;
  }
}
@media (max-width: 1366px) {
  .lithium_gallery .gallery a img {
    height: 240px;
    object-fit: cover;
  }
}
.lithium_gallery .gallery .big {
  width: 40%;
  height: auto;
  float: left;
  overflow: hidden;
}
@media (max-width: 540px) {
  .lithium_gallery .gallery .big {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
  }
}
/*****mininon***********/
.minion_header.iron_header {
  position: relative;
  width: 100%;
}
.minion_header.iron_header .minion_header {
  height: 140px;
}
.minion_header.iron_header .menu_top {
  padding: 12px 0;
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .minion_header.iron_header .menu_top {
    padding: 10px 0;
    height: 80px;
  }
}
.minion_header.iron_header .menu_top .logo_head {
  text-align: left;
  margin: 0;
}
.minion_header.iron_header .menu_top .logo_head a {
  display: inline-block;
}
.minion_header.iron_header .menu_top .logo_head a img {
  max-height: 65px;
}
@media (max-width: 990px) {
  .minion_header.iron_header .menu_top .logo_head a img {
    max-height: 60px;
    max-width: 110px;
    object-fit: contain;
  }
}
.minion_header.iron_header .menu_top ul {
  float: none;
}
.minion_header.iron_header .menu_top ul li {
  line-height: 40px;
  padding: 0;
  margin-left: 5px;
  display: inline-block;
}
.minion_header.iron_header .menu_top ul li a {
  border: 0;
  font-size: 18px;
  background-color: #36af30;
  text-align: center;
  line-height: 45px;
  width: 100%;
  height: 45px;
  padding: 0 10px;
  display: block;
  margin-top: 10px;
}
@media (max-width: 990px) {
  .minion_header.iron_header .menu_top ul li a {
    font-size: 12px;
    margin: 0;
  }
}
.minion_header.iron_header .menu_top ul li a:hover,
.minion_header.iron_header .menu_top ul li a:focus {
  background-color: #ffbb00;
}
.minion_header.iron_header .menu_top ul li a p {
  border-bottom: 1px solid #ffffff;
}
.minion_header.iron_header .menu_top ul li i {
  padding: 0;
  font-size: inherit;
  border: 0;
}
.minion_header.iron_header .main_header {
  height: auto;
  background: linear-gradient(to right, #ffbb00 0, #ffc21a 15%, #ffc933 45%, #ffbb00 75%, #36af30 100%);
  float: left;
  width: 100%;
}
.minion_header.iron_header .main_header .nav {
  float: none;
  top: 40px;
}
@media (max-width: 990px) {
  .minion_header.iron_header .main_header .nav {
    background: #ffffff;
  }
}
.minion_header.iron_header .main_header .nav li {
  padding: 0;
}
.minion_header.iron_header .main_header .nav li a {
  padding: 15px;
  border: 0;
  font-weight: 400;
}
.minion_header.iron_header .main_header .nav li a:last-child {
  padding: 15px;
}
@media (max-width: 990px) {
  .minion_header.iron_header .main_header .nav li a {
    padding: 0;
  }
}
.minion_header.iron_header .main_header .nav li a:last-child {
  padding: 15px;
}
@media (max-width: 990px) {
  .minion_header.iron_header .main_header .nav li a:last-child {
    padding: 0;
  }
}
.minion_header.iron_header .main_header .nav li a:hover,
.minion_header.iron_header .main_header .nav li a:focus {
  color: #ffffff;
  background-color: #ffbb00;
}
.minion_header.iron_header .main_header .nav li .active {
  color: #ffffff;
  background-color: #ffbb00;
}
.minion_header.iron_header .main_header .nav li .dropdown-menu {
  background-color: transparent;
}
.minion_header.iron_header .main_header .nav li .dropdown-menu li a {
  background: #ffbb00;
  padding: 10px;
}
.minion_header.iron_header .main_header .nav li .dropdown-menu li a:hover {
  background: #ffbb00;
}
.minion_header.iron_header .main_header .navbar-header .navbar-toggle {
  padding: 0;
  margin: 0;
  top: -10px;
  right: 20px;
}
.minion_header.iron_header .main_header .navbar-header .navbar-toggle .icon-bar {
  background: #000000;
}
@media (max-width: 990px) {
  .minion_header.iron_header .main_header .navbar-header {
    top: -60px;
    right: 0;
    position: absolute;
    padding: 0;
    margin: 0;
  }
}
.minion_header.iron_header .navbar-collapse {
  position: relative;
}
@media (max-width: 990px) {
  .minion_header.iron_header .navbar-collapse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.minion_header.iron_header .minion_header_logo {
  display: inline-block;
  float: none;
}
.minion_header.iron_header .minion_header_social {
  display: inline-block;
  float: right;
}
@media (max-width: 990px) {
  .minion_header.iron_header .minion_header_social {
    float: none;
  }
}
.minion_main_header {
  position: relative;
}
.minion_main_header .lithium_head_text {
  position: absolute;
  top: 40%;
  color: #ffffff;
  left: 0;
  right: 0;
  text-align: right;
}
@media (max-width: 1210px) {
  .minion_main_header .lithium_head_text {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 990px) {
  .minion_main_header .lithium_head_text {
    text-align: center;
  }
}
.minion_main_header .lithium_head_text h2 {
  font-size: 40px;
}
@media (max-width: 990px) {
  .minion_main_header .lithium_head_text h2 {
    font-size: 36px;
  }
}
.minion_main_header .lithium_head_text h4 {
  font-size: 22px;
  width: 55%;
  margin: 0 auto;
  line-height: 35px;
  font-weight: 300;
}
@media (max-width: 990px) {
  .minion_main_header .lithium_head_text h4 {
    font-size: 18px;
  }
}
@media (max-width: 720px) {
  .minion_main_header .lithium_head_text h4 {
    width: 90%;
  }
}
.minion_main_header img {
  max-width: 100%;
}
@media (max-width: 720px) {
  .minion_main_header img {
    min-height: 320px;
  }
}
.minion_section button,
.minion_section .link_btn {
  background-color: #36af30;
  border: 0;
  padding: 5px 40px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
}
.minion_section button:hover,
.minion_section .link_btn:hover {
  background-color: #ffbb00;
  color: #ffffff;
}
.minion_section h2 {
  font-size: 24px;
}
.minion_section1 {
  background-image: url(../images/slider-bg-3.jpg);
  background-position: top center;
  padding: 20px 0;
  background-size: cover;
}
.minion_section1 img {
  max-height: 175px;
}
.minion_section1 h3 {
  line-height: 30px;
  font-size: 18px;
  font-weight: 300;
}
@media (max-width: 720px) {
  .minion_section1 h3 {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}
.minion_section1 span {
  float: right;
  width: 35%;
  margin-top: 20px;
  text-align: right;
}
.minion_section1 span h3 {
  line-height: 35px;
  font-size: 16px;
}
.minion_section1 span h5 {
  font-weight: 300;
  font-size: 16px;
}
.minion_section2 {
  padding: 40px 0;
}
.minion_section2 img {
  max-width: 100%;
}
.minion_section2 .minion_services {
  border: 6px solid #36af30;
  border-top: 0;
  border-right: 0;
}
.minion_section2 .minion_services:hover {
  border: 6px solid #ffbb00;
  border-top: 0;
  border-right: 0;
}
.minion_section2 .minion_services span {
  display: block;
}
.minion_section2 .minion_services span h4 {
  padding: 15px 10px;
  background-color: #36af30;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 600;
}
.minion_section2 .minion_services .minion_service_content {
  padding: 20px;
}
.minion_section2 .minion_services .minion_service_content p {
  line-height: 1.5;
  font-weight: 300;
}
.minion_section2 .minion_services .minion_service_content a {
  color: #ffbb00;
}
.minion_section2 .minion_services:hover span {
  background-color: #ffbb00;
  color: #ffffff;
}
.minion_section2 h2 {
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .minion_section2 h2 {
    margin-bottom: 10px;
  }
}
.minion_section3 {
  background-image: url("../images/pexels-photo-260922.jpeg");
  color: #ffffff;
  padding: 40px 0;
  background-size: cover;
}
.minion_section3 h1 {
  font-size: 40px;
  text-align: center;
  padding: 0 345px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1366px) {
  .minion_section3 h1 {
    padding: 0 200px;
  }
}
@media (max-width: 720px) {
  .minion_section3 h1 {
    padding: 30px 0 0;
    font-size: 24px;
  }
}
@media (max-width: 560px) {
  .minion_section3 h1 {
    padding: 28px 0 0;
    font-size: 18px;
  }
}
.minion_section3 h1:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #36af30;
  width: 25%;
  right: 0;
  top: 0;
}
.minion_section3 h1:before {
  position: absolute;
  content: '';
  border-bottom: 2px solid #36af30;
  width: 25%;
  left: 0;
  top: 0;
}
.minion_section3 .minion_contact {
  height: 200px;
  border: 2px solid #36af30;
  border-top: 0;
  border-bottom: 0;
  position: relative;
  top: -86px;
}
@media (max-width: 720px) {
  .minion_section3 .minion_contact {
    height: 140px;
    top: -55px;
  }
}
@media (max-width: 560px) {
  .minion_section3 .minion_contact {
    top: -45px;
    padding-bottom: 0;
    height: 140px;
  }
}
.minion_section3 .minion_contactbtn {
  position: relative;
  top: -104px;
  text-align: center;
}
@media (max-width: 720px) {
  .minion_section3 .minion_contactbtn {
    top: -74px;
  }
}
@media (max-width: 560px) {
  .minion_section3 .minion_contactbtn {
    top: -63px;
  }
}
.minion_section3 .minion_contactbtn:hover:after,
.minion_section3 .minion_contactbtn:hover:before {
  border-color: #ffbb00;
}
.minion_section3 .minion_contactbtn:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #36af30;
  width: 42%;
  right: 0;
  top: 17px;
}
.minion_section3 .minion_contactbtn:before {
  position: absolute;
  content: '';
  border-bottom: 2px solid #36af30;
  width: 42%;
  left: 0;
  top: 17px;
}
.minion_section3 button,
.minion_section3 .link_btn {
  margin: 0 auto;
  display: block;
  padding: 10px 50px;
}
.minion_section4 a {
  display: inline-block;
  margin-bottom: 20px;
  min-height: auto;
  width: auto;
}
@media (max-width: 720px) {
  .minion_section4 a {
    min-height: auto;
  }
}
.minion_section4 a:hover i {
  border: 2px solid #36af30;
}
.minion_section4 a:hover span {
  background-color: #36af30;
}
.minion_section4 a:hover span h5 {
  color: #ffffff;
}
.minion_section4 a i {
  display: block;
  text-align: center;
  padding: 15px 0;
  border: 2px solid transparent;
  transition: all 0.5s ease-in-out;
}
.minion_section4 a span {
  text-align: center;
  padding: 10px;
  background-color: #ababab;
  display: block;
  min-height: 50px;
  font-size: 14px;
  color: #1b251d;
}
.minion_section4 a span h5 {
  font-size: 14px;
  color: #36af30;
}
.minion_section_footer {
  background-color: #b38300;
  color: #ffffff;
  padding: 40px 0;
}
.minion_section_footer li {
  margin-bottom: 5px;
  float: left;
  width: 100%;
}
.minion_section_footer li i {
  float: left;
  font-size: 22px;
  padding-top: 5px;
  width: 10%;
}
.minion_section_footer li span {
  padding-left: 0;
  line-height: 25px;
  font-weight: 300;
  width: 90%;
  float: right;
}
.minion_section_footer h3 {
  margin-bottom: 20px;
  font-size: 18px;
}
.minion_section_footer .minion_footer li {
  width: 100%;
}
.minion_section_footer .minion_footer li p {
  padding-left: 0;
  width: 100%;
  float: none;
}
.minion_section_footer h2 {
  line-height: 40px;
  margin-bottom: 30px;
  font-size: 14px;
}
.minion_section_footer h3 {
  font-size: 14px;
}
.minion_section_footer h4 {
  line-height: 22px;
  font-size: 14px;
}
@media (max-width: 990px) {
  .minion_section_footer .nn_col {
    clear: both;
    margin-bottom: 25px;
    float: left;
    width: 100%;
  }
}
.minion_section_copyright {
  padding: 20px 0;
  background-color: #d69d00;
  color: #ffffff;
}
.minion_inner_header {
  padding: 15px 0;
  background-color: #f5f5f5;
}
.minion_inner_header h5 {
  font-weight: 300;
}
.minion_inner_header h5 a {
  color: #1b251d;
}
.minion_category {
  padding: 20px 0 0;
}
.minion_category .nn_pagination {
  clear: both;
  text-align: center;
}
.minion_category .nn_pagination ul {
  border: 3px solid #ffbb00;
  border-top: 0;
  border-bottom: 0;
  clear: both;
  font-size: 0px;
  display: inline-block;
}
@media (max-width: 990px) {
  .minion_category .nn_pagination ul {
    margin-bottom: 25px;
  }
}
.minion_category .nn_pagination ul li {
  display: inline-block;
}
.minion_category .nn_pagination ul li a {
  color: #1b251d;
  font-size: 16px;
  padding: 10px;
  display: block;
  background-color: #8d857b;
}
.minion_category .nn_pagination ul li a p {
  margin: 0;
}
.minion_category .nn_pagination ul li a:hover {
  background-color: #ffbb00;
  color: #ffffff;
}
.minion_category h1 {
  margin-bottom: 30px;
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: 1px solid #8d857b;
}
@media (max-width: 640px) {
  .minion_category h1 {
    font-size: 24px;
  }
}
@media (max-width: 990px) {
  .minion_category ul {
    margin-bottom: 30px;
  }
}
.minion_category ul li a {
  padding: 10px 20px;
  background-color: #262f2a;
  color: #ffffff;
  display: block;
  margin-bottom: 2px;
}
.minion_category ul li a:hover,
.minion_category ul li a:focus {
  background-color: #36af30;
}
.minion_category ul li .active {
  background-color: #36af30;
}
.minion_cat_list a {
  color: #1b251d;
  background-color: #ffbb00;
  border-radius: 20px;
  padding: 4px 20px;
  margin-bottom: 20px;
  display: inline-block;
}
.minion_cat_list a:hover {
  color: #ffffff;
  background-color: #ffbb00;
}
.minion_cat_list h4 {
  line-height: 20px;
  font-size: 16px;
}
.minion_cat_list .minion_cat_section {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #8d857b;
}
@media (max-width: 540px) {
  .minion_cat_list .minion_cat_section img {
    width: 100%;
  }
}
.minion_cat_list .minion_cat_section .ecom_pdt {
  float: left;
  height: 230px;
  width: 45%;
  padding: 10px;
}
@media (max-width: 990px) {
  .minion_cat_list .minion_cat_section .ecom_pdt {
    height: auto;
  }
}
.minion_cat_list .minion_cat_section .ecom_pdt i {
  display: block;
  height: 230px;
  position: relative;
}
@media (max-width: 990px) {
  .minion_cat_list .minion_cat_section .ecom_pdt i {
    height: 140px;
  }
}
.minion_cat_list .minion_cat_section .ecom_pdt i img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 990px) {
  .minion_cat_list .minion_cat_section .ecom_pdt i img {
    width: auto;
  }
}
.minion_cat_list .minion_cat_section .minion_cat_title {
  float: left;
  width: 55%;
  padding: 5px 5px 5px 15px;
  background-color: #a59e96;
  height: 270px;
}
@media (max-width: 990px) {
  .minion_cat_list .minion_cat_section .minion_cat_title {
    height: auto;
    padding: 25px 15px;
  }
}
.minion_cat_list .minion_cat_section .minion_cat_title .price {
  color: #ffbb00;
  font-size: 16px;
}
.minion_cat_detail i {
  height: 290px;
  width: 100%;
  position: relative;
  display: block;
}
@media (max-width: 1366px) {
  .minion_cat_detail i {
    height: 322px;
  }
}
@media (max-width: 990px) {
  .minion_cat_detail i {
    height: 210px;
    margin: 20px 0;
  }
}
.minion_cat_detail i img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.minion_cat_detail h3 {
  color: #ffffff;
  background-color: #ffbb00;
  width: 100%;
  padding: 10px 20px;
}
.minion_cat_detail .minion_pdt_content {
  margin: 30px 0;
}
.minion_cat_detail .minion_pdt_content ul {
  border: 0;
}
.minion_news {
  float: left;
  width: 100%;
}
.minion_news .minion_news_list {
  float: left;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #8d857b;
  margin-bottom: 30px;
}
.minion_news .minion_news_list:last-child {
  border: 0;
}
.minion_news .minion_news_list .news {
  float: left;
  width: 70%;
}
@media (max-width: 720px) {
  .minion_news .minion_news_list .news {
    width: 100%;
  }
}
.minion_news .minion_news_list .news h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.minion_news .minion_news_list .image {
  float: right;
  width: 25%;
}
@media (max-width: 720px) {
  .minion_news .minion_news_list .image {
    width: 100%;
  }
}
.minion_news .minion_news_list .image img {
  float: right;
  max-height: 100px;
}
@media (max-width: 720px) {
  .minion_news .minion_news_list .image img {
    width: 100%;
    height: auto;
  }
}
.minion_about h4 {
  line-height: 32px;
  margin-bottom: 30px;
  font-weight: 400;
}
.minion_about p {
  line-height: 1.5;
  font-size: 16px;
}
.minion_about i img {
  left: 0;
  right: inherit;
}
.minion_about h3 {
  margin-bottom: 30px;
}
.minion_contact {
  padding-bottom: 0;
  padding-top: 75px;
}
.minion_contact iframe {
  margin-bottom: 30px;
}
.minion_contact h5 {
  margin-bottom: 30px;
  font-weight: 600;
}
.minion_contact .minion_form input,
.minion_contact .minion_form textarea {
  display: block;
  width: 100%;
  padding: 5px 20px;
  line-height: 35px;
  margin-bottom: 35px;
  background-color: #ccd1d2;
  color: #000000;
}
.minion_contact .minion_form input::-webkit-input-placeholder,
.minion_contact .minion_form textarea::-webkit-input-placeholder {
  color: #000000;
}
.minion_contact .minion_form input::-moz-placeholder,
.minion_contact .minion_form textarea::-moz-placeholder {
  color: #000000;
}
.minion_contact .minion_form input:-ms-input-placeholder,
.minion_contact .minion_form textarea:-ms-input-placeholder {
  color: #000000;
}
.minion_contact .minion_form input:-moz-placeholder,
.minion_contact .minion_form textarea:-moz-placeholder {
  color: #000000;
}
.minion_contact .minion_form textarea {
  min-height: 100px;
}
.minion_contact .minion_form button {
  margin-bottom: 30px;
  background-color: #262f2a;
  border: 2px solid transparent;
  color: #ffffff;
  border-radius: 25px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 8px 30px;
}
.minion_contact .minion_form button:active,
.minion_contact .minion_form button:focus,
.minion_contact .minion_form button:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  padding: 8px 30px;
}
.minion_gallery .iron_gallery a {
  position: relative;
  display: block;
  box-shadow: none;
  transition: 0.3s all ease-in-out;
  width: 100%;
}
.minion_gallery .iron_gallery a:hover {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
  transform: translateY(-8px);
}
.minion_gallery .iron_gallery a .card {
  box-shadow: none;
  margin: 0px 0 20px 0px;
  height: 200px;
  width: 100%;
  object-fit: cover;
}
.minion_gallery .iron_gallery a .hover {
  transition: all 250ms;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.25);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  height: 100%;
  width: 100%;
  transform: scale(0);
  justify-content: center;
  align-items: center;
  display: none;
}
.minion_gallery .iron_gallery a .hover i {
  color: #ffffff;
  font-size: 40px;
  display: none;
}
.minion_gallery .iron_gallery a:hover .hover {
  transform: scale(1);
}
.site-editor .minion_gallery .hover {
  transform: scale(0);
}
.site-editor .iron_gallery a .hover {
  display: none;
}
.site-editor .garden_relization .realization_section .mask {
  display: none;
}
.site-editor .garden_relization .realization_section .realization2 {
  opacity: 1;
}
.site-editor .pixel_gallery .gal_box .fancy_grid::after {
  display: none;
}
.site-editor .pixel_gallery .gal_box .gal_btn {
  left: 20px;
  opacity: 1;
}
.site-editor .pixel_gallery .gal_box .gal_text {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
/********minion************/
.union_header.iron_header {
  position: relative;
}
.union_header.iron_header .menu_top {
  text-align: left;
  height: 50px;
  line-height: 50px;
  background-color: #ffbb00;
}
.union_header.iron_header .menu_top .union_header_social a {
  color: #8d857b;
  font-size: 18px;
  margin-left: 10px;
}
@media (max-width: 990px) {
  .union_header.iron_header .menu_top {
    padding: 0 25px;
  }
}
@media (max-width: 480px) {
  .union_header.iron_header .menu_top {
    padding: 0 5px;
  }
}
.union_header.iron_header .menu_top i {
  margin-right: 8px;
  color: #ffffff;
}
@media (max-width: 640px) {
  .union_header.iron_header .menu_top i {
    display: none;
  }
}
.union_header.iron_header .menu_top i,
.union_header.iron_header .menu_top h5 {
  float: left;
  line-height: 47px;
}
.union_header.iron_header .menu_top h5 {
  margin-right: 40px;
  font-size: 14px;
  color: #ffffff;
}
@media (max-width: 990px) {
  .union_header.iron_header .menu_top h5 {
    font-size: 12px;
    margin-right: 20px;
  }
}
@media (max-width: 640px) {
  .union_header.iron_header .menu_top h5 {
    display: none;
  }
}
.union_header.iron_header .menu_top a {
  color: #ffffff;
  text-decoration: none;
}
.union_header.iron_header .main_header {
  background-color: transparent;
  height: auto;
  padding: 0;
}
.union_header.iron_header .main_header .logo_head {
  margin-top: 0;
  padding: 0;
}
.union_header.iron_header .main_header .logo_head a {
  width: auto;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}
.union_header.iron_header .main_header .logo_head a img {
  max-width: 170px;
  z-index: 101;
  position: relative;
}
.union_header.iron_header .main_header .nav li {
  padding: 0;
}
.union_header.iron_header .main_header .nav li a {
  border-right: 0;
  color: #8d857b;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 30px 8px;
  font-size: 14px;
}
@media (max-width: 990px) {
  .union_header.iron_header .main_header .nav li a {
    padding: 0;
  }
}
.union_header.iron_header .main_header .nav li a:hover,
.union_header.iron_header .main_header .nav li a:focus {
  color: #ffbb00;
}
.union_header.iron_header .main_header .nav li .active {
  color: #ffbb00;
  background-color: transparent;
}
.union_header.iron_header .main_header .nav li .dropdown-menu {
  background-color: #262f2a;
  top: 78px;
}
@media (max-width: 990px) {
  .union_header.iron_header .main_header .nav li .dropdown-menu {
    position: initial;
    width: 100%;
  }
}
.union_header.iron_header .main_header .nav li .dropdown-menu li a {
  color: #ffffff;
}
.union_header.iron_header .main_header .nav li .dropdown-menu li a:hover {
  color: #262f2a;
}
.union_header.iron_header .navbar-header .navbar-toggle .icon-bar {
  background: #262f2a;
}
.union_header.iron_header .navbar-collapse {
  background: #ffffff;
  top: 80px;
  left: 0;
  padding: 20px 0;
}
@media (max-width: 990px) {
  .union_header.iron_header .navbar-collapse {
    border-top: 2px solid #262f2a;
    border-bottom: 2px solid #262f2a;
  }
}
.union_header.iron_header .navbar-collapse .nav {
  background: #ffffff;
}
.union_header.iron_header .union_header_mail {
  display: inline-block;
  float: left;
}
.union_header.iron_header .union_header_social {
  display: inline-block;
  float: right;
}
.nn_alfa_slider.nn_union .owl-controls {
  margin: 0;
}
.nn_alfa_slider.nn_union .owl-controls .owl-buttons div {
  border-radius: initial;
  padding: 20px 30px;
}
.nn_union.nn_union_section1 {
  padding-top: 60px;
  background-color: #ffbb00;
}
.nn_union.nn_union_section1 h2 {
  color: #ffffff;
}
.nn_union.nn_union_section1 .nn_union_inner_sec .nn_col {
  padding: 0;
}
.nn_union.nn_union_section1 .nn_union_inner_sec .nn_col img {
  max-width: 100%;
}
.nn_union.nn_union_section1 .union_inner_img {
  position: relative;
}
.nn_union.nn_union_section1 .union_inner_img:hover .hover {
  width: 100%;
}
.nn_union.nn_union_section1 .union_inner_img:hover .hover h4,
.nn_union.nn_union_section1 .union_inner_img:hover .hover a {
  left: 50%;
  transform: translate(-50%, -50%);
}
.nn_union.nn_union_section1 .union_inner_img .hover {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: rgba(255, 187, 0, 0.9);
  width: 0;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
}
.nn_union.nn_union_section1 .union_inner_img .hover h4,
.nn_union.nn_union_section1 .union_inner_img .hover a {
  color: #ffffff;
  transition: all ease-in-out 0.4s;
  position: absolute;
  display: block;
  left: 0;
}
.nn_union.nn_union_section1 .union_inner_img .hover h4 {
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  font-size: 20px;
}
.nn_union.nn_union_section1 .union_inner_img .hover a {
  top: 60%;
  transform: translateY(-60%);
  font-size: 30px;
  display: block;
}
.nn_union {
  color: #1b251d;
  /********************Nano Share Buttons***********************/
  /********************Nano Share Buttons***********************/
}
.nn_union p,
.nn_union h1,
.nn_union h2,
.nn_union h3,
.nn_union h4,
.nn_union h5,
.nn_union h6 {
  color: #1b251d;
}
.nn_union p {
  line-height: 1.5;
  font-weight: 400;
}
.nn_union img {
  max-width: 100%;
}
.nn_union h2,
.nn_union .union_title {
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 40px;
  color: #1b251d;
  font-size: 24px;
}
.nn_union h2:before,
.nn_union .union_title:before {
  position: absolute;
  content: "";
  border-bottom: 3px solid #ffbb00;
  width: 190px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 560px) {
  .nn_union h2:before,
  .nn_union .union_title:before {
    width: 50%;
  }
}
.nn_union .nano_social_btn {
  padding: 0;
  list-style: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0 30px;
}
.nn_union .nano_social_btn li {
  display: inline-block;
  margin-right: 5px;
  width: auto;
}
.nn_union .nano_social_btn li a {
  display: inline-block !important;
  background-color: #262f2a !important;
  border: 2px solid #262f2a !important;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: normal !important;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
  padding: 0 !important;
  transition: 0.3s all ease-in-out;
}
.nn_union .nano_social_btn li a:hover {
  background-color: transparent !important;
  border: 2px solid #262f2a !important;
  color: #262f2a !important;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 766px) {
  .nn_union_slider .item {
    min-height: 300px;
    position: relative;
    overflow: hidden;
  }
}
@media (max-width: 766px) {
  .nn_union_slider .item img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
@media (max-width: 766px) {
  .nn_union_slider .owl-controls .owl-buttons div {
    padding: 10px;
  }
}
@media (max-width: 766px) {
  .nn_union_slider .owl-controls .owl-buttons div i {
    font-size: 18px;
  }
}
.nn_union_section2 {
  padding: 60px 0;
}
.nn_union_section2 span {
  display: block;
  background-color: #ffffff;
  padding: 25px 15px 15px 15px;
  margin: -62px 20px 20px 20px;
  position: relative;
  font-weight: 600;
  color: #1b251d;
}
.nn_union_section2 span a {
  font-size: 16px;
  color: #1b251d;
}
.nn_union_section2 span h4 {
  margin-bottom: 10px;
}
.nn_union_service {
  padding: 90px;
  background-color: rgba(255, 201, 51, 0.5);
}
@media (max-width: 766px) {
  .nn_union_service {
    padding: 50px;
  }
}
@media (max-width: 560px) {
  .nn_union_service {
    padding: 50px 25px;
  }
}
.nn_union_service h3 {
  position: relative;
  padding-bottom: 20px;
  line-height: 1.4;
}
@media (max-width: 766px) {
  .nn_union_service h3 {
    font-size: 18px;
  }
}
.nn_union_service h3:after {
  position: absolute;
  content: "";
  width: 200px;
  bottom: 0;
  border-bottom: 3px solid #ffbb00;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 766px) {
  .nn_union_service h3:after {
    width: 50%;
  }
}
.union_footer {
  background-color: #ffbb00;
}
.union_footer h3 {
  color: #ffffff;
  font-size: 14px;
}
@media (max-width: 990px) {
  .union_footer h3 {
    margin-bottom: 10px;
  }
}
.union_footer p {
  color: #ffffff;
  font-size: 12px;
  margin-top: 20px;
}
.union_footer a {
  font-size: 12px;
}
.union_footer a:hover i {
  margin-left: 10px;
  color: #ffbb00;
}
.union_footer a i {
  color: #485950;
  margin-right: 10px;
  transition: all ease 0.1s;
}
.union_footer a img {
  max-width: 210px;
}
.union_footer .union_footer_social {
  padding: 0;
  margin: 20px;
  list-style: none;
  display: inline-block;
  width: auto;
}
.union_footer .union_footer_social li {
  display: inline-block;
  margin-right: 15px;
  list-style: none;
  width: auto;
}
.union_footer .union_footer_social li:last-child {
  margin-right: 0;
}
.union_footer .union_footer_social li a {
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
}
.union_footer ul li {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.union_footer ul li i {
  float: left;
  font-size: 22px;
  padding-top: 5px;
  width: 10%;
  color: #ffffff;
}
.union_footer ul li p {
  padding-left: 0;
  line-height: 30px;
  font-weight: 300;
  width: 80%;
  float: right;
  margin: 0;
  font-size: 12px;
}
@media (max-width: 990px) {
  .union_footer ul li p {
    width: 90%;
  }
}
@media (max-width: 990px) {
  .union_footer .nn_col {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 25px;
  }
}
.union_copyirght {
  padding: 25px 0;
  background-color: #060e01;
}
.union_copyirght p {
  color: #ffffff;
  text-align: center;
}
.nn_union_inner_header {
  background-image: url("/static/themes/nano_lite/images/gard-img-11.jpg");
  padding: 60px 0;
}
.nn_union_inner_header h1,
.nn_union_inner_header h3 {
  margin-bottom: 30px;
  font-size: 36px;
}
@media (max-width: 640px) {
  .nn_union_inner_header h1,
  .nn_union_inner_header h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.nn_union_inner_header ol {
  padding: 10px 30px;
  background-color: #ffffff;
  width: fit-content;
  margin: 0 auto;
  border-radius: 0;
}
.nn_union_inner_header ol li a {
  color: #1b251d;
}
.nn_union.nn_union_about {
  padding: 60px 0;
}
.nn_union.nn_union_about h2,
.nn_union.nn_union_about h1 {
  position: relative;
  padding-bottom: 20px;
  margin: 20px 0;
  font-size: 24px;
}
@media (max-width: 990px) {
  .nn_union.nn_union_about h2,
  .nn_union.nn_union_about h1 {
    font-size: 16px;
  }
}
.nn_union.nn_union_about h2:before,
.nn_union.nn_union_about h1:before {
  left: 0;
  bottom: 0;
  margin: initial;
}
.nn_union.nn_union_about iframe {
  padding: 10px;
  border: 1px solid #1b251d;
}
@media (max-width: 990px) {
  .nn_union_category ul {
    margin-bottom: 25px;
  }
}
.nn_union_category ul li {
  margin-bottom: 2px;
}
.nn_union_category ul li a {
  display: block;
  padding: 10px 30px;
  background-color: #8d857b;
  color: #ffffff;
  font-weight: 600;
}
.nn_union_category ul li a p {
  color: #1b251d;
  margin: 0;
}
.nn_union_category ul li a:hover {
  background-color: #262f2a;
  color: #ffffff;
}
.nn_union_category ul li a:hover p {
  color: #ffffff;
}
.nn_union_pdt a {
  border: 1px solid #ffbb00;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.nn_union_pdt .product {
  border-bottom: 1px solid #ffbb00;
}
.nn_union_pdt .pdt_title,
.nn_union_pdt .pdt_description {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 10px;
}
.nn_union_pdt .pdt_title p,
.nn_union_pdt .pdt_description p {
  margin: 0;
  height: 120px;
  overflow: hidden;
}
.nn_union_pdt .pdt_title h4,
.nn_union_pdt .pdt_description h4 {
  margin-bottom: 15px;
  font-weight: 600;
  max-height: 40px;
  overflow: hidden;
  font-size: 16px;
}
.nn_union_pdt .pdt_title button,
.nn_union_pdt .pdt_description button {
  background-color: #262f2a;
  color: #ffffff;
  padding: 0 20px;
  border: 0;
  text-align: center;
  height: 45px;
  line-height: 42px;
  border-radius: 8px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  width: auto;
  margin: 10px 0;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.nn_union_pdt .pdt_title button:hover,
.nn_union_pdt .pdt_description button:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.nn_union_pdt .pdt_title {
  text-align: center;
}
.nn_union_pdt .pdt_description {
  background-color: #d4d1cd;
  height: 375px;
  overflow: hidden;
}
.ecom_pdt {
  width: 100%;
  height: 231px;
  position: relative;
  margin: 20px 0;
}
.ecom_pdt img {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.union_pdt_detail img {
  margin-bottom: 30px;
  width: 350px;
  height: 350px;
  object-fit: cover;
}
.union_pdt_detail .pdt_summary {
  border-top: 1px solid #262f2a;
  padding-top: 20px;
}
@media (max-width: 990px) {
  .union_pdt_detail .pdt_summary {
    border: 0;
  }
}
.union_pdt_detail ul {
  padding: 0;
  margin: 0;
  list-style: disc;
}
.union_pdt_detail ul li {
  list-style: disc;
  margin-bottom: 8px !important;
  color: #1b251d;
}
.nn_union_contact h5 {
  margin-bottom: 20px;
}
.nn_union_contact .union_form {
  margin-top: 20px;
}
.nn_union_contact .union_form input,
.nn_union_contact .union_form textarea {
  margin-bottom: 20px;
  border: 2px solid #262f2a;
  background-color: #c8c4bf;
  height: 55px;
  padding: 14px;
  width: 100%;
  color: #000000;
  font-size: 15px;
}
.nn_union_contact .union_form textarea {
  height: 100px;
}
.nn_union_contact .union_form button {
  background-color: #262f2a;
  color: #ffffff;
  padding: 12px 10px;
  width: auto;
  border: 0;
  margin-top: 20px;
}
.nn_union_contact ul {
  margin-top: 30px;
}
.nn_union_contact ul li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.nn_union_contact ul li i {
  float: left;
  font-size: 15px;
  padding-top: 5px;
  width: 5%;
  color: #ffbb00;
}
.nn_union_contact ul li p {
  padding-left: 0;
  line-height: 30px;
  font-weight: 300;
  width: 92%;
  float: right;
  margin: 0;
  font-size: 16px;
}
@media (max-width: 990px) {
  .nn_union_contact .nn_col {
    margin-bottom: 50px;
  }
}
.nn_union_section1.nn_union_gallery {
  padding: 60px 0;
  background-color: transparent;
}
/****uion******/
/****wondex******/
.wondex_header {
  text-align: inherit;
}
.wondex_header .menu_top {
  width: 100%;
  padding: 15px 0;
  float: left;
}
.wondex_header .menu_top .logo_head {
  float: none;
  display: block;
  text-align: center;
}
.wondex_header .menu_top img {
  height: 70px;
}
@media (max-width: 990px) {
  .wondex_header .menu_top img {
    height: 45px;
    margin-left: -10px;
  }
}
.wondex_header .menu_top .social_link a {
  background-color: #262f2a;
  color: #ffffff;
  border-radius: 50%;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
}
.wondex_header .menu_top a {
  float: right;
  line-height: 65px;
  color: #1b251d;
  margin-left: 20px;
  font-weight: 300;
}
.wondex_header .menu_top a span {
  display: inline-block;
}
.wondex_header .menu_top a i {
  margin-right: 5px;
}
.wondex_header .main_header {
  float: left;
  width: 100%;
  background-color: #040f01;
}
.wondex_header .main_header .nav li {
  display: table-cell;
}
@media (max-width: 990px) {
  .wondex_header .main_header .nav li {
    display: block;
  }
}
.wondex_header .main_header .nav li a {
  color: #ffffff;
  padding: 10px 31px;
}
@media (max-width: 1366px) {
  .wondex_header .main_header .nav li a {
    padding: 10px 20px;
  }
}
@media (max-width: 990px) {
  .wondex_header .main_header .nav li a {
    padding: 10px 0;
  }
}
.wondex_header .main_header .nav li a:hover,
.wondex_header .main_header .nav li a:focus {
  background-color: #ffffff;
  color: #040f01;
}
@media (max-width: 990px) {
  .wondex_header .main_header .nav li a:hover,
  .wondex_header .main_header .nav li a:focus {
    padding: 10px;
  }
}
.wondex_header .main_header .nav li .active {
  background-color: #ffffff;
  color: #040f01;
}
@media (max-width: 990px) {
  .wondex_header .main_header .nav li .active {
    padding: 10px;
  }
}
.wondex_header .main_header .nav li .active:hover,
.wondex_header .main_header .nav li .active:focus {
  background-color: #ffffff;
  color: #040f01;
}
.wondex_header .main_header .nav li .dropdown-menu {
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  background-color: #238209;
}
.wondex_header .main_header .nav li .dropdown-menu:before {
  position: absolute;
  content: "";
  background-color: #238209;
  height: 40px;
  width: 100vw;
  left: -107.2%;
  top: 0;
  right: 0;
  z-index: 2;
}
.wondex_header .main_header .nav li .dropdown-menu li a {
  position: relative;
  z-index: 3;
  background-color: #238209;
  color: #ffffff;
}
.wondex_header .main_header .nav li .dropdown-menu li a:hover {
  background-color: #ffffff;
  color: #040f01;
}
.wondex_header .main_header .nav .open a {
  background-color: #ffffff;
  color: #040f01;
}
.wondex_header .main_header .wondex_search {
  position: relative;
}
@media (max-width: 990px) {
  .wondex_header .main_header .wondex_search {
    margin-bottom: 10px;
    display: block;
    max-width: 300px;
  }
}
.wondex_header .main_header .wondex_search input {
  margin-top: 5px;
  height: 35px;
  border: 0;
  height: 30px;
  float: right;
  padding: 10px;
  max-width: 300px;
}
@media (max-width: 990px) {
  .wondex_header .main_header .wondex_search input {
    float: none;
    width: 100%;
  }
}
.wondex_header .main_header .wondex_search i {
  position: absolute;
  top: 12px;
  right: 10px;
}
.wondex_header .main_header .navbar-collapse {
  padding: 0;
  border: 0;
  box-shadow: none;
}
@media (max-width: 990px) {
  .wondex_header .navbar-header {
    padding: 10px 0 10px 15px;
  }
}
.wondex_header .navbar-header button .icon-bar {
  background-color: #ffffff;
}
.nn_wondex_header img {
  max-width: 100%;
}
.nn_wondex_section1 {
  padding: 40px 0;
  background-color: #262f2a;
  color: #ffffff;
}
.nn_wondex_section1 h1 {
  font-weight: 800;
  margin-bottom: 15px;
}
.nn_wondex_section1 h3 {
  font-weight: 300;
}
.nn_wondex_section2 {
  padding: 30px 0;
}
.nn_wondex_section2 .wondex_pdt {
  background-color: #ffffff;
  padding: 20px 30px;
  clear: both;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  min-height: 480px;
}
.nn_wondex_section2 .wondex_pdt .wondex_img {
  height: 200px;
  position: relative;
  width: 100%;
}
.nn_wondex_section2 .wondex_pdt .wondex_img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.nn_wondex_section2 .wondex_pdt h3 {
  font-weight: 600;
  margin: 10px 0;
}
.nn_wondex_section2 .wondex_pdt p {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
}
.nn_wondex_section2 .wondex_pdt a {
  border: 1px solid #1b251d;
  padding: 3px 10px;
  color: #1b251d;
  display: inline-block;
  font-weight: 300;
  float: right;
  margin-top: 30px;
}
.nn_wondex_copyright {
  background-color: #040f01;
  color: #ffffff;
  padding: 15px 0;
  border-bottom: 1px solid #e31018;
}
.nn_wondex_copyright p {
  margin: 0;
}
.nn_wondex_copyright a {
  margin-left: 10px;
  color: #ffffff;
  font-size: 20px;
}
.nn_wondex_copyright1 {
  background-color: #f1353c;
  border-top: 1px solid #e31018;
  padding: 5px 20px;
  color: #ffffff;
}
.nn_wondex_copyright1 p {
  margin: 0;
  font-size: 12px;
}
.nn_wondex_footer {
  background-color: #040f01;
  color: #ffffff;
  padding: 60px 0;
}
.nn_wondex_footer h5 {
  font-weight: 600;
  margin-bottom: 5px;
}
.nn_wondex_footer a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #8d857b;
}
@media (max-width: 767px) {
  .nn_wondex_footer .nn_col {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .nn_wondex_footer .nn_col {
    width: 100%;
  }
}
.nn_wondex_inner_header {
  padding: 30px 0;
  border-bottom: 1px solid #f6f6f6;
}
.nn_wondex_cat .wondex_pdt h3,
.nn_wondex_cat .wondex_pdt a {
  color: #040f01;
  border-color: #040f01;
}
.nn_wondex_cat ul li {
  display: inline-block;
}
.nn_wondex_cat ul li a {
  color: #ffffff;
  background-color: #040f01;
  padding: 3px 10px;
  display: block;
  border: 1px solid #ffffff;
}
.nn_wondex_cat ul li a p {
  margin: 0;
  color: #ffffff;
}
.nn_wondex_cat ul li a:hover {
  background-color: #ffffff;
}
.nn_wondex_cat ul li a:hover p {
  margin: 0;
  color: #040f01;
}
.nn_wondex_cat ul li .active {
  background-color: #ffffff;
}
.nn_wondex_cat ul li .active p {
  margin: 0;
  color: #040f01;
}
.nn_wondex_cat_detail h3 {
  color: #040f01;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 28px;
}
.nn_wondex_cat_detail i {
  height: 300px;
  display: block;
}
.nn_wondex_cat_detail i img {
  max-width: 100%;
  margin: 0 auto;
  max-height: 100%;
}
.nn_wondex_cat_detail .product_attributes {
  background-color: #fbfbfb;
  padding: 20px 10px;
  color: #1b251d;
}
.nn_wondex_cat_detail .product_attributes p {
  font-size: 22px;
}
.nn_wondex_cat_summary {
  padding: 20px 0;
}
.nn_wondex_cat_summary h3 {
  text-align: left;
  font-size: 20px;
}
.nn_wondex_cat_summary p {
  font-size: 18px;
}
.nn_wondex_cat_summary_section {
  background-color: #f6f6f6;
  padding: 40px;
}
.nn_wondex_cat_summary_section p {
  font-size: 22px;
}
.nn_wondex_cat_summary_section ul {
  list-style: disc;
  margin: 15px 0;
  padding: 0;
  margin-left: 25px;
}
.nn_wondex_cat_summary_section ul li {
  margin-bottom: 5px;
  font-size: 22px;
}
.nn_wondex_cat_summary_section .post_social {
  list-style: none;
  padding: 0;
  margin: 30px 0 20px;
  text-align: left;
  width: 100%;
}
.nn_wondex_cat_summary_section .post_social li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.nn_wondex_cat_summary_section .post_social li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #ffffff;
  background-color: #262f2a;
  border-radius: 8px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
.nn_wondex_cat_summary_section .post_social li a:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
  transform: translateY(-5%);
  transition: 0.3s all ease-in-out;
}
.wondex_contact {
  background-color: #ccc;
  padding: 60px 0;
}
.wondex_contact h3 {
  font-weight: 600;
  margin-bottom: 10px;
}
.wondex_contact h4 {
  margin-bottom: 10px;
}
.wondex_contact h2 {
  background-color: #262f2a;
  color: #ffffff;
  padding: 10px 20px;
  margin: 60px 0 0px 0;
  font-size: 24px;
  font-weight: 300;
}
.wondex_contact .contact_info {
  background-color: #bfbfbf;
  float: left;
  width: 100%;
  padding: 20px 10px;
  margin-bottom: 15px;
}
.wondex_contact img {
  max-width: 100%;
}
.wondex_about p {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .nn_wondex h1 {
    font-size: 24px;
  }
}
@media (max-width: 990px) {
  .nn_wondex h2 {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .nn_wondex h3 {
    font-size: 16px;
  }
}
/****wondex******/
/******nova*********/
.nova_header.wondex_header {
  background-color: #36af30;
}
.nova_header.wondex_header img {
  max-height: 65px;
  margin: 10px 0px;
}
.nova_header.wondex_header .main_header {
  background-color: #36af30;
}
@media (max-width: 990px) {
  .nova_header.wondex_header .main_header {
    text-align: center;
  }
}
.nova_header.wondex_header .main_header .nav li {
  line-height: 15px;
  padding: 20px 10px;
}
@media (max-width: 990px) {
  .nova_header.wondex_header .main_header .nav li {
    padding: 10px 0;
  }
}
.nova_header.wondex_header .main_header .nav li a {
  padding: 10px 15px;
}
.nova_header.wondex_header .main_header .nav li a:hover,
.nova_header.wondex_header .main_header .nav li a:focus {
  background-color: #3cc335;
  color: #ffffff;
}
.nova_header.wondex_header .main_header .nav li .active {
  background-color: #3cc335;
  color: #ffffff;
}
.nova_header.wondex_header .main_header .nav li .active:hover,
.nova_header.wondex_header .main_header .nav li .active:focus {
  background-color: #3cc335;
  color: #ffffff;
}
.nova_header.wondex_header .main_header .nav li .dropdown-menu {
  padding: 0;
}
@media (max-width: 990px) {
  .nova_header.wondex_header .main_header .nav li .dropdown-menu {
    width: 100%;
  }
}
.nova_header.wondex_header .main_header .nav li .dropdown-menu:before {
  display: none;
}
.nova_header.wondex_header .main_header .nav li .dropdown-menu li {
  padding: 0;
  display: block !important;
}
@media (max-width: 990px) {
  .nova_header.wondex_header .main_header .nav li .dropdown-menu li {
    text-align: center;
  }
}
.nova_header.wondex_header .main_header .nav li .dropdown-menu li a {
  background-color: #36af30;
}
@media (max-width: 990px) {
  .nova_header.wondex_header .main_header .nav li .dropdown-menu li a {
    text-align: center;
  }
}
.nova_header.wondex_header .main_header .nav li .dropdown-menu li a:hover {
  color: #ffffff;
  background-color: #2b8794;
}
@media (max-width: 990px) {
  .nova_header.wondex_header .main_header .navbar-header {
    padding: 0 0 20px 0;
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .nova_header.wondex_header .navbar-collapse {
    margin-top: 20px;
  }
}
.nn_nova_section1 {
  background-color: #ccc;
  padding: 20px 0;
}
.nn_nova_section1 h5 {
  line-height: 30px;
}
.nn_nova {
  color: #1b251d;
}
.nn_nova .owl-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .nn_nova h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .nn_nova h3 {
    font-size: 20px;
  }
}
.nn_nova_section2 {
  padding: 60px 0;
}
.nn_nova_section3 {
  padding-top: 30px;
}
.nn_nova_section3 h3 {
  margin-bottom: 10px;
}
.nn_nova_section3 p {
  line-height: 1.5;
  margin: 0;
}
.nn_nova_section3 a {
  color: #1b251d;
  padding: 3px 10px;
  border: 1px solid #1b251d;
  display: inline-block;
  margin-top: 10px;
}
.nn_nova_section3 a:hover {
  background-color: #ccc;
}
.nn_nova_section3 a i {
  color: #1b251d;
  margin-right: 10px;
}
.nova_pdt {
  margin-bottom: 30px;
  float: left;
}
.nova_pdt:last-child {
  margin: 0;
}
.nn_nova_footer {
  background-color: #3cc335;
  color: #ffffff;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .nn_nova_footer {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .nn_nova_footer .nn_col {
    margin-bottom: 20px;
  }
}
.nn_nova_footer h4 {
  margin-bottom: 10px;
}
.nn_nova_footer p {
  margin: 0;
  line-height: 30px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .nn_nova_footer p {
    padding-left: 0;
  }
}
.nn_nova_footer p a {
  color: #ffffff;
}
.nn_nova_footer .nova_address a {
  margin-right: 10px;
  display: inline-block;
  color: #36af30;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 8px 10px;
  font-size: 12px;
}
.nn_nova_footer .nova_address span {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.nn_nova_footer .nova_address span i {
  float: left;
  width: 20%;
  font-size: 42px;
  line-height: 55px;
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .nn_nova_footer .nova_address span i {
    width: auto;
  }
}
.nn_nova_footer .nova_address span .nova_cntct {
  float: left;
  width: 80%;
}
@media (max-width: 767px) {
  .nn_nova_footer .nova_address span .nova_cntct {
    width: 55%;
  }
}
.nn_nova_footer .nova_address span .nova_cntct p {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.nn_nova_footer .nova_address img {
  max-width: 100%;
}
.nn_nova_footer .nova_address i {
  float: left;
  font-size: 42px;
}
.nn_nova_footer .nova_address h4 {
  width: 77%;
  float: right;
}
@media (max-width: 767px) {
  .nn_nova_footer .nova_address h4 {
    width: 91%;
  }
}
.nn_nova_copyright {
  padding: 5px 0;
  background-color: #36af30;
  color: #ffffff;
}
.nn_nova_copyright h6 {
  line-height: 20px;
}
.nn_nova_about img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  margin-bottom: 40px;
}
.nn_nova_about i {
  display: block;
  margin-bottom: 20px;
}
.nn_nova_about i img {
  margin: inherit;
}
.nn_nova_cat h3 {
  margin-bottom: 15px;
}
.nn_nova_cat ul li {
  display: block;
  border-bottom: 1px dashed #1b251d;
}
.nn_nova_cat ul li a {
  color: #1b251d;
  padding: 8px 10px;
  display: block;
}
.nn_nova_cat ul li a p {
  margin: 0;
}
.nn_nova_cat ul li a:hover {
  background-color: #ccc;
}
.nn_nova_cat ul li .active {
  background-color: #ccc;
}
@media (max-width: 767px) {
  .nn_nova_cat {
    margin-bottom: 30px;
  }
}
.nn_nova_contact {
  padding: 60px 0;
}
.nn_nova_contact p {
  font-size: 16px;
}
.nn_nova_contact p strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .nn_nova_contact form {
    margin-top: 30px;
  }
}
.nn_nova_contact input {
  width: 100%;
  border: 1px solid #a9a9a9;
  color: #626262;
  line-height: 30px;
  margin-bottom: 10px;
}
.nn_nova_contact textarea {
  border: 1px solid #a9a9a9;
  color: #626262;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
}
.nn_nova_contact button {
  background-color: #36af30;
  color: #ffffff;
  padding: 4px 20px;
  border-radius: 5px;
  display: inline-block;
  border: 0;
}
.nova_cat {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ccc;
}
.nova_cat:hover {
  border-color: #36af30;
}
.nova_cat .nova_cat_img {
  width: 40%;
  float: left;
  max-height: 148px;
}
.nova_cat .nova_cat_img .ecom_img {
  position: relative;
  height: 100%;
}
.nova_cat .nova_cat_img .ecom_img img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 480px) {
  .nova_cat .nova_cat_img {
    height: 180px;
  }
}
.nova_cat .cat_info {
  width: 60%;
  float: left;
  text-align: right;
  height: 148px;
  padding-top: 20px;
}
@media (max-width: 480px) {
  .nova_cat .cat_info {
    height: 180px;
  }
}
.nova_cat .cat_info h5 {
  font-weight: 600;
}
.nova_cat .cat_info h5,
.nova_cat .cat_info p,
.nova_cat .cat_info li {
  color: #1b251d;
}
.nova_cat .cat_info span {
  color: #36af30;
  padding: 2px 10px;
  border: 1px solid #36af30;
  border-radius: 4px;
}
.nova_cat .cat_info span:hover {
  color: #ffffff;
  background-color: #36af30;
}
.nova_cat .cat_info ul {
  height: 40px;
  overflow: hidden;
}
.nova_cat_detail i {
  height: 400px;
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 40px;
}
.nova_cat_detail i img {
  max-width: 100%;
  max-height: 100%;
  margin: inherit;
}
.nova_cat_detail h3 {
  font-weight: 600px;
  margin-bottom: 20px;
}
/*******nova*******/
/******alfa****************/
.alfa_header {
  padding-bottom: 5px;
}
.alfa_header .menu_top {
  text-align: right;
  min-height: 40px;
  line-height: 40px;
  position: relative;
  margin-top: 20px;
}
.alfa_header .menu_top a {
  color: #262f2a;
  margin-left: 15px;
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 540px) {
  .alfa_header .menu_top a {
    font-size: 14px;
  }
}
.alfa_header .menu_top a:hover {
  color: #1b251d;
}
.alfa_header .main_header {
  float: left;
  width: 100%;
}
@media (max-width: 990px) {
  .alfa_header .main_header {
    padding-top: 15px;
  }
}
.alfa_header .main_header .logo_head {
  float: left;
  margin-top: -35px;
  margin-bottom: 15px;
}
@media (max-width: 990px) {
  .alfa_header .main_header .logo_head {
    margin-top: 0;
  }
}
.alfa_header .main_header .logo_head a {
  display: inline-block;
  height: 52px;
}
.alfa_header .main_header .logo_head a img {
  height: 100%;
}
.alfa_header .main_header .navbar-collapse {
  float: right;
  width: 100%;
  padding: 0;
}
@media (max-width: 990px) {
  .alfa_header .main_header .navbar-collapse {
    float: none;
  }
}
.alfa_header .main_header .navbar-collapse .nav li {
  display: table-cell;
}
@media (max-width: 990px) {
  .alfa_header .main_header .navbar-collapse .nav li {
    display: block;
    text-align: center;
  }
}
.alfa_header .main_header .navbar-collapse .nav li a {
  color: #1b251d;
  padding: 10px 25px;
  font-size: 16px;
  border-bottom: 2px solid transparent;
}
.alfa_header .main_header .navbar-collapse .nav li a:hover,
.alfa_header .main_header .navbar-collapse .nav li a:focus {
  background: transparent;
  border-bottom: 5px solid #262f2a;
}
.alfa_header .main_header .navbar-collapse .nav li .active {
  background: transparent;
  border-bottom: 5px solid #262f2a;
}
.alfa_header .main_header .navbar-collapse .nav li .active:hover,
.alfa_header .main_header .navbar-collapse .nav li .active:focus {
  background: transparent;
}
@media (max-width: 990px) {
  .alfa_header .main_header .navbar-collapse .nav li .dropdown-menu {
    width: 100%;
    border: 0;
  }
}
.alfa_header .navbar-header {
  margin: 25px 10px 0 0;
  padding-top: 0;
}
.alfa_header .navbar-header .navbar-toggle .icon-bar {
  background-color: #262f2a;
}
.nn_alfa_slider .owl-controls .owl-buttons div {
  border-radius: 50%;
  position: absolute;
  padding: 16px 25px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 990px) {
  .nn_alfa_slider .owl-controls .owl-buttons div {
    padding: 6px 15px;
  }
}
.nn_alfa_slider .owl-controls .owl-buttons div i {
  font-size: 25px;
}
.nn_alfa_slider .owl-controls .owl-buttons .owl-prev {
  left: 15px;
}
.nn_alfa_slider .owl-controls .owl-buttons .owl-next {
  right: 15px;
}
.nn_alfa_section1 .nn_alfa_section {
  text-align: center;
  padding: 0 40px 30px 40px;
  margin-top: -40px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 3px #8d857b;
}
@media (max-width: 990px) {
  .nn_alfa_section1 .nn_alfa_section {
    margin: 50px 0 20px 0;
  }
}
.nn_alfa_section1 .nn_alfa_section img {
  margin-top: -40px;
}
.nn_alfa_section1 .nn_alfa_section h4 {
  margin: 15px;
  color: #262f2a;
  font-weight: 600;
}
.nn_alfa_section1 .nn_alfa_section a {
  padding: 10px 20px;
  margin-top: 20px;
  display: inline-block;
}
.nn_alfa_section2 {
  padding: 60px 0;
}
.nn_alfa_section2 h1 {
  margin-bottom: 30px;
}
.nn_alfa_section2 .alfa_content_home {
  float: left;
  width: 100%;
  border: 1px solid #b0aba4;
  margin-bottom: 20px;
}
.nn_alfa_section2 .alfa_content_home .alfa_title {
  width: 50%;
  float: left;
  text-align: center;
  padding: 40px 20px;
}
@media (max-width: 480px) {
  .nn_alfa_section2 .alfa_content_home .alfa_title {
    width: 100%;
    float: none;
  }
}
.nn_alfa_section2 .alfa_content_home .alfa_title h4 {
  font-weight: 600;
  position: relative;
  color: #262f2a;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.nn_alfa_section2 .alfa_content_home .alfa_title h4:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 120px;
  border-bottom: 2px solid #262f2a;
}
.nn_alfa_section2 .alfa_content_home .alfa_img {
  width: 50%;
  float: left;
  position: relative;
}
@media (max-width: 480px) {
  .nn_alfa_section2 .alfa_content_home .alfa_img {
    width: 100%;
    float: none;
  }
}
.nn_alfa_section2 .alfa_content_home .alfa_img:hover .alfa_hover {
  width: 100%;
}
.nn_alfa_section2 .alfa_content_home .alfa_img img {
  max-width: 100%;
}
.nn_alfa_section2 .alfa_content_home .alfa_img .alfa_hover {
  width: 0;
  transition: all 0.8s ease;
  position: absolute;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: rgba(68, 68, 68, 0.43);
  opacity: 0.9;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.nn_alfa_section2 .alfa_content_home .alfa_img .alfa_hover h4 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
}
.nn_alfa {
  color: #1b251d;
}
.nn_alfa p {
  line-height: 1.5;
  font-size: 14px;
}
.nn_alfa h4 {
  font-size: 16px;
}
.nn_alfa h1 {
  font-size: 24px;
}
.nn_alfa a,
.nn_alfa button {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  background-color: #1b251d;
}
.nn_alfa a:hover,
.nn_alfa button:hover {
  background-color: #262f2a;
}
.nn_alfa img {
  max-width: 100%;
}
.nn_alfa_section3 {
  padding-bottom: 60px;
}
.nn_alfa_section3 a {
  padding: 14px 40px;
}
.nn_alfa_section4 {
  padding: 60px 0;
}
.nn_alfa_section4 form {
  padding-top: 50px;
}
.nn_alfa_section4 form .form-group {
  width: 33.33%;
  float: left;
  padding-right: 20px;
}
@media (max-width: 990px) {
  .nn_alfa_section4 form .form-group {
    width: 100%;
    padding: 0;
  }
}
.nn_alfa_section4 form .form-group:nth-last-child(3) {
  padding: 0;
}
.nn_alfa_section4 form input {
  line-height: 35px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #8d857b;
}
.nn_alfa_section4 form textarea {
  width: 100%;
  margin: 15px 0;
  padding: 10px 20px;
  border: 1px solid #8d857b;
}
.nn_alfa_section4 form button {
  border: 0;
  padding: 9px 45px;
}
.nn_alfa_contact {
  padding: 60px 0;
}
.nn_alfa_contact form {
  padding-top: 60px;
}
.nn_alfa_contact form .form-group {
  padding-right: 10px;
}
@media (max-width: 990px) {
  .nn_alfa_contact form .form-group {
    padding: 0;
  }
}
.alfa_footer h3 {
  font-size: 14px;
}
@media (max-width: 990px) {
  .alfa_footer h3 {
    margin-top: 30px;
  }
}
.alfa_footer a {
  font-size: 12px;
}
@media (max-width: 990px) {
  .alfa_footer {
    text-align: center;
  }
}
.nn_alfa_hr {
  padding: 60px 0;
}
.nn_alfa_hr ul li a {
  background-color: #ccc;
  color: #1b251d;
  padding: 5px 30px;
  border-bottom: 1px solid #8d857b;
  display: block;
  font-size: 14px;
}
.nn_alfa_hr ul li a p {
  margin: 0;
}
.nn_alfa_hr ul li a:hover {
  background-color: #1b251d;
  color: #ffffff;
}
.nn_alfa_hr ul li .active {
  background-color: #262f2a;
  color: #ffffff;
}
.nn_alfa_hr h1 {
  border-bottom: 1px solid #8d857b;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.nn_alfa_hr .alfa_form input,
.nn_alfa_hr .alfa_form textarea {
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #8d857b;
  margin-bottom: 0;
}
.nn_alfa_hr .alfa_form textarea {
  padding: 5px 20px;
  width: 100%;
  height: 100px;
}
.nn_alfa_hr .alfa_form button {
  border: none;
  padding: 10px 35px;
  color: #ffffff;
  background-color: #1b251d;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-top: 20px;
}
.nn_alfa_hr .alfa_form button:active,
.nn_alfa_hr .alfa_form button:hover,
.nn_alfa_hr .alfa_form button:focus {
  background-color: #262f2a;
  color: #ffffff;
}
.nn_alfa_cat a {
  color: #1b251d;
}
.nn_alfa_cat a .nn_alfa_section {
  text-align: center;
  padding: 20px;
  border: 1px solid #a09991;
  margin-bottom: 20px;
}
.nn_alfa_cat a .nn_alfa_section h4 {
  font-weight: 600;
  margin: 20px 0;
}
.nn_alfa_cat a .nn_alfa_section h4:hover {
  color: #262f2a;
}
.nn_alfa_cat a .nn_alfa_section .ecom_img {
  width: 100%;
  position: relative;
  max-height: 100px;
}
.nn_alfa_cat a .nn_alfa_section .ecom_img img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.nn_alfa_cat i {
  height: 300px;
  display: block;
  margin-bottom: 30px;
}
.nn_alfa_cat i img {
  max-width: 100%;
  height: 100%;
}
.nn_alfa_cat h1 {
  margin-bottom: 20px;
}
.alfa_gallery {
  padding: 60px 0;
}
.alfa_gallery .img_grid {
  width: 33.33%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}
@media (max-width: 540px) {
  .alfa_gallery .img_grid {
    width: 100%;
  }
}
.alfa_gallery .img_grid a {
  position: relative;
  display: block;
}
.alfa_gallery .img_grid a:hover {
  opacity: 1;
}
.alfa_gallery .img_grid a:hover .gal_hover {
  transform: scale(1);
  border: 20px solid #b0aba4;
  display: none;
}
.alfa_gallery .img_grid a .gal_hover {
  transition: all 0.4s ease-in-out;
  transform: scale(0);
  background-color: #c8c4bf;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.alfa_gallery .img_grid a img {
  max-width: 100%;
}
.alfa_nav {
  padding: 20px 0;
  border-bottom: 1px dashed #c6c2bd;
}
.alfa_nav ol a {
  color: #1b251d;
}
.alfa_nav ol a:hover {
  background: transparent;
}
.nn_alfa_banner {
  position: relative;
}
.nn_alfa_banner h2 {
  position: absolute;
  font-size: 40px;
  color: #ffffff;
  top: 45%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
@media (max-width: 540px) {
  .nn_alfa_banner h2 {
    font-size: 20px;
    top: 30%;
  }
}
/******alfa****************/
/*****************sea******************/
.sea_header.wondex_header {
  padding: 10px 0;
}
.sea_header.wondex_header .main_header {
  background-color: transparent;
}
.sea_header.wondex_header .main_header .logo {
  display: inline-block;
  width: 15%;
  float: left;
  height: 60px;
}
.sea_header.wondex_header .main_header .logo img {
  height: 100%;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .logo {
    padding-left: 15px;
  }
}
.sea_header.wondex_header .main_header .nav {
  display: inline-block;
  width: 70%;
  float: left;
  text-align: right;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
  }
}
.sea_header.wondex_header .main_header .nav li {
  display: inline-block;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav li {
    display: block;
  }
}
.sea_header.wondex_header .main_header .nav li a {
  color: #1b251d;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav li a {
    color: #ffffff;
  }
}
.sea_header.wondex_header .main_header .nav li a:hover,
.sea_header.wondex_header .main_header .nav li a:focus {
  color: #262f2a;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav li a:hover,
  .sea_header.wondex_header .main_header .nav li a:focus {
    color: #ffffff;
    background-color: #54675c;
  }
}
.sea_header.wondex_header .main_header .nav li .active {
  color: #262f2a;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav li .active {
    color: #ffffff;
    background-color: #54675c;
  }
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav li .dropdown-menu {
    width: 100%;
  }
}
.sea_header.wondex_header .main_header .nav li .dropdown-menu:before {
  display: none;
}
.sea_header.wondex_header .main_header .nav li .dropdown-menu li a {
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .main_header .nav li .dropdown-menu li a {
    text-align: center;
  }
}
.sea_header.wondex_header .main_header .nav li .dropdown-menu li a:hover {
  background-color: #313d37;
  color: #ffffff;
}
.sea_header.wondex_header .header_button {
  width: 130px;
  position: absolute;
  right: 0;
  top: 0;
}
.sea_header.wondex_header .header_button a {
  display: block;
  padding: 26px 0;
  text-align: center;
  color: #ffffff;
  background-color: #262f2a;
  font-size: 20px;
  font-weight: 600;
}
.sea_header.wondex_header .navbar-header {
  float: right;
  margin-right: 100px;
}
@media (max-width: 767px) {
  .sea_header.wondex_header .navbar-header {
    margin-right: 138px;
  }
}
.sea_header.wondex_header .navbar-header button .icon-bar {
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .sea_header.wondex_header .navbar-collapse {
    position: absolute;
    right: -45px;
    width: 190px;
    top: 65px;
    background-color: #262f2a;
    z-index: 9;
  }
}
@media (max-width: 767px) {
  .sea_header.wondex_header .navbar-collapse {
    right: 0;
  }
}
.sea_section {
  color: #1b251d;
}
.sea_section img {
  max-width: 100%;
}
.sea_section h1 {
  font-size: 30px;
}
.sea_section h2 {
  font-size: 24px;
}
.sea_section button {
  display: block;
  margin-top: 20px;
  border-radius: 3px;
  border: 1px solid #262f2a;
  background-color: #ffffff;
  color: #262f2a;
  box-shadow: none;
  padding: 5px 15px;
}
.sea_section button:hover,
.sea_section button:focus {
  background-color: #262f2a;
  color: #ffffff;
}
.sea_section p {
  line-height: 1.5;
  font-size: 16px;
  text-align: justify;
}
.sea_section.lithium_top_section {
  margin-top: 0;
}
.sea_section1 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.sea_section1 h1 {
  margin-bottom: 30px;
}
.sea_section1 h2 {
  margin: 20px 0;
}
@media (max-width: 990px) {
  .sea_section1 {
    text-align: center;
  }
}
.sea_section2 .nn_col {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}
@media (max-width: 767px) {
  .sea_section2 .nn_col {
    display: block;
  }
}
.sea_section2 .sea_section2_content {
  padding: 20px 30px;
  background-color: #c8c4bf;
}
@media (max-width: 1366px) {
  .sea_section2 .sea_section2_content {
    padding: 0 20px;
  }
}
.sea_section2 .sea_section2_content p {
  font-size: 16px;
}
.sea_section2 .sea_section2_content1 {
  background-color: #bcb8b2;
  padding: 30px 30px;
  border: 2px solid #262f2a;
}
.sea_section2 .sea_section2_content1 h4 {
  margin-bottom: 15px;
}
.sea_section2 .sea_section2_content1 .sea_sub_form {
  margin-top: 20px;
}
.sea_section2 .sea_section2_content1 .sea_sub_form input {
  width: 40%;
  border: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background-color: #ffffff;
}
.sea_section2 .sea_section2_content1 .sea_sub_form button {
  background-color: #ffffff;
  border: 1px solid #262f2a;
  color: #262f2a;
  display: block;
  margin-top: 20px;
  border-radius: 5px;
  box-shadow: none;
  padding: 0 20px;
  height: 40px;
  line-height: 21px;
}
.sea_section2 .sea_section2_content1 .sea_sub_form button:active,
.sea_section2 .sea_section2_content1 .sea_sub_form button:hover,
.sea_section2 .sea_section2_content1 .sea_sub_form button:focus {
  background-color: #262f2a;
  color: #ffffff;
  border: 1px solid #262f2a;
}
.sea_footer.lithium_footer {
  background-color: #ffffff;
  border-top: 2px solid #262f2a;
}
.sea_footer.lithium_footer a {
  color: #1b251d !important;
  font-size: 15px;
  font-weight: 500;
}
.sea_footer.lithium_footer a:hover {
  color: #262f2a !important;
  text-decoration: underline;
}
.sea_footer.lithium_footer ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.sea_footer.lithium_footer ul li i {
  float: left;
  font-size: 22px;
  padding-top: 5px;
  width: 25px;
  margin-right: 10px;
  color: #262f2a;
}
@media (max-width: 767px) {
  .sea_footer.lithium_footer ul li i {
    font-size: 18px;
  }
}
.sea_footer.lithium_footer ul li span {
  padding-left: 0;
  line-height: 30px;
  font-weight: 300;
  width: 80%;
  float: right;
  margin: 0;
  font-size: 14px;
}
@media (max-width: 767px) {
  .sea_footer.lithium_footer ul li span {
    width: 90%;
  }
}
.sea_copyirght {
  background-color: #1b251d;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
}
.sea_copyirght p {
  margin: 0;
}
.sea_section_top {
  background-image: url(../images/soft_back.jpg);
  padding: 60px 0;
  color: #1b251d;
}
.sea_section_pagination {
  padding: 10px 0;
  border-bottom: 1px solid #0f1311;
  background-color: #262f2a;
}
@media (max-width: 767px) {
  .sea_section_pagination {
    padding: 10px 15px;
  }
}
.sea_section_pagination ol li {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
.sea_section_pagination ol li::before {
  color: #000000;
}
.sea_section_pagination ol li a {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
.sea_section_pagination ol li.active {
  color: #000000;
}
.sea_contact {
  padding-bottom: 60px;
  clear: both;
}
.sea_contact h2 {
  margin: 0 0 20px 0;
  clear: both;
}
.sea_contact ul {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .sea_contact ul {
    margin-bottom: 20px;
  }
}
.sea_contact ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.sea_contact ul li i {
  float: left;
  font-size: 22px;
  padding-top: 5px;
  width: 8%;
  color: #262f2a;
}
@media (max-width: 767px) {
  .sea_contact ul li i {
    font-size: 18px;
  }
}
.sea_contact ul li p {
  padding-left: 0;
  line-height: 30px;
  font-weight: 300;
  width: 92%;
  float: right;
  margin: 0;
  font-size: 14px;
}
.sea_contact button {
  margin: 0 auto;
}
.sea_contact .sea_cnt_form {
  margin-bottom: 40px;
}
.sea_contact .sea_cnt_form input,
.sea_contact .sea_cnt_form textarea {
  width: 100%;
  height: 45px;
  border: 1px solid #b0aba4;
  line-height: 45px;
  padding: 0 15px;
  margin-bottom: 20px;
}
.sea_contact .sea_cnt_form textarea {
  min-height: 100px;
}
.sea_contact .sea_cnt_form button {
  background-color: transparent;
  color: #262f2a;
  outline: none;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #262f2a;
  box-shadow: none;
  padding: 5px 15px;
  margin-top: 20px;
}
.sea_contact .sea_cnt_form button:active,
.sea_contact .sea_cnt_form button:hover,
.sea_contact .sea_cnt_form button:focus {
  background-color: #262f2a;
  color: #ffffff;
  border: 1px solid #262f2a;
}
@media (max-width: 480px) {
  .sea_category .nn_col {
    width: 100%;
  }
}
.sea_category ul {
  background-color: #ececec;
  float: left;
  width: 100%;
}
.sea_category ul li {
  float: left;
}
.sea_category ul li a {
  padding: 10px 20px;
  color: #1b251d;
  display: block;
  position: relative;
}
.sea_category ul li a:before {
  transition: all 0.4s;
  content: "";
  height: 0;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  background-color: #262f2a;
}
.sea_category ul li a p {
  color: #1b251d;
  margin-bottom: 0;
}
.sea_category ul li a:hover,
.sea_category ul li a:focus {
  color: #262f2a;
  border-width: 4px;
}
.sea_category ul li a:hover p,
.sea_category ul li a:focus p {
  color: #262f2a;
}
.sea_category ul li a:hover:before,
.sea_category ul li a:focus:before {
  height: 4px;
}
.sea_category ul li .active {
  color: #262f2a;
}
.sea_category ul li .active p {
  color: #262f2a;
}
.sea_category ul li .active:before {
  height: 4px;
}
.sea_category .related_cat a {
  color: #1b251d;
}
.sea_category .related_cat a h5 {
  margin-top: 15px;
  color: #1b251d;
}
.sea_cat_list {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.sea_cat_list .ecom_pdt {
  margin-bottom: 0;
  border: none;
}
.sea_cat_list .ecom_pdt img {
  padding: 0;
}
.sea_cat_list .pdt_buy {
  background-color: transparent;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 25px;
}
.sea_cat_list .pdt_buy button {
  margin: 0;
}
.sea_cat_list .pdt_buy:after {
  clear: both;
  content: "";
}
.sea_cat_list h5 {
  height: 40px;
  overflow: hidden;
  margin: 15px 0;
  color: #262f2a;
}
.sea_cat_list .short {
  width: 100%;
  color: #1b251d;
  clear: both;
  height: 60px;
  overflow: hidden;
}
.sea_cat_detail {
  padding-bottom: 40px;
}
.sea_cat_detail h2 {
  background-color: #262f2a;
  color: #ffffff;
  padding: 10px 20px;
  margin-bottom: 30px;
}
.sea_cat_detail img {
  max-height: 400px;
  margin: 0 !important;
  display: block;
}
.sea_cat_detail .cat_content {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.sea_cat_detail .cat_content .cat_img {
  width: 50%;
  display: table-cell;
}
@media (max-width: 767px) {
  .sea_cat_detail .cat_content .cat_img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.sea_cat_detail .cat_content .short_text {
  width: 50%;
  display: table-cell;
  padding: 20px;
  background-color: #f0f6ef;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .sea_cat_detail .cat_content .short_text {
    display: block;
    width: 100%;
  }
}
.sea_gallery_top {
  padding: 60px 0;
}
.sea_gallery_top .nn_col {
  margin: 15px 0;
}
.sea_gallery_bottom {
  padding: 0 5px;
  margin-bottom: -5px;
}
.sea_gallery_bottom .nn_col {
  padding: 0 5px;
  margin: 5px 0;
}
.sea_gallery_bottom .sea_img {
  display: block;
  position: relative;
}
.sea_gallery_bottom .sea_img .hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.4s;
  background-color: #1b251d;
  overflow: hidden;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-align: center;
  display: flex;
}
.sea_gallery_bottom .sea_img:hover .hover {
  opacity: 0.8;
}
.sea_cat_list.sea_cat_news .short {
  height: 80px;
}
.sea_cat_list.sea_cat_news img {
  height: 200px;
}
.hair_category_related_pdt img {
  border: 6px solid #262f2a;
  padding: 0;
  margin-bottom: 15px;
}
/*****************sea******************/
/*****************fluff*****************/
.fluff_header.wondex_header .menu_top {
  padding: 20px 0;
  /*a{
        color:@white;
        background-color:@theme_color;
        padding:7px 9px;
        border-radius:50%;
        margin-right: 5px;

    @media(max-width:990px){
              line-height:30px;
              margin-left:0;
            }
    }*/
}
.fluff_header.wondex_header .menu_top .logo_head {
  float: left;
}
.fluff_header.wondex_header .menu_top .logo_head a {
  float: none;
  display: block;
  margin-left: 0;
  text-align: left;
}
.fluff_header.wondex_header .main_header {
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .fluff_header.wondex_header .main_header .nav {
    padding-bottom: 20px;
  }
}
.fluff_header.wondex_header .main_header .nav li a {
  padding: 30px;
  font-weight: 600;
}
@media (max-width: 990px) {
  .fluff_header.wondex_header .main_header .nav li a {
    padding: 10px 0 10px 15px;
  }
}
@media (max-width: 990px) {
  .fluff_header.wondex_header .main_header .nav li .dropdown-menu {
    position: initial;
    width: 100%;
    background: transparent;
  }
}
.fluff_header.wondex_header .main_header .nav li .dropdown-menu li a {
  padding: 15px;
}
@media (max-width: 990px) {
  .fluff_header.wondex_header .main_header .nav li .dropdown-menu li a {
    background-color: transparent;
  }
}
.nn_fluff_section1 {
  background-image: url("../images/m-img-2.jpg");
  padding: 60px 0 100px 0;
  color: #1b251d;
}
@media (max-width: 767px) {
  .nn_fluff_section1 {
    padding: 40px 0;
  }
}
.nn_fluff_section1 h1 {
  color: #ffffff;
  padding-bottom: 30px;
  text-align: center;
}
.nn_fluff_section1 .text-center {
  padding: 30px 15px;
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 110px;
  display: block;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.nn_fluff_section1 .text-center:hover {
  box-shadow: 0 0 20px #ffffff;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .nn_fluff_section1 .text-center {
    margin-bottom: 30px;
  }
}
.nn_fluff_section1 .text-center h3 {
  margin-bottom: 20px;
  font-weight: 600;
}
.nn_fluff_section1 .text-center a {
  color: #1b251d;
  border-bottom: 1px solid #262f2a;
  font-weight: 600;
  padding: 0 15px;
  font-size: 16px;
  display: block;
}
.nn_fluff_section1 .text-center p {
  margin-bottom: 30px;
}
.nn_fluff_section2 {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .nn_fluff_section2 {
    padding: 40px 0;
  }
}
.nn_fluff_section2 img {
  border-radius: 50%;
  border: 3px solid #262f2a;
  margin: 0 auto;
  display: block;
}
.nn_fluff_section2 h3 {
  margin-bottom: 30px;
  color: #262f2a;
}
@media (max-width: 767px) {
  .nn_fluff_section2 a {
    margin-bottom: 30px;
  }
}
.nn_fluff_section {
  color: #1b251d;
}
.nn_fluff_section img {
  max-width: 100%;
}
.nn_fluff_section a,
.nn_fluff_section button {
  padding: 10px 40px;
  border-radius: 30px;
  background-color: #262f2a;
  border: 0;
  color: #ffffff;
  display: inline-block;
}
@media (max-width: 767px) {
  .nn_fluff_section a,
  .nn_fluff_section button {
    padding: 5px 30px;
    font-size: 13px;
  }
}
.nn_fluff_section a:hover,
.nn_fluff_section button:hover {
  background-color: #8d857b;
}
.nn_fluff_section .active {
  background-color: #8d857b;
}
.nn_fluff_section p {
  line-height: 1.5;
}
.nn_fluff_copyright {
  background-color: #262f2a;
  color: #ffffff;
}
.nn_fluff_copyright .text-center {
  padding: 20px 0;
  border-bottom: 1px solid #3d4b43;
}
.nn_fluff_copyright a:hover {
  background: transparenta!important;
}
.nn_fluff_footer.nn_wondex_footer {
  background-color: #262f2a;
}
.nn_fluff_footer.nn_wondex_footer a {
  color: #ffffff;
}
.fluff_slider.carbon_section .owl-theme .owl-pagination,
.fluff_slider.carbon_section .owl-theme .owl-controls {
  padding: 0;
  top: initial;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}
.fluff_slider.carbon_section .owl-theme .owl-pagination .owl-page,
.fluff_slider.carbon_section .owl-theme .owl-controls .owl-page {
  display: inline-block;
}
@media (max-width: 767px) {
  .fluff_slider.carbon_section .owl-theme .owl-pagination .owl-page span,
  .fluff_slider.carbon_section .owl-theme .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
  }
}
.fluff_slider.carbon_section .carousel-caption.slider_caption {
  left: 5%;
  bottom: 35%;
  text-align: left;
}
@media (max-width: 990px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption {
    bottom: 30%;
  }
}
@media (max-width: 480px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption {
    bottom: 20%;
  }
}
.fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
  font-size: 65px;
  margin-bottom: 0px;
}
@media (max-width: 990px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
    font-size: 50px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
    font-size: 40px;
  }
}
@media (max-width: 640px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h1 {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h2 {
    font-size: 25px;
  }
}
@media (max-width: 640px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h2 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .fluff_slider.carbon_section .carousel-caption.slider_caption h2 {
    font-size: 12px;
  }
}
.nn_fluff_inner_head {
  background-image: url("../images/m-img-4.jpg");
  text-align: center;
  padding: 50px 0;
}
@media (max-width: 480px) {
  .nn_fluff_inner_head {
    padding: 65px 0;
    min-height: 165px;
  }
}
.nn_fluff_inner_head h1 {
  color: #1b251d;
  font-weight: 400;
}
@media (max-width: 640px) {
  .nn_fluff_inner_head h1 {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .nn_fluff_inner_head ol li {
    font-size: 12px;
  }
}
.nn_fluff_inner_head ol li a {
  color: #1b251d;
}
@media (max-width: 640px) {
  .nn_fluff_inner_head ol li a {
    font-size: 12px;
  }
}
.nn_fluff_inner_head ol .active {
  color: #262f2a;
  font-weight: 500;
}
.nn_fluff_contact {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .nn_fluff_contact {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .nn_fluff_contact iframe {
    margin-bottom: 30px;
  }
}
.nn_fluff_contact .nn_col {
  padding: 0 40px;
}
@media (max-width: 480px) {
  .nn_fluff_contact .nn_col {
    padding: 0 15px;
  }
}
.nn_fluff_contact h5 {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .nn_fluff_contact h5 {
    font-size: 16px;
  }
}
.nn_fluff_contact .fluff_form {
  margin-top: 30px;
}
.nn_fluff_contact .fluff_form input,
.nn_fluff_contact .fluff_form textarea {
  margin-bottom: 15px;
  width: 100%;
  background-color: #ffffff;
}
.nn_fluff_contact .fluff_form label {
  color: #000000;
  margin-bottom: 5px;
  font-size: 18px;
}
.nn_fluff_contact .fluff_form button {
  height: 55px;
  line-height: 55px;
  padding: 0 40px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.nn_fluff_contact .fluff_form input {
  line-height: 35px;
}
@media (max-width: 767px) {
  .nn_fluff_contact .fluff_form input {
    line-height: 23px;
  }
}
.nn_fluff_contact .fluff_form textarea {
  min-height: 100px;
  padding: 15px;
}
@media (max-width: 767px) {
  .nn_fluff_contact .fluff_form textarea {
    min-height: 70px;
  }
}
.nn_fluff_product {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .nn_fluff_product {
    padding: 40px 0;
  }
}
.nn_fluff_product ul {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .nn_fluff_product ul {
    margin: 30px 0;
  }
}
.nn_fluff_product ul li {
  margin-bottom: 10px;
}
.nn_fluff_product ul li a {
  color: #1b251d;
  position: relative;
  display: inline-block;
}
.nn_fluff_product ul li a:before {
  transition: all ease 0.4s;
  position: absolute;
  border-bottom: 2px solid #262f2a;
  bottom: -5px;
  width: 0;
  content: "";
}
.nn_fluff_product ul li a:hover:before {
  width: 100%;
}
.nn_fluff_product ul li a p {
  color: #1b251d;
  margin: 0;
}
.nn_fluff_product ul li .active {
  border-bottom: 2px solid #262f2a;
}
.nn_fluff_product ul li .active:hover:before {
  width: 0;
}
@media (max-width: 480px) {
  .nn_fluff_product .nn_col {
    width: 100%;
  }
}
.nn_fluff_product .ecom_pdt {
  margin: 0;
}
.nn_fluff_product .fluf_cat {
  position: relative;
  background-color: #cecdde;
  padding: 20px;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .nn_fluff_product .fluf_cat {
    min-height: 165px;
  }
}
.nn_fluff_product .fluf_cat .pdt_desc {
  position: absolute;
  bottom: 0;
  height: 50px;
  border: 2px dashed #ffffff;
  padding: 10px 20px;
  transition: all ease 0.3s;
  width: 100%;
  text-align: left;
  background-color: rgba(61, 75, 67, 0.8);
  color: #ffffff;
  left: 0;
}
@media (max-width: 640px) {
  .nn_fluff_product .fluf_cat .pdt_desc {
    height: 43px;
  }
}
.nn_fluff_product .fluf_cat .pdt_desc h4 {
  width: 100%;
  display: block;
  max-height: 22px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .nn_fluff_product .fluf_cat .pdt_desc h4 {
    font-size: 16px;
    max-height: 19px;
  }
}
.nn_fluff_product .fluf_cat .pdt_desc .short {
  display: none;
  width: 100%;
}
.nn_fluff_product .fluf_cat .pdt_desc:hover {
  height: 100%;
}
.nn_fluff_product .fluf_cat .pdt_desc:hover h4 {
  max-height: 100%;
  margin-bottom: 15px;
}
.nn_fluff_product .fluf_cat .pdt_desc:hover .short {
  display: block;
  max-height: 165px;
  overflow: hidden;
}
.nn_fluff_product .fluff_news .ecom_pdt,
.nn_fluff_product .fluff_news .news_info {
  display: table-cell;
  width: 50%;
}
.nn_fluff_product .fluff_news .ecom_pdt {
  position: initial;
  height: auto;
}
.nn_fluff_product .fluff_news .ecom_pdt img {
  position: initial;
}
.nn_fluff_product .fluff_news .news_info {
  text-align: center;
}
.nn_fluff_product .fluff_news .news_info button {
  padding: 10px 40px;
  border-radius: 30px;
  background-color: #262f2a;
  border: 0;
  color: #ffffff;
}
@media (max-width: 640px) {
  .nn_fluff_product .fluff_news .news_info button {
    padding: 5px 30px;
    font-size: 13px;
  }
}
.nn_fluff_product .fluff_news .news_info button:hover {
  background-color: #8d857b;
}
.nn_wondex.nn_fluff_product p {
  font-size: 18px;
}
.nn_fluff_product_detail {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .nn_fluff_product_detail {
    padding: 40px 0;
  }
}
.nn_fluff_product_detail img {
  max-height: 300px;
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
@media (max-width: 767px) {
  .nn_fluff_product_detail img {
    padding-bottom: 30px;
  }
}
.nn_fluff_product_detail h3 {
  color: #262f2a;
  font-weight: 600;
  margin-bottom: 20px;
}
.nn_fluff_product_detail .fluf_pdt_info {
  margin-top: 30px;
  padding: 20px;
  background-color: #cecdde;
}
.nn_fluff_gallery {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .nn_fluff_gallery {
    padding: 40px 0;
  }
}
.nn_fluff_gallery .nn_col {
  padding: 0;
}
.nn_fluff_gallery .nn_col img {
  max-width: 100%;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.nn_fluff_gallery .nn_col img:hover {
  position: relative;
  z-index: 99;
  transform: scale(1.2);
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
/*****************fluff*****************/
/****************mercury********************/
.mercury_header.iron_header {
  position: initial;
  background-color: #ffbb00;
  height: 64px;
}
.mercury_header.iron_header .main_header {
  height: auto;
  background-color: transparent;
}
.mercury_header.iron_header .main_header .logo_head {
  position: absolute;
  left: 0;
  background-color: #ffffff;
  padding: 10px;
  z-index: 9;
  top: 35px;
  width: 190px;
}
.mercury_header.iron_header .main_header .logo_head a {
  height: auto;
  display: block;
  width: auto;
}
.mercury_header.iron_header .main_header .nav {
  float: none;
  margin-left: 20%;
}
@media (max-width: 990px) {
  .mercury_header.iron_header .main_header .nav {
    margin: 0;
    background-color: #262f2a;
  }
}
.mercury_header.iron_header .main_header .nav li {
  padding: 0;
}
.mercury_header.iron_header .main_header .nav li a {
  color: #ffffff;
  border: 0;
  font-weight: 400;
  display: block;
  padding: 21px 10px;
}
@media (max-width: 990px) {
  .mercury_header.iron_header .main_header .nav li a {
    padding: 5px 0;
  }
}
@media (max-width: 480px) {
  .mercury_header.iron_header .main_header .nav li a {
    font-size: 12px;
  }
}
.mercury_header.iron_header .main_header .nav li a:hover {
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .mercury_header.iron_header .main_header .nav li a:hover {
    background-color: #ffbb00;
  }
}
.mercury_header.iron_header .main_header .nav li .active {
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .mercury_header.iron_header .main_header .nav li .active {
    background-color: #ffbb00;
  }
}
.mercury_header.iron_header .main_header .nav li:last-child a {
  padding: 21px 10px;
}
@media (max-width: 990px) {
  .mercury_header.iron_header .main_header .nav li:last-child a {
    padding: 5px 0;
  }
}
.mercury_header.iron_header .main_header .nav li .dropdown-menu {
  background-color: transparent;
}
.mercury_header.iron_header .main_header .nav li .dropdown-menu li a {
  padding: 9px;
  background-color: #262f2a;
}
@media (max-width: 480px) {
  .mercury_header.iron_header .main_header .nav li .dropdown-menu li a {
    font-size: 12px;
  }
}
.mercury_header.iron_header .main_header .nav li .dropdown-menu li a:hover {
  background-color: #ffbb00;
}
@media (max-width: 990px) {
  .mercury_header.iron_header .navbar-collapse {
    width: 300px;
    left: initial;
    top: 60px;
    padding: 0;
    right: 0;
  }
}
@media (max-width: 480px) {
  .mercury_header.iron_header .navbar-collapse {
    width: 200px;
  }
}
.mercury_slider .owl-controls {
  margin-top: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.nn_mercury p,
.nn_mercury h1,
.nn_mercury h2,
.nn_mercury h3,
.nn_mercury h4,
.nn_mercury h5,
.nn_mercury h6,
.nn_mercury a {
  color: #1b251d;
}
.nn_mercury p {
  line-height: 1.5;
}
.nn_mercury a,
.nn_mercury button {
  background-color: #262f2a;
  padding: 10px 40px;
  color: #ffffff;
  display: inline-block;
  border: 0;
}
.nn_mercury a:hover,
.nn_mercury button:hover {
  background-color: #313d37;
}
.nn_mercury img {
  max-width: 100%;
}
.mercury_section1 {
  margin-top: -60px;
}
@media (max-width: 767px) {
  .mercury_section1 {
    margin: 0;
  }
}
.mercury_section1 .nn_col {
  padding: 0;
}
.mercury_section1 h3 {
  color: #ffbb00;
  margin: 20px 0;
}
.mercury_section1 p {
  margin: 15px 0;
}
.mercury_section1 .mercury_block1 {
  padding: 70px;
  background-color: #ffffff;
}
@media (max-width: 480px) {
  .mercury_section1 .mercury_block1 {
    padding: 40px 15px;
  }
}
.mercury_section1 .mercury_block1 img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.mercury_section1 .mercury_block2 {
  padding: 70px 40px;
  background-color: #ffbb00;
  color: #ffffff;
}
@media (max-width: 480px) {
  .mercury_section1 .mercury_block2 {
    padding: 40px 15px;
  }
}
.mercury_section1 .mercury_block2 h3,
.mercury_section1 .mercury_block2 p {
  color: #ffffff;
}
.mercury_section2 {
  padding: 60px 0;
}
.mercury_section2 .mercury_block3 {
  padding: 30px 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #262f2a;
}
.mercury_section2 .mercury_block3:last-child {
  border: 0;
}
.mercury_section2 .mercury_block3 h2 span {
  color: #262f2a;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .mercury_section2 .mercury_block3 h2 {
    margin-top: 20px;
  }
}
.mercury_section2 .mercury_block3 h5 {
  line-height: 1.6;
  margin-top: 20px;
}
.mercury_section3 {
  padding: 60px;
  background-color: #262f2a;
}
@media (max-width: 480px) {
  .mercury_section3 {
    padding: 40px 15px;
  }
}
.mercury_section3 h2,
.mercury_section3 h3 {
  color: #ffffff;
}
.mercury_section3 h3 {
  margin: 20px 0;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .mercury_section3 h3 {
    font-size: 18px;
  }
}
.mercury_section3 a {
  background-color: #ffffff;
  color: #1b251d;
}
.mercury_section3 a:hover {
  background-color: #ffffff;
}
.mercury_footer {
  background-color: #ffbb00;
  padding: 40px 0;
  color: #262f2a;
}
.mercury_footer h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .mercury_footer h3 {
    margin: 20px 0;
  }
}
.mercury_footer a {
  display: block;
  color: #262f2a;
  font-weight: 300;
  line-height: 30px;
}
.mercury_copyirght {
  background-color: #ffbb00;
  border-top: 1px solid #262f2a;
  padding: 20px 0;
}
.mercury_copyirght p {
  color: #262f2a;
  text-align: center;
  margin: 0;
}
.mercury_inner .mercury_inner_header {
  background-color: #779182;
  padding: 60px 20px 100px 20px;
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .mercury_inner .mercury_inner_header {
    padding: 90px 20px 50px 20px;
  }
}
.mercury_inner .mercury_inner_header h2 {
  font-weight: 700;
  color: #262f2a;
}
.mercury_inner .mercury_inner_header ol {
  margin-bottom: 10px;
}
.mercury_inner .mercury_inner_header ol li a {
  padding: 0;
}
.mercury_inner .mercury_inner_header ol li a:hover {
  background-color: transparent;
}
.mercury_inner_content {
  padding: 60px 0;
}
@media (max-width: 480px) {
  .mercury_inner_content .nn_col {
    width: 100%;
  }
}
.mercury_inner_content h3 {
  margin-bottom: 20px;
  font-weight: 500;
}
.mercury_inner_content form {
  margin-top: 20px;
}
.mercury_inner_content form input {
  line-height: 30px;
  margin-bottom: 20px;
  width: 100%;
  padding: 0 20px;
}
.mercury_inner_content form textarea {
  padding: 20px;
  min-height: 50px;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .mercury_inner_content form button {
    margin-bottom: 30px;
  }
}
.mercury_inner_content iframe {
  margin-bottom: 30px;
  border: 3px solid #262f2a;
}
.mercury_inner_content ul {
  margin-bottom: 30px;
}
.mercury_inner_content ul li {
  display: inline-block;
}
@media (max-width: 767px) {
  .mercury_inner_content ul li {
    margin-bottom: 10px;
  }
}
.mercury_inner_content ul li a {
  color: #ffffff;
  font-weight: 500;
  border: 2px solid #262f2a;
  padding: 7px 20px;
}
.mercury_inner_content ul li a:hover {
  border-color: #ffbb00;
}
.mercury_inner_content ul li a p {
  margin: 0;
  color: #ffffff;
  font-weight: 500;
}
.mercury_inner_content a {
  display: block;
  padding: 0;
}
.mercury_inner_content a .mercury_product {
  background-color: #eef7f7;
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.mercury_inner_content a .mercury_product .ecom_pdt {
  margin: 50px 0 20px 0;
}
.mercury_inner_content a .mercury_product h3 {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 10px 20px;
  background-color: #ffbb00;
  color: #ffffff;
  max-height: 43px;
  overflow: hidden;
  line-height: 1.5;
  font-size: 18px;
}
.mercury_inner_content a .short {
  padding: 0 20px;
  color: #1b251d;
  height: 60px;
  overflow: hidden;
}
.mercury_inner_content a .short p {
  color: #1b251d;
}
.mercury_pdt_detail img {
  max-height: 400px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  .mercury_pdt_detail img {
    margin-bottom: 30px;
  }
}
.mercury_pdt_desc {
  padding-bottom: 60px;
}
.mercury_news_cat .mercury_product {
  padding-top: 60px;
  display: table;
}
@media (max-width: 640px) {
  .mercury_news_cat .mercury_product {
    width: 100%;
    display: block;
  }
}
.mercury_news_cat .news_img,
.mercury_news_cat .short {
  display: table-cell;
  width: 50%;
  padding: 20px;
  vertical-align: middle;
}
@media (max-width: 640px) {
  .mercury_news_cat .news_img,
  .mercury_news_cat .short {
    width: 100%;
    display: block;
  }
}
.mercury_news_cat .news_img img,
.mercury_news_cat .short img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.mercury_news_cat .news_img button,
.mercury_news_cat .short button {
  margin-top: 20px;
  display: block;
}
.mercury_gallery .image {
  width: 33.33%;
  padding: 2px;
  float: left;
}
@media (max-width: 540px) {
  .mercury_gallery .image {
    width: 100%;
    padding: 5px;
  }
}
.mercury_gallery .image img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  transition: all ease-in-out 0.2s;
  transform: scale(1);
}
.mercury_gallery .image img:hover {
  opacity: 0.8;
  transform: scale(0.9);
}
/****************mercury********************/
.nn_nano_sec {
  padding: 75px 0;
}
@media (max-width: 990px) {
  .nn_nano_sec {
    padding: 35px 0;
  }
}
.nn_nano_sec a {
  background-color: #f7c757;
  padding: 10px;
  color: #333;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
}
.nn_nano_sec a:hover {
  color: #ffffff;
}
.nn_nano_sec img {
  max-width: 100%;
}
.nn_nano_sec.blog ul li a {
  color: #333;
  background: transparent;
  border-bottom: 1px solid #f7c757;
  padding: 8px 0;
  border-radius: 0;
  position: relative;
  padding-left: 20px;
}
.nn_nano_sec.blog ul li a:after {
  position: absolute;
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  left: 0;
  top: 13px;
}
.nn_nano_sec.blog ul li a p {
  margin: 0;
}
.nn_nano_sec.blog ul li a:hover {
  color: #f7c757;
}
.nn_nano_sec.blog .nn_carbon_detailsection {
  float: left;
  width: 100%;
}
.nn_nano_sec.blog .nn_carbon_detailsection .carbon_detail_links {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.nn_nano_sec.blog .nn_carbon_detailsection .carbon_detail_links .nano_blog_content a {
  background: transparent;
  color: #1b251d;
  padding: 0;
  font-size: inherit;
  border-radius: none;
  display: initial;
}
.nn_nano_sec.blog .nn_carbon_detailsection h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}
.nn_nano_sec.blog .nn_carbon_detailsection a {
  float: right;
}
.nn_nano_sec.blog .nn_pagination {
  clear: both;
}
.nn_nano_sec.blog .nn_pagination ul {
  font-size: 0;
}
.nn_nano_sec.blog .nn_pagination ul li {
  display: inline-block;
}
.nn_nano_sec.blog .nn_pagination ul li a {
  padding: 8px 15px;
  background-color: #ffffff;
  margin-right: 5px;
  border: 1px solid #e0dedb;
}
.nn_nano_sec.blog .nn_pagination ul li a:hover {
  color: #ffffff;
  background-color: #262f2a;
}
.nn_nano_sec.blog .nn_pagination ul li a:after {
  display: none;
}
.nn_nano_sec.blog .nn_pagination ul .active a {
  color: #ffffff;
  background-color: #262f2a;
}
.nn_section_nano a {
  background-color: #f7c757;
  padding: 10px;
  color: #333;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
}
.nn_section_nano a:hover {
  color: #ffffff;
}
.nn_section_nano .owl-carousel {
  width: auto!important;
}
.nn_section_nano .owl-carousel a {
  color: #f7c757;
  background-color: transparent;
  padding: 0;
  font-size: inherit;
}
.nn_section_nano .owl-carousel a:hover {
  color: #f7c757;
}
.nn_section_nano .sea_section2_content {
  height: 500px;
}
@media (max-width: 990px) {
  .nn_section_nano .sea_section2_content {
    height: auto;
    padding-bottom: 35px;
  }
}
.nn_section_nano .image-bg1 {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background-attachment: static;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 500px;
}
.cmsnano_main_banner.minion_main_header .lithium_head_text h1 {
  font-size: 65px;
}
@media (max-width: 990px) {
  .cmsnano_main_banner.minion_main_header .lithium_head_text h1 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .cmsnano_main_banner.minion_main_header .lithium_head_text h1 {
    font-size: 34px;
  }
}
.cmsnano_main_banner.minion_main_header .lithium_head_text h4 {
  font-size: 35px;
}
@media (max-width: 767px) {
  .cmsnano_main_banner.minion_main_header .lithium_head_text h4 {
    font-size: 20px;
    line-height: 1.4;
    margin: 10px 0;
  }
}
@media (max-width: 478px) {
  .cmsnano_main_banner.minion_main_header .lithium_head_text h4 {
    font-size: 20px;
    line-height: 1.4;
    margin: 10px 0;
  }
}
.cmsnano_main_banner.minion_main_header .lithium_head_text h6 {
  font-size: 24px;
}
@media (max-width: 767px) {
  .cmsnano_main_banner.minion_main_header .lithium_head_text h6 {
    font-size: 16px;
    line-height: 1.5;
    width: 70%;
    margin: 0 auto;
  }
}
@media (max-width: 478px) {
  .cmsnano_main_banner.minion_main_header .lithium_head_text h6 {
    font-size: 12px;
    line-height: 16px;
  }
}
.newnano_footer h5 {
  margin-bottom: 15px;
  font-size: 14px;
}
.newnano_footer h6 {
  font-size: 14px;
  line-height: 20px;
}
.newnano_footer p {
  font-size: 12px;
  display: inline-block;
}
.newnano_footer p a {
  display: inline;
}
.newnano_footer a {
  font-size: 16px;
  display: block;
}
.newnano_footer a p {
  font-size: 16px;
}
.newnano_footer button {
  background-color: #f7c757;
  padding: 10px;
  color: #333;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
}
.newnano_footer button:hover {
  color: #ffffff;
  background-color: #f7c757;
}
.newnano_footer a {
  color: #ffffff;
}
.newnano_footer a:hover {
  color: #ffffff;
}
.dropdown-backdrop {
  display: none !important;
}
.union_header.iron_header.newnano_header .main_header .home_icon {
  padding: 15px 10px;
  display: inline-block;
}
.union_header.iron_header.newnano_header .main_header .home_icon i {
  font-size: 25px;
  color: #fff;
}
@media (max-width: 990px) {
  .union_header.iron_header.newnano_header .main_header .home_icon i {
    color: #f7c757;
  }
}
.union_header.iron_header.newnano_header .main_header .nav {
  padding: 10px 0;
}
.union_header.iron_header.newnano_header .main_header .nav li a {
  color: #ffffff;
  border-left: 1px solid #ffffff;
  padding: 10px 8px;
}
@media (max-width: 990px) {
  .union_header.iron_header.newnano_header .main_header .nav li a {
    padding: 0 15px;
    text-align: right;
    color: #1b251d;
  }
}
.union_header.iron_header.newnano_header .main_header .nav li a:hover {
  color: #f7c757;
}
.union_header.iron_header.newnano_header .main_header .nav li .active {
  color: #f7c757;
}
.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu {
  background-color: #504f4d;
  top: 38px;
}
.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu li a {
  padding: 5px 15px;
  text-align: left;
  border: 0;
}
@media (max-width: 990px) {
  .union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu li a {
    text-align: right;
  }
}
.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu li .active {
  background-color: #ffffff;
  color: #262f2a;
}
.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu .open a:focus,
.union_header.iron_header.newnano_header .main_header .nav li .dropdown-menu .open a:hover {
  background: transparent;
}
@media (max-width: 378px) {
  .union_header.iron_header.newnano_header .menu_top {
    background-size: cover;
    height: 105px;
  }
}
.union_header.iron_header.newnano_header .menu_top p a {
  color: #ffffff;
}
.union_header.iron_header.newnano_header .navbar-collapse {
  background: transparent;
}
@media (max-width: 990px) {
  .union_header.iron_header.newnano_header .navbar-collapse {
    background: #ffffff;
    right: 0;
    width: 280px;
  }
}
.union_header.iron_header.newnano_header .navbar-collapse .nav {
  background: transparent;
}
@media (max-width: 990px) {
  .union_header.iron_header.newnano_header .navbar-collapse .nav {
    background: #ffffff;
  }
}
.ornek-isler .nano_works {
  width: 18.8%;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .ornek-isler .nano_works {
    width: 32.8%;
  }
}
@media (max-width: 480px) {
  .ornek-isler .nano_works {
    width: 49%;
    font-size: 12px;
  }
}
.ornek-isler .nano_works a {
  width: auto;
  display: block;
  padding: 0;
  margin-bottom: 0;
  color: #1b251d;
}
.ornek-isler .nano_works a img {
  margin-bottom: 15px;
}
.ornek-isler p {
  color: #1b251d;
}
.cms_nano ul li a {
  font-size: 14px;
}
.cms_nano ul li a p {
  font-size: 14px;
}
.cms_nano h2 {
  font-size: 24px;
}
.cms_nano img {
  max-width: 100%;
}
.cms_nano h4 {
  line-height: 20px;
  margin-bottom: 15px;
}
.cms_nano p,
.cms_nano a {
  line-height: 20px;
  font-size: 14px;
}
.nano_setting_btn i {
  color: #262f2a;
  font-size: 45px;
}
.nano_setting_menu {
  border-radius: 40px;
  background-color: #ffffff;
  padding: 50px;
}
@media screen and (max-width: 480px) {
  .nano_setting_menu {
    top: auto;
    width: auto;
  }
}
.nano_setting_menu .nano_close_modal {
  position: absolute;
  top: 0;
  right: 0;
}
.nano_setting_menu .nano_close_modal button {
  font-size: 40px;
}
.nano_setting_menu h1 {
  color: #262f2a;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 40px;
}
.nano_setting_menu h5 {
  line-height: 25px;
  margin-bottom: 30px;
}
.nano_setting_menu span {
  display: inline-block;
  position: relative;
}
.nano_setting_menu .cms_head_form {
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  height: auto;
}
.nano_setting_menu .cms_head_form .form-groupfield {
  margin-bottom: 30px;
}
.nano_setting_menu .cms_head_form .form-groupfield .groupfield label {
  float: left;
  display: inline-block !important;
  width: 33.33% !important;
  margin-bottom: 40px;
}
.nano_setting_menu .cms_head_form .form-groupfield .groupfield label input [type=checkbox] {
  display: inline-block;
  float: left;
}
.nano_setting_menu .cms_head_form .form-groupfield .groupfield label span {
  width: 80%;
  display: inline-block;
  float: left;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: normal;
}
.nano_setting_menu .cms_head_form .form-field label {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}
.nano_setting_menu .cms_head_form .form-field label::after {
  font-size: 18px;
  font-weight: 600;
  margin-left: 5px;
}
.nano_setting_menu .cms_head_form .form-field input {
  width: 100%;
  outline: none;
  border: 0;
  box-shadow: none;
  border-bottom: 2px solid #262f2a;
  height: 35px;
  line-height: 35px;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.5px;
  border-radius: 0;
  background: transparent;
}
.nano_setting_menu .cms_head_form .form-field.form-submit {
  text-align: right;
}
.nano_setting_menu .cms_head_form .form-field.form-submit button {
  margin: 0 auto;
  margin-top: 30px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
  padding: 15px 30px;
  border-radius: 0;
  transition: 0.3s all ease-in-out;
}
.nano_setting_menu .cms_head_form .form-field.form-submit button:active,
.nano_setting_menu .cms_head_form .form-field.form-submit button:hover,
.nano_setting_menu .cms_head_form .form-field.form-submit button:focus {
  background-color: #000000;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.minion_button {
  background-color: #e6c99d;
  border: 0;
  padding: 5px 40px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
  display: inline-block;
}
.slider_button {
  display: inline-block;
  margin-top: 20px;
}
.slider_text {
  font-size: 18px;
  line-height: 30px;
}
.learning_category_para {
  overflow: hidden;
  max-height: 95px;
  color: #262f2a;
}
/*-----------------------------------*/
.site-editor .alfa_content_home .alfa_img .alfa_hover {
  height: 25%;
}
.site-editor .nn_union_section1 .union_inner_img .hover {
  height: 35%;
}
.site-editor .nn_union_section1 .union_inner_img .hover a {
  margin-top: 15px;
}
.site-editor .union_footer a:hover i {
  color: inherit;
  margin-left: 0;
}
.site-editor .nn_fluff_gallery .nn_col img:hover {
  transform: none;
}
.site-editor .hair_section.hair_section1.hair_section3 .image:before,
.site-editor .hair_section.hair_section1.hair_section3 .image:after {
  display: none;
}
.site-editor .hair_section.hair_section1.hair_section3 .info:after {
  display: none;
}
.site-editor .hair_section2 .inner_block .overlay:before,
.site-editor .hair_section2 .inner_block .overlay:after {
  display: none;
}
.site-editor .sea_gallery_bottom .sea_img {
  display: initial;
}
.navbar-fixed-top ~ article {
  padding-top: 140px;
  /*.lithium_top_section {
            margin-top: 160px;
        }

        .lithium_inner_header{
            padding-top: 160px;
        }*/
}
.zalina_contact.lithium_section1 h2 {
  font-size: 20px;
}
.zalina_contact.lithium_section1 p {
  font-size: 18px;
}
.zalina_slider.fluff_slider.carbon_section .slider_title,
.zalina_slider.fluff_slider.carbon_section .slider_text {
  color: #1b251d;
}
.zalina_slider.fluff_slider.carbon_section .slider_text {
  font-size: 24px;
  margin-top: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  width: 60%;
}
@media (max-width: 540px) {
  .zalina_slider.fluff_slider.carbon_section .slider_text {
    width: 100%;
  }
}
.zalina_slider.fluff_slider.carbon_section a {
  background-color: #ffbb00;
}
.zalina_slider.fluff_slider.carbon_section .owl-theme .owl-controls .owl-page span {
  background: #8d857b;
}
.zalina_instagram blockquote,
.zalina_instagram iframe {
  margin: 0 auto !important;
}
.zalina_footer.nn_wondex_copyright1,
.zalina_footer.nn_wondex_copyright {
  border: none;
}
.zalina_head.sea_section_top {
  background-image: url('/static/themes/nano_lite/images/83282e43-6200-4d58-9b8c-e342dc1d6550.jpg');
}
@media (max-width: 1366px) {
  .zalina_head.sea_section_top {
    background-image: url('/static/themes/nano_lite/images/4a1228c8-9b26-4a99-b63d-914aa8c541a6.jpg');
  }
}
@media (max-width: 990px) {
  .zalina_head.sea_section_top {
    background-image: url('/static/themes/nano_lite/images/e11ae8c8-7fcc-4fdb-b0dc-6c15c69d6cbd.jpg');
  }
}
@media (max-width: 768px) {
  .zalina_head.sea_section_top {
    background-image: url('/static/themes/nano_lite/images/2aa47157-6df9-4099-99f7-c7765e72f8b4.jpg');
  }
}
@media (max-width: 480px) {
  .zalina_head.sea_section_top {
    background-image: url('/static/themes/nano_lite/images/bfa16d83-d755-4e6b-8380-997931380bc3.jpg');
  }
}
.nn_carbon_service.zalina_banner1 {
  background-image: url('/static/themes/nano_lite/images/ca97cb8c-964a-4f71-b9c3-82ce6d149cae.jpg');
}
@media (max-width: 990px) {
  .nn_carbon_service.zalina_banner1 {
    background-image: url('/static/themes/nano_lite/images/cd23bb85-8c3d-48db-a68f-9aa36d1a5a49.jpg');
  }
}
@media (max-width: 768px) {
  .nn_carbon_service.zalina_banner1 {
    background-image: url('/static/themes/nano_lite/images/686b073d-c451-4554-844e-909ab2eb587d.jpg');
  }
}
@media (max-width: 480px) {
  .nn_carbon_service.zalina_banner1 {
    background-image: url('/static/themes/nano_lite/images/5486b9c6-983e-4eca-a0cf-4180fae1e4e3.jpg');
  }
}
.nn_carbon_service.zalina_banner1 h3 {
  font-size: 26px;
}
.garden_header.cobalt_header {
  background-color: #040f01;
}
.garden_header.cobalt_header .main_header {
  padding: 10px 10px 10px 0;
}
.garden_header.cobalt_header .main_header nav {
  padding: 0;
}
.garden_header.cobalt_header .main_header .navbar-collapse {
  padding: 0;
  max-height: none;
}
@media (max-width: 540px) {
  .garden_header.cobalt_header .main_header .navbar-collapse {
    margin-top: 52px;
  }
}
.garden_header.cobalt_header .main_header .navbar-collapse .nav li a {
  margin-bottom: 0;
  padding: 0 8px;
  line-height: 50px;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
.garden_header.cobalt_header .main_header .navbar-collapse .nav li a:hover,
.garden_header.cobalt_header .main_header .navbar-collapse .nav li a:focus {
  background: transparent;
  color: #262f2a;
}
.garden_header.cobalt_header .main_header .navbar-collapse .nav li .active {
  background: transparent;
  color: #262f2a;
  font-weight: 600;
}
.garden_header.cobalt_header .main_header .navbar-collapse .nav li .dropdown-menu {
  background-color: #040f01;
}
.garden_header.cobalt_header .main_header .navbar-header {
  padding-top: 0;
  margin: 0;
  float: none;
  top: 15px;
  right: 0;
  display: block;
}
.garden_header.cobalt_header .main_header .logo-head {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.garden_header.cobalt_header .main_header .logo-head a {
  display: block;
}
.garden_header.cobalt_header ~ article {
  padding-top: 0;
}
.garden_slider .owl-controls {
  display: none !important;
}
.garden_slider .slider {
  position: relative;
  display: block;
}
.garden_slider .slider img {
  min-height: 300px;
}
@media (max-width: 990px) {
  .garden_slider .slider img {
    margin-top: 0;
  }
}
.garden_slider .slider .carousel-caption {
  position: absolute;
  bottom: 0;
  left: 130px;
  padding: 0;
}
@media (max-width: 990px) {
  .garden_slider .slider .carousel-caption {
    left: 0;
  }
}
.garden_slider .slider .carousel-caption .slider_title {
  background-color: #ffbb00;
  color: #626262;
  padding: 20px 30px;
  font-size: 22px;
  line-height: 30px;
  display: block;
  width: 260px;
  margin: 0;
  text-align: left;
}
@media (max-width: 480px) {
  .garden_slider .slider .carousel-caption .slider_title {
    padding: 5px 35px;
    font-size: 14px;
    line-height: 22px;
  }
}
.garden_slider .slider .carousel-caption .slider_text {
  min-height: 109px;
  margin-bottom: 0;
  max-width: 260px;
  background-color: #040f01;
  padding: 23px;
  font-size: 28px;
  line-height: 35px;
  text-align: left;
  color: #626262;
}
@media (max-width: 480px) {
  .garden_slider .slider .carousel-caption .slider_text {
    padding: 5px 20px;
    font-size: 14px;
    line-height: 22px;
    max-width: 180px;
    min-height: auto;
  }
}
.nn_parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.garden_section1 {
  background-image: url('../images/home_garden2_sectionbg1.jpg');
  padding-top: 130px;
  padding-bottom: 130px;
}
.garden_block1 {
  background-color: #626262;
  padding: 60px 50px 10px;
  font-size: 0;
}
@media (max-width: 767px) {
  .garden_block1 {
    padding: 50px 20px;
  }
}
.garden_block1 h1 {
  color: #1b251d;
  margin-bottom: 20px;
}
.garden_block1 h5 {
  color: #8d857b;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .garden_block1 h5 {
    font-size: 16px;
    line-height: 25px;
  }
}
.garden_block1 .graden_inner_block {
  width: 50%;
  display: inline-block;
  padding: 40px 20px 40px 0;
}
@media (max-width: 767px) {
  .garden_block1 .graden_inner_block {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 20px 0;
  }
}
.garden_block1 .graden_inner_block h3 {
  margin: 20px 0;
  color: #1b251d;
}
.garden_block1 .graden_inner_block p {
  font-size: 14px;
  color: #1b251d;
}
.garden_section img {
  max-width: 100%;
}
.garden_section h1 {
  line-height: 55px;
  margin-bottom: 20px;
  font-size: 40px;
  letter-spacing: 4px;
}
@media (max-width: 767px) {
  .garden_section h1 {
    font-size: 28px;
    line-height: 35px;
  }
}
.garden_section h2,
.garden_section h3,
.garden_section h4,
.garden_section h5,
.garden_section h6,
.garden_section p {
  color: #1b251d;
  letter-spacing: 3px;
}
.garden_section h2 {
  letter-spacing: 4px;
}
.garden_section2 {
  background-color: #585858;
  padding-top: 130px;
  padding-bottom: 90px;
}
.garden_section2 .garden_inner_section2 {
  padding-top: 30px;
}
.garden_section2 .garden_inner_section2 span {
  padding-bottom: 10px;
}
.garden_section2 .garden_inner_section2 span p {
  font-size: 20px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .garden_section2 .garden_inner_section2 span p {
    font-size: 16px;
    line-height: 25px;
  }
}
.garden_section2 .garden_inner_section2 a {
  color: #ffbf0f;
  border-bottom: 2px solid #ffbb00;
  font-size: 22px;
  margin: 20px 0;
  display: inline-block;
}
.garden_section2 .garden_inner_section2 a:hover {
  color: #ffbb00;
}
.garden_footer {
  background-color: #262f2a;
  padding: 70px 0;
}
.garden_footer h3 {
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 28px;
}
@media (max-width: 767px) {
  .garden_footer h3 {
    margin: 20px 0;
  }
}
@media (max-width: 480px) {
  .garden_footer h3 {
    font-size: 20px;
  }
}
.garden_footer p {
  color: #ffc014;
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 480px) {
  .garden_footer p {
    font-size: 14px;
    line-height: 25px;
  }
}
.garden_footer a {
  margin-right: 10px;
  font-size: 20px;
  letter-spacing: 3px;
}
@media (max-width: 480px) {
  .garden_footer a {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.garden_footer .theme_color {
  color: #ffbb00;
}
.garden_copyright {
  background-color: #262f2a;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 0;
}
.garden_copyright p {
  color: #ffc014;
  font-size: 18px;
  float: left;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .garden_copyright p {
    font-size: 14px;
    line-height: 18px;
  }
}
.garden_copyright a {
  font-size: 18px;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .garden_copyright a {
    font-size: 14px;
    margin-left: 4px;
  }
}
.theme_color {
  color: #ffbb00;
}
.garden_section3 {
  padding-top: 70px;
  padding-bottom: 130px;
  background-image: url('../images/home_garden2_sectionbg2.jpg');
}
.garden_section3 .nn_col {
  padding: 0;
}
.garden_section3 h1 {
  margin-bottom: 20px;
  color: #626262;
}
@media (max-width: 767px) {
  .garden_section3 h1 {
    color: #1b251d;
    margin-left: 15px;
  }
}
.garden_relization .realization_section {
  position: relative;
}
.garden_relization .realization_section:hover .realization1 h1:after {
  width: 90px;
}
.garden_relization .realization_section:hover .mask {
  opacity: 1;
}
.garden_relization .realization_section:hover .realization2 {
  bottom: 80px;
  opacity: 1;
}
@media (max-width: 767px) {
  .garden_relization .realization_section:hover .realization2 {
    bottom: 0;
  }
}
.garden_relization .realization_section .realization1 {
  position: absolute;
  z-index: 4;
  top: 150px;
  left: 250px;
}
@media (max-width: 767px) {
  .garden_relization .realization_section .realization1 {
    left: 10px;
    top: 115px;
  }
}
@media (max-width: 480px) {
  .garden_relization .realization_section .realization1 {
    top: 80px;
  }
}
.garden_relization .realization_section .realization1 h1 {
  position: relative;
  color: #ffffff;
}
@media (max-width: 540px) {
  .garden_relization .realization_section .realization1 h1 {
    font-size: 20px;
  }
}
.garden_relization .realization_section .realization1 h1:after {
  position: absolute;
  content: '';
  border-top: 4px solid #ffbb00;
  transition: all 0.4s;
  width: 0;
  top: -20px;
  left: 0;
}
@media (max-width: 767px) {
  .garden_relization .realization_section .realization1 h1:after {
    top: -10px;
  }
}
.garden_relization .realization_section .realization2 {
  border-top: 1px solid #f7f7f74f;
  position: absolute;
  bottom: 100px;
  transition: all 0.4s;
  right: 150px;
  width: 300px;
  padding-top: 30px;
  opacity: 0;
  z-index: 4;
}
@media (max-width: 767px) {
  .garden_relization .realization_section .realization2 {
    bottom: 0;
    right: 15px;
    width: 150px;
    padding-top: 10px;
  }
}
.garden_relization .realization_section .realization2 h5 {
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .garden_relization .realization_section .realization2 h5 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .garden_relization .realization_section .realization2 h5 {
    margin-bottom: 3px;
  }
}
.garden_relization .realization_section .realization2 .font_light {
  font-weight: 300;
}
.garden_relization .realization_section .mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 1;
}
.garden_about1 {
  background-image: url('../images/home_garden2_sectionbg3.jpg');
  background-position: center top;
  padding-top: 380px;
  background-color: #313f2a;
}
.garden_about1 h1 {
  color: #626262;
  text-align: center;
}
.garden_about_portfolio {
  padding: 80px 0;
}
.garden_about_portfolio h2 {
  color: #626262;
  margin: 30px 0;
  text-align: center;
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 2px;
}
.garden_about_portfolio p {
  font-size: 18px;
  line-height: 25px;
  color: #626262;
  text-align: center;
}
.garden_about2 {
  background-color: #313f2a;
  padding: 20px 0 60px 0;
}
.garden_about2 .nn_container {
  max-width: 930px;
}
.garden_about2 img {
  margin: 0 auto;
  display: block;
}
.garden_about2 h1,
.garden_about2 p {
  color: #626262;
}
.garden_about2 p {
  font-size: 16px;
  line-height: 25px;
  color: #626262;
  letter-spacing: 0.5px !important;
  text-align: justify;
}
.garden_about2 h1 {
  margin: 30px 0;
  text-align: center;
}
.garden_about2:last-child {
  padding-bottom: 150px;
}
.head_text {
  font-size: 70px;
  line-height: 70px;
  text-align: center;
  color: #626262;
  margin-bottom: 300px;
}
.garden_detail1 {
  padding-top: 215.5px;
  padding-bottom: 195.5px;
  background-image: url('../images/home_garden2_portfoliodetails1.jpg');
}
.garden_detail1 .head_text {
  font-size: 70px;
  line-height: 70px;
  text-align: center;
  color: #626262;
}
.garden_detail2_slide {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.7);
  transform-style: inherit;
  background: 50% 50% / cover;
}
.garden_detail2_slide:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.7);
  background: 50% 50% / cover;
}
#slide1:before {
  background-image: url("../images/home_garden2_portfoliodetails2.jpg");
  transform: translateZ(-1px) scale(1);
}
#slide2 {
  background-image: url("../images/home_garden2_portfoliodetails3.jpg");
  z-index: 2;
}
#slide3:before {
  background-image: url("../images/home_garden2_portfoliodetails4.jpg");
  transform: translateZ(-1px) scale(1);
}
.garden_process_banner {
  background-image: url("../images/home_garden2_subheader1.jpg");
  padding: 140px 0 150px;
  background-position: bottom;
}
@media (max-width: 540px) {
  .garden_process_banner {
    padding: 130px 0 150px;
  }
}
.garden_process_banner h1 {
  font-size: 70px;
  line-height: 70px;
  text-align: center;
  color: #626262;
}
@media (max-width: 540px) {
  .garden_process_banner h1 {
    font-size: 45px;
    line-height: 55px;
  }
}
.garden_process2.garden_about2 {
  background-color: #e6d3bc;
}
.garden_process2.garden_about2 h1,
.garden_process2.garden_about2 p {
  color: #1b251d;
}
.garden_contact.garden_process2 {
  background-color: #e6d3bc;
  padding-top: 60px;
  padding-bottom: 130px;
}
@media (max-width: 540px) {
  .garden_contact.garden_process2 {
    padding-top: 1px;
  }
}
.garden_contact.garden_process2 h1 {
  text-align: left;
  margin: 30px 0;
}
.garden_contact.garden_process2 p {
  font-size: 18px;
  line-height: 25px;
}
.garden_contact.garden_process2 .garden_form input,
.garden_contact.garden_process2 .garden_form textarea {
  padding: 10px 10px;
  font-size: 13px;
  width: 100%;
  margin-bottom: 15px;
  background-color: #dadada;
  border: 1px solid #989898;
  letter-spacing: 2px;
  height: 50px;
  color: #000000;
}
.garden_contact.garden_process2 .garden_form input::-webkit-input-placeholder,
.garden_contact.garden_process2 .garden_form textarea::-webkit-input-placeholder {
  color: #000000;
}
.garden_contact.garden_process2 .garden_form input::-moz-placeholder,
.garden_contact.garden_process2 .garden_form textarea::-moz-placeholder {
  color: #000000;
}
.garden_contact.garden_process2 .garden_form input:-ms-input-placeholder,
.garden_contact.garden_process2 .garden_form textarea:-ms-input-placeholder {
  color: #000000;
}
.garden_contact.garden_process2 .garden_form input:-moz-placeholder,
.garden_contact.garden_process2 .garden_form textarea:-moz-placeholder {
  color: #000000;
}
.garden_contact.garden_process2 .garden_form textarea {
  width: 100%;
  min-height: 150px;
}
.garden_contact.garden_process2 .garden_form button {
  width: 100%;
  color: #ffffff;
  background-color: #ffbb00;
  border: 0;
  padding: 11px 20px;
  border-radius: 5px;
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.marina_header.cobalt_header {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 50px 0;
  z-index: 100;
}
.marina_header.cobalt_header .main_header {
  background-color: transparent;
}
.marina_header.cobalt_header .main_header .navbar ul {
  text-align: center;
  position: relative;
  font-size: 0;
  float: none;
}
.marina_header.cobalt_header .main_header .navbar ul:before {
  position: absolute;
  border-top: 1px solid #ffffff;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.marina_header.cobalt_header .main_header .navbar ul li {
  margin: 0;
  text-align: center;
  padding: 0 20px;
}
.marina_header.cobalt_header .main_header .navbar ul li a {
  font-size: 18px;
  font-weight: 400;
  border-radius: 0;
  margin: 0;
  position: relative;
  line-height: 60px;
  opacity: 0.7;
}
.marina_header.cobalt_header .main_header .navbar ul li a:after {
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -4px;
  background-color: #ffffff;
  opacity: 0;
  transition: all 0.4s ease-in;
}
.marina_header.cobalt_header .main_header .navbar ul li a:hover,
.marina_header.cobalt_header .main_header .navbar ul li a:focus {
  background-color: transparent;
  opacity: 1;
}
.marina_header.cobalt_header .main_header .navbar ul li a:hover:after,
.marina_header.cobalt_header .main_header .navbar ul li a:focus:after {
  opacity: 1;
}
.marina_header.cobalt_header .main_header .navbar ul li a.active {
  color: #ffffff;
  opacity: 1;
}
.marina_header.cobalt_header .main_header .navbar ul li .active {
  background-color: transparent;
  opacity: 1;
}
.marina_header.cobalt_header .main_header .navbar ul li .active:after {
  opacity: 1;
}
.marina_header.cobalt_header .main_header .navbar ul li .active:hover {
  background-color: transparent;
}
.marina_header.cobalt_header .main_header .navbar ul li .dropdown-menu li {
  padding: 0 !important;
  text-align: center;
}
.marina_header.cobalt_header .logo-head {
  text-align: center;
}
.marina_banner {
  background-color: #040f01;
  background-image: url("../images/home_marina_sectionbg1.jpg");
  background-position: center top;
  padding-bottom: 140px;
  padding-top: 700px;
  position: relative;
}
.marina_banner p,
.marina_banner span {
  color: #ffffff;
}
.marina_banner span {
  font-weight: 300;
}
.marina_banner .marina_col1 {
  width: 38%;
  float: left;
  margin: 0 1% 40px;
  padding: 15px 20px 5px 40px;
}
@media (max-width: 720px) {
  .marina_banner .marina_col1 {
    width: 100%;
    text-align: center;
  }
}
.marina_banner .marina_col1 p,
.marina_banner .marina_col2 p,
.marina_banner .marina_col1 span,
.marina_banner .marina_col2 span {
  margin: 0;
  line-height: 1.8;
}
.marina_banner .marina_col1 i,
.marina_banner .marina_col2 i {
  font-size: 14px;
  margin-right: 5px;
}
.marina_banner .marina_col2 {
  width: 18%;
  float: left;
  margin: 0 1% 40px;
  padding: 15px 20px 5px 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 0;
  border-bottom: 0;
}
@media (max-width: 720px) {
  .marina_banner .marina_col2 {
    width: 100%;
    text-align: center;
    border: 0;
  }
}
.marina_banner .marina_banner_logo {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.marina_pad {
  margin: 0 auto 120px;
}
@media (max-width: 990px) {
  .marina_pad {
    margin: 0 auto 60px;
  }
}
.marina_home_section1 {
  position: relative;
}
.marina_home_section1 .marina_home_inner_section1:hover img {
  -webkit-filter: grayscale(50%);
  /* Safari */
  filter: grayscale(50%);
}
.marina_home_section1 .marina_home_inner_section1:hover .line {
  width: 60%;
}
.marina_home_section1 .marina_home_inner_section1:hover .marina_inner_block1 {
  bottom: 40px;
}
.marina_home_section1 .marina_home_inner_section1 img {
  max-width: 100%;
}
.marina_home_section1 .marina_inner_block1 {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
}
.marina_home_section1 .marina_inner_block1 a {
  line-height: normal;
  letter-spacing: 1px;
  padding: 4px 8px;
  text-transform: uppercase;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-image: url('../images/stripes_10_w.png');
  background-color: #36af30;
  color: #ffffff;
}
.marina_home_section1 .marina_inner_block1 h2 {
  color: #ffffff;
  font-weight: 400;
  margin: 15px 0;
}
.marina_home_section1 .marina_inner_block1 .line {
  height: 1px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  display: block;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.marina_home_section2 {
  background-image: url("../images/home_marina_sectionbg2.png");
  padding-top: 80px;
  padding-bottom: 270px;
}
@media (max-width: 990px) {
  .marina_home_section2 {
    padding-bottom: 120px;
  }
}
.marina_home_section2 h4 {
  margin-bottom: 15px;
}
.marina_home_section2 p {
  color: #626262;
}
@media (max-width: 767px) {
  .marina_home_section2 img {
    margin-bottom: 30px;
  }
}
.marina_section h4 {
  font-size: 21px;
  line-height: 25px;
}
.marina_section h1,
.marina_section h2,
.marina_section h3,
.marina_section h4,
.marina_section h5,
.marina_section h6 {
  margin-bottom: 15px;
}
.marina_section p {
  font-size: 15px;
  line-height: 28px;
}
.marina_section h5 {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 4px;
}
.marina_section h3 {
  font-size: 25px;
  line-height: 29px;
  font-weight: 400;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .marina_section h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
.marina_section h1 {
  font-size: 45px;
  line-height: 55px;
  font-weight: 400;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .marina_section h1 {
    font-size: 35px;
    line-height: 45px;
  }
}
.marina_section h2 {
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  letter-spacing: 0px;
  margin: 20px 0;
  max-height: 80px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .marina_section h2 {
    font-size: 28px;
    line-height: 1.5;
  }
}
.marina_section .marina_button {
  border-color: #36af30;
  color: #36af30;
  padding: 11px 20px;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
@media (max-width: 767px) {
  .marina_section .marina_button {
    margin-bottom: 30px;
  }
}
.marina_section .marina_button i {
  font-size: 12px;
  margin-left: 10px;
}
.marina_section .marina_button:hover {
  background-color: #36af30;
  color: #ffffff;
}
.marina_section .marina_button:hover i {
  color: #1d5f1a;
}
.marina_section img {
  max-width: 100%;
}
.marina_home_section3 {
  padding-bottom: 140px;
}
@media (max-width: 990px) {
  .marina_home_section3 {
    padding-bottom: 70px;
  }
}
.marina_home_section3 .split_heading {
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
}
.marina_home_section3 .split_heading h5 {
  color: #36af30;
  display: inline-block;
  position: relative;
  letter-spacing: 2px;
}
.marina_home_section3 .split_heading .line {
  background: #36af30;
  overflow: hidden;
  display: block;
  position: absolute;
  width: 3000px;
  height: 1px;
  top: 50%;
}
.marina_home_section3 .split_heading .line1 {
  right: 100%;
  margin-right: 20px;
}
.marina_home_section3 .split_heading .line2 {
  left: 100%;
  margin-left: 20px;
}
.marina_home_section3 .split_header {
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  text-align: center;
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
}
@media (max-width: 990px) {
  .marina_home_section3 .split_header {
    margin-top: 0;
  }
}
.marina_home_section3 .split_header h5 {
  font-size: 16px;
}
@media (max-width: 990px) {
  .marina_home_section3 .split_header h5 {
    font-size: 16px;
    font-weight: 600;
  }
}
.marina_home_section3 .split_header::before {
  content: '';
  height: 2px;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
  background: #262f2a;
  transform: translateY(-50%);
}
@media (max-width: 990px) {
  .marina_home_section3 .split_header::before {
    display: none;
  }
}
.marina_home_section3 .split_header::after {
  content: '';
  height: 2px;
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
  background: #262f2a;
  transform: translateY(-50%);
}
@media (max-width: 990px) {
  .marina_home_section3 .split_header::after {
    display: none;
  }
}
.marina_home_section3 .slider {
  margin-top: 40px;
}
.marina_home_section3 .slider img {
  width: 100%;
  height: auto;
  transition: all 0.4s ease-in-out;
}
.marina_home_section3 .slider:hover .owl-controls .owl-buttons div {
  opacity: 0.6;
  background-color: #ffffff;
}
.marina_home_section3 .slider .owl-item {
  padding: 10px;
  overflow: hidden;
}
.marina_home_section3 .slider .owl-item .image_wrapper {
  overflow: hidden;
}
.marina_home_section3 .slider .owl-controls .owl-buttons div {
  height: 70%;
  display: block;
  position: absolute;
  top: 5px;
  border-radius: 0;
  width: 40px;
  vertical-align: middle;
  text-align: center;
  align-items: center;
  line-height: 100%;
  display: flex;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.marina_home_section3 .slider .owl-controls .owl-buttons div i {
  font-size: 20px;
  color: #333;
}
.marina_home_section3 .slider .owl-controls .owl-buttons .owl-prev {
  left: 4px;
}
.marina_home_section3 .slider .owl-controls .owl-buttons .owl-next {
  right: 4px;
}
.marina_home_section3 .slider .owl-controls .owl-pagination .active span {
  background-color: #262f2a;
}
.marina_home_section3 .slider .owl-item:hover img {
  transform: scale(1.1);
}
.marina_home_section3 .slider .owl-item:hover .carousel-caption:after {
  width: 100px;
}
.marina_home_section3 .slider .owl-item .carousel-caption {
  position: initial;
  text-align: left;
  color: #1b251d;
  text-shadow: none;
  position: relative;
  left: 0;
  bottom: 0;
}
@media (max-width: 990px) {
  .marina_home_section3 .slider .owl-item .carousel-caption {
    text-align: center;
  }
}
.marina_home_section3 .slider .owl-item .carousel-caption h1 {
  font-size: 20px;
  color: #1b251d;
  font-weight: 600;
  margin-bottom: 10px;
}
.marina_home_section3 .slider .owl-item .carousel-caption .slider_title {
  font-size: 20px;
  color: #111;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5;
}
.marina_home_section3 .slider .owl-item .carousel-caption .slider_text {
  font-size: 15px;
}
.marina_home_section3 .slider .owl-item .carousel-caption:after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #36af30;
  transition: all 0.4s ease-in-out;
}
.marina_home_section4 {
  background-image: url("../images/home_marina_sectionbg3.jpg");
  padding-top: 0px;
  padding-bottom: 200px;
  background-position: center bottom;
}
.marina_home_section4 h3 {
  color: #36af30;
  margin-bottom: 15px;
}
.marina_home_section4 h1 {
  font-size: 45px;
  line-height: 60px;
  color: #000000;
  margin-bottom: 35px;
}
.marina_home_section4 .marina_inner_section4 {
  background-image: url("../images/home_marina_wrapbg1.jpg");
  background-color: #1b1c65;
  background-position: center top;
  height: 649px;
  padding: 400px 40px 40px;
  color: #ffffff;
}
.marina_home_section4 .marina_inner_section4 h1 {
  font-size: 60px;
  margin-bottom: 15px;
  color: #ffffff;
}
.marina_home_section4 .marina_inner_section4 p {
  font-size: 12px;
}
.marina_footer {
  background-color: #262f2a;
  position: relative;
  padding: 90px 0;
  color: #ffffff;
}
.marina_footer span {
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
}
.marina_footer span a {
  display: inline-block;
  width: 85%;
  float: right;
  margin-bottom: 0;
  line-height: 25px;
  color: #ffffff;
  font-size: 14px;
}
@media (max-width: 767px) {
  .marina_footer span a {
    width: 95%;
  }
}
.marina_footer span i {
  display: inline-block;
  color: #ffbb00;
  margin-bottom: 15px;
  line-height: 25px;
  font-size: 16px;
}
.marina_footer h3 {
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.marina_footer p {
  font-size: 14px;
  line-height: 24px;
  color: #ddd;
  font-weight: 300;
}
.marina_footer a {
  color: #ffbb00;
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
}
.pattern {
  background-image: url("../images/home_marina_decoration1.png");
  height: 10px;
  position: absolute;
  top: -10px;
  width: 100%;
}
.footer_galery {
  font-size: 0;
}
.footer_galery a {
  width: 50%;
  display: inline-block;
  margin: 0;
}
.footer_galery a .wrap {
  overflow: hidden;
  padding: 5px;
}
.footer_galery a .wrap img {
  transition: all 0.3s ease-in;
  max-width: 100%;
  min-height: 100px;
  height: auto;
}
.footer_galery a:hover img {
  transform: scale(1.02);
}
.marina_copyright.garden_copyright {
  text-align: center;
}
.marina_copyright.garden_copyright p {
  float: none;
  display: inline-block;
  font-size: 16px;
  color: #ddd;
}
.marina_copyright.garden_copyright a {
  font-size: 12px;
  color: #ffffff;
}
.marina_header.cobalt_header.fixed-header {
  background-color: #060e01;
  position: fixed;
  top: 0;
  padding: 0;
}
.marina_header.cobalt_header.fixed-header .main_header {
  text-align: center;
}
@media (max-width: 990px) {
  .marina_header.cobalt_header.fixed-header .main_header {
    padding: 10px 0;
  }
}
.marina_header.cobalt_header.fixed-header .main_header .navbar-collapse {
  padding: 0;
}
.marina_header.cobalt_header.fixed-header .main_header .navbar {
  min-height: auto;
}
@media (max-width: 990px) {
  .marina_header.cobalt_header.fixed-header .main_header .navbar {
    float: right;
  }
}
.marina_header.cobalt_header.fixed-header .main_header .navbar ul:before {
  border: 0;
}
.marina_header.cobalt_header.fixed-header .main_header .navbar ul li a:after {
  top: initial;
  bottom: -4px;
}
.marina_header.cobalt_header.fixed-header .main_header .navbar-header {
  padding-top: 0;
}
@media (max-width: 990px) {
  .marina_header.cobalt_header.fixed-header .main_header .navbar-header {
    padding-top: 10px;
  }
}
.marina_header.cobalt_header.fixed-header .logo-head {
  display: inline-block;
  padding-right: 30px;
}
.marina_header.cobalt_header.fixed-header .logo-head img {
  height: 35px;
}
.marina_header.cobalt_header.fixed-header nav {
  display: inline-block;
  padding: 0;
}
.marina_banner.marina_about {
  background-image: url('../images/home_marina_sectionbg4.jpg');
  background-color: transparent;
  padding-top: 420px;
  padding-bottom: 190px;
}
.marina_col3 {
  margin: 0 1% 40px;
  width: 98%;
}
.marina_col3 h1 {
  letter-spacing: 8px;
  font-weight: 700;
  font-size: 45px;
  line-height: 55px;
  color: #ffbb00;
}
@media (max-width: 767px) {
  .marina_col3 h1 {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 4px;
  }
}
.marina_about_section1 {
  background: transparent;
  padding-bottom: 40px;
}
.marina_about_section1 b {
  color: #36af30;
  font-weight: 700;
}
.marina_about_section1 h5 {
  color: #36af30;
}
.marina_about_section1 .marina_button {
  margin-top: 25px;
  font-size: 12px;
  padding: 15px 25px;
}
.marina_about_section2 {
  padding: 50px 0;
}
.marina_about_section2 .nn_col {
  padding-left: 6px;
  padding-right: 6px;
  margin: 6px 0;
}
.marina_about_section2 p {
  font-size: 13px;
  color: #626262;
}
.about_block1 {
  padding: 0 14%;
  margin: 0 1% 40px;
}
@media (max-width: 480px) {
  .about_block1 {
    padding: 0 !important;
    text-align: left;
  }
}
.marina_about_section3 {
  padding: 30px 0;
}
.marina_about_section3 .about_block1 {
  padding: 0 8%;
}
.marina_about_section3 ul li {
  background: url('../images/list_check.png') no-repeat 5px 10px;
  width: 33%;
  float: left;
  position: relative;
  margin: 0 0 20px 0;
  padding-left: 30px;
  text-align: left;
  font-size: 12px;
  color: #626262;
  line-height: 30px;
}
@media (max-width: 990px) {
  .marina_about_section3 ul li {
    width: 50%;
    padding-left: 50px;
    background: url('../images/list_check.png') no-repeat 15px 10px;
  }
}
@media (max-width: 480px) {
  .marina_about_section3 ul li {
    width: 100%;
  }
}
.marina_about_section3 ul li:after {
  position: absolute;
  content: '';
  border-bottom: 1px solid rgba(98, 98, 98, 0.2);
  width: 60px;
  bottom: -8px;
  left: -10px;
}
@media (max-width: 990px) {
  .marina_about_section3 ul li:after {
    left: 0;
  }
}
.marina_book {
  margin-top: 130px;
}
.marina_book a {
  border-width: 10px;
  border-color: #36af30;
  transition: all 0.4s ease;
  border-style: solid;
  padding: 30px 30px;
  display: block;
  color: #36af30;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.marina_book a h1 {
  margin: 0;
}
.marina_book a:hover {
  border-color: #309b2b;
  color: #309b2b;
}
.marina_banner.marina_news {
  padding: 345px 0 140px;
  background-image: none;
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .marina_banner.marina_news {
    padding: 120px 0 80px;
  }
}
.marina_news_section .grid {
  overflow: hidden;
}
.marina_news_section img {
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}
.marina_news_section img:hover {
  transform: scale(1.1);
}
.marina_news_section .author {
  color: #a59e96;
  padding: 20px 20px 0;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(148, 148, 148, 0.09019608);
}
.marina_news_section .author div {
  display: inline-block;
}
.marina_news_section .author span {
  margin: 0 8px;
  display: inline-block;
}
.marina_news_section .author span i {
  color: #a59e96;
}
.marina_news_section .author h2 a {
  color: #1b251d;
  font-size: 26px;
  font-weight: 600;
}
@media (max-width: 540px) {
  .marina_news_section .author h2 a {
    font-size: 20px;
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 1366px) {
  .marina_news_section .author h2 a {
    font-size: 23px;
    height: 40px;
    overflow: hidden;
  }
}
.post_footer {
  background: #ffffff;
  padding: 7px 15px;
  overflow: hidden;
  line-height: 30px;
  color: #a59e96;
  box-shadow: 0 0 20px rgba(148, 148, 148, 0.09019608);
}
.post_footer i {
  color: #36af30;
  margin-right: 8px;
}
.post_footer .text-right {
  color: #36af30;
}
.post_footer .text-right i {
  color: #a59e96;
}
.marina_news_section1 {
  background-image: url('../images/home_marina_sectionbg5.png');
  background-position: bottom;
  background-color: #262f2a;
  color: #ffffff;
}
@media (max-width: 767px) {
  .marina_news_section1 {
    padding-top: 1px;
  }
}
.marina_news_section1 h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.marina_news_section1 h2:after {
  position: absolute;
  content: '';
  border-bottom: 1px solid #36af30;
  width: 100px;
  bottom: 0;
  left: 0;
}
.marina_news_section1 p {
  color: #ccc;
}
.marina_news_section1 a {
  margin-top: 25px;
}
.marina_news_section2 {
  padding-top: 120px;
}
.marina_news_section3 {
  padding-top: 140px;
  padding-bottom: 100px;
}
.marina_news_section3 p {
  color: #626262;
}
.marina_contact_section1 .nn_col {
  padding: 0;
  height: 800px;
}
.marina_contact_section1 .contact_info {
  background-image: url('../images/home_marina_wrapbg2 .jpg');
  padding: 40px;
  padding: 200px 0 0 350px;
  color: #ffffff;
}
@media (max-width: 1366px) {
  .marina_contact_section1 .contact_info {
    padding: 100px 0 0 200px;
  }
}
@media (max-width: 1024px) {
  .marina_contact_section1 .contact_info {
    padding: 100px 0 0 60px;
  }
}
.marina_contact_section1 .contact_info img {
  margin-bottom: 20px;
}
.marina_contact_section1 .contact_info p {
  color: #ccc;
}
.marina_contact_section1 .contact_info span {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.marina_contact_section1 .contact_info span i {
  float: left;
  line-height: 25px;
  margin-right: 10px;
}
.marina_contact_section1 .contact_info span a {
  color: #ccc;
}
.marina_contact_section2 {
  background-color: #eaeaee;
  background-image: url('../images/home_marina_sectionbg7.png');
  background-position: top;
  padding-top: 170px;
  padding-bottom: 120px;
}
@media (max-width: 990px) {
  .marina_contact_section2 {
    padding: 120px 0 80px;
  }
}
.marina_contact_section2 p {
  color: #626262;
}
.marina_contact_section2 .marina_form input,
.marina_contact_section2 .marina_form textarea {
  margin-bottom: 20px;
  line-height: 18px;
  padding: 10px;
  font-size: 12px;
  width: 100%;
  color: #1b251d;
  background-color: #f0f0f2;
  border: 1px solid #aca8c5;
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02);
}
.marina_contact_section2 .marina_form button {
  border-color: #36af30;
  color: #36af30;
  padding: 11px 20px;
  border-width: 2px;
  border-style: solid;
  background-color: transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  .marina_contact_section2 .marina_form button {
    margin-bottom: 30px;
  }
}
.marina_contact_section2 .marina_form button i {
  font-size: 12px;
  margin-left: 10px;
}
.marina_contact_section2 .marina_form button:hover {
  background-color: #36af30;
  color: #ffffff;
}
.marina_contact_section2 .marina_form button:hover i {
  color: #1d5f1a;
}
.marina_contact_section2 .marina_form textarea {
  min-height: 60px;
  height: 150px;
}
.marina_contact_section2 .marina_home_section3 {
  padding-bottom: 0;
  padding-top: 150px;
}
@media (max-width: 990px) {
  .marina_contact_section2 .marina_home_section3 {
    padding-bottom: 70px;
  }
}
.marina_contact_section2 .marina_contact_blokc1 {
  padding-top: 50px;
}
.marina_contact_section2 .marina_contact_blokc1 i {
  display: table-cell;
}
@media (max-width: 420px) {
  .marina_contact_section2 .marina_contact_blokc1 i {
    display: block;
    width: 100%;
  }
}
.marina_contact_section2 .marina_contact_blokc1 i img {
  width: 100%;
}
.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block {
  width: 50%;
  /* float: right; */
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
}
@media (max-width: 420px) {
  .marina_contact_section2 .marina_contact_blokc1 .marina_inner_block {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 15px;
  }
}
.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block p {
  color: #aaa;
  margin: 0;
}
.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block h4 {
  margin: 0;
}
.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block h6 {
  color: #626262;
  line-height: 25px;
  font-size: 13px;
}
.marina_contact_section2 .marina_contact_blokc1 .marina_inner_block .link {
  background-image: url('../images/stripes_3_b.png');
  width: 12%;
  float: left;
  background-color: #ffffff;
  padding: 10px;
  margin: 0 5px;
  text-align: center;
  color: #1b251d;
}
@media (max-width: 1366px) {
  .marina_contact_section2 .marina_contact_blokc1 .marina_inner_block .link {
    width: 16%;
  }
}
.marina_contact_section2 .marina_contact_blokc1 hr {
  border-color: #36af30;
  display: inline-block;
  width: 100px;
  margin: 10px 0;
}
.marina_contact_section2 .marina_contact_blokc1 h5 {
  font-size: 15px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .marina_contact_section2 .marina_contact_blokc1 h5 {
    margin-top: 20px;
  }
}
.marina_contact_section2 .marina_contact_blokc1 .themecolor {
  color: #36af30;
}
.marina_detail_section2 {
  padding: 0 600px;
}
@media (max-width: 1366px) {
  .marina_detail_section2 {
    padding: 0 400px;
  }
}
@media (max-width: 1024px) {
  .marina_detail_section2 {
    padding: 0 200px;
  }
}
@media (max-width: 990px) {
  .marina_detail_section2 {
    padding: 0 50px;
  }
}
@media (max-width: 480px) {
  .marina_detail_section2 {
    padding: 0 15px;
  }
}
.marina_detail_section2 h4 {
  font-size: 16px;
  line-height: 30px;
  color: #626262;
}
.marina_detail_section1 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #060e01;
}
.marina_detail_section1 h4 {
  color: #ffffff;
}
.half {
  width: 60%;
}
@media (max-width: 540px) {
  .half {
    width: 100%;
  }
}
/*learning*/
.learning_header.cobalt_header {
  background-color: transparent;
  position: absolute;
  z-index: 9;
  text-align: center;
  width: 100%;
  padding: 30px 0;
}
.learning_header.cobalt_header .main_header {
  background-color: transparent;
}
.learning_header.cobalt_header .main_header .navbar {
  padding: 0;
  min-height: auto;
}
.learning_header.cobalt_header .main_header .logo-head {
  display: none;
}
@media (max-width: 990px) {
  .learning_header.cobalt_header .main_header .logo-head {
    display: block;
    float: left;
    padding: 0 20px;
  }
}
.learning_header.cobalt_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .learning_header.cobalt_header .main_header .navbar-collapse {
    top: 0;
    padding: 15px 0;
    width: 190px;
    text-align: left;
    background-color: #060e01;
  }
}
.learning_header.cobalt_header .main_header .navbar-collapse .nav {
  display: inline-block;
  float: none;
}
@media (max-width: 990px) {
  .learning_header.cobalt_header .main_header .navbar-collapse .nav {
    display: block;
  }
}
.learning_header.cobalt_header .main_header .navbar-collapse .nav li {
  margin: 0 15px;
}
.learning_header.cobalt_header .main_header .navbar-collapse .nav li a {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 300;
}
.learning_header.cobalt_header .main_header .navbar-collapse .nav li a:hover,
.learning_header.cobalt_header .main_header .navbar-collapse .nav li a:focus {
  background: transparent;
  color: #ffffff;
}
.learning_header.cobalt_header .main_header .navbar-collapse .nav li .active {
  background: transparent;
  color: #ffffff;
}
.learning_header.cobalt_header .main_header .navbar-collapse .logo {
  display: inline-block;
}
@media (max-width: 990px) {
  .learning_header.cobalt_header .main_header .navbar-collapse .logo {
    display: none;
  }
}
.learning_header.cobalt_header .navbar-header {
  padding-top: 0;
}
@media (max-width: 767px) {
  .learning_header.cobalt_header .navbar-header {
    position: inherit;
  }
}
.learning_header.cobalt_header .navbar-header .navbar-toggle {
  padding: 0;
  margin: 0;
  right: 30px;
  top: 5px;
}
.learning_home_banner {
  background-image: url(../images/home_language2_slider_bg.jpg);
  height: 940px;
  color: #ffffff;
}
@media (max-width: 990px) {
  .learning_home_banner {
    height: auto;
    padding: 200px 0 150px;
    text-align: center;
  }
}
.learning_home_banner .learning_caption {
  position: absolute;
  top: 40%;
  left: 25%;
}
@media (max-width: 990px) {
  .learning_home_banner .learning_caption {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 10px;
  }
}
.learning_home_banner .learning_caption h1 {
  font-size: 64px;
  line-height: 85px;
}
@media (max-width: 767px) {
  .learning_home_banner .learning_caption h1 {
    font-size: 28px;
    line-height: 1.3;
  }
}
.learning_home_banner .learning_caption a {
  background-color: #ffbb00;
  padding: 15px 40px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .learning_home_banner .learning_caption a {
    padding: 15px 25px;
    font-size: 16px;
  }
}
.learning_home_banner .learning_caption a:hover {
  background-color: #ffc21a;
}
.learning_section1 {
  padding: 30px 0;
}
.learning_section1 p {
  margin: 12px 0 0;
}
.learning_section img {
  max-width: 100%;
}
.learning_section h2 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 500;
}
@media (max-width: 990px) {
  .learning_section h2 {
    font-size: 16px;
    line-height: 1.8;
  }
}
.learning_section p {
  line-height: 25px;
  font-size: 18px;
}
.learning_section .ll_col {
  margin: 0 1% 40px;
}
.learning_section .learn_button {
  padding: 11px 20px;
  background-color: #ffbb00;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  background-image: url('../images/box_shadow_button.png');
  background-repeat: repeat-x;
  border: 0;
}
@media (max-width: 767px) {
  .learning_section .learn_button {
    margin-top: 20px;
  }
}
@media (max-width: 540px) {
  .learning_section .learn_button {
    padding: 12px 12px;
    font-size: 14px;
  }
}
.learning_section .learn_button:hover {
  border: 0;
}
.learning_section .learn_button:hover:after {
  width: 100%;
}
.learning_section .learn_button:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  background-color: rgba(98, 98, 98, 0.1);
  transition: all ease-in-out 0.4s;
  left: 0;
  top: 0;
}
.learning_section h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .learning_section h1 {
    font-size: 35px;
    line-height: 45px;
  }
}
.learning_section h4,
.learning_section h2,
.learning_section h1 {
  font-size: 21px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: 0px;
  margin: 15px 0;
}
.learning_section2 {
  padding: 100px 0 150px 0;
  background-color: #f9f9f9;
}
.learning_section2 img {
  transform: scale(1);
  transition: all ease-in-out 0.3s;
}
.learning_section2 img:hover {
  transform: scale(1.1);
}
.learning_section2 .post_foot {
  background-color: #ffffff;
  padding: 20px 20px;
}
.learning_section2 .post_foot span {
  color: #aaa;
  display: inline-block;
}
.learning_section2 .post_foot span i {
  float: left;
  margin-right: 10px;
}
.learning_section2 .post_foot span h4 {
  font-weight: 300;
  font-size: 16px;
  float: left;
  margin-right: 10px;
  line-height: initial;
}
.learning_section2 .post_foot h2 {
  color: #1b251d;
  padding: 15px 0 25px 0;
  font-size: 25px;
}
.learning_section2 .learn_button {
  margin: 20px 0;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
  color: #1b251d;
  padding: 15px 30px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .learning_section2 .learn_button {
    padding: 14px 18px;
  }
}
.image_wrapper {
  overflow: hidden;
}
.learning_section3 {
  margin-top: -100px;
  padding-bottom: 50px;
}
.learning_section3 .inner_block1 {
  padding: 80px 5% 50px 5%;
  background-image: url('../images/language2-offer-box-bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.learning_section3 .inner_block1 p {
  color: #626262;
}
.learning_section4 {
  padding: 50px 0;
}
.learning_section4 .nn_col {
  position: relative;
}
.learning_section4 .nn_col:hover img {
  top: -5px;
}
.learning_section4 .nn_col:hover h4:before {
  width: 100px;
}
.learning_section4 a {
  display: inline-block;
  min-height: 265px;
  padding-bottom: 40px;
}
@media (max-width: 1366px) {
  .learning_section4 a {
    min-height: auto;
    padding-bottom: 60px;
  }
}
.learning_section4 a img {
  display: inline-block;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.learning_section4 a span {
  display: inline-block;
  width: 70%;
  float: right;
  padding: 0 20px;
}
.learning_section4 a span h4 {
  margin-bottom: 15px;
  color: #1b251d;
  position: relative;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1366px) {
  .learning_section4 a span h4 {
    font-size: 14px;
    max-height: 50px;
    overflow: hidden;
  }
}
.learning_section4 a span h4:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  width: 0;
  transition: all 0.3s ease-in-out;
  border-top: 2px solid #ffbb00;
}
.learning_section4 a span h5,
.learning_section4 a span span,
.learning_section4 a span div {
  color: #626262;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  display: block;
  width: 100%;
  float: none;
  padding: 0;
}
@media (max-width: 1366px) {
  .learning_section4 a span h5,
  .learning_section4 a span span,
  .learning_section4 a span div {
    max-height: 80px;
    overflow: hidden;
    font-size: 14px;
  }
}
.learning_section5 {
  background-image: url('../images/language2-home-video-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  padding: 150px 0;
}
.learning_section5 h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: 0px;
}
.learning_section5 .learn_video {
  height: 386px;
}
.learning_section5 .learn_video a {
  float: left;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .learning_section5 .learn_video {
    margin-top: 30px;
  }
}
.learning_section5 .learn_video:hover .video_sec1 {
  display: none;
}
.learning_section5 .learn_video:hover .video_sec2 {
  opacity: 1;
}
.learning_section5 .learn_video .video_sec2 {
  opacity: 0;
}
.learning_section5 .learn_video .video_sec1,
.learning_section5 .learn_video .video_sec2 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px;
}
.learning_section6 {
  background-color: #060e01;
  padding: 60px 0 40px;
  color: #ffffff;
}
.learning_section6 .lang_subscribe input {
  height: 40px;
  border: 0;
  border-bottom: 2px solid #ffffff;
  background-color: transparent;
  width: 100%;
  color: #ffffff;
}
.learning_section6 .lang_subscribe input::-webkit-input-placeholder {
  color: #ffffff;
}
.learning_section6 .lang_subscribe input:focus::-moz-placeholder {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.learning_section6 .lang_subscribe input:focus:-ms-input-placeholder {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.learning_section6 .lang_subscribe input:focus:-moz-placeholder {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.learning_section6 .lang_subscribe input::-moz-placeholder {
  color: #1b251d;
  border-bottom: 1px solid #1a3e04;
}
.learning_section6 .lang_subscribe input:-ms-input-placeholder {
  color: #1b251d;
  border-bottom: 1px solid #1a3e04;
}
.learning_section6 .lang_subscribe input:-moz-placeholder {
  color: #1b251d;
  border-bottom: 1px solid #1a3e04;
}
.learning_section6 .lang_subscribe button {
  padding: 11px 20px;
  margin: 0 auto;
  background-color: #ffbb00;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  background-image: url('../images/box_shadow_button.png');
  background-repeat: repeat-x;
  border: 0;
}
@media (max-width: 767px) {
  .learning_section6 .lang_subscribe button {
    margin-top: 20px;
  }
}
@media (max-width: 540px) {
  .learning_section6 .lang_subscribe button {
    padding: 12px 14px;
    font-size: 14px;
  }
}
.learning_section6 .lang_subscribe button:hover {
  border: 0;
}
.learning_section6 .lang_subscribe button:hover:after {
  width: 100%;
}
.learning_section6 .lang_subscribe button:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  background-color: rgba(98, 98, 98, 0.1);
  transition: all ease-in-out 0.4s;
  left: 0;
  top: 0;
}
.lang_subscribe_button {
  padding: 11px 20px;
  margin: 0 auto;
  background-color: #ffbb00 !important;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  border: 0 !important;
  transition: all 0.3s ease-in-out;
}
.lang_subscribe_button:hover {
  background-color: #3b65ce !important;
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}
.learning_footer {
  background-color: #262f2a;
  padding: 70px 0;
}
.learning_footer img {
  margin-bottom: 30px;
}
.learning_footer a {
  font-size: 18px;
  margin: 0 10px 0 0;
  color: #ffbb00;
}
.learning_footer h4 {
  color: #ffffff;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .learning_footer h4 {
    margin: 15px 0;
  }
}
.learning_footer p {
  color: #626262;
}
.learning_footer p em {
  display: block;
}
.learn_copyright.garden_copyright p {
  color: #626262;
}
.learn_copyright.garden_copyright p a {
  color: #ffbb00;
}
.learning_inner_banner {
  background-image: url('../images/language2-subheaderbg.png');
  padding: 250px 0 100px;
  color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  .learning_inner_banner {
    text-align: center;
  }
}
.learning_inner_banner h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 540px) {
  .learning_inner_banner h1 {
    font-size: 45px;
  }
}
.learning_section2.learning_course {
  padding: 100px 0 50px 0;
}
.learning_section2.learning_course .ll_col .learning_category {
  display: block;
}
.learning_section2.learning_course .ll_col .learning_category .image_wrapper {
  width: 50%;
}
@media (max-width: 480px) {
  .learning_section2.learning_course .ll_col .learning_category .image_wrapper {
    width: auto;
  }
}
.learning_section2.learning_course .ll_col .learning_category .post_foot,
.learning_section2.learning_course .ll_col .learning_category .image_wrapper {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .learning_section2.learning_course .ll_col .learning_category .post_foot,
  .learning_section2.learning_course .ll_col .learning_category .image_wrapper {
    display: block;
  }
}
.learning_section2.learning_course .ll_col .learning_category .post_foot h2,
.learning_section2.learning_course .ll_col .learning_category .image_wrapper h2 {
  color: #1b251d;
  padding: 0;
  padding-bottom: 15px;
  font-size: 25px;
  line-height: 34px;
  font-weight: 500;
  height: 75px;
  overflow: hidden;
}
.learning_section2.learning_course .ll_col .learning_category .post_foot p,
.learning_section2.learning_course .ll_col .learning_category .image_wrapper p {
  line-height: 25px;
  font-size: 16px;
  height: 100px;
  overflow: hidden;
}
.learning_section2.learning_course .ll_col .learning_category .read_more {
  background-color: #f3f3f3;
  padding: 20px 40px;
  display: inline-block;
  width: 100%;
}
.learning_section2.learning_course .ll_col .learning_category .read_more span {
  float: right;
  border-left: 1px solid #aaa;
  padding: 0 10px;
  color: #ffbb00;
}
.learning_section2.learning_course .ll_col .learning_category .read_more span i,
.learning_section2.learning_course .ll_col .learning_category .read_more span h4 {
  display: inline-block;
}
.learning_section2.learning_course .ll_col .learning_category .read_more span h4 {
  color: #ffbb00;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid transparent;
  margin-bottom: 5px;
}
.learning_section2.learning_course .ll_col .learning_category .read_more span h4:hover {
  border-color: #ffbb00;
}
.learning_section2.learning_course .ll_col .learning_category .read_more span i {
  color: #626262;
  padding: 0 5px;
}
.learning_section2.learning_course .ll_col .learning_category .read_more span a {
  display: block;
  line-height: 25px;
  color: #262f2a;
}
.learning_detail_banner {
  background-image: url('../images/language-single-post-header-bg.jpg');
}
.learning_detail_banner a {
  margin-top: 30px;
}
.learning_deatil_section {
  padding: 60px 0;
}
.learning_deatil_section .inner_block2 {
  padding-left: 30px;
  margin-top: 30px;
}
.learning_deatil_section .inner_block2 a {
  display: inline-block;
  margin-top: 15px;
  font-size: 16px;
  color: #ffbb00;
  border-bottom: 1px solid transparent;
  margin-bottom: 5px;
}
.learning_deatil_section .inner_block2 a:hover {
  border-color: #ffbb00;
}
.learning_deatil_section p {
  color: #626262;
}
.learning_deatil_section ul {
  font-size: 0;
}
.learning_deatil_section ul li {
  background-image: url('../images/favorites-button.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 50%;
  display: inline-block;
  padding: 0 0 20px 35px;
  font-size: 18px;
  color: #626262;
}
.learning_inner_banner {
  padding-top: 250px;
  padding-bottom: 150px;
  color: #ffffff;
}
.learnig_about_banner {
  background-image: url('../images/language2-aboutus-headerbg.jpg');
}
.learning_about_section1 {
  padding: 100px 0;
  background-color: #f2f2f2;
}
.learning_about_section1 p {
  color: #626262;
}
.learning_about_section1 h1 {
  font-size: 40px;
  line-height: 50px;
}
@media (max-width: 480px) {
  .learning_about_section1 h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.learning_about_section1 .inner_block2 {
  padding: 20px 220px 0 0;
}
@media (max-width: 1024px) {
  .learning_about_section1 .inner_block2 {
    padding: 20px 120px 0 0;
  }
}
@media (max-width: 480px) {
  .learning_about_section1 .inner_block2 {
    padding: 20px 15px 0 0;
  }
}
.learning_about_section1 .inner_block3 {
  display: table;
  padding: 15px;
  border: 1px solid #d9d9d9;
}
.learning_about_section1 .inner_block3 img,
.learning_about_section1 .inner_block3 span {
  display: table-cell;
  vertical-align: middle;
}
.learning_about_section1 .inner_block3 img {
  padding: 20px;
  margin-right: 20px;
  border-right: 1px solid #d9d9d9;
}
.learning_about_section1 .inner_block3 span {
  width: 80%;
}
@media (max-width: 480px) {
  .learning_about_section1 .inner_block3 span {
    width: 65%;
  }
}
.learning_about_section2 {
  padding: 50px 0;
}
.learning_about_section2 h1 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 500;
  letter-spacing: 0px;
}
@media (max-width: 480px) {
  .learning_about_section2 h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.learning_about_section2 .inner_block4 {
  font-size: 0;
  float: left;
  width: 100%;
  padding: 0 50px;
}
@media (max-width: 540px) {
  .learning_about_section2 .inner_block4 {
    padding: 0 15px;
  }
}
.learning_about_section2 .inner_block4 .image {
  width: 25%;
}
@media (max-width: 540px) {
  .learning_about_section2 .inner_block4 .image {
    width: 100%;
    margin-bottom: 30px;
  }
}
.learning_about_section2 .inner_block4 .content {
  width: 74%;
  float: right;
}
@media (max-width: 1024px) {
  .learning_about_section2 .inner_block4 .content {
    width: 70%;
  }
}
@media (max-width: 540px) {
  .learning_about_section2 .inner_block4 .content {
    width: 100%;
    float: none;
  }
}
.learning_about_section2 .inner_block4 .image,
.learning_about_section2 .inner_block4 .content {
  display: inline-block;
}
@media (max-width: 540px) {
  .learning_about_section2 .inner_block4 .image,
  .learning_about_section2 .inner_block4 .content {
    display: block;
  }
}
.learning_about_banner1 {
  background-image: url('../images/language2-aboutus-graduation.jpg');
  padding: 200px 0;
}
@media (max-width: 1024px) {
  .learning_about_banner1 {
    background-attachment: inherit !important;
  }
}
.learning_about_section3 {
  background-color: #060e01;
  color: #ffffff;
  padding: 50px 0;
}
.learning_about_section3 .inner_block5 {
  padding: 60px 10% 40px;
  background-color: #36af30;
  margin-top: -120px;
  color: #ffffff;
  float: left;
}
@media (max-width: 767px) {
  .learning_about_section3 .inner_block5 {
    margin-bottom: 30px;
  }
}
.learning_about_section3 .inner_block5 .inner_block6 {
  float: left;
  width: 100%;
}
.learning_about_section3 .inner_block5 .inner_block6 .circle {
  float: left;
  width: 78px;
  height: 78px;
  line-height: 78px;
  border-width: 1px;
  border-style: solid;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
  border-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 540px) {
  .learning_about_section3 .inner_block5 .inner_block6 .circle {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
}
.learning_about_section3 .inner_block5 .inner_block6 p {
  padding: 5px 0 0;
  margin-left: 100px;
  word-wrap: break-word;
  padding-top: 20px;
}
@media (max-width: 540px) {
  .learning_about_section3 .inner_block5 .inner_block6 p {
    margin-left: 75px;
    padding: 0;
  }
}
.learning_about_section3 .inner_block7 {
  padding: 0 0 0 40px;
  clear: both;
}
@media (max-width: 540px) {
  .learning_about_section3 .inner_block7 {
    padding: 0 15px;
  }
}
.learning_teacher.learning_about_section2 .inner_block4 .image {
  width: 35%;
}
@media (max-width: 540px) {
  .learning_teacher.learning_about_section2 .inner_block4 .image {
    width: 100%;
  }
}
.learning_teacher.learning_about_section2 .inner_block4 .content {
  width: 60%;
  float: right;
}
@media (max-width: 540px) {
  .learning_teacher.learning_about_section2 .inner_block4 .content {
    width: 100%;
    float: none;
  }
}
.learning_teacher.learning_about_section2 .inner_block4 .content hr {
  border-color: #36af30;
}
.learning_teacher.learning_about_section2 .inner_block4 .content p b {
  color: #36af30;
}
.learning_contact_banner {
  padding: 170px 0 400px 0;
  color: #ffffff;
  background-image: url('../images/language2-contact-headerbg.jpg');
}
.learning_contact_section1 {
  margin-top: -300px;
}
.learning_contact_section1 iframe {
  width: 100%;
}
.learning_contact_section2 {
  padding: 50px 0;
}
.learning_contact_section2 .nn_col {
  padding-right: 50px;
}
.learning_contact_section2 .nn_col:last-child {
  padding-right: 15px;
}
@media (max-width: 767px) {
  .learning_contact_section2 h3 {
    margin-top: 15px;
  }
}
.learning_contact_section2 p {
  color: #626262;
}
.learning_contact_section2 hr {
  border-color: #36af30;
  margin: 0;
  width: 50px;
}
.learning_contact_section2 hr + div {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.learning_contact_section2 hr + div h2,
.learning_contact_section2 hr + div sup {
  float: left;
  color: #ffbb00;
}
.learning_contact_section2 hr + div sup {
  top: 0.5em;
  font-size: 18px;
}
.learning_contact_section2 hr + div .center {
  margin: 0 10px 0 30px;
}
.learning_contact_section2 a {
  overflow: hidden;
  display: block;
  margin: 15px 0;
  width: 90%;
}
.learning_contact_section2 a:hover img {
  transform: scale(1.1);
}
.learning_contact_section2 a img {
  transition: all ease-in-out 0.3s;
  transform: scale(1);
}
/*learning*/
/*space*/
.pad_20 {
  padding-bottom: 20px;
  clear: both;
}
.pad_40 {
  padding-bottom: 40px;
  clear: both;
}
.pad_80 {
  padding-bottom: 80px;
  clear: both;
}
/*space*/
/*ice*/
.ice_header {
  float: left;
  width: 100%;
  padding: 20px 80px 0 80px;
  position: absolute;
  top: 0;
  z-index: 99;
}
@media (max-width: 540px) {
  .ice_header {
    padding: 20px 15px 0 15px;
  }
}
.ice_header .main_header {
  float: left;
  width: 100%;
}
.ice_header .main_header nav {
  float: left;
  width: 70%;
  padding-top: 40px;
}
@media (max-width: 990px) {
  .ice_header .main_header nav {
    float: right;
    width: auto;
  }
}
@media (max-width: 990px) {
  .ice_header .main_header nav .nav {
    width: 100%;
    background-color: #262f2a;
    padding: 30px;
  }
}
.ice_header .main_header nav .nav li {
  float: left;
}
.ice_header .main_header nav .nav li .active {
  color: #262f2a;
  background: transparent;
}
@media (max-width: 990px) {
  .ice_header .main_header nav .nav li {
    float: none;
    text-align: left;
    padding: 10px;
  }
}
.ice_header .main_header nav .nav li a {
  color: #ffffff;
  padding: 0 25px 0 0;
  line-height: 25px;
  transition: color 0.4s ease 0s;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.ice_header .main_header nav .nav li a.active {
  color: #262f2a;
  background: transparent;
}
@media (max-width: 480px) {
  .ice_header .main_header nav .nav li a.active {
    color: #ffbb00;
  }
}
.ice_header .main_header nav .nav li a:active,
.ice_header .main_header nav .nav li a:hover,
.ice_header .main_header nav .nav li a:focus {
  color: #262f2a;
  background: transparent;
}
@media (max-width: 480px) {
  .ice_header .main_header nav .nav li a:active,
  .ice_header .main_header nav .nav li a:hover,
  .ice_header .main_header nav .nav li a:focus {
    color: #ffbb00;
  }
}
@media (max-width: 990px) {
  .ice_header .main_header nav .nav li a {
    font-size: 18px;
    line-height: 30px;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .ice_header .main_header nav .nav li a {
    color: #ffffff;
  }
}
.ice_header .main_header nav .nav li .dropdown-menu {
  background-color: #262f2a;
  color: #ffffff;
  padding: 15px;
}
.ice_header .main_header nav .nav li .dropdown-menu li a {
  color: #ffffff;
}
.ice_header .main_header nav .nav li .dropdown-menu li a.active {
  color: #ffbb00;
}
.ice_header .main_header nav .nav li .dropdown-menu li a:active,
.ice_header .main_header nav .nav li .dropdown-menu li a:hover,
.ice_header .main_header nav .nav li .dropdown-menu li a:focus {
  color: #ffbb00;
}
.ice_header .main_header .logo-head {
  float: left;
  padding-right: 60px;
}
@media (max-width: 540px) {
  .ice_header .main_header .logo-head {
    padding-right: 0;
  }
}
.ice_header .main_header .logo-head a {
  display: block;
}
@media (max-width: 480px) {
  .ice_header .main_header .logo-head a img {
    height: 100px;
  }
}
.ice_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .ice_header .main_header .navbar-collapse {
    position: absolute;
    width: 345px;
    right: 0px;
    text-align: left;
    top: 110px;
    border: 0;
    box-shadow: none;
  }
}
.ice_header .social {
  padding-top: 35px;
  float: right;
}
@media (max-width: 990px) {
  .ice_header .social {
    float: right;
    margin-right: 15px;
  }
}
@media (max-width: 480px) {
  .ice_header .social {
    padding-top: 0;
    position: absolute;
    top: 59px;
    right: 90px;
  }
}
.ice_header .social a {
  color: #ffffff;
  background-color: #040f01;
  font-size: 18px;
  height: 33px;
  width: 33px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .ice_header .social a {
    font-size: 12px;
    padding: 0px 7px;
  }
}
.ice_header .social a:hover {
  background-color: #ffffff;
  color: #040f01;
}
@media (max-width: 990px) {
  .ice_header .navbar-header {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .ice_header .navbar-toggle {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 48px;
    right: 20px;
  }
}
.ice_header .navbar-toggle .icon-bar {
  background: #262f2a;
}
.ice_banner {
  background-color: #ffbb00;
  padding: 450px 0 100px 0;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 480px) {
  .ice_banner {
    padding: 150px 0;
  }
}
.ice_banner .learning_caption {
  position: relative;
  z-index: 2;
  margin-top: 50px;
}
.ice_banner .learning_caption h2 {
  font-size: 40px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .ice_banner .learning_caption h2 {
    font-size: 27px;
    margin-bottom: 20px;
  }
}
.ice_banner .learning_caption h1 {
  font-size: 120px;
  line-height: 200px;
  letter-spacing: 5px;
  font-weight: 900;
  color: #ffffff;
}
@media (max-width: 990px) {
  .ice_banner .learning_caption h1 {
    font-size: 90px;
    line-height: 120px;
    letter-spacing: 12px;
  }
}
@media (max-width: 480px) {
  .ice_banner .learning_caption h1 {
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }
}
.ice_banner .learning_caption h1 a {
  text-decoration: none;
  color: #ffffff;
}
.ice_banner .learning_caption h1 a:active,
.ice_banner .learning_caption h1 a:hover,
.ice_banner .learning_caption h1 a:focus {
  text-decoration: none;
  color: #ffffff;
}
.ice_banner img {
  position: absolute;
  top: 228px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
@media (max-width: 990px) {
  .ice_banner img {
    top: 165px;
  }
}
.ice_section p {
  line-height: 25px;
  font-size: 15px;
}
@media (max-width: 1366px) {
  .ice_section p {
    font-size: 13px;
  }
}
.ice_section .ice_button5 {
  font-size: 15px;
  padding: 10px 35px;
  border: 2px solid #262f2a;
  display: inline-block;
  color: #262f2a;
  margin-top: 30px;
}
@media (max-width: 990px) {
  .ice_section .ice_button5 {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media (max-width: 1366px) {
  .ice_section .ice_button5 {
    padding: 8px 18px;
    font-size: 13px;
  }
}
.ice_section .ice_button5:hover {
  background-color: #262f2a;
  border-color: #262f2a;
  color: #ffffff;
}
.ice_section .ice_button2 {
  font-size: 18px;
  color: #ffffff;
  background-color: #262f2a;
  border-radius: 5px;
  cursor: pointer;
  padding: 13px 40px;
  border: none;
}
.ice_section .ice_button2:hover {
  color: #040f01;
  background-color: #ffffff;
}
.ice_section1 .nn_col {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 0;
}
.ice_section1 .inner_block1 {
  width: 55%;
  text-align: center;
  padding: 0 100px;
}
.ice_section1 .inner_block1 h1 {
  margin-bottom: 15px;
  font-weight: 400;
}
@media (max-width: 1366px) {
  .ice_section1 .inner_block1 h1 {
    font-size: 25px;
  }
}
.ice_section1 .inner_block1 h2 {
  margin-bottom: 15px;
  font-weight: 800;
}
@media (max-width: 1366px) {
  .ice_section1 .inner_block1 h2 {
    font-size: 20px;
  }
}
.ice_section1 .inner_block1 .ice_button3 {
  padding: 13px 40px;
  background-color: #262f2a;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 2px;
  position: relative;
  background-repeat: repeat-x;
  border: 0;
}
@media (max-width: 767px) {
  .ice_section1 .inner_block1 .ice_button3 {
    margin-top: 20px;
  }
}
@media (max-width: 540px) {
  .ice_section1 .inner_block1 .ice_button3 {
    padding: 5px 15px;
    font-size: 14px;
  }
}
.ice_section1 .inner_block1 .ice_button3:hover {
  border: 0;
}
.ice_section1 .inner_block1 .ice_button3:hover:after {
  width: 100%;
}
.ice_section1 .inner_block1 .ice_button3:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  background-color: rgba(98, 98, 98, 0.1);
  transition: all ease-in-out 0.4s;
  left: 0;
  top: 0;
}
.ice_section1 .ice_button4 {
  color: #262f2a;
  border-color: #262f2a;
}
.ice_section1 .ice_button4:hover {
  color: #ffffff;
  background-color: #262f2a;
}
img {
  max-width: 100%;
}
.ice_section1 .nn_col {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 0;
}
@media (max-width: 767px) {
  .ice_section1 .nn_col {
    display: block;
  }
}
.ice_section1 .inner_block1 {
  width: 55%;
  text-align: center;
  padding: 0 100px;
}
@media (max-width: 1366px) {
  .ice_section1 .inner_block1 {
    width: 65%;
  }
}
@media (max-width: 1024px) {
  .ice_section1 .inner_block1 {
    padding: 20px 50px;
    float: none;
    width: 100%;
  }
}
#intro {
  background-color: #ffffff;
  background-attachment: fixed;
}
#second {
  height: 700px;
  position: relative;
  background-attachment: fixed;
}
#second .bg {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 200;
  height: 700px;
}
#second .learning_caption {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 999;
  color: #ffffff;
  transform: translateY(-50%);
}
#second .learning_caption h2 {
  font-size: 40px;
  font-weight: 400;
}
@media (max-width: 540px) {
  #second .learning_caption h2 {
    font-size: 35px;
  }
}
#second .learning_caption h1 {
  font-size: 120px;
  line-height: 200px;
  letter-spacing: 5px;
  font-weight: 900;
}
@media (max-width: 990px) {
  #second .learning_caption h1 {
    font-size: 90px;
    line-height: 120px;
    letter-spacing: 12px;
  }
}
@media (max-width: 1366px) {
  #second .learning_caption h1 {
    font-size: 90px;
    line-height: 160px;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  #second .learning_caption h1 {
    font-size: 60px;
    line-height: 90px;
    letter-spacing: 3px;
  }
}
@media (max-width: 540px) {
  #second .learning_caption h1 {
    font-size: 20px;
  }
}
#second.ice_section2 {
  background-color: #36af30;
}
#second.ice_section2 .bg {
  background: url('../images/baac51_809fe275413a451fbe5e2904700e26ea.png') 50% 0 no-repeat fixed;
}
#second.ice_section3 {
  background-color: #ffbb00;
}
#second.ice_section3 .bg {
  background: url('../images/baac51_6728e43c48674e7d90ac20825b605525.png') 50% 0 no-repeat fixed;
}
.ice_gallery_slider a {
  display: inline-block;
  z-index: 10;
  position: relative;
}
.ice_gallery_slider a img {
  max-width: 100%;
}
.ice_gallery_slider a:hover {
  opacity: 0.7;
}
.ice_gallery_slider .owl-controls {
  margin: 0;
}
.ice_gallery_slider .owl-nav,
.ice_gallery_slider .owl-buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 40px;
  z-index: 1;
}
.ice_gallery_slider .owl-nav div,
.ice_gallery_slider .owl-buttons div {
  background: transparent !important;
  opacity: 1 !important;
}
.ice_gallery_slider .owl-nav i,
.ice_gallery_slider .owl-buttons i {
  color: #ffffff;
  font-size: 110px;
}
@media (max-width: 480px) {
  .ice_gallery_slider .owl-nav i,
  .ice_gallery_slider .owl-buttons i {
    font-size: 60px;
  }
}
.ice_gallery_slider .owl-nav .owl-prev,
.ice_gallery_slider .owl-buttons .owl-prev {
  float: left;
}
.ice_gallery_slider .owl-nav .owl-next,
.ice_gallery_slider .owl-buttons .owl-next {
  float: right;
}
.ice_gallery_slider .owl-nav .disabled,
.ice_gallery_slider .owl-buttons .disabled {
  display: none;
}
.ice_footer {
  padding: 60px 0;
  background-color: #262f2a;
  color: #ffffff;
}
.ice_footer h5 {
  font-weight: 600;
  letter-spacing: 2px;
}
.ice_footer p {
  line-height: 25px;
  font-size: 16px;
}
.ice_footer a {
  color: #ffffff;
  margin-bottom: 10px;
}
.ice_footer a:hover {
  color: #ffffff;
}
.ice_footer .ice_subscribe {
  margin-bottom: 13px;
}
.ice_footer .ice_subscribe input {
  width: 100%;
  height: 45px;
  line-height: 35px;
  display: block;
  margin-bottom: 10px;
  background-color: #e6e6e6;
  border: 0;
  padding: 0 20px;
  color: #1b251d;
}
.ice_footer .ice_subscribe input::-webkit-input-placeholder {
  color: #1b251d;
}
.ice_footer .ice_subscribe input::-moz-placeholder {
  color: #1b251d;
}
.ice_footer .ice_subscribe input:-ms-input-placeholder {
  color: #1b251d;
}
.ice_footer .ice_subscribe input:-moz-placeholder {
  color: #1b251d;
}
.ice_footer .ice_subscribe button {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  height: 45px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  width: 100%;
}
.ice_footer .ice_subscribe button:hover {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #000000;
}
.ice_footer .social {
  margin-top: 20px;
}
.ice_footer .social a {
  border-radius: 50%;
  margin-right: 15px;
  width: 30px;
  height: 30px;
  line-height: 31px;
  text-align: center;
  color: #000000;
  background-color: #ffffff;
  font-size: 20px;
  margin-bottom: 0;
}
.ice_inner_banner.ice_banner {
  background-color: #ffbb00;
  padding: 200px 0 100px 0;
}
.ice_flavour_section1 {
  padding: 60px 0;
}
.ice_flavour_section1 h1 {
  font-weight: 400;
  text-align: center;
  position: relative;
  padding-bottom: 30px;
}
.ice_flavour_section1 h1:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #1b251d;
  width: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ice_flavour_section1 h3 {
  font-weight: 400;
  color: #36af30;
  position: relative;
  padding-bottom: 30px;
}
.ice_flavour_section1 h3:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #1b251d;
  width: 180px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ice_flavour_section1 h3 a {
  text-decoration: none;
  color: #262f2a;
}
.ice_flavour_section1 h3 a:active,
.ice_flavour_section1 h3 a:hover,
.ice_flavour_section1 h3 a:focus {
  text-decoration: none;
  color: #262f2a;
}
.ice_flavour_section1 P {
  padding: 0 60px;
}
@media (max-width: 990px) {
  .ice_flavour_section1 P {
    padding: 0 40px;
  }
}
.ice_flavour_section1 h2 {
  font-size: 22px;
  margin-bottom: 30px;
}
.ice_flavour_section1 .ice_button5 {
  color: #262f2a;
  border-color: #262f2a;
}
.ice_flavour_section1 .ice_button5:hover {
  color: #ffffff;
  background-color: #262f2a;
}
.ice_event_section1 {
  padding: 80px 0;
}
.ice_event_section1 .inner_block1 p {
  padding: 0 250px;
}
@media (max-width: 767px) {
  .ice_event_section1 .inner_block1 p {
    padding: 0 50px;
  }
}
@media (max-width: 480px) {
  .ice_event_section1 .inner_block1 p {
    padding: 0 15px;
  }
}
.ice_event_section1 .ice_login {
  float: left;
  width: 100%;
  padding: 0 90px;
}
@media (max-width: 480px) {
  .ice_event_section1 .ice_login {
    padding: 0;
  }
}
.ice_event_section1 .ice_login .inner_head {
  text-align: right;
  margin-bottom: 20px;
}
.ice_event_section1 .ice_login a {
  color: #1b251d;
}
.ice_event_section1 .ice_login .inner_block2 {
  display: table-cell;
  text-align: center;
  width: 50%;
  vertical-align: middle;
  padding: 100px 60px;
  position: relative;
  background-color: #ffc21a;
}
@media (max-width: 767px) {
  .ice_event_section1 .ice_login .inner_block2 {
    display: block;
    padding: 25px 50px;
    width: 100%;
  }
}
.ice_event_section1 .ice_login .inner_block2:after {
  position: absolute;
  content: '';
  border-right: 1px solid #6990ab;
  height: 190px;
  top: 70px;
  right: 0;
}
@media (max-width: 767px) {
  .ice_event_section1 .ice_login .inner_block2:after {
    display: none;
  }
}
.ice_event_section1 .ice_login .inner_block2 .ice_button {
  border-color: #1b251d;
  font-size: 14px;
  padding: 5px 10px;
  margin: 15px 0 0;
}
.ice_event_section1 .ice_login .inner_block2 .ice_button:hover {
  color: #ffffff;
}
.ice_event_section1 .ice_login .inner_block2 a {
  font-size: 20px;
  margin-bottom: 20px;
}
.ice_event_section1 .ice_login .inner_last:after {
  display: none;
}
.ice_event_section3 {
  background-image: url('../images/ice_back2.png');
  height: 500px;
}
.ice_about_section1 {
  background-image: url('../images/ice_back3.png');
  height: 700px;
}
.ice_about_banner.ice_banner {
  background-color: #c3a9d4;
  padding: 200px 0 100px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .ice_copyright {
    padding-top: 20px;
  }
}
/*ice*/
/*hair-dresser*/
.hairdreser_header {
  position: absolute;
  width: 100%;
  top: 40px;
  z-index: 99;
}
@media (max-width: 990px) {
  .hairdreser_header {
    top: 0;
    border-bottom: 1px solid #ededed;
  }
}
@media (max-width: 540px) {
  .hairdreser_header {
    position: initial;
  }
}
.hairdreser_header .top_header {
  float: left;
  width: 100%;
}
.hairdreser_header .top_header i {
  margin-right: 5px;
  color: #262f2a;
}
@media (max-width: 640px) {
  .hairdreser_header .top_header i {
    display: none;
  }
}
.hairdreser_header .top_header i,
.hairdreser_header .top_header a,
.hairdreser_header .top_header h5 {
  float: left;
  line-height: 47px;
}
.hairdreser_header .top_header a,
.hairdreser_header .top_header h5 {
  margin-right: 40px;
  font-size: 14px;
  color: #ffffff;
}
@media (max-width: 990px) {
  .hairdreser_header .top_header a,
  .hairdreser_header .top_header h5 {
    font-size: 12px;
    margin-right: 20px;
  }
}
@media (max-width: 640px) {
  .hairdreser_header .top_header a,
  .hairdreser_header .top_header h5 {
    display: none;
  }
}
.hairdreser_header .top_header .hairdresser_button {
  background-color: #262f2a;
  color: #ffffff;
  padding: 15px 30px;
  float: right;
  position: relative;
  display: inline-block;
  z-index: 9;
  margin: 0;
  line-height: initial;
}
.hairdreser_header .top_header .hairdresser_button:after {
  content: '';
  position: absolute;
  background-color: #ffffff;
  height: 0;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hairdreser_header .top_header .hairdresser_button:before {
  content: '';
  position: absolute;
  background-color: #ffffff;
  height: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  top: 100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hairdreser_header .top_header .hairdresser_button:hover {
  color: #1b251d;
}
.hairdreser_header .top_header .hairdresser_button:hover:after {
  height: 100%;
  right: 50%;
  top: 0;
  bottom: 0;
}
.hairdreser_header .top_header .hairdresser_button:hover:before {
  height: 100%;
  left: 50%;
  top: 0;
  bottom: 0;
}
.hairdreser_header .top_header .poly_lang {
  padding: 0;
  margin: 0;
  float: right;
  background-color: transparent;
}
.hairdreser_header .top_header .poly_lang li {
  list-style: none;
  display: inline-block;
}
.hairdreser_header .top_header .poly_lang li .lang_btn {
  text-align: right;
  margin-right: 25px;
}
.hairdreser_header .main_header {
  float: left;
  width: 100%;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
}
.hairdreser_header .main_header .logo-head {
  float: left;
}
@media (max-width: 990px) {
  .hairdreser_header .main_header .logo-head {
    width: auto;
  }
}
.hairdreser_header .main_header .logo-head a {
  display: inline-block;
  z-index: 101;
}
@media (max-width: 990px) {
  .hairdreser_header .main_header .logo-head a img {
    max-width: 80%;
  }
}
.hairdreser_header .main_header nav {
  float: left;
  padding-left: 50px;
  padding-top: 5px;
}
@media (max-width: 990px) {
  .hairdreser_header .main_header nav {
    padding: 0;
    width: 100%;
    margin: 0;
    min-height: auto;
  }
}
@media (max-width: 990px) {
  .hairdreser_header .main_header nav .navbar-header .navbar-toggle {
    padding: 0;
    margin: 7px 6px;
  }
}
.hairdreser_header .main_header .nav li {
  float: left;
}
@media (max-width: 990px) {
  .hairdreser_header .main_header .nav li {
    float: none;
  }
}
.hairdreser_header .main_header .nav li a {
  color: #1b251d;
  line-height: 55px;
  padding: 0 25px;
  font-weight: 600;
}
@media (max-width: 1366px) {
  .hairdreser_header .main_header .nav li a {
    padding: 0 10px;
  }
}
@media (max-width: 990px) {
  .hairdreser_header .main_header .nav li a {
    padding-left: 0;
  }
}
.hairdreser_header .main_header .nav li a:hover,
.hairdreser_header .main_header .nav li a:active {
  background: transparent;
  color: #262f2a;
}
.hairdreser_header .main_header .nav li .active {
  background: transparent;
  color: #262f2a;
}
@media (max-width: 990px) {
  .hairdreser_header .main_header .navbar-header {
    padding-top: 0 !important;
    position: absolute;
    right: 0;
    top: -48px;
  }
}
.hairdreser_header .main_header .navbar-toggle .icon-bar {
  background-color: #262f2a;
}
.hairdreser_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .hairdreser_header .main_header .navbar-collapse {
    width: 100%;
    text-align: center;
  }
}
.hair_section .hairdresser_button {
  background-color: #262f2a;
  color: #ffffff;
  padding: 15px 30px;
  float: right;
  position: relative;
  display: inline-block;
  z-index: 9;
}
.hair_section .hairdresser_button:after {
  content: '';
  position: absolute;
  background-color: #ffffff;
  height: 0;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hair_section .hairdresser_button:before {
  content: '';
  position: absolute;
  background-color: #ffffff;
  height: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  top: 100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hair_section .hairdresser_button:hover {
  color: #ffffff;
}
.hair_section .hairdresser_button:hover:after {
  height: 100%;
  right: 50%;
  top: 0;
  bottom: 0;
}
.hair_section .hairdresser_button:hover:before {
  height: 100%;
  left: 50%;
  top: 0;
  bottom: 0;
}
.hair_section .border_center {
  padding-bottom: 30px;
  margin-bottom: 20px;
  position: relative;
}
.hair_section .border_center:after {
  position: absolute;
  content: '';
  background: url(../images/hairsec1.png) center no-repeat;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12px;
}
.hair_section .border_left {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.hair_section .border_left:after {
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/hair-sec2.png') no-repeat left bottom;
  position: absolute;
  content: '';
  height: 12px;
}
.hair_section img {
  max-width: 100%;
}
.hair_slider {
  position: relative;
}
.hair_slider .overlay {
  background-color: rgba(27, 26, 26, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.hair_slider .carousel-caption {
  left: 15%;
  bottom: 20%;
  width: 50%;
  text-align: left;
  z-index: 999999999;
  top: 30%;
}
@media (max-width: 990px) {
  .hair_slider .carousel-caption {
    bottom: 0;
    width: 90%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .hair_slider .carousel-caption {
    left: 5%;
    padding-bottom: 0;
  }
}
.hair_slider .carousel-caption .slider_title {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .hair_slider .carousel-caption .slider_title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .hair_slider .carousel-caption .slider_title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
  }
}
@media (max-width: 540px) {
  .hair_slider .carousel-caption .slider_title {
    font-size: 22px;
    line-height: 32px;
  }
}
.hair_slider .carousel-caption .slider_text {
  font-size: 25px;
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .hair_slider .carousel-caption .slider_text {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .hair_slider .carousel-caption .slider_text {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media (max-width: 540px) {
  .hair_slider .carousel-caption .slider_text {
    line-height: 20px;
    font-size: 12px;
  }
}
.hair_slider .carousel-caption a {
  color: #ffffff;
  background-color: #262f2a;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: 2px;
}
@media (max-width: 990px) {
  .hair_slider .carousel-caption a {
    margin-top: 0;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .hair_slider .carousel-caption a {
    font-size: 10px;
    padding: 5px 20px;
  }
}
@media (max-width: 540px) {
  .hair_slider .carousel-caption a {
    font-size: 10px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
  }
}
.hair_slider .owl-item {
  position: relative;
}
.hair_slider .owl-controls {
  display: none !important;
}
.hair_section1 {
  position: relative;
}
.hair_section p {
  font-size: 16px;
  line-height: 25px;
  color: #8d857b;
}
@media (max-width: 1366px) {
  .hair_section p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 990px) {
  .hair_section p {
    font-size: 13px;
    line-height: 20px;
  }
}
@media (max-width: 990px) {
  .hair_section h2 {
    font-size: 24px;
    line-height: 35px;
  }
}
.hair_section1 {
  padding: 90px 0 60px 0;
  background-image: url('../images/hairbg-1.jpg');
  color: #ffffff;
}
@media (max-width: 480px) {
  .hair_section1 {
    padding: 40px 0;
  }
}
.hair_section2 .nn_col {
  padding: 0;
}
.hair_section2 .inner_block {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
@media (max-width: 480px) {
  .hair_section2 .inner_block {
    display: block;
    width: 100%;
  }
}
.hair_section2 .inner_block:nth-of-type(even) {
  padding: 47px 40px;
}
.hair_section2 .inner_block .overlay {
  overflow: hidden;
}
.hair_section2 .inner_block .overlay:after {
  content: '';
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
  z-index: 99;
}
.hair_section2 .inner_block .overlay:before {
  content: '';
  position: absolute;
  transform: rotate(45deg);
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  top: 50%;
  z-index: 999;
  right: -20px;
}
@media (max-width: 480px) {
  .hair_section2 .inner_block .overlay:before {
    display: none;
  }
}
.hair_section2 .inner_block img {
  transform: scale(1);
  transition: all ease-in-out 0.5s;
}
@media (max-width: 767px) {
  .hair_section2 .inner_block img {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .hair_section2 .inner_block img {
    width: auto;
    margin: 0 auto;
    display: block;
  }
}
.hair_section2 .inner_block:hover img {
  transform: scale(1.2);
}
.hair_section2 .inner_block:hover .overlay:after {
  top: 0;
  bottom: 0;
  right: 0;
}
.hair_section.hair_section1.hair_section3 {
  background-image: url('../images/hairbg-3.jpg');
}
.hair_section.hair_section1.hair_section3 h2 {
  color: #1b251d;
}
.hair_section.hair_section1.hair_section3 h1 {
  font-size: 30px;
}
.hair_section.hair_section1.hair_section3 .nn_col:hover .image:after {
  bottom: 0;
  right: 0;
  width: 100%;
}
.hair_section.hair_section1.hair_section3 .nn_col:hover .image:before {
  left: 0;
  top: 0;
  width: 100%;
}
.hair_section.hair_section1.hair_section3 .nn_col:hover .info:after {
  top: 0;
  bottom: 0;
}
.hair_section.hair_section1.hair_section3 .image {
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  width: 100%;
  border: 1px solid #f2f2f2;
}
.hair_section.hair_section1.hair_section3 .image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 100%;
  right: 100%;
  border: 1px solid #262f2a;
  border-bottom: 0;
  border-right: 0;
  transition: all 0.5s;
  width: 0;
}
.hair_section.hair_section1.hair_section3 .image:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 100%;
  top: 100%;
  border: 1px solid #262f2a;
  border-top: 0;
  border-left: 0;
  transition: all 0.5s;
  width: 0;
}
.hair_section.hair_section1.hair_section3 .info {
  border-top: none;
  padding: 20px 0;
  border: 1px solid #f2f2f2;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .hair_section.hair_section1.hair_section3 .info {
    margin-bottom: 20px;
  }
}
.hair_section.hair_section1.hair_section3 .info:after {
  position: absolute;
  content: '';
  border: 1px solid #262f2a;
  border-top: none;
  transition: all 0.5s;
  top: 100%;
  left: 0;
  right: 0;
  bottom: -1;
}
.hair_section.hair_section1.hair_section3 .info h3,
.hair_section.hair_section1.hair_section3 .info h5 {
  color: #1b251d;
}
.hair_section.hair_section1.hair_section3 .info h5 {
  color: #262f2a;
  font-weight: 600;
}
.hair_section.hair_section1.hair_section3 .info h3 {
  font-size: 18px;
}
.hair_section.hair_section1.hair_section3 .hairdresser_button {
  float: none;
  background-color: #1b251d;
  margin-bottom: -30px;
}
.hair_section.hair_section1.hair_section3 .hairdresser_button:after,
.hair_section.hair_section1.hair_section3 .hairdresser_button:before {
  background-color: #262f2a;
  color: #ffffff;
}
.hair_section.hair_section4 {
  background-color: #262f2a;
  background-image: none;
  color: #ffffff;
}
.hair_section.hair_section4 p {
  color: #ffffff;
  opacity: 0.8;
}
.hair_section.hair_section4 .hair_form_section {
  background-color: #ffffff;
  width: 100%;
}
.hair_section.hair_section4 .hair_form_section .form_head {
  text-align: center;
  color: #262f2a;
  padding-top: 25px;
}
.hair_section.hair_section4 .hair_form_section .hair_book_form {
  background-color: transparent;
  padding: 0 35px;
  color: #1b251d;
  margin: 0;
}
@media (max-width: 767px) {
  .hair_section.hair_section4 .hair_form_section .hair_book_form {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .hair_section.hair_section4 .hair_form_section .hair_book_form {
    padding: 40px 20px;
  }
}
.hair_section.hair_section4 .hair_form_section .hair_book_form input,
.hair_section.hair_section4 .hair_form_section .hair_book_form textarea {
  width: 100%;
  margin-bottom: 15px;
  line-height: 35px;
  padding: 0 10px;
}
.hair_section.hair_section4 .hair_form_section .hair_book_form textarea {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  height: 100px;
}
.hair_section.hair_section4 .hair_form_section .hair_book_form button {
  float: none;
  border: 0;
  margin-bottom: 20px;
}
.hair_section.hair_section4 .hair_form_section .hair_book_form button:hover {
  color: #ffffff;
}
.hair_section.hair_section4 .hair_form_section .hair_book_form button:after,
.hair_section.hair_section4 .hair_form_section .hair_book_form button:before {
  background-color: #1b251d;
}
.hair_section_partner {
  padding: 90px 0 60px 0;
}
@media (max-width: 480px) {
  .hair_section_partner {
    padding: 40px 0;
  }
}
.hair_section_partner p {
  padding: 0 120px;
}
@media (max-width: 640px) {
  .hair_section_partner p {
    padding: 0 60px;
  }
}
@media (max-width: 400px) {
  .hair_section_partner p {
    padding: 0 20px;
  }
}
.hair_section_partner .partner_slider {
  padding: 40px 0 20px 0;
}
.hair_section_partner .partner_slider img {
  max-width: 100%;
  width: auto;
}
@media (max-width: 640px) {
  .hair_section_partner .partner_slider img {
    display: inline-block;
  }
}
.hair_section_partner .partner_slider .owl-nav {
  display: none;
}
.hair_section_partner .partner_slider .owl-dots,
.hair_section_partner .partner_slider .owl-pagination {
  text-align: center;
  float: left;
  width: 100%;
  height: 60px;
}
.hair_section_partner .partner_slider .owl-dots .owl-dot,
.hair_section_partner .partner_slider .owl-pagination .owl-dot,
.hair_section_partner .partner_slider .owl-dots .owl-page,
.hair_section_partner .partner_slider .owl-pagination .owl-page {
  display: inline-block;
  width: 2%;
}
@media (max-width: 767px) {
  .hair_section_partner .partner_slider .owl-dots .owl-dot,
  .hair_section_partner .partner_slider .owl-pagination .owl-dot,
  .hair_section_partner .partner_slider .owl-dots .owl-page,
  .hair_section_partner .partner_slider .owl-pagination .owl-page {
    width: 6%;
  }
}
.hair_section_partner .partner_slider .owl-dots .owl-dot span,
.hair_section_partner .partner_slider .owl-pagination .owl-dot span,
.hair_section_partner .partner_slider .owl-dots .owl-page span,
.hair_section_partner .partner_slider .owl-pagination .owl-page span {
  height: 10px;
  width: 10px;
  background-color: #626262;
  display: block;
  margin-top: 30px;
  transform: rotate(45deg);
  border-radius: 0;
}
@media (max-width: 767px) {
  .hair_section_partner .partner_slider .owl-dots .owl-dot span,
  .hair_section_partner .partner_slider .owl-pagination .owl-dot span,
  .hair_section_partner .partner_slider .owl-dots .owl-page span,
  .hair_section_partner .partner_slider .owl-pagination .owl-page span {
    height: 8px;
    width: 8px;
  }
}
.hair_section_partner .partner_slider .owl-dots .active span,
.hair_section_partner .partner_slider .owl-pagination .active span {
  background-color: #262f2a;
}
.hair_section.hair_footer {
  background-image: url('../images/hairbg_footer.jpg');
}
.hair_section.hair_footer .footer-top {
  padding: 100px 0 75px;
}
.hair_section.hair_footer .footer-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #ffffff;
  opacity: 0.6;
}
.hair_section.hair_footer .footer-top .block1 a {
  font-size: 16px;
  font-weight: 400;
  color: #262f2a;
  display: inline-block;
}
.hair_section.hair_footer .footer-top .block1 a:hover {
  color: #ffffff;
}
.hair_section.hair_footer .footer-top .block1 a i {
  margin-left: 8px;
}
.hair_section.hair_footer .footer-top .block1 .social {
  padding-top: 20px;
}
.hair_section.hair_footer .footer-top .block1 .social a {
  margin-right: 8px;
}
.hair_section.hair_footer .footer-top h3 {
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
}
.hair_section.hair_footer .footer-top h3:after {
  background: url('../images/hairsec1.png') no-repeat;
}
.hair_section.hair_footer .footer-top span {
  display: inline-block;
  width: 100%;
}
.hair_section.hair_footer .footer-top span i {
  float: left;
  width: 6%;
  color: #ffffff;
  opacity: 0.6;
  line-height: 20px;
}
.hair_section.hair_footer .footer-top span a {
  display: block;
  color: #ffffff;
  opacity: 0.6;
  transition: all 0.5s;
  margin-bottom: 10px;
  font-size: 16px;
  float: right;
  width: 90%;
}
.hair_section.hair_footer .footer-top span a:hover {
  color: #262f2a;
}
.footer-copyright {
  padding: 20px 0 30px 0;
}
.footer-copyright .nn_row {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer-copyright .nn_row p {
  opacity: 0.6;
  color: #ffffff;
  margin-top: 30px;
}
.hair-inner-banner {
  background: url(../images/hair-aboutbg.jpg) center no-repeat;
  padding: 200px 0;
  background-size: cover;
  position: relative;
}
@media (max-width: 990px) {
  .hair-inner-banner {
    display: none;
  }
}
.hair-inner-banner::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 37, 29, 0.8);
  left: 0;
  top: 0;
}
@media (max-width: 990px) {
  .hair-inner-banner::after {
    display: none;
  }
}
.hair_about1.hair_section1 {
  background-image: none;
}
.hair_about1.hair_section1 .owl-nav,
.hair_about1.hair_section1 .owl-buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.hair_about1.hair_section1 .owl-nav div,
.hair_about1.hair_section1 .owl-buttons div {
  padding: 20px;
  background-color: #1b251d;
  border-radius: 0;
  opacity: 1;
  margin: 0;
}
.hair_about1.hair_section1 .owl-nav div:hover,
.hair_about1.hair_section1 .owl-buttons div:hover {
  background-color: #262f2a;
}
.hair_about1.hair_section1 .owl-nav div i,
.hair_about1.hair_section1 .owl-buttons div i {
  font-size: 18px;
}
.hair_about1.hair_section1 .owl-nav .owl-prev,
.hair_about1.hair_section1 .owl-buttons .owl-prev {
  float: left;
}
.hair_about1.hair_section1 .owl-nav .owl-next,
.hair_about1.hair_section1 .owl-buttons .owl-next {
  float: right;
}
.hair_section_partner.hair_about2 {
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 540px) {
  .hair_section_partner.hair_about2 {
    padding-bottom: 40px;
  }
}
.hair_section_partner.hair_about2 h1 {
  margin-bottom: 30px;
}
.hair_section_partner.hair_about2 p {
  padding: 0;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}
.hair_section_partner.hair_about2 a {
  float: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .hair_section_partner.hair_about2 a {
    margin-bottom: 20px;
  }
}
.hair_section_partner.hair_about2 a:hover {
  color: #ffffff;
}
.hair_section_partner.hair_about2 a:after,
.hair_section_partner.hair_about2 a:before {
  background-color: #1b251d;
}
.hair_about3 {
  background-image: url('../images/hair-aboutbg2.jpg');
  padding: 90px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .hair_about3 .nn_col {
    margin-bottom: 20px;
  }
}
.hair_about3 h2 {
  color: #ffffff;
}
.hair_about3 p {
  color: #ffffff;
  opacity: 0.6;
  padding: 0 200px;
}
@media (max-width: 767px) {
  .hair_about3 p {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .hair_about3 p {
    padding: 0 20px;
  }
}
.hair_about3 .social {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
}
.hair_about3 .social a {
  color: #262f2a;
  font-size: 20px;
  margin: 0 5px;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 1366px) {
  .hair_about3 .social a {
    font-size: 15px;
  }
}
.hair_about3 .social a:hover {
  color: #ffffff;
}
.hair_about3 .social a:hover:after {
  top: 0;
}
.hair_about3 .social a:after {
  position: absolute;
  content: '';
  background-color: #262f2a;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  transition: all 0.5s;
  z-index: -1;
}
.hair_about4.hair_section_partner {
  background-image: url('../images/hair-bg1.jpg');
}
.hair_about4.hair_section_partner .owl-item img {
  display: inline-block;
  padding: 30px;
  border: 1px solid #262f2a;
}
.hair_about4.hair_section_partner .owl-item .carousel-caption {
  position: inherit;
  color: #1b251d;
  text-shadow: none;
}
.hair_about4.hair_section_partner .owl-item .carousel-caption h1 {
  font-size: 20px;
  margin-bottom: 20px;
}
.hair_about4.hair_section_partner .owl-item .carousel-caption .slider_text {
  font-size: 16px;
  color: #8d857b;
  line-height: 20px;
  margin-bottom: 15px;
}
.hair_about4.hair_section_partner .owl-item .carousel-caption a {
  color: #262f2a;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.5s;
}
.hair_about4.hair_section_partner .owl-item .carousel-caption a:hover {
  letter-spacing: 1px;
  color: #1b251d;
}
.hair_service1.hair_section {
  padding: 90px 0;
}
@media (max-width: 400px) {
  .hair_service1.hair_section .nn_col {
    width: 100%;
  }
}
.hair_service1.hair_section img {
  display: inline-block;
  padding: 30px;
  border: 1px solid #262f2a;
}
.hair_service1.hair_section h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.hair_service1.hair_section .slider_text {
  font-size: 16px;
  color: #8d857b;
  line-height: 20px;
  margin-bottom: 15px;
}
.hair_service1.hair_section a {
  color: #262f2a;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.5s;
  margin-bottom: 50px;
  display: inline-block;
}
.hair_service1.hair_section a:hover {
  letter-spacing: 1px;
  color: #1b251d;
}
.hair_service1.hair_section a i {
  margin-left: 10px;
  font-size: 16px;
}
.hair_service1.hair_section .image {
  height: 145px;
}
.hair_service1.hair_section .contact_content {
  position: relative;
  border: 8px solid #e6e6e6;
  min-height: 180px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 3;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .hair_service1.hair_section .contact_content {
    margin-bottom: 75px;
  }
}
.hair_service1.hair_section .contact_content p {
  color: #1b251d;
}
.hair_service1.hair_section .icon {
  position: absolute;
  top: -60px;
  padding: 25px 35px;
  border-radius: 50%;
  border: 8px solid #e6e6e6;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 110px;
  z-index: 2;
  background: #ffffff;
}
.hair_service1.hair_section .icon i {
  font-size: 30px;
  height: 40px;
  color: #262f2a;
}
.hair_service2.hair_section {
  padding: 60px 0;
  background-color: #262f2a;
}
@media (max-width: 767px) {
  .hair_service2.hair_section {
    text-align: center;
  }
}
.hair_service2.hair_section h1,
.hair_service2.hair_section .title_change {
  float: right;
  width: 90%;
  margin-left: 20px;
  line-height: 35px;
  color: #ffffff;
  font-size: 36px;
}
@media (max-width: 1366px) {
  .hair_service2.hair_section h1,
  .hair_service2.hair_section .title_change {
    width: 80%;
  }
}
@media (max-width: 990px) {
  .hair_service2.hair_section h1,
  .hair_service2.hair_section .title_change {
    font-size: 26px;
    width: 90%;
    float: none;
  }
}
.hair_service2.hair_section a {
  font-size: 14px;
  font-weight: 600;
  background-color: #ffffff;
  color: #1b251d;
}
@media (max-width: 767px) {
  .hair_service2.hair_section a {
    margin-top: 30px;
    float: none;
  }
}
.hair_service2.hair_section a:hover {
  color: #ffffff;
}
.hair_service2.hair_section a:after,
.hair_service2.hair_section a:before {
  background-color: #1b251d;
}
.hair_contact {
  padding-bottom: 90px;
}
.hair_contact p {
  padding: 0 150px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .hair_contact p {
    padding: 0 50px;
  }
}
@media (max-width: 480px) {
  .hair_contact p {
    padding: 0 20px;
  }
}
.hair_contact .hair_form input {
  width: 100%;
  line-height: 50px;
  border: 1px solid #e6e6e6;
  margin-bottom: 25px;
  padding: 0 15px;
}
.hair_contact .hair_form textarea {
  width: 100%;
  min-height: 70px;
  border: 1px solid #e6e6e6;
  padding: 15px;
}
.hair_contact .hair_form button {
  background-color: #262f2a;
  color: #ffffff;
  padding: 15px 30px;
  text-align: center;
  position: relative;
  display: inline-block;
  z-index: 9;
  margin: 0;
  line-height: initial;
}
.hair_contact .hair_form button:after {
  content: '';
  position: absolute;
  background-color: #1b251d;
  height: 0;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hair_contact .hair_form button:before {
  content: '';
  position: absolute;
  background-color: #1b251d;
  height: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  top: 100%;
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hair_contact .hair_form button:hover {
  color: #ffffff;
}
.hair_contact .hair_form button:hover:after {
  height: 100%;
  right: 50%;
  top: 0;
  bottom: 0;
}
.hair_contact .hair_form button:hover:before {
  height: 100%;
  left: 50%;
  top: 0;
  bottom: 0;
}
.hair_category.hair_service1 .image {
  height: 200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.hair_category.hair_service1 .image img {
  border: 0;
  padding: 0;
  transition: all 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.hair_category.hair_service1 .content {
  padding: 0 20px;
  transition: all 0.5s;
  border: 1px solid transparent;
  height: auto;
}
.hair_category.hair_service1 .content h1 {
  font-size: 18px;
  height: 37px;
  overflow: hidden;
}
.hair_category.hair_service1 .catcontent-list {
  position: relative;
  margin-bottom: 30px;
}
.hair_category.hair_service1 .catcontent-list span {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #262f2a;
  display: block;
  padding: 5px 10px 15px 10px;
  text-align: center;
  color: #ffffff;
}
.hair_category.hair_service1 .catcontent-list span h6 {
  margin: 0;
  padding: 0;
}
.hair_category.hair_service1 .catcontent-list span h4 {
  font-size: 22px;
  font-weight: 700;
  display: block;
  line-height: 26px;
}
.hair_category.hair_service1 .catcontent-list:hover .content {
  top: 0;
  border-color: #262f2a;
}
.hair_category.hair_service1 .catcontent-list:hover .image img {
  transform: scale(1.1);
}
.hair_category.hair_service1 h3 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
.hair_category.hair_service1 h3:after {
  position: absolute;
  bottom: 0;
  content: '';
  border-bottom: 2px solid #262f2a;
  width: 60px;
  left: 0;
}
@media (max-width: 767px) {
  .hair_category.hair_service1 ul {
    margin-bottom: 30px;
  }
}
.hair_category.hair_service1 ul li a {
  color: #1b251d;
  padding: 10px 10px 10px 0;
  margin: 0;
  position: relative;
  display: block;
  font-size: 14px !important;
  transition: all ease-in-out 0.5s;
  z-index: 1;
}
.hair_category.hair_service1 ul li a:hover {
  padding-left: 30px;
  color: #ffffff;
}
.hair_category.hair_service1 ul li a:hover:after {
  right: 0;
}
.hair_category.hair_service1 ul li a:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 100%;
  background-color: rgba(38, 47, 42, 0.8);
  transition: all ease-in-out 0.5s;
  z-index: -1;
}
.hair_category.hair_service1 .slider_text {
  height: 75px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .hair_category.hair_service1 .slider_text {
    height: 75px;
  }
}
.category_grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto;
}
.category_grid .category_grid_col {
  width: 100%;
}
/*hair-dresser*/
/***carpenter****/
.carpenter_header {
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
}
.carpenter_header .logo-head {
  float: left;
}
.carpenter_header .navbar-collapse {
  float: right;
}
.carpenter_header .navbar-collapse .nav li {
  display: inline-block;
}
.carpenter_header .navbar-collapse .nav li a {
  color: #040f01;
  font-size: 16px;
  padding: 0 30px;
  line-height: 65px;
  position: relative;
}
.carpenter_header .navbar-collapse .nav li a:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #040f01;
  bottom: 10px;
  width: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.5s;
}
.carpenter_header .navbar-collapse .nav li a:hover,
.carpenter_header .navbar-collapse .nav li a:focus {
  background-color: transparent;
}
.carpenter_header .navbar-collapse .nav li a:hover:after,
.carpenter_header .navbar-collapse .nav li a:focus:after {
  opacity: 1;
}
.carpenter_header .navbar-collapse .nav li .active {
  background-color: transparent;
  position: relative;
}
.carpenter_header .navbar-collapse .nav li .active:after {
  opacity: 1;
}
.carpenter_banner {
  background-image: url('../images/Carpenter2-Home-sliderbg1.jpg');
  padding: 200px 0 280px 0;
  background-position: 0 -215px;
}
.carpenter_banner .banner-caption {
  width: 50%;
  padding-left: 22%;
  color: #040f01;
}
.carpenter_banner .banner-caption h1 {
  font-size: 80px;
  font-weight: 800;
}
.carpenter_banner .banner-caption h2 {
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
  margin-top: 15px;
}
.carpenter_banner .banner-caption a {
  color: #040f01;
  border: 2px solid #040f01;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 50px;
  font-size: 16px;
}
.carpenter_banner .banner-caption a:hover {
  background-color: #040f01;
  color: #ffffff;
}
.carpenter_section {
  background-color: #36af30;
  font-family: 'Poppins', sans-serif;
}
.carpenter_section p {
  font-size: 15px;
  line-height: 25px;
}
.carpenter_section h3 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 700;
  line-height: 38px;
}
.carpenter_section h2 {
  font-size: 38px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0px;
}
.carpenter_section img {
  max-width: 100%;
}
.carpenter_section .capenter-button {
  color: #040f01;
  border: 2px solid #040f01;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
}
.carpenter_section .capenter-button:hover {
  background-color: #040f01;
  color: #ffffff;
}
.carpenter_section1 {
  padding: 147px 0 400px 0;
  background-image: url(../images/carpenter2-home-tiles.png);
  background-position: left top;
}
.carpenter_section1 h5 {
  color: #262f2a;
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 500;
}
.carpenter_section1 h2 {
  font-size: 40px;
  letter-spacing: 4px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 15px;
}
.carpenter_section2 {
  padding-bottom: 35px;
}
.carpenter_section2 .nn_col {
  border-left: 1px solid #040f01;
  padding-left: 20px;
  margin-bottom: 60px;
}
.carpenter_section2 .nn_col img {
  margin-bottom: 20px;
}
.carpenter_section2 .nn_col h3 {
  margin-bottom: 20px;
}
.carpenter_section3 {
  padding: 50px 0;
}
.carpenter_section3 .overflow {
  margin-bottom: 30px;
}
.carpenter_section3 .overflow img {
  transition: all 0.5s;
}
.carpenter_section3 .overflow img:hover {
  transform: scale(1.1);
}
.overflow {
  overflow: hidden;
}
.carpenter_section4 {
  background-image: url('../images/carpenter2-home-highlight-section-bg.jpg');
}
.carpenter_section4 .content {
  position: relative;
  z-index: 99;
  background-color: #36af30;
  padding: 60px 40px;
}
.carpenter_section4 .content span {
  width: 25%;
  float: left;
  padding-right: 30px;
}
.carpenter_section4 .content span img {
  margin-bottom: 30px;
}
.carpenter_footer {
  background-color: #36af30;
  padding-top: 100px;
}
.carpenter_footer a {
  display: block;
}
.carpenter_footer span {
  cursor: pointer;
}
.carpenter_footer span i {
  display: inline-block;
  color: #ffbb00;
  margin-bottom: 15px;
  line-height: 25px;
}
.carpenter_footer span a {
  display: inline-block;
  width: 90%;
  float: right;
  margin-bottom: 15px;
  line-height: 25px;
  color: #040f01;
  font-size: 12px;
}
.carpenter_footer .social a {
  display: inline-block;
  color: #040f01;
}
.carpenter-copyright {
  padding: 50px 0 30px 0;
}
.carpenter-copyright p {
  color: #040f01;
}
.carpenter_inner_banner {
  background-image: url('../iamges/carpenter2-topbg.png');
  padding-top: 180px;
  padding-bottom: 80px;
}
.carpenter_inner_banner h1 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0px;
}
.carpenter_about1 {
  padding-top: 80px;
}
.carpenter_about1 .inner_block1 {
  background-image: url('../images/carpenter2-aboutus-infobox.jpg');
  padding: 30px 20px;
  color: #ffffff;
  background-position: right bottom;
}
.carpenter_about1 .inner_block1 ul li {
  line-height: 35px;
}
.carpenter_about1 .inner_block1 ul li i {
  color: #ffbb00;
  margin-right: 15px;
  font-size: 22px;
  line-height: 30px;
}
.carpenter_about2 .text-right {
  margin-bottom: -50px;
}
.carpenter_about3 {
  background-image: url('../images/carpenter2-about-wood-bg.jpg');
  padding-top: 150px;
  padding-bottom: 250px;
  color: #ffffff;
}
.carpenter_about3 p {
  padding-right: 90px;
}
.carpenter_about3 .inner_block2 {
  float: left;
  width: 100%;
}
.carpenter_about3 .inner_block2 img {
  float: left;
  margin-right: 30px;
}
.carpenter_about3 .inner_block2 span {
  float: right;
  display: inline-block;
  width: 75%;
}
.carpenter_about3 .inner_block2 span h5 {
  margin-top: 20px;
  font-size: 15px;
  line-height: 25px;
}
.carpenter_about4 img {
  margin-top: -60px;
}
.carpenter_about5 {
  padding-top: 60px;
}
.carpenter_about5 .owl-carousel.owl-drag .owl-item {
  background-color: #34a72e;
  height: 110px;
  padding: 20px 0;
}
.carpenter_about5 img {
  width: auto !important;
  margin: 0 auto;
}
.partner_slider {
  padding-top: 40px;
}
.partner_slider .owl-buttons,
.partner_slider .owl-nav {
  position: absolute;
  top: -10px;
  right: 0;
}
.partner_slider .owl-buttons div,
.partner_slider .owl-nav div {
  display: inline-block;
  text-align: center;
}
.partner_slider .owl-buttons div i,
.partner_slider .owl-nav div i {
  font-size: 20px;
  line-height: 40px;
  border-radius: 4px;
  color: #1b251d;
  height: 40px;
  width: 40px;
  border: 1px solid #1b251d;
  margin-left: 5px;
}
.carpenter_product {
  padding: 50px 0;
}
.carpenter_product .product-list .nn_col {
  margin-bottom: 30px;
}
.carpenter_product ul li a {
  padding: 10px 20px;
  display: block;
  background-color: #262f2a;
  color: #ffffff;
  z-index: 1;
  position: relative;
}
.carpenter_product ul li a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  background-color: #3d4b43;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.carpenter_product ul li a:hover:after,
.carpenter_product ul li a:focus:after {
  top: 0;
}
.carpenter_product ul li a p {
  color: #ffffff;
}
/***carpenter****/
/*******eastate**********/
.estate_header.union_header.iron_header .nav li a {
  font-size: 16px;
  font-family: 'Titillium Web', sans-serif;
  line-height: 60px;
  font-weight: 600;
  padding: 0 13px;
  position: relative;
}
.estate_header.union_header.iron_header .nav li a:after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #ffbb00;
  width: 70%;
  opacity: 0;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.estate_header.union_header.iron_header .nav li a:hover:after {
  opacity: 1;
}
.eastate_section {
  font-family: 'Titillium Web', sans-serif;
}
.estate_slider {
  position: relative;
}
.estate_slider .owl-pagination {
  position: absolute;
  right: 5px;
  height: 100%;
  width: 30px;
  top: 0;
  padding-top: 35%;
}
.estate_slider .owl-pagination .owl-page span {
  margin-bottom: 10px;
  height: 18px;
  width: 18px;
  display: block;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: transparent;
}
.estate_slider .owl-pagination .active span {
  background: #ffffff;
}
.estate_slider .carousel-caption {
  left: 5%;
  right: inherit;
  text-align: left;
}
.estate_slider .carousel-caption .slider_title {
  font-weight: 800;
}
.estate_slider .owl-controls {
  margin: 0;
}
.estate_productlist {
  padding: 60px 0;
}
.estate_productlist a {
  display: block;
  margin-bottom: 20px;
}
.estate_productlist a img {
  max-width: 100%;
}
.estate_productlist h3 {
  margin: 20px 0;
  color: #ffffff;
}
.estate-container {
  background-color: rgba(141, 133, 123, 0.6);
  float: left;
  width: 100%;
  padding: 0 20px;
}
.estate-container img {
  max-width: 300px;
}
.estate-container img:hover {
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.5);
}
.estate-container h4 {
  color: #ffffff;
  padding: 20px 0;
  font-size: 16px;
}
.estate-container h1,
.estate-container p {
  color: #ffffff;
}
.estate-container a {
  margin: 0 !important;
  color: #ffffff !important;
}
.estate-container .content {
  padding-bottom: 20px !important;
}
.estate-contact form input {
  width: 49.33%;
  margin-right: 1%;
  float: left;
  margin-bottom: 15px;
  line-height: 30px;
  padding: 0 20px;
}
.estate-contact form input:nth-last-of-type(odd) {
  margin-right: 0;
}
.estate-contact form textarea {
  width: 100%;
  min-height: 100px;
  padding: 20px;
}
.estate-contact form button {
  margin-top: 20px;
  background-color: #ffbb00;
  border: 0;
  padding: 10px 20px;
  color: #ffffff;
}
/*******eastate**********/
/****nano*****/
.nano_refer.nn_union.nn_union_section1 .hover {
  background-color: #5c5c5c9c;
}
.nano_refer.nn_union.nn_union_section1 .hover h4 {
  margin-bottom: 20px;
}
.nano_refer.nn_union.nn_union_section1 .hover a {
  font-size: 12px;
  padding: 5px 20px;
  border-radius: 35px;
  border: 2px solid #ffffff;
}
.nano_footer.hair_footer h3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.nano_footer.hair_footer h3:after {
  position: absolute;
  border-bottom: 1px solid #ffbb00;
  width: 80px;
  content: '';
  left: 0;
  bottom: 0;
}
.lithium_hr.fusion_hr form button {
  border: 0;
  padding: 5px 40px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
  background-color: #262f2a;
}
.fusion_section_inner.angel_news .carbon_detail_links {
  padding: 20px 15px;
}
.fusion_section_inner.angel_news .carbon_detail_links h3 {
  height: 56px;
  overflow: hidden;
}
.fusion_section_inner.angel_news .carbon_detail_links .detail {
  height: 100px;
  overflow: hidden;
}
.angel_related {
  padding: 20px;
  background-color: #ffffff;
  margin: auto;
}
.angel_related h5 {
  color: #1b251d;
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 30px;
}
.angel_related a {
  color: #262f2a;
}
.angel_related img {
  max-width: 100%;
  margin-bottom: 15px;
}
.fusion_hr .nn_carbon_detail i {
  height: 120px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}
.fusion_hr .nn_carbon_detail i img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.fusion_hr .nn_carbon_detail .content {
  height: 100px;
  overflow: hidden;
}
.fusion_hr .nn_carbon_detail h3 {
  height: 55px;
  overflow: hidden;
}
.angel_pdt_detail h2 {
  margin-bottom: 15px;
}
.angel_pdt_detail img {
  margin-bottom: 20px;
}
.cms_multiple {
  width: 48%;
  display: inline-block;
  margin: 1% 1% 1% 1%;
}
.cms_multiple img {
  max-width: 100%;
}
.kaska_category p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kaska_category br {
  display: none;
}
.eris_form input {
  background-color: #626262;
  border: none;
  padding: 25px 20px;
  border-radius: 10px;
  margin-right: 20px;
  font-weight: 600;
  outline: none;
}
.eris_button {
  padding: 14px 20px;
  background-color: #ffbb00;
}
/********************Nano category settings***********************/
.nano_library {
  position: relative;
  clear: both;
}
.nano_library .lib_head {
  font-size: 32px;
  color: #000000;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.nano_library .tab_box {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}
.nano_library .tab_box li {
  display: inline-block;
  margin-right: 15px;
  padding: 0;
  list-style: none;
  transition: 0.3s all ease-in-out;
}
.nano_library .tab_box li a {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  height: 40px;
  line-height: 36px;
  padding: 0 20px;
  background-color: #1b251d;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.nano_library .tab_box li a.zalina_tab_btn {
  color: #ffffff;
  background-color: #1b251d;
}
.nano_library .tab_box li a.zalina_tab_btn:hover,
.nano_library .tab_box li a.zalina_tab_btn.active {
  background-color: #262f2a;
  color: #1b251d;
}
.nano_library .tab_box li a:hover,
.nano_library .tab_box li a.active {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.nano_library .tab_box li a:empty {
  display: none;
}
.nano_library .doc_box {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.nano_library .doc_box a {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 1%;
  width: 32%;
  overflow: hidden;
  float: left;
  height: 45px;
  line-height: 45px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0 15px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.14117647);
}
.nano_library .doc_box a img {
  margin-right: 5px;
}
.nano_library .doc_box a .lib_name {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
}
.nano_library .video_box {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.nano_library .video_box iframe {
  width: 32%;
  height: 250px;
  display: inline-block;
  float: left;
  margin: 0 0.3%;
  margin-bottom: 7px;
}
@media (max-width: 540px) {
  .nano_library .video_box iframe {
    width: 100%;
    margin-bottom: 20px;
  }
}
.nano_library .video_box.zalina_video iframe {
  width: 32%;
  min-height: 250px;
  height: 460px;
  display: inline-block;
  float: left;
  margin: 0 0.3%;
  margin-bottom: 7px;
}
.nano_library .gal_box {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.nano_library .gal_box .single_box {
  width: 33.33%;
  float: left;
  display: inline-block;
  border-bottom: 1px solid rgba(38, 47, 42, 0.2);
  border-right: 1px solid rgba(38, 47, 42, 0.2);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .nano_library .gal_box .single_box {
    width: 100%;
    border: 0;
    margin-bottom: 20px;
  }
}
.nano_library .gal_box .single_box a::after {
  content: '';
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  transition: 0.5s all ease-in-out;
}
.nano_library .gal_box .single_box a img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  overflow: hidden;
}
.nano_library .gal_box .single_box a .gal_detail {
  background-color: rgba(246, 246, 246, 0.92156863);
  position: absolute;
  left: 0;
  right: auto;
  bottom: -170px;
  padding: 25px 30px;
  opacity: 0;
  width: 100%;
  height: 130px;
  overflow: hidden;
  z-index: 101;
  transition: 0.5s all ease-in-out;
}
.nano_library .gal_box .single_box a .gal_detail span {
  color: #1b251d;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.nano_library .gal_box .single_box a .gal_detail p {
  color: #242c38 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.6px;
}
.nano_library .gal_box .single_box:hover a::after {
  transition: 0.5s all ease-in-out;
  height: 100%;
}
.nano_library .gal_box .single_box:hover a .gal_detail {
  bottom: 0;
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
/********************Nano category settings***********************/
html {
  scroll-behavior: smooth;
}
/****************************Header************************************/
.kiraka_header {
  position: fixed;
  background-color: #ffffff;
  width: 100%;
  z-index: 3;
  height: 75px;
  top: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.kiraka_header .navbar {
  border: none;
  border-radius: 0;
}
.kiraka_header .visible_header {
  width: 100%;
  height: auto;
  position: absolute;
  /********************Lang********************/
  /********************Lang********************/
}
.kiraka_header .visible_header .navbar-header {
  height: 75px;
  width: 75px;
  background-color: #262f2a;
}
@media (max-width: 540px) {
  .kiraka_header .visible_header .navbar-header {
    padding: 0 !important;
  }
}
.kiraka_header .visible_header .navbar-toggle {
  display: block !important;
  border: none;
  border-radius: 0;
  margin-top: 14px;
  float: left;
  z-index: 999;
  background-color: transparent;
}
@media (max-width: 540px) {
  .kiraka_header .visible_header .navbar-toggle {
    margin-right: 25px !important;
  }
}
.kiraka_header .visible_header .navbar-toggle .icon-bar {
  background: #ffffff;
  float: right;
  width: 30px;
  height: 3px;
  margin-top: 5px;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .visible_header .navbar-toggle .middle-bar {
  opacity: 0;
}
.kiraka_header .visible_header .navbar-toggle:hover {
  transition: 0.3s all ease-in-out;
}
.kiraka_header .visible_header .navbar-toggle:hover .icon-bar {
  background: #36af30;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .visible_header .collapsed .top-bar {
  top: 0;
  transform: rotate(0);
}
.kiraka_header .visible_header .collapsed .middle-bar {
  opacity: 1;
}
.kiraka_header .visible_header .collapsed .bottom-bar {
  top: 0;
  transform: rotate(0);
}
.kiraka_header .visible_header .kiraka_lang {
  float: right;
  display: inline-block;
  background-color: transparent;
  height: 75px;
  line-height: 75px;
  margin-right: 20px;
  width: auto;
}
@media (max-width: 540px) {
  .kiraka_header .visible_header .kiraka_lang {
    float: none;
    background-color: #262f2a;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
}
.kiraka_header .visible_header .kiraka_lang ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kiraka_header .visible_header .kiraka_lang ul li {
  display: inline-block;
  margin-right: 10px;
}
.kiraka_header .visible_header .kiraka_lang ul li:last-child {
  margin-right: 0;
}
.kiraka_header .visible_header .kiraka_lang ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  background-color: #d2d0d0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .visible_header .kiraka_lang ul li a.active,
.kiraka_header .visible_header .kiraka_lang ul li a:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .kiraka_header .visible_header .kiraka_lang ul li a.active,
  .kiraka_header .visible_header .kiraka_lang ul li a:hover {
    background-color: #36af30;
    color: #ffffff;
  }
}
.kiraka_header .visible_header .logo_head {
  position: relative;
  float: left;
  margin-left: 20px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kiraka_header .visible_header .logo_head {
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .kiraka_header .visible_header .logo_head {
    padding: 0;
  }
}
.kiraka_header .visible_header .logo_head a {
  width: auto;
  height: auto;
  display: table-cell;
  line-height: 75px;
  height: 75px;
  vertical-align: middle;
  outline: none;
}
.kiraka_header .visible_header .logo_head a img {
  height: auto;
  width: auto;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .hidden_header {
  transition: opacity 0.25s ease-in-out;
}
@media (max-width: 540px) {
  .kiraka_header .hidden_header .nn_container_fluid {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .kiraka_header .hidden_header .navbar-collapse.collapse {
    opacity: 0;
    padding: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
  }
}
.kiraka_header .hidden_header .navbar-collapse.collapse.in {
  background-color: transparent;
  position: fixed;
  width: 100%;
  height: 75px !important;
  top: 0;
  opacity: 1;
  transition: all 0.25s ease-in-out;
}
@media (max-width: 540px) {
  .kiraka_header .hidden_header .navbar-collapse.collapse.in {
    position: absolute;
    padding: 0;
    margin: 0;
    height: 670px !important;
  }
}
@media (max-width: 991px) {
  .kiraka_header .hidden_header .navbar-header {
    float: right;
  }
}
@media (max-width: 540px) {
  .kiraka_header .hidden_header .navbar-header {
    padding: 0;
    float: right;
  }
}
.kiraka_header .hidden_header .dropdown-menu {
  padding: 0;
}
.kiraka_header .hidden_header .dropdown-menu li {
  display: block !important;
  float: none;
  width: 100%;
  border-right: 0;
  border-left: 0;
}
@media (max-width: 990px) {
  .kiraka_header .hidden_header {
    position: inherit;
    top: inherit;
    float: left;
    width: 100%;
  }
}
.kiraka_header .hidden_header .nav {
  text-align: center;
  font-size: 0;
}
.kiraka_header .hidden_header .nav:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.kiraka_header .hidden_header .nav .dropdown-menu {
  background-color: transparent;
  line-height: 80px;
  top: 55%;
  left: 35%;
  width: 250px;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  border: none;
  box-shadow: none;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .hidden_header .nav .dropdown-menu li {
  height: auto;
  padding: 0;
  line-height: 40px;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .hidden_header .nav .dropdown-menu li:last-child {
  border: none;
}
.kiraka_header .hidden_header .nav .dropdown-menu li a {
  color: #ffffff;
  display: block;
  background-color: transparent;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.kiraka_header .hidden_header .nav .dropdown-menu li a.active,
.kiraka_header .hidden_header .nav .dropdown-menu li a:hover,
.kiraka_header .hidden_header .nav .dropdown-menu li a:focus {
  color: #36af30;
}
.kiraka_header .hidden_header .nav .dropdown-menu li a:after {
  display: none;
}
.kiraka_header .hidden_header .nav .divider {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0;
  height: 30px;
  margin: 24px auto;
}
.kiraka_header .hidden_header .nav li {
  display: table-cell;
  width: auto;
  height: 75px;
  line-height: normal;
  float: none;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #313d37;
}
.kiraka_header .hidden_header .nav li:first-child {
  border-left: 1px solid #313d37;
}
@media (max-width: 540px) {
  .kiraka_header .hidden_header .nav li {
    display: block;
    width: 100%;
    border: 0;
  }
  .kiraka_header .hidden_header .nav li:first-child {
    border: 0;
  }
}
.kiraka_header .hidden_header .nav li:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .hidden_header .nav li a {
  font-size: 16px;
  letter-spacing: 0.5px;
  height: 75px;
  line-height: 75px;
  width: 100%;
  color: #ffffff;
  padding: 0;
  font-weight: 600;
  text-transform: uppercase;
  background-color: transparent;
  position: relative;
  display: inline-block;
  transition: 0.2s all ease-in-out;
}
.kiraka_header .hidden_header .nav li a.active {
  color: #36af30;
  font-weight: 600;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .hidden_header .nav li a:hover {
  color: #36af30;
  background-color: transparent;
  transition: 0.2s all ease-in-out;
}
.kiraka_header .hidden_header .nav li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  transition: 0.3s all ease-in-out;
}
.kiraka_header .hidden_header .navbar {
  display: table;
  background-color: #262f2a;
  width: 100%;
  height: auto;
  border: none;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  table-layout: fixed;
}
@media (max-width: 540px) {
  .kiraka_header .hidden_header .navbar {
    display: block;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 990px) {
  .kiraka_header .hidden_header .navbar .navbar-collapse ul {
    text-align: left;
    font-size: 0;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    top: 0;
    left: 0;
  }
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li {
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    height: auto;
    line-height: normal;
    float: none;
    transition: 0.3s all ease-in-out;
  }
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li a {
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ffffff;
    position: relative;
    display: block;
    padding: 20px 20px;
    text-align: left;
    line-height: 1;
    background-color: #000000;
    border: none;
    transition: 0.3s all ease-in-out;
  }
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li a.active {
    background-color: #141816;
    color: #ffffff;
    border-radius: 0;
    border: none;
  }
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li a.active:hover,
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li a.active:focus {
    background-color: #000000;
    color: #ffffff;
  }
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li a:hover,
  .kiraka_header .hidden_header .navbar .navbar-collapse ul li a:focus {
    background-color: #141816;
    color: #ffffff;
  }
}
.kiraka_header .hidden_header .navbar-collapse {
  opacity: 0;
  position: fixed;
  transition: all 0.3s ease-in-out;
}
/**********************************************************************************************/
.home_nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 75px;
  bottom: 0;
  background-color: #262f2a;
  z-index: 2;
  border-right: 1px solid #3d4b43;
}
.home_nav .nav_social {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home_nav .nav_social li {
  list-style: none;
  display: block;
  margin-bottom: 10px;
}
.home_nav .nav_social li a {
  font-size: 18px;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 2px solid #ffffff;
  border-radius: 5px;
  opacity: 0.5;
  transition: 0.3s all ease-in-out;
}
.home_nav .nav_social li a:hover {
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.home_nav .scrolltop {
  display: none;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 99;
  bottom: 20px;
  right: 10px;
  transition: 0.5s all ease-in-out;
}
.home_nav .scrolltop .scroll {
  position: fixed;
  z-index: 999;
  left: 17px;
  bottom: 17px;
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  opacity: 0.5;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 8px;
  padding: 0;
  text-align: center;
  margin: 0;
  cursor: pointer;
  transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  -webkit-animation: mover 0.9s infinite alternate;
  animation: mover 0.9s infinite alternate;
}
.home_nav .scrolltop .scroll:hover {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 540px) {
  .home_nav {
    display: none;
  }
}
.home_nav .track_dot {
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 101;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home_nav .track_dot li {
  display: block;
  margin: 30px 0;
}
.home_nav .track_dot li a {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  display: block;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.home_nav .track_dot li a::after {
  content: '';
  width: 18px;
  height: 18px;
  background-color: transparent;
  border: 1px solid #ffffff;
  position: absolute;
  top: -4px;
  left: -4px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.home_nav .track_dot li a.active,
.home_nav .track_dot li a:hover {
  transition: 0.3s all ease-in-out;
}
.home_nav .track_dot li a.active::after,
.home_nav .track_dot li a:hover::after {
  opacity: 1;
}
/***************************Home***********************************/
.kiraka_banner {
  height: 940px;
  position: relative;
}
@media (max-width: 1366px) {
  .kiraka_banner {
    height: 675px;
  }
}
@media (max-width: 540px) {
  .kiraka_banner {
    height: auto;
  }
}
.kiraka_banner .owl-carousel .owl-item {
  height: auto;
}
.kiraka_banner .owl-carousel img {
  height: auto;
}
@media (max-width: 540px) {
  .kiraka_banner .owl-carousel img {
    height: 645px;
    object-fit: cover;
    width: 100%;
  }
}
.kiraka_banner .owl-carousel .carousel-caption {
  background-color: transparent;
  bottom: 50%;
  transform: translateY(50%);
  padding: 120px 0;
  width: 50%;
  text-align: left;
  margin: 0 auto;
}
@media (max-width: 1366px) {
  .kiraka_banner .owl-carousel .carousel-caption {
    padding: 50px;
  }
}
@media (max-width: 540px) {
  .kiraka_banner .owl-carousel .carousel-caption {
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 0;
    margin: 0 auto;
    transform: none;
    bottom: 25%;
    left: auto;
    right: auto;
  }
}
.kiraka_banner .owl-carousel .carousel-caption .slider_title {
  font-size: 42px;
  line-height: 1.6;
  letter-spacing: 1.5px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  position: relative;
  padding-left: 95px;
}
.kiraka_banner .owl-carousel .carousel-caption .slider_title::before {
  content: '';
  width: 75px;
  height: 3px;
  display: inline-block;
  background: #ffffff;
  margin-right: 20px;
  position: absolute;
  top: 30px;
  left: 0;
}
@media (max-width: 1366px) {
  .kiraka_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 30px;
  }
}
@media (max-width: 540px) {
  .kiraka_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 23px;
    padding: 0;
  }
  .kiraka_banner .owl-carousel .carousel-caption .slider_title::before {
    display: none;
  }
}
.kiraka_banner .owl-carousel .carousel-caption .slider_text {
  font-size: 20px;
  color: #ffffff;
  text-shadow: none;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-top: 20px;
  width: 70%;
  text-align: left;
}
@media (max-width: 540px) {
  .kiraka_banner .owl-carousel .carousel-caption .slider_text {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
  }
}
.kiraka_banner .owl-carousel .carousel-caption .slider_button {
  height: 55px;
  line-height: 55px;
  display: inline-block;
  padding: 0 30px;
  background-color: #262f2a;
  color: #ffffff;
  border: 2px solid #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 10px;
  margin-top: 30px;
  transition: 0.3s all ease-in-out;
}
.kiraka_banner .owl-carousel .carousel-caption .slider_button:hover {
  border: 2px solid #262f2a;
  color: #262f2a;
  background-color: transparent;
  box-shadow: inset -3px -3px 6px 1px rgba(0, 0, 0, 0.49019608);
  transition: 0.3s all ease-in-out;
}
.kiraka_banner .owl-carousel .owl-controls {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 90px;
  margin: 0 auto;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .kiraka_banner .owl-carousel .owl-controls {
    display: none !important;
  }
}
.kiraka_banner .owl-carousel .owl-controls .owl-prev {
  font-weight: 600;
  background-color: #ffffff;
  opacity: 1;
  outline: none;
  position: absolute;
  left: 7%;
  height: 50px;
  width: 50px;
  line-height: 55px;
  font-size: 16px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.kiraka_banner .owl-carousel .owl-controls .owl-prev .fa {
  font-size: 35px;
  font-weight: 600;
  color: #1b251d;
  margin-left: -4px;
}
.kiraka_banner .owl-carousel .owl-controls .owl-prev:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: inset 3px -3px 6px 1px rgba(0, 0, 0, 0.49019608);
}
.kiraka_banner .owl-carousel .owl-controls .owl-next {
  font-weight: 600;
  background-color: #ffffff;
  opacity: 1;
  outline: none;
  position: absolute;
  right: 3%;
  height: 50px;
  width: 50px;
  line-height: 55px;
  font-size: 16px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.kiraka_banner .owl-carousel .owl-controls .owl-next .fa {
  font-size: 35px;
  font-weight: 600;
  color: #1b251d;
  margin-right: -4px;
}
.kiraka_banner .owl-carousel .owl-controls .owl-next:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: inset -3px -3px 6px 1px rgba(0, 0, 0, 0.49019608);
}
.kiraka_main {
  background-color: #ffffff;
  position: relative;
  padding: 100px 0;
}
.kiraka_main .sector_table {
  display: table;
}
@media (max-width: 540px) {
  .kiraka_main .sector_table {
    display: block;
    margin-bottom: 40px;
  }
}
.kiraka_main .sector_table .sector_box {
  text-align: center;
  height: 476px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 540px) {
  .kiraka_main .sector_table .sector_box {
    text-align: center;
    display: block;
    height: auto;
  }
}
.kiraka_main .sector_table .sector_box .sector_head {
  color: #262f2a;
  font-size: 250px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 50px;
}
@media (max-width: 540px) {
  .kiraka_main .sector_table .sector_box .sector_head {
    font-size: 160px;
    margin-bottom: 20px;
  }
}
.kiraka_main .sector_table .sector_box .sector_text {
  color: #1b251d;
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
}
.kiraka_main .main_grid2 .nn_col {
  padding: 0;
}
@media (max-width: 540px) {
  .kiraka_main .main_grid2 .nn_col {
    padding: 0 15px;
  }
}
.kiraka_main .main_grid2 .brand_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 270px;
  height: 260px;
  float: left;
  text-align: center;
}
@media (max-width: 1366px) {
  .kiraka_main .main_grid2 .brand_box {
    width: 225px;
    height: 225px;
  }
}
@media (max-width: 540px) {
  .kiraka_main .main_grid2 .brand_box {
    width: 188px;
    height: 188px;
  }
}
.kiraka_main .main_grid2 .brand_box .brand_head {
  color: #262f2a;
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  margin-top: 60px;
}
@media (max-width: 540px) {
  .kiraka_main .main_grid2 .brand_box .brand_head {
    font-size: 36px;
  }
}
.kiraka_main .main_grid2 .brand_box .brand_text {
  color: #1b251d;
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
}
@media (max-width: 1366px) {
  .kiraka_main .main_grid2 .brand_box .brand_text {
    font-size: 26px;
  }
}
@media (max-width: 540px) {
  .kiraka_main .main_grid2 .brand_box .brand_text {
    font-size: 20px;
  }
}
.kiraka_main .main_grid2 img {
  width: 100%;
}
.kiraka_main .main_grid2 .img_box {
  box-shadow: -8px 17px 18px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}
.kiraka_main .main_grid2 .area_box {
  width: 270px;
  height: 266px;
  float: left;
  text-align: center;
}
@media (max-width: 1366px) {
  .kiraka_main .main_grid2 .area_box {
    width: 225px;
    height: 225px;
  }
}
@media (max-width: 540px) {
  .kiraka_main .main_grid2 .area_box {
    width: 100%;
    height: auto;
    margin: 30px 0;
  }
}
.kiraka_main .main_grid2 .area_box .area_head {
  color: #262f2a;
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  margin-top: 90px;
}
@media (max-width: 540px) {
  .kiraka_main .main_grid2 .area_box .area_head {
    margin-top: 0;
  }
}
.kiraka_main .main_grid2 .area_box .area_text {
  color: #1b251d;
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
}
@media (max-width: 1366px) {
  .kiraka_main .main_grid2 .area_box .area_text {
    font-size: 26px;
  }
}
.kiraka_story {
  background-image: url(/static/themes/nano_lite/images/kiraka_story_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 100px 0;
}
@media (max-width: 540px) {
  .kiraka_story {
    text-align: center;
  }
}
.kiraka_story .story_head {
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 5px;
  line-height: 1.5;
  display: block;
  position: relative;
}
@media (max-width: 540px) {
  .kiraka_story .story_head {
    text-align: left;
  }
}
.kiraka_story .story_head::after {
  height: 3px;
  background: #ffffff;
  content: '';
  width: 10%;
  margin-top: 10px;
  display: block;
}
.kiraka_story img {
  width: 100%;
}
.kiraka_story .since_date {
  font-size: 70px;
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 1px;
  position: absolute;
  top: 37%;
  left: 0;
  text-shadow: 0px 25px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1366px) {
  .kiraka_story .since_date {
    font-size: 50px;
  }
}
.kiraka_story .now_date {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  bottom: -20px;
  left: 66.666%;
  text-shadow: 0px 15px 5px rgba(0, 0, 0, 0.2);
}
.kiraka_story .story_text {
  color: #ffffff;
  font-size: 24px;
  line-height: 1.5;
  text-align: right;
  width: 66%;
  top: 50%;
  left: 80%;
  transform: translateY(-50%);
  position: absolute;
}
@media (max-width: 1366px) {
  .kiraka_story .story_text {
    top: 55%;
    font-size: 19px;
  }
}
@media (max-width: 540px) {
  .kiraka_story .story_text {
    position: relative;
    text-align: center;
    margin: 30px 0;
    transform: none;
    width: 100%;
    left: auto;
    right: auto;
    top: auto;
  }
}
.kiraka_story .story_text span {
  font-size: 22px;
  font-weight: 600;
  display: block;
}
.kiraka_story .story_btn {
  position: absolute;
  right: -70%;
  bottom: 0;
  width: 290px;
  height: 55px;
  line-height: 55px;
  background-color: #ffffff;
  text-align: center;
  font-size: 16px;
  color: #1b251d;
  font-weight: 600;
  box-shadow: -8px 17px 18px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1366px) {
  .kiraka_story .story_btn {
    right: -46%;
  }
}
@media (max-width: 540px) {
  .kiraka_story .story_btn {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    transform: none;
    display: inline-block;
    float: none;
    margin: 0 auto;
  }
}
.kiraka_sub {
  background-image: url(/static/themes/nano_lite/images/kiraka_sub_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 130px 0;
}
.kiraka_sub .sub_head {
  color: #36af30;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: 110px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  display: block;
  position: relative;
}
.kiraka_sub .sub_head::after {
  content: '';
  height: 3px;
  background: #36af30;
  width: 20%;
  display: block;
  margin-top: 10px;
}
.kiraka_sub .sub_title {
  color: #ffffff;
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.kiraka_sub .sub_text {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.kiraka_sub .sub_btn {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 5px;
  color: #36af30;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
}
.kiraka_sub .sub_btn::before {
  content: '\f101';
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #36af30;
  display: inline-block;
  left: 0;
  top: 0;
  margin-right: 10px;
}
.kiraka_sub .sub_btn::after {
  content: '';
  height: 2px;
  width: 8%;
  background: #36af30;
  display: block;
  bottom: 0;
  left: 0;
  margin-top: 5px;
  margin-left: 21px;
}
.kiraca_news {
  background-color: #c53733;
  padding: 100px 0;
  position: relative;
}
.kiraca_news .news_head {
  color: #36af30;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 5px;
  line-height: 1.5;
  display: block;
  position: relative;
}
.kiraca_news .news_head::after {
  height: 3px;
  background: #36af30;
  display: block;
  margin-top: 10px;
  content: '';
  width: 10%;
}
.kiraca_news .new_box {
  width: 100%;
  height: auto;
  position: relative;
}
.kiraca_news .new_box .news_meta {
  display: block;
  float: left;
  text-align: center;
}
.kiraca_news .new_box .news_meta .meta_month {
  color: #242c38;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
.kiraca_news .new_box .news_meta .meta_date {
  color: #36af30;
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 15px;
}
.kiraca_news .new_box .news_meta .meta_year {
  font-size: 18px;
  color: #1b251d;
  font-weight: 600;
}
.kiraca_news .new_box .news_image a img {
  width: 100%;
  box-shadow: -8px 17px 18px 0px rgba(0, 0, 0, 0.3);
}
.kiraca_news .new_box .title_box {
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 70%;
  background-color: #ffffff;
  box-sizing: border-box;
  margin: 0 auto;
  box-shadow: -8px 12px 18px 2px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
}
.kiraca_news .new_box .title_box::before {
  content: '';
  height: 84px;
  background: #36af30;
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s all ease-in-out;
}
.kiraca_news .new_box .title_box .news_title {
  color: #36af30;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.kiraca_news .new_box .title_box:hover {
  transition: 0.3s all ease-in-out;
  left: -10px;
}
.kiraca_news .new_btn_box {
  width: 100%;
  display: block;
  height: auto;
  margin-top: 70px;
  padding-left: 200px;
  position: relative;
}
.kiraca_news .new_btn_box .news_btn {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 5px;
  color: #36af30;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
}
.kiraca_news .new_btn_box .news_btn::before {
  content: '\f101';
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #36af30;
  display: inline-block;
  left: 0;
  top: 0;
  margin-right: 10px;
}
.kiraca_news .new_btn_box .news_btn::after {
  content: '';
  height: 2px;
  width: 5.7%;
  background: #36af30;
  display: block;
  bottom: 0;
  left: 0;
  margin-top: 5px;
  margin-left: 21px;
}
.kiraka_footer {
  background-color: #36af30;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.kiraka_footer .main_footer {
  padding: 100px 0 50px;
}
.kiraka_footer .main_footer .footer_head {
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 25px;
}
.kiraka_footer .main_footer .footer_text {
  color: #1b251d;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  padding: 35px 30px;
  background-color: #ffffff;
  border-radius: 15px;
  border: 2px dashed #36af30;
}
.kiraka_footer .main_footer .footer_about {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.8;
}
.kiraka_footer .main_footer .footer_add {
  margin: 15px 0;
}
.kiraka_footer .main_footer .footer_add .add_group {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
.kiraka_footer .main_footer .footer_add .add_group .fa {
  margin-right: 15px;
  font-size: 18px;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  background-color: #ffffff;
  color: #36af30;
}
.kiraka_footer .main_footer .footer_add .add_group span {
  display: inline-block;
}
.kiraka_footer .main_footer .footer_btn {
  display: block;
  width: 100%;
  margin-top: 25px;
}
@media (max-width: 540px) {
  .kiraka_footer .main_footer .footer_btn {
    margin-bottom: 30px;
  }
}
.kiraka_footer .main_footer .footer_btn .click {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background-color: #ffffff;
  color: #36af30;
  margin-right: 15px;
  display: inline-block;
  border-radius: 8px;
  font-size: 16px;
  letter-spacing: 1px;
  transition: 0.3s all ease-in-out;
}
.kiraka_footer .main_footer .footer_btn .click:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.kiraka_footer .main_footer .footer_btn .click:last-child {
  margin-right: 0;
}
.kiraka_footer .main_footer .footer_cat {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kiraka_footer .main_footer .footer_cat li {
  display: block;
  margin-bottom: 20px;
}
.kiraka_footer .main_footer .footer_cat li a {
  font-size: 14px;
  color: #ffffff;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.kiraka_footer .main_footer .footer_cat li a::before {
  content: '\f054';
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.3s all ease-in-out;
}
.kiraka_footer .main_footer .footer_cat li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kiraka_footer .main_footer .footer_copy {
  margin-top: 50px;
  width: 100%;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 50px;
}
@media (max-width: 540px) {
  .kiraka_footer .main_footer .footer_copy {
    display: block;
  }
}
.kiraka_footer .main_footer .footer_copy a {
  display: inline-block;
  background-color: #ffffff;
  padding: 10px;
  vertical-align: middle;
}
.kiraka_footer .main_footer .footer_copy .copy_text {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #ffffff;
  padding-left: 20px;
  height: 45px;
  line-height: 45px;
}
.kiraka_footer .main_footer .kirka_social {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kiraka_footer .main_footer .kirka_social li {
  display: inline-block;
  margin-right: 10px;
}
.kiraka_footer .main_footer .kirka_social li:last-child {
  margin-right: 0;
}
.kiraka_footer .main_footer .kirka_social li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  background-color: #ffffff;
  color: #1b4a9d;
  font-size: 22px;
  border: 2px solid #ffffff;
  transition: all 0.3s ease-in-out;
}
.kiraka_footer .main_footer .kirka_social li a:hover {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  transition: all 0.3s ease-in-out;
}
/***********************************Contact**********************************/
.kiraka_common {
  background-image: url(/static/themes/nano_lite/images/kiraka_common_banner.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 280px;
  padding-bottom: 200px;
  text-align: center;
  position: relative;
}
@media (max-width: 540px) {
  .kiraka_common {
    padding-top: 200px;
    padding-bottom: 110px;
    text-align: center;
  }
}
.kiraka_common .common_header {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #ffffff;
}
@media (max-width: 540px) {
  .kiraka_common .common_header {
    font-size: 36px;
  }
}
.kiraka_common .scroll_icon {
  width: 75px;
  height: 75px;
  padding: 12px 0;
  text-align: center;
  position: absolute;
  left: -252px;
  bottom: -275px;
  background-color: #262f2a;
  z-index: 1;
}
.kiraka_contact {
  background-image: url(/static/themes/nano_lite/images/kiraka_form_bg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 100px 0;
  text-align: center;
}
.kiraka_contact .contact_head {
  font-size: 35px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.kiraka_contact .contact_text {
  font-size: 28px;
  color: #1b251d;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.kiraka_contact .kiraka_form {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0 100px;
  position: relative;
  display: inline-block;
}
@media (max-width: 540px) {
  .kiraka_contact .kiraka_form {
    padding: 0;
  }
}
.kiraka_contact .kiraka_form input,
.kiraka_contact .kiraka_form textarea {
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: left;
  margin-bottom: 30px;
  color: #242c38;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 2px solid #242c38;
  transition: 0.3s all ease-in-out;
}
.kiraka_contact .kiraka_form input::-webkit-input-placeholder,
.kiraka_contact .kiraka_form textarea::-webkit-input-placeholder {
  color: #242c38;
}
.kiraka_contact .kiraka_form input::-moz-placeholder,
.kiraka_contact .kiraka_form textarea::-moz-placeholder {
  color: #242c38;
}
.kiraka_contact .kiraka_form input:-ms-input-placeholder,
.kiraka_contact .kiraka_form textarea:-ms-input-placeholder {
  color: #242c38;
}
.kiraka_contact .kiraka_form input:-moz-placeholder,
.kiraka_contact .kiraka_form textarea:-moz-placeholder {
  color: #242c38;
}
.kiraka_contact .kiraka_form input:focus,
.kiraka_contact .kiraka_form textarea:focus {
  border-bottom: 2px solid #36af30;
  transition: 0.3s all ease-in-out;
}
.kiraka_contact .kiraka_form input:focus::-webkit-input-placeholder,
.kiraka_contact .kiraka_form textarea:focus::-webkit-input-placeholder {
  color: #36af30;
}
.kiraka_contact .kiraka_form input:focus::-moz-placeholder,
.kiraka_contact .kiraka_form textarea:focus::-moz-placeholder {
  color: #36af30;
}
.kiraka_contact .kiraka_form input:focus:-ms-input-placeholder,
.kiraka_contact .kiraka_form textarea:focus:-ms-input-placeholder {
  color: #36af30;
}
.kiraka_contact .kiraka_form input:focus:-moz-placeholder,
.kiraka_contact .kiraka_form textarea:focus:-moz-placeholder {
  color: #36af30;
}
.kiraka_contact .kiraka_form textarea {
  height: 100px;
  line-height: 100px;
  resize: none;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.kiraka_contact .kiraka_form button {
  height: 55px;
  line-height: 55px;
  display: inline-block;
  padding: 0 40px;
  background-color: #36af30;
  border-radius: 5px;
  box-shadow: none;
  border: none;
  outline: none;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  margin-top: 30px;
  transition: 0.3s all ease-in-out;
}
.kiraka_contact .kiraka_form button:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: 0 0 20px rgba(106, 191, 102, 0.74901961);
}
.kiraka_add {
  background-color: #ffbb00;
  padding: 80px 0;
  position: relative;
}
.kiraka_add .address_box {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(158, 158, 158, 0.25098039);
  height: 320px;
  overflow: hidden;
}
@media (max-width: 540px) {
  .kiraka_add .address_box {
    margin-bottom: 30px;
  }
}
.kiraka_add .address_box .box_head {
  font-size: 25px;
  color: #1b251d;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: uppercase;
}
.kiraka_add .address_box .box_text {
  margin-bottom: 20px;
  display: table;
}
.kiraka_add .address_box .box_text .fa {
  font-size: 20px;
  color: #36af30;
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.kiraka_add .address_box .box_text span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
/**********************************News************************************/
.kiraka_cat {
  background-color: #ffffff;
  padding: 100px 0;
  position: relative;
}
.kiraka_cat .cat_menu {
  padding-top: 0;
  padding-bottom: 70px;
  background-color: transparent;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
}
.kiraka_cat .cat_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kiraka_cat .cat_menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 540px) {
  .kiraka_cat .cat_menu ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.kiraka_cat .cat_menu ul li:last-child {
  margin-right: 0;
}
@media (max-width: 540px) {
  .kiraka_cat .cat_menu ul li:last-child {
    margin-bottom: 0;
  }
}
.kiraka_cat .cat_menu ul li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 14px 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #36af30;
  position: relative;
  bottom: 0;
  transition: 0.3s all ease-in-out;
}
.kiraka_cat .cat_menu ul li a.active,
.kiraka_cat .cat_menu ul li a:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: -1px 9px 20px 0 rgba(154, 154, 154, 0.32941176);
}
.kiraka_cat .cat_box {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 50px;
}
.kiraka_cat .cat_box .cat_img {
  position: relative;
}
.kiraka_cat .cat_box .cat_img a img {
  width: 100%;
  max-height: 380px;
  object-fit: cover;
  overflow: hidden;
  box-shadow: -8px 17px 18px 0 rgba(0, 0, 0, 0.3);
}
.kiraka_cat .cat_box .cat_title {
  height: 85px;
  line-height: 85px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: -8px 12px 18px 2px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
}
.kiraka_cat .cat_box .cat_title::before {
  content: '';
  background: #36af30;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s all ease-in-out;
}
.kiraka_cat .cat_box .cat_title .slider_title {
  height: 85px;
  line-height: 85px;
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
}
.kiraka_cat .cat_box .cat_title:hover {
  transition: 0.3s all ease-in-out;
}
.kiraka_cat.kozan_cat .cat_menu ul li a {
  height: 50px;
  line-height: 45px;
  padding: 0 25px;
  background-color: transparent;
  color: #242c38;
  border: 3px solid #d2d0d0;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
.kiraka_cat.kozan_cat .cat_menu ul li a.active,
.kiraka_cat.kozan_cat .cat_menu ul li a:hover {
  border: 3px solid #262f2a;
  color: #262f2a;
}
.kiraka_cat.kozan_cat .cat_box .cat_title {
  height: auto;
  line-height: normal;
  padding: 15px 0;
}
.kiraka_cat.kozan_cat .cat_box .cat_title .slider_title {
  height: auto;
  line-height: normal;
  margin-bottom: 15px;
}
.kiraka_cat.kozan_cat .cat_box .cat_title .slider_text {
  color: #242c38;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 0 20px;
}
.kiraka_cat.kozan_cat .cat_box .cat_title .slider_text p {
  margin: 0;
}
/*************************Detail*******************************/
.detail_box {
  padding: 30px 0;
}
.detail_box .slider_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 990px) {
  .detail_box .slider_title {
    font-size: 22px;
  }
}
.detail_box .slider_title::after {
  content: '';
  height: 3px;
  width: 100px;
  background: #36af30;
  display: block;
  margin-top: 10px;
}
.detail_box p {
  color: #242c38;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .detail_box p {
    text-align: justify;
  }
}
.detail_box ul {
  padding: 0;
  margin: 0;
  list-style: disc;
}
.detail_box ul li {
  margin-bottom: 10px;
  list-style: disc;
  color: #1b251d;
  font-size: 14px;
}
.detail_box img {
  width: 100%;
  height: auto;
  box-shadow: -10px 14px 17px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.detail_box.box_dupe img {
  width: 400px;
  height: 400px;
  object-fit: contain;
  float: right;
}
@media (max-width: 990px) {
  .detail_box.box_dupe img {
    float: none;
  }
}
/********************Sitenano****************************/
/****************************Header************************************/
.nano_header {
  height: 70px;
  line-height: 70px;
  padding: 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(38, 47, 42, 0.2);
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar {
  height: 70px;
  line-height: 70px;
  background-color: transparent;
  border-radius: 0;
  border: none;
  margin: 0;
  padding: 0;
}
.nano_header .navbar .navbar-header {
  position: relative;
  width: 100%;
  height: 70px;
}
@media (max-width: 990px) {
  .nano_header .navbar .navbar-header {
    padding: 0 !important;
  }
}
.nano_header .navbar .navbar-header .logo_head {
  height: 70px;
  width: auto;
  margin-left: -15px;
  display: inline-block;
  background-color: #262f2a;
  padding: 5px 25px;
}
@media (max-width: 540px) {
  .nano_header .navbar .navbar-header .logo_head {
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    left: -30px;
  }
}
@media (max-width: 320px) {
  .nano_header .navbar .navbar-header .logo_head {
    margin: 0;
    padding: 8px 0;
    position: absolute;
    top: 0;
    left: -30px;
    width: 180px;
  }
}
.nano_header .navbar .navbar-header .logo_head a {
  height: 60px;
  line-height: 60px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  padding: 0;
}
.nano_header .navbar .navbar-header .logo_head a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nano_header .navbar .navbar-header .header-lang {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 540px) {
  .nano_header .navbar .navbar-header .header-lang {
    right: 25%;
  }
}
@media (max-width: 320px) {
  .nano_header .navbar .navbar-header .header-lang {
    right: 27%;
  }
}
.nano_header .navbar .navbar-header .header-lang li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.nano_header .navbar .navbar-header .header-lang li::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #1b251d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
.nano_header .navbar .navbar-header .header-lang li:last-child {
  margin-right: 0;
}
.nano_header .navbar .navbar-header .header-lang li:last-child::after {
  display: none;
}
.nano_header .navbar .navbar-header .header-lang li a {
  color: #1b251d;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-header .header-lang li a.active,
.nano_header .navbar .navbar-header .header-lang li a:hover {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.nano_header .navbar .navbar-header .navbar-toggle {
  display: block;
  position: absolute;
  right: -15px;
  top: 0;
  padding: 0 25px;
  margin: 0;
  background-color: #262f2a;
  border: 0;
  outline: none;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 0;
  z-index: 102;
}
@media (max-width: 540px) {
  .nano_header .navbar .navbar-header .navbar-toggle {
    right: 0;
  }
}
.nano_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #ffffff;
  position: relative;
  width: 20px;
  height: 3px;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-header .navbar-toggle .icon-bar.top_bar {
  transform: rotate(45deg);
  top: 7px;
}
.nano_header .navbar .navbar-header .navbar-toggle .icon-bar.middle_bar {
  opacity: 0;
}
.nano_header .navbar .navbar-header .navbar-toggle .icon-bar.bottom_bar {
  transform: rotate(-45deg);
  bottom: 7px;
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar {
  background-color: #ffffff;
  width: 20px;
  height: 3px;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar.top_bar {
  transform: translateX(-15%);
  top: 0;
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar.middle_bar {
  transform: translateX(15%);
  opacity: 1;
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar.bottom_bar {
  transform: translateX(-15%);
  bottom: 0;
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover {
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover .top_bar {
  transform: translateX(0);
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover .middle_bar {
  transform: translateX(0);
}
.nano_header .navbar .navbar-header .navbar-toggle.collapsed:hover .bottom_bar {
  transform: translateX(0);
}
.nano_header .navbar .navbar-collapse {
  position: absolute;
  right: -35%;
  top: 0;
  width: 35%;
  height: 100vh !important;
  z-index: 101;
  padding: 50px 0;
  background-color: #040f01;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .nano_header .navbar .navbar-collapse {
    width: 60%;
    margin: 0;
  }
}
@media (max-width: 540px) {
  .nano_header .navbar .navbar-collapse {
    width: 100%;
    margin: 0;
  }
}
.nano_header .navbar .navbar-collapse .megamenu {
  width: 100%;
  clear: both;
  text-align: right;
  float: left;
  padding: 0 30%;
}
@media (max-width: 990px) {
  .nano_header .navbar .navbar-collapse .megamenu {
    padding: 10% 15% 0;
  }
}
@media (max-width: 540px) {
  .nano_header .navbar .navbar-collapse .megamenu {
    padding: 5% 15%;
  }
}
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav {
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 1;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #222;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li {
  display: block;
  list-style: none;
  float: none;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a {
  color: #ffffff;
  line-height: 1.5;
  font-size: 28px;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1.5px;
  height: 3px;
  background: #262f2a;
  transition: 0.3s all ease-in-out;
  right: 0;
  left: initial;
  width: 0;
  opacity: 0;
  visibility: hidden;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a.active,
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a.active::before,
.nano_header .navbar .navbar-collapse .megamenu.mega_nav .nav li a:hover::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_address {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .nano_header .navbar .navbar-collapse .megamenu.mega_address {
    padding: 0 20%;
  }
}
.nano_header .navbar .navbar-collapse .megamenu.mega_address ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_address ul li {
  list-style: none;
  color: #242c38;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: table;
  float: right;
  margin-bottom: 15px;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_address ul li i {
  font-size: 18px;
  width: 25px;
  display: table-cell;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_address ul li p {
  display: table-cell;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_btn {
  background-color: #fff;
  height: auto;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_btn a {
  background-color: transparent;
  border: 1px solid #d2d0d0;
  color: #d2d0d0;
  border-radius: 25px;
  padding: 0 35px;
  font-size: 18px;
  text-transform: uppercase;
  height: 55px;
  line-height: 55px;
  display: inline-block;
  letter-spacing: 0.5px;
  margin: 27% 0;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_btn a span {
  display: inline-block;
  margin-right: 10px;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_btn a span:last-child {
  margin-right: 0;
}
.nano_header .navbar .navbar-collapse .megamenu.mega_btn a:hover {
  border: 1px solid #040f01;
  background-color: #040f01;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-collapse.collapse {
  transition: 0.3s all ease-in-out;
}
.nano_header .navbar .navbar-collapse.collapse .nav {
  opacity: 0;
}
.nano_header .navbar .navbar-collapse.in {
  right: 0;
  text-align: center;
  background-color: #040f01;
  transition: 0.5s all ease-in-out;
}
/***************************Home***********************************/
.nano_banner {
  background-color: #ffffff;
  position: relative;
  padding: 70px 55px 0 0;
  margin: 0;
  width: 100%;
  height: 970px;
}
@media (max-width: 1366px) {
  .nano_banner {
    height: 770px;
  }
}
@media (max-width: 990px) {
  .nano_banner {
    height: auto;
    padding: 70px 0;
  }
}
.nano_banner .banner_content {
  position: relative;
  margin: 134px 100px;
}
@media (max-width: 990px) {
  .nano_banner .banner_content {
    margin: 40px 0;
  }
}
.nano_banner .banner_content .content_head {
  display: block;
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 990px) {
  .nano_banner .banner_content .content_head {
    margin-bottom: 30px;
  }
}
.nano_banner .banner_content .content_head::before {
  content: '';
  height: 2px;
  background: #262f2a;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.nano_banner .banner_content img {
  width: auto;
  height: auto;
}
@media (max-width: 990px) {
  .nano_banner .banner_content img {
    width: 70%;
  }
}
.nano_banner .banner_content .content_text {
  font-size: 38px;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.2;
  width: 80%;
  margin: 40px 0;
}
@media (max-width: 990px) {
  .nano_banner .banner_content .content_text {
    font-size: 28px;
    margin: 20px 0;
    width: 100%;
  }
}
@media (max-width: 1366px) {
  .nano_banner .banner_content .content_text {
    width: 100%;
    font-size: 28px;
    margin: 30px 0;
  }
}
.nano_banner .banner_content .content_btn {
  height: 55px;
  line-height: 55px;
  display: inline-block;
  padding: 0 30px;
  background-color: #ffbb00;
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 35px;
  transition: 0.3s all ease-in-out;
}
.nano_banner .banner_content .content_btn:hover {
  background-color: #262f2a;
  color: #ffbb00;
  transition: 0.3s all ease-in-out;
}
.nano_banner .nano_carousel {
  height: auto;
  position: relative;
  z-index: 2;
}
.nano_banner .nano_carousel .owl-carousel .owl-item {
  height: auto;
}
.nano_banner .nano_carousel .owl-carousel .owl-item img {
  width: 100%;
  height: 790px;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .nano_banner .nano_carousel .owl-carousel .owl-item img {
    height: 620px;
  }
}
@media (max-width: 540px) {
  .nano_banner .nano_carousel .owl-carousel .owl-item img {
    height: 350px;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption {
  text-align: left;
  color: #ffffff;
  left: 50px;
  bottom: 20px;
}
@media (max-width: 540px) {
  .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption {
    left: 20px;
    bottom: 20px;
    padding: 0;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  text-transform: uppercase;
  display: block;
  position: relative;
  width: 40%;
}
@media (max-width: 540px) {
  .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 14px;
    width: 100%;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_title::before {
  content: '';
  height: 7px;
  display: block;
  width: 60px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 10px;
}
.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_text {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
  display: block;
  width: 40%;
  margin: 15px 0;
}
@media (max-width: 540px) {
  .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 18px;
    width: 100%;
    margin: 10px 0;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_button {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
  padding-right: 55px;
  display: inline-block;
  margin-top: 10px;
}
@media (max-width: 540px) {
  .nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_button {
    font-size: 14px;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-item .carousel-caption .slider_button::after {
  content: '';
  height: 2px;
  width: 45px;
  display: inline-block;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 0;
}
.nano_banner .nano_carousel .owl-carousel .owl-nav,
.nano_banner .nano_carousel .owl-carousel .owl-buttons {
  width: 100%;
  position: absolute;
  top: 20%;
  left: -20px;
}
@media (max-width: 540px) {
  .nano_banner .nano_carousel .owl-carousel .owl-nav,
  .nano_banner .nano_carousel .owl-carousel .owl-buttons {
    display: none;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-prev,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-prev {
  position: absolute;
  left: 0;
  top: 80px;
  width: 45px;
  height: 75px;
  line-height: 75px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  outline: none;
  border-radius: 0;
  opacity: 1;
  padding: 0;
  margin: 0;
  transition: 0.5s all ease-in-out;
}
.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-prev:hover,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-prev:hover {
  background-color: #36af30;
  transition: 0.5s all ease-in-out;
}
.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-next,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-next {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 75px;
  line-height: 75px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  outline: none;
  border-radius: 0;
  opacity: 1;
  padding: 0;
  margin: 0;
  transition: 0.5s all ease-in-out;
}
.nano_banner .nano_carousel .owl-carousel .owl-nav .owl-next:hover,
.nano_banner .nano_carousel .owl-carousel .owl-buttons .owl-next:hover {
  background-color: #36af30;
  transition: 0.5s all ease-in-out;
}
.nano_banner .nano_carousel .owl-carousel .owl-dots,
.nano_banner .nano_carousel .owl-carousel .owl-pagination {
  position: absolute;
  bottom: -70px;
  left: 17%;
}
@media (max-width: 990px) {
  .nano_banner .nano_carousel .owl-carousel .owl-dots,
  .nano_banner .nano_carousel .owl-carousel .owl-pagination {
    bottom: -55px;
    left: 20%;
  }
}
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page {
  width: 15px;
  height: 15px;
  border-radius: 25px;
  background: #ffffff;
  margin-right: 10px;
  display: inline-block;
  outline: none;
  transition: 0.5s all ease-in-out;
}
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot.active,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot.active,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page.active,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page.active {
  background: linear-gradient(180deg, #36af30, #262f2a);
  width: 35px;
  transition: 0.5s all ease-in-out;
}
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot:hover,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot:hover,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page:hover,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page:hover {
  background: linear-gradient(180deg, #36af30, #262f2a);
}
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-dot span,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-dot span,
.nano_banner .nano_carousel .owl-carousel .owl-dots .owl-page span,
.nano_banner .nano_carousel .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
.nano_banner .nano_carousel.cmsnano_carousel .carousel-caption {
  color: #1b251d;
}
.nano_banner .nano_carousel.cmsnano_carousel .carousel-caption .slider_title::after {
  background: #1b251d;
}
.nano_banner .nano_carousel.cmsnano_carousel .carousel-caption .slider_button {
  color: #1b251d;
}
.nano_banner .nano_carousel.cmsnano_carousel .carousel-caption .slider_button::after {
  background: #1b251d;
}
.nano_banner .black_bg {
  background-color: #000000;
  position: absolute;
  top: 71%;
  right: -55px;
  width: 90%;
  height: 340px;
  z-index: 1;
}
@media (max-width: 1366px) {
  .nano_banner .black_bg {
    height: 280px;
  }
}
@media (max-width: 990px) {
  .nano_banner .black_bg {
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
  }
}
.nano_banner .black_bg .work_btn {
  position: absolute;
  bottom: 40px;
  right: 70px;
  color: #ffffff;
  padding-right: 20px;
  font-size: 16px;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .nano_banner .black_bg .work_btn {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
.nano_banner .black_bg .work_btn::after {
  content: '\f009';
  font-family: 'FontAwesome';
  color: #ffffff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s all ease-in-out;
}
.nano_service {
  position: relative;
  background-color: #ffffff;
  padding: 100px 0 50px;
}
@media (max-width: 540px) {
  .nano_service {
    padding: 100px 0 0;
  }
}
@media (max-width: 1366px) {
  .nano_service {
    padding: 80px 0 30px;
  }
}
@media (max-width: 990px) {
  .nano_service .nn_col:first-of-type {
    margin-bottom: 30px;
  }
}
.nano_service .service_meta {
  display: inline-block;
  color: #1b251d;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: block;
}
.nano_service .service_meta::before {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  vertical-align: middle;
  margin-right: 5px;
}
.nano_service .service_head {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #1b251d;
  margin: 25px 0;
}
@media (max-width: 540px) {
  .nano_service .service_head {
    font-size: 25px;
  }
}
.nano_service .service_text {
  font-size: 21px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #272727;
  margin-bottom: 35px;
}
@media (max-width: 540px) {
  .nano_service .service_text {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.nano_service .service_btn {
  display: inline-block;
  color: #1b251d;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding-right: 40px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .nano_service .service_btn {
    margin-bottom: 40px;
  }
}
.nano_service .service_btn::after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.nano_service .service_btn:hover {
  padding-right: 70px;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}
.nano_service .service_btn:hover::after {
  width: 60px;
  transition: 0.3s all ease-in-out;
}
.nano_service .service_box {
  padding: 80px 30px;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.07843137);
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  width: 90%;
  height: 365px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .nano_service .service_box {
    width: 100%;
    margin-bottom: 30px;
    height: auto;
  }
}
.nano_service .service_box img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  position: relative;
  top: 0;
  transition: 0.3s all ease-in-out;
}
.nano_service .service_box .box_head {
  display: block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #1b251d;
  margin-top: 25px;
  transition: 0.3s all ease-in-out;
}
.nano_service .service_box:hover {
  box-shadow: 0 0 20px 5px #ffbb00;
  transition: 0.3s all ease-in-out;
}
.nano_service .service_box:hover .box_head {
  color: #262f2a;
}
.nano_service .service_box:hover img {
  top: -15px;
}
.nano_about {
  padding: 50px 0;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 540px) {
  .nano_about {
    padding: 50px 0;
  }
}
.nano_about img {
  width: 100%;
  height: auto;
}
.nano_about .about_box.about_margin {
  margin-top: 100px;
}
@media (max-width: 540px) {
  .nano_about .about_box.about_margin {
    margin-top: 20px;
  }
}
.nano_about .about_box .about_head {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 25px;
  color: #1b251d;
}
@media (max-width: 540px) {
  .nano_about .about_box .about_head {
    font-size: 21px;
  }
}
.nano_about .about_box .about_bold {
  font-size: 21px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #272727;
  margin-bottom: 25px;
  display: block;
}
@media (max-width: 540px) {
  .nano_about .about_box .about_bold {
    font-size: 16px;
  }
}
.nano_about .about_box .about_text {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  display: block;
  color: #1b251d;
}
@media (max-width: 540px) {
  .nano_about .about_box .about_text {
    font-size: 14px;
  }
}
.nano_about .about_box .about_btn {
  display: inline-block;
  color: #1b251d;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding-right: 40px;
  margin-top: 30px;
  margin-right: 30px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .nano_about .about_box .about_btn {
    display: block;
    margin-right: 0;
  }
}
.nano_about .about_box .about_btn::after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.nano_about .about_box .about_btn:hover {
  padding-right: 70px;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}
.nano_about .about_box .about_btn:hover::after {
  width: 60px;
  transition: 0.3s all ease-in-out;
}
.nano_process {
  background-color: #ffffff;
  position: relative;
  padding: 80px 0;
}
@media (max-width: 540px) {
  .nano_process {
    padding: 30px 0;
    text-align: center;
  }
}
.nano_process .process_head {
  margin-bottom: 80px;
  font-size: 32px;
  color: #1b251d;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 540px) {
  .nano_process .process_head {
    font-size: 23px;
    margin-bottom: 20px;
  }
}
.nano_process .process_bg {
  width: 100%;
  position: relative;
  height: 700px;
}
@media (max-width: 540px) {
  .nano_process .process_bg {
    height: auto;
  }
}
.nano_process .process_bg img {
  width: 100%;
  height: auto;
}
.nano_process .process_box {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  padding: 50px;
}
@media (max-width: 540px) {
  .nano_process .process_box {
    padding: 20px 10px;
  }
}
.nano_process .process_box .list_head {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.nano_process .process_box .cover {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  float: left;
  margin-bottom: 30px;
}
.nano_process .process_box .cover:last-of-type {
  width: 100%;
  margin: 0;
}
@media (max-width: 540px) {
  .nano_process .process_box .cover {
    display: block;
    width: 100%;
    float: none;
  }
}
.nano_process .process_box ul {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.nano_process .process_box ul li {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #272727;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.nano_process .process_box .process_btn {
  height: 55px;
  line-height: 55px;
  display: inline-block;
  padding: 0 30px;
  background-color: #ffbb00;
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 50px 0;
  border-radius: 35px;
  transition: 0.3s all ease-in-out;
}
.nano_process .process_box .process_btn:hover {
  box-shadow: 0 0 20px #ffbb00;
  transition: 0.3s all ease-in-out;
}
.nano_choose {
  background-color: #c53733;
  position: relative;
  padding: 80px 0;
}
@media (max-width: 540px) {
  .nano_choose {
    padding: 50px 0;
  }
}
.nano_choose .choose_head {
  font-size: 38px;
  font-weight: 900;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 35px;
  display: block;
  position: relative;
  z-index: 999;
}
@media (max-width: 540px) {
  .nano_choose .choose_head {
    font-size: 28px;
  }
}
.nano_choose .choose_head::after {
  content: '';
  height: 15px;
  width: 87%;
  background: rgba(38, 47, 42, 0.3);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 540px) {
  .nano_choose .choose_head::after {
    width: 58%;
  }
}
.nano_choose .choose_meta {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 25px;
  position: relative;
  padding-left: 40px;
}
@media (max-width: 540px) {
  .nano_choose .choose_meta {
    font-size: 16px;
  }
}
.nano_choose .choose_meta::before {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.nano_choose .choose_text {
  font-size: 17px;
  color: #272727;
  letter-spacing: 1px;
  line-height: 1.9;
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .nano_choose .choose_text {
    font-size: 16px;
  }
}
.nano_choose .choose_btn {
  height: 55px;
  line-height: 55px;
  display: inline-block;
  padding: 0 30px;
  background-color: #ffbb00;
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 35px;
  margin-top: 30px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .nano_choose .choose_btn {
    margin: 30px 0;
  }
}
.nano_choose .choose_btn:hover {
  box-shadow: 0 0 20px #ffbb00;
  transition: 0.3s all ease-in-out;
}
.nano_choose .choose_grid {
  display: table;
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  width: 85%;
}
@media (max-width: 990px) {
  .nano_choose .choose_grid {
    width: 100%;
    margin-bottom: 20px;
  }
}
.nano_choose .choose_grid .grid_icon {
  display: table-cell;
  padding-right: 25px;
  padding-top: 10px;
  vertical-align: top;
}
.nano_choose .choose_grid .grid_icon .fa {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  background-color: #ffbb00;
  color: #262f2a;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 5px 7px rgba(38, 47, 42, 0.15), 0 1px 2px rgba(38, 47, 42, 0.8);
}
.nano_choose .choose_grid .grid_icon .fa img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
.nano_choose .choose_grid .grid_icon .fa.fa-img {
  line-height: 57px;
}
.nano_choose .choose_grid .grid_head {
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #1b251d;
}
@media (max-width: 1024px) {
  .nano_choose .choose_grid .grid_head {
    height: 54px;
    overflow: hidden;
  }
}
@media (max-width: 540px) {
  .nano_choose .choose_grid .grid_head {
    font-size: 16px;
  }
}
.nano_choose .choose_grid .grid_text {
  font-size: 17px;
  line-height: 1.6;
  color: #272727;
  text-align: left;
  height: 135px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .nano_choose .choose_grid .grid_text {
    height: 172px;
    overflow: hidden;
  }
}
@media (max-width: 990px) {
  .nano_choose .choose_grid .grid_text {
    font-size: 14px;
    height: auto;
  }
}
.nano_message {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 540px) {
  .nano_message {
    padding: 50px 0 100px;
  }
}
.nano_message .message_box {
  width: 100%;
  height: auto;
  box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.11);
  position: relative;
  z-index: 1;
}
.nano_message .message_box::before {
  content: '';
  width: 300px;
  height: 360px;
  background: #262f2a;
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .nano_message .message_box::before {
    display: none;
  }
}
.nano_message .message_box::after {
  content: '';
  width: 300px;
  height: 360px;
  background: #36af30;
  position: absolute;
  right: -20px;
  bottom: -20px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .nano_message .message_box::after {
    display: none;
  }
}
.nano_message .message_box .text_box {
  display: inline-block;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  padding: 60px 0 60px 60px;
}
@media (max-width: 540px) {
  .nano_message .message_box .text_box {
    padding: 40px;
  }
}
.nano_message .message_box .text_box .message_meta {
  text-transform: uppercase;
  color: #1b251d;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 25px;
  display: inline-block;
  position: relative;
  padding-left: 40px;
}
@media (max-width: 540px) {
  .nano_message .message_box .text_box .message_meta {
    font-size: 14px;
  }
}
.nano_message .message_box .text_box .message_meta::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 30px;
  background: #262f2a;
}
.nano_message .message_box .text_box .message_head {
  font-size: 32px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 25px;
}
@media (max-width: 540px) {
  .nano_message .message_box .text_box .message_head {
    font-size: 28px;
  }
}
.nano_message .message_box .text_box .message_text {
  color: #1b251d;
  font-size: 21px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 25px;
}
@media (max-width: 540px) {
  .nano_message .message_box .text_box .message_text {
    font-size: 18px;
  }
}
.nano_message .message_box .text_box .message_btn {
  display: inline-block;
  color: #1b251d;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding-right: 40px;
  transition: 0.3s all ease-in-out;
}
.nano_message .message_box .text_box .message_btn::after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.nano_message .message_box .text_box .message_btn:hover {
  padding-right: 70px;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}
.nano_message .message_box .text_box .message_btn:hover::after {
  width: 60px;
  transition: 0.3s all ease-in-out;
}
.nano_message .message_box .form_box {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 60px;
  background-image: url(../images/nano_message_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  .nano_message .message_box .form_box {
    padding: 40px 30px;
  }
}
.nano_message .message_box .form_box .message_form input,
.nano_message .message_box .form_box .message_form textarea {
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  height: 65px;
  line-height: 65px;
  padding: 0;
  font-size: 16px;
  letter-spacing: 1px;
  opacity: 0.85;
  margin-bottom: 35px;
  transition: 0.5s all ease-in-out;
}
.nano_message .message_box .form_box .message_form input:focus,
.nano_message .message_box .form_box .message_form textarea:focus {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.nano_message .message_box .form_box .message_form input::-webkit-input-placeholder,
.nano_message .message_box .form_box .message_form textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.nano_message .message_box .form_box .message_form input::-moz-placeholder,
.nano_message .message_box .form_box .message_form textarea::-moz-placeholder {
  color: #ffffff;
}
.nano_message .message_box .form_box .message_form input:-ms-input-placeholder,
.nano_message .message_box .form_box .message_form textarea:-ms-input-placeholder {
  color: #ffffff;
}
.nano_message .message_box .form_box .message_form input:-moz-placeholder,
.nano_message .message_box .form_box .message_form textarea:-moz-placeholder {
  color: #ffffff;
}
.nano_message .message_box .form_box .message_form textarea {
  height: 100px;
  line-height: 65px;
}
.nano_message .message_box .form_box .message_form button {
  background-color: #ffbb00;
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  padding: 0 30px;
  height: 55px;
  line-height: 55px;
  border-radius: 35px;
  border: 0;
  box-shadow: none;
  transition: 0.5s all ease-in-out;
}
.nano_message .message_box .form_box .message_form button:hover {
  background-color: #262f2a;
  color: #ffbb00;
  transition: 0.5s all ease-in-out;
}
.nano_common_banner {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 990px) {
  .nano_common_banner {
    padding: 100px 0 0;
  }
}
.nano_common_banner::after {
  content: '';
  height: 250px;
  background: #ffbb00;
  width: 75%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: skew(0deg, -6deg) translate(-50%, 5px);
}
@media (max-width: 990px) {
  .nano_common_banner::after {
    display: none;
  }
}
.nano_common_banner img {
  width: 520px;
  height: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 990px) {
  .nano_common_banner img {
    display: none;
  }
}
.nano_common_banner .detail_box {
  margin: 120px 0;
}
@media (max-width: 990px) {
  .nano_common_banner .detail_box {
    margin: 0;
    text-align: center;
  }
}
.nano_common_banner .detail_box .common_head {
  font-size: 42px;
  font-weight: 900;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 25px;
  color: #1b251d;
}
@media (max-width: 540px) {
  .nano_common_banner .detail_box .common_head {
    font-size: 30px;
  }
}
.nano_common_banner .detail_box .common_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #242c38;
  width: 75%;
}
@media (max-width: 540px) {
  .nano_common_banner .detail_box .common_text {
    font-size: 16px;
    width: 100%;
    text-align: center;
  }
}
/*********Contact**********/
.nano_contact {
  padding: 60px 0 30px;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 540px) {
  .nano_contact {
    padding: 20px 0 80px;
  }
}
.nano_contact .text_box {
  margin: 150px 0;
}
@media (max-width: 990px) {
  .nano_contact .text_box {
    margin: 0 0 30px;
  }
}
.nano_contact .text_box .contact_meta {
  display: block;
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}
.nano_contact .text_box .contact_meta::before {
  content: '';
  height: 2px;
  background: #262f2a;
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.nano_contact .text_box .contact_head {
  font-size: 35px;
  font-weight: 400;
  color: #46604b;
  margin-bottom: 50px;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
@media (max-width: 540px) {
  .nano_contact .text_box .contact_head {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.nano_contact .text_box .contact_head strong {
  color: #1b251d;
}
.nano_contact .text_box .contact_text {
  font-size: 23px;
  color: #5c7d62;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 73%;
}
@media (max-width: 540px) {
  .nano_contact .text_box .contact_text {
    width: 100%;
    font-size: 16px;
  }
}
.nano_contact .text_box .contact_text strong {
  color: #1b251d;
}
.nano_contact .contact_box {
  background: linear-gradient(138.82deg, #36af30, #262f2a 99.98%);
  width: 100%;
  height: auto;
  position: relative;
  padding: 100px;
}
@media (max-width: 540px) {
  .nano_contact .contact_box {
    padding: 50px 30px;
  }
}
.nano_contact .contact_box .form_head {
  font-size: 32px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 35px;
  letter-spacing: 0.5px;
}
@media (max-width: 540px) {
  .nano_contact .contact_box .form_head {
    font-size: 28px;
  }
}
.nano_contact .contact_box .nano_touch input,
.nano_contact .contact_box .nano_touch textarea {
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  height: 65px;
  line-height: 65px;
  padding: 0;
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 35px;
  transition: 0.5s all ease-in-out;
}
.nano_contact .contact_box .nano_touch input:focus,
.nano_contact .contact_box .nano_touch textarea:focus {
  transition: 0.5s all ease-in-out;
}
.nano_contact .contact_box .nano_touch input::-webkit-input-placeholder,
.nano_contact .contact_box .nano_touch textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.nano_contact .contact_box .nano_touch input::-moz-placeholder,
.nano_contact .contact_box .nano_touch textarea::-moz-placeholder {
  color: #ffffff;
}
.nano_contact .contact_box .nano_touch input:-ms-input-placeholder,
.nano_contact .contact_box .nano_touch textarea:-ms-input-placeholder {
  color: #ffffff;
}
.nano_contact .contact_box .nano_touch input:-moz-placeholder,
.nano_contact .contact_box .nano_touch textarea:-moz-placeholder {
  color: #ffffff;
}
.nano_contact .contact_box .nano_touch textarea {
  height: 100px;
}
.nano_contact .contact_box .nano_touch button {
  background-color: #262f2a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  border-radius: 35px;
  border: 0;
  outline: none;
  box-shadow: none;
  transition: 0.5s all ease-in-out;
}
.nano_contact .contact_box .nano_touch button:hover {
  box-shadow: 0 0 20px #36af30;
  transition: 0.5s all ease-in-out;
}
.nano_map {
  padding: 30px 0 100px;
  background-color: #ffffff;
  position: relative;
}
.nano_map .address_box {
  margin: 70px 0;
}
.nano_map .address_box .add_meta {
  display: block;
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}
.nano_map .address_box .add_meta::before {
  content: '';
  height: 2px;
  background: #262f2a;
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.nano_map .address_box .add_head {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #1b251d;
  margin-bottom: 50px;
}
.nano_map .address_box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nano_map .address_box ul li {
  list-style: none;
  margin-bottom: 30px;
  display: table;
}
.nano_map .address_box ul li img {
  min-width: 45px;
  max-height: 45px;
  object-fit: contain;
  display: table-cell;
  vertical-align: middle;
  margin-right: 15px;
}
.nano_map .address_box ul li div,
.nano_map .address_box ul li a {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #242c38 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.5px;
  display: table-cell;
  vertical-align: middle;
}
.nano_map .address_box .add_btn {
  display: inline-block;
  color: #1b251d;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding-right: 40px;
  margin-top: 30px;
  transition: 0.3s all ease-in-out;
}
.nano_map .address_box .add_btn::after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.nano_map .address_box .add_btn:hover {
  padding-right: 70px;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}
.nano_map .address_box .add_btn:hover::after {
  width: 60px;
  transition: 0.3s all ease-in-out;
}
.nano_map .map_box {
  width: 95%;
  position: relative;
}
/**********About***********/
.nano_about_more {
  padding: 80px 0;
  background-color: #ffffff;
  position: relative;
}
.nano_about_more .more_box {
  text-align: center;
  width: 100%;
  margin-bottom: 120px;
}
@media (max-width: 540px) {
  .nano_about_more .more_box {
    margin-bottom: 0;
  }
}
.nano_about_more .more_box .more_head {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #1b251d;
  margin-bottom: 30px;
}
.nano_about_more .more_box .more_text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #242c38;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 540px) {
  .nano_about_more .more_box .more_text {
    font-size: 16px;
    width: 100%;
  }
}
.nano_about_more .reason_box {
  width: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
}
.nano_about_more .reason_box .reason_head {
  text-align: left;
  margin: 55px 0;
  font-weight: 100;
  font-size: 32px;
  color: #46604b;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 540px) {
  .nano_about_more .reason_box .reason_head {
    margin: 30px 0;
    text-align: center;
  }
}
.nano_about_more .reason_box .reason_head strong {
  color: #1b251d;
}
.nano_about_more .reason_box img {
  width: 150px;
  height: 150px;
  margin-bottom: 25px;
}
.nano_about_more .reason_box .icon_head {
  display: block;
  color: #1b251d;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
@media (max-width: 540px) {
  .nano_about_more .reason_box .icon_head {
    margin-bottom: 20px;
  }
}
.nano_steps {
  padding: 30px 0 80px;
  position: relative;
  background-color: #ffffff;
  text-align: center;
}
.nano_steps.nano_steps_duo {
  padding: 80px 0 50px;
}
.nano_steps.nano_steps_duo .step_text {
  width: 70%;
}
@media (max-width: 540px) {
  .nano_steps.nano_steps_duo .step_text {
    width: 100%;
  }
}
.nano_steps .step_title {
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #1b251d;
  margin-bottom: 10px;
}
@media (max-width: 540px) {
  .nano_steps .step_title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.nano_steps .step_text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #242c38;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (max-width: 540px) {
  .nano_steps .step_text {
    font-size: 16px;
    width: 100%;
  }
}
.nano_steps .step_group {
  margin-top: 50px;
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  background-color: #ffbb00;
  border-radius: 15px;
  border: 1px dashed #262f2a;
  box-shadow: 0 0 20px rgba(172, 172, 172, 0.27843137);
}
.nano_steps .step_group .step_box {
  text-align: center;
}
@media (max-width: 540px) {
  .nano_steps .step_group .step_box {
    margin-bottom: 30px;
  }
}
.nano_steps .step_group .step_box img {
  width: 80px;
  height: 80px;
  margin-bottom: 25px;
}
.nano_steps .step_group .step_box .step_head {
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #1b251d;
}
.nano_mission {
  background-color: #ffffff;
  position: relative;
  padding: 50px 0 80px;
}
.nano_mission .mission_head {
  color: #1b251d;
  line-height: 1.5;
  font-size: 28px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media (max-width: 540px) {
  .nano_mission .mission_head {
    font-size: 22px;
    width: 100%;
    text-align: center;
  }
}
.nano_mission .mission_title {
  font-size: 21px;
  color: #1b251d;
  font-weight: 600;
  margin: 15px 68px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media (max-width: 540px) {
  .nano_mission .mission_title {
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}
.nano_mission .mission_text {
  font-size: 16px;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 540px) {
  .nano_mission .mission_text {
    font-size: 15px;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
}
.nano_mission.cmsnano_mission {
  background-color: #ccd1d2;
}
.nano_mission.cmsnano_mission .mission_title {
  color: #262f2a;
  text-transform: none;
}
.nano_mission.cmsnano_mission .mission_text {
  color: #1b251d;
}
/**********Services*********/
.service_items {
  background-color: #ffffff;
  position: relative;
  padding: 50px 0;
}
@media (max-width: 540px) {
  .service_items {
    padding: 20px 0;
  }
}
.service_items.item_right .service_num {
  left: 0;
}
@media (max-width: 540px) {
  .service_items.item_right .service_num {
    left: 50%;
    transform: translateX(-50%);
  }
}
.service_items .service_img {
  border-radius: 10px;
  overflow: hidden;
}
.service_items .service_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.service_items .service_num {
  color: #242c38;
  font-size: 400px;
  font-weight: 600;
  position: absolute;
  top: -10px;
  right: 0;
  opacity: 0.1;
}
@media (max-width: 990px) {
  .service_items .service_num {
    display: none;
  }
}
.service_items .service_detail {
  position: relative;
  margin: 20% 5%;
}
@media (max-width: 990px) {
  .service_items .service_detail {
    margin: 20px 0;
  }
}
.service_items .service_detail .service_name {
  display: block;
  margin-bottom: 15px;
}
.service_items .service_detail .service_name .detail_icon {
  width: 85px;
  height: 85px;
  object-fit: contain;
  display: inline-block;
  margin-right: 10px;
}
.service_items .service_detail .service_name .detail_head {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.service_items .service_detail .detail_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #1b251d;
  margin-bottom: 15px;
}
.service_items .service_detail .detail_btn {
  display: inline-block;
  color: #1b251d;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding-right: 40px;
  margin-top: 20px;
  transition: 0.3s all ease-in-out;
}
.service_items .service_detail .detail_btn::after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 30px;
  background: #262f2a;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.service_items .service_detail .detail_btn:hover {
  padding-right: 70px;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}
.service_items .service_detail .detail_btn:hover::after {
  width: 60px;
  transition: 0.3s all ease-in-out;
}
/**********Career***********/
.nano_career {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
  text-align: center;
}
@media (max-width: 540px) {
  .nano_career {
    padding: 50px 0;
  }
}
.nano_career .career_title {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #1b251d;
}
@media (max-width: 540px) {
  .nano_career .career_title {
    font-size: 28px;
  }
}
.nano_career .career_text {
  color: #242c38;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
}
.nano_career .career_text.cms_career_text {
  width: 80%;
}
@media (max-width: 990px) {
  .nano_career .career_text.cms_career_text {
    width: 100%;
  }
}
@media (max-width: 540px) {
  .nano_career .career_text {
    font-size: 16px;
    width: 100%;
  }
}
.nano_career .career_text:last-child {
  margin-bottom: 35px;
}
.nano_career .career_box {
  padding: 40px;
  background: linear-gradient(138.82deg, #36af30, #262f2a 90%);
  border-radius: 15px;
  width: 95%;
  margin: 0 auto;
  min-height: 430px;
}
@media (max-width: 540px) {
  .nano_career .career_box {
    padding: 20px;
    width: 100%;
    margin-bottom: 30px;
    height: 400px;
    line-height: 180px;
  }
}
.nano_career .career_box .career_icon {
  display: inline-block;
  margin-bottom: 20px;
  width: 130px;
  height: 130px;
  line-height: 128px;
  text-align: center;
  border-radius: 20px;
  background-color: #262f2a;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.nano_career .career_box .career_icon img {
  width: 85px;
  height: 85px;
}
.nano_career .career_box .career_name {
  display: block;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #ffffff;
}
@media (max-width: 540px) {
  .nano_career .career_box .career_name {
    font-size: 20px;
  }
}
.nano_career .career_box .career_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
}
.nano_career.cmsnano_career .career_box {
  background: #464646;
  height: auto;
  margin-bottom: 20px;
}
.nano_career.cmsnano_career .career_box .career_para {
  height: 220px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .nano_career.cmsnano_career .career_box .career_para {
    font-size: 15px;
  }
}
.nano_career.cmsnano_career .career_box .career_name {
  height: 56px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .nano_career.cmsnano_career .career_box .career_name {
    font-size: 19px;
  }
}
/*********Footer**********/
.nano_footer {
  padding: 60px 0;
  margin-top: 180px;
  position: relative;
  background-color: #262f2a;
}
@media (max-width: 540px) {
  .nano_footer {
    margin-top: 50px;
  }
}
.nano_footer::after {
  content: '';
  background: url(../images/nano_footer_after.png);
  width: 100%;
  height: 220px;
  position: absolute;
  top: -218px;
  left: 0;
}
.nano_footer .main_footer {
  position: relative;
}
.nano_footer .main_footer .white_box {
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 15px;
  border: 1px dashed #262f2a;
  box-shadow: 0 0 20px rgba(220, 220, 220, 0.53);
}
.nano_footer .main_footer .white_box .head_icon {
  width: 35px;
  height: 35px;
  object-fit: contain;
  display: inline-block;
  float: left;
  margin-right: 15px;
  margin-bottom: 25px;
}
@media (max-width: 540px) {
  .nano_footer .main_footer .white_box .head_icon {
    margin-bottom: 20px;
  }
}
.nano_footer .main_footer .white_box .subscribe_head {
  font-size: 30px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media (max-width: 540px) {
  .nano_footer .main_footer .white_box .subscribe_head {
    font-size: 21px;
  }
}
.nano_footer .main_footer .white_box .subscribe_text {
  font-size: 16px;
  color: #272727;
  margin-bottom: 30px;
  line-height: 1.8;
  letter-spacing: 0.5px;
  width: 85%;
  font-weight: 500;
}
@media (max-width: 540px) {
  .nano_footer .main_footer .white_box .subscribe_text {
    width: 100%;
  }
}
.nano_footer .main_footer .white_box .nano_subscribe {
  width: 100%;
  height: auto;
  position: relative;
  margin: 35px 0 0 -15px;
}
@media (max-width: 540px) {
  .nano_footer .main_footer .white_box .nano_subscribe {
    margin: 0;
  }
}
.nano_footer .main_footer .white_box .nano_subscribe input {
  height: 55px;
  line-height: 55px;
  padding: 0 12px;
  width: 100%;
  margin: 0;
  background-color: transparent;
  border: 2px solid #d2d0d0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  color: #242c38;
  transition: 0.3s all ease-in-out;
}
.nano_footer .main_footer .white_box .nano_subscribe input::-webkit-input-placeholder {
  color: #242c38;
}
.nano_footer .main_footer .white_box .nano_subscribe input::-moz-placeholder {
  color: #242c38;
}
.nano_footer .main_footer .white_box .nano_subscribe input:-ms-input-placeholder {
  color: #242c38;
}
.nano_footer .main_footer .white_box .nano_subscribe input:-moz-placeholder {
  color: #242c38;
}
.nano_footer .main_footer .white_box .nano_subscribe input:focus {
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_footer .main_footer .white_box .nano_subscribe input:focus::-webkit-input-placeholder {
  color: #262f2a;
}
.nano_footer .main_footer .white_box .nano_subscribe input:focus::-moz-placeholder {
  color: #262f2a;
}
.nano_footer .main_footer .white_box .nano_subscribe input:focus:-ms-input-placeholder {
  color: #262f2a;
}
.nano_footer .main_footer .white_box .nano_subscribe input:focus:-moz-placeholder {
  color: #262f2a;
}
.nano_footer .main_footer .white_box .nano_subscribe button {
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  background-color: #262f2a;
  color: #ffffff;
  padding: 0 20px;
  position: absolute;
  top: -5px;
  right: 20px;
  border: 0;
  outline: none;
  box-shadow: none;
  transition: 0.3s all ease-in-out;
}
.nano_footer .main_footer .white_box .nano_subscribe button:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: 0 0 13px 1px #262f2a;
}
.nano_footer .main_footer .footer_head {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 15px;
}
@media (max-width: 540px) {
  .nano_footer .main_footer .footer_head {
    margin-top: 25px;
  }
}
.nano_footer .main_footer .footer_text {
  font-size: 16px;
  color: #242c38;
  margin-bottom: 30px;
  line-height: 1.8;
  letter-spacing: 0.5px;
  width: 96%;
}
.nano_footer .main_footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nano_footer .main_footer ul li {
  display: block;
  margin-bottom: 10px;
  list-style: none;
  margin-left: 5px;
}
.nano_footer .main_footer ul li a {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #242c38;
  position: relative;
  display: inline-block;
}
.nano_footer .main_footer ul li a::before {
  content: '\f101';
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #242c38;
  display: inline-block;
  margin-right: 10px;
}
.nano_footer .main_footer ul li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_footer .main_footer ul li a:hover::before {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_footer .main_footer ul.address li {
  display: table;
  margin-bottom: 15px;
  list-style: none;
}
.nano_footer .main_footer ul.address li .fa {
  display: table-cell;
  font-size: 18px;
  color: #242c38;
  padding-right: 10px;
  width: 28px;
  height: 28px;
}
.nano_footer .main_footer ul.address li a {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #242c38;
  position: relative;
  display: table-cell;
}
.nano_footer .main_footer ul.address li a::before {
  display: none;
}
.nano_footer .main_footer ul.address li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_footer .copy_footer {
  padding: 50px 0 0;
}
.nano_footer .copy_footer .footer_logo {
  max-width: 180px;
  max-height: 30px;
  object-fit: contain;
  display: inline-block;
  margin-right: 25px;
  float: left;
  vertical-align: middle;
}
@media (max-width: 540px) {
  .nano_footer .copy_footer .footer_logo {
    margin-bottom: 20px;
  }
}
.nano_footer .copy_footer .copy_text {
  font-size: 16px;
  font-weight: 600;
  color: #242c38;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  line-height: 32px;
}
.nano_footer .copy_footer .footer_social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
@media (max-width: 540px) {
  .nano_footer .copy_footer .footer_social {
    float: left;
    margin-top: 30px;
  }
}
.nano_footer .copy_footer .footer_social li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
  vertical-align: -webkit-baseline-middle;
}
.nano_footer .copy_footer .footer_social li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  background-color: #ffbb00;
  color: #262f2a;
  font-size: 18px;
  border: 1px dashed #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_footer .copy_footer .footer_social li a:hover {
  transition: 0.3s all ease-in-out;
  background-color: #262f2a;
  color: #ffbb00;
}
/*************************Sitenano************************/
/*************************Kaska**************************/
.kaska_header {
  height: auto;
  width: 100%;
  background-color: #ffffff;
  padding: 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 101;
}
.kaska_header .navbar {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  height: 70px;
}
.kaska_header .navbar .navbar-header {
  height: 70px;
  background-color: transparent;
  width: auto;
}
@media (max-width: 990px) {
  .kaska_header .navbar .navbar-header {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.kaska_header .navbar .navbar-header .navbar-brand {
  height: 70px;
  margin: 0;
  padding: 0;
}
@media (max-width: 540px) {
  .kaska_header .navbar .navbar-header .navbar-brand {
    padding: 0 20px;
  }
}
.kaska_header .navbar .navbar-header .navbar-brand img {
  height: 70px;
  width: auto;
  object-fit: contain;
}
@media (max-width: 991px) {
  .kaska_header .navbar .navbar-header .navbar-toggle {
    background-color: #262f2a;
    border: 0;
    outline: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    padding: 0 17px;
    text-align: center;
    border-radius: 50%;
    z-index: 102;
    margin: 0;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .kaska_header .navbar .navbar-header .navbar-toggle {
    right: 45px;
  }
}
.kaska_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #ffffff;
  width: 20px;
}
.kaska_header .navbar .navbar-collapse {
  display: inline-block !important;
  float: right;
  padding: 0;
  border: 0;
}
@media (max-width: 991px) {
  .kaska_header .navbar .navbar-collapse {
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    width: 100%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: 0.3s all ease-in-out;
  }
}
.kaska_header .navbar .navbar-collapse .nav {
  height: 70px;
}
.kaska_header .navbar .navbar-collapse .nav li {
  height: 70px;
  padding: 0 3px;
}
.kaska_header .navbar .navbar-collapse .nav li a {
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
  margin: 0;
  text-align: center;
  font-size: 15px;
  color: #1b251d;
  background-color: transparent;
  letter-spacing: 0.7px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1024px) {
  .kaska_header .navbar .navbar-collapse .nav li a {
    font-size: 13px;
    padding: 0 12px;
  }
}
.kaska_header .navbar .navbar-collapse .nav li a:hover,
.kaska_header .navbar .navbar-collapse .nav li a.active {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kaska_header .navbar .navbar-collapse.collapse {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
  }
}
.kaska_header .navbar .navbar-collapse.in {
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.kaska_header .navbar .navbar-collapse.in .nav {
  height: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #ffffff;
}
.kaska_header .navbar .navbar-collapse.in .nav li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d2d0d0;
  height: 55px;
}
.kaska_header .navbar .navbar-collapse.in .nav li a {
  height: 55px;
  line-height: 55px;
}
/***************************Home***********************************/
.kaska_banner {
  position: relative;
  height: auto;
}
.kaska_banner .owl-carousel img {
  width: 100%;
  height: 938px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .kaska_banner .owl-carousel img {
    height: 860px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel img {
    height: 600px;
  }
}
.kaska_banner .owl-carousel .carousel-caption {
  text-align: left;
  right: auto;
  left: 10%;
  top: auto;
  bottom: 50%;
  transform: translateY(50%);
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .carousel-caption {
    left: 0;
    top: 70px;
    bottom: auto;
    text-align: center;
  }
}
@media (max-width: 320px) {
  .kaska_banner .owl-carousel .carousel-caption {
    top: 10px;
  }
}
.kaska_banner .owl-carousel .carousel-caption .slider_title {
  font-size: 55px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #ffffff;
  width: 60%;
  text-shadow: none;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 45px;
    width: 70%;
  }
}
@media (max-width: 768px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_title {
    width: 80%;
    font-size: 40px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 26px;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 26px;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 320px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_title {
    font-size: 23px;
  }
}
.kaska_banner .owl-carousel .carousel-caption .slider_text {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  width: 40%;
  color: #ffffff;
  text-shadow: none;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_text {
    font-size: 18px;
    width: 60%;
  }
}
@media (max-width: 768px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_text {
    width: 80%;
    font-size: 16px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .carousel-caption .slider_text {
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.kaska_banner .owl-carousel .carousel-caption .slider_button {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 30px;
  background-color: #36af30;
  border: 2px solid #36af30;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1.5px;
  text-shadow: none;
  border-radius: 0;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .owl-carousel .carousel-caption .slider_button:hover {
  background-color: transparent;
  border: 2px solid #36af30;
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .owl-carousel .owl-nav,
.kaska_banner .owl-carousel .owl-buttons {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .owl-nav,
  .kaska_banner .owl-carousel .owl-buttons {
    display: none;
  }
}
.kaska_banner .owl-carousel .owl-nav .owl-prev,
.kaska_banner .owl-carousel .owl-buttons .owl-prev,
.kaska_banner .owl-carousel .owl-nav .owl-next,
.kaska_banner .owl-carousel .owl-buttons .owl-next {
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  display: block;
  border-radius: 0;
  outline: none;
  opacity: 1;
  margin: 0;
  padding: 0;
  font-size: 25px;
  text-shadow: none;
  background-color: #36af30;
  color: #ffffff;
  border: 2px solid #36af30;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .owl-carousel .owl-nav .owl-prev:hover,
.kaska_banner .owl-carousel .owl-buttons .owl-prev:hover,
.kaska_banner .owl-carousel .owl-nav .owl-next:hover,
.kaska_banner .owl-carousel .owl-buttons .owl-next:hover {
  background-color: transparent;
  border: 2px solid #36af30;
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .owl-carousel .owl-nav .owl-next,
.kaska_banner .owl-carousel .owl-buttons .owl-next {
  margin-top: 10px;
}
.kaska_banner .owl-carousel .owl-dots,
.kaska_banner .owl-carousel .owl-pagination {
  position: absolute;
  left: 2%;
  right: auto;
  top: auto;
  bottom: 50%;
  transform: translateY(50%);
}
@media (max-width: 768px) {
  .kaska_banner .owl-carousel .owl-dots,
  .kaska_banner .owl-carousel .owl-pagination {
    left: 3%;
  }
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .owl-dots,
  .kaska_banner .owl-carousel .owl-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
  }
}
@media (max-width: 320px) {
  .kaska_banner .owl-carousel .owl-dots,
  .kaska_banner .owl-carousel .owl-pagination {
    top: 80px;
  }
}
.kaska_banner .owl-carousel .owl-dots .owl-dot,
.kaska_banner .owl-carousel .owl-pagination .owl-dot,
.kaska_banner .owl-carousel .owl-dots .owl-page,
.kaska_banner .owl-carousel .owl-pagination .owl-page {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 15px;
  outline: none;
  border: 0;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .owl-carousel .owl-dots .owl-dot span,
.kaska_banner .owl-carousel .owl-pagination .owl-dot span,
.kaska_banner .owl-carousel .owl-dots .owl-page span,
.kaska_banner .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
@media (max-width: 667px) {
  .kaska_banner .owl-carousel .owl-dots .owl-dot,
  .kaska_banner .owl-carousel .owl-pagination .owl-dot,
  .kaska_banner .owl-carousel .owl-dots .owl-page,
  .kaska_banner .owl-carousel .owl-pagination .owl-page {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
  }
}
.kaska_banner .owl-carousel .owl-dots .owl-dot.active,
.kaska_banner .owl-carousel .owl-pagination .owl-dot.active,
.kaska_banner .owl-carousel .owl-dots .owl-page.active,
.kaska_banner .owl-carousel .owl-pagination .owl-page.active {
  background-color: #36af30;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .owl-carousel .owl-dots .owl-dot:hover,
.kaska_banner .owl-carousel .owl-pagination .owl-dot:hover,
.kaska_banner .owl-carousel .owl-dots .owl-page:hover,
.kaska_banner .owl-carousel .owl-pagination .owl-page:hover {
  background-color: #36af30;
  transition: 0.3s all ease-in-out;
}
.kaska_banner .kaska_notification {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  right: auto;
  left: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    float: left;
    clear: both;
    position: relative;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    float: left;
    clear: both;
    position: relative;
  }
}
.kaska_banner .kaska_notification .info_box {
  width: 33.333%;
  display: table;
  float: left;
  background-color: #36af30;
  margin: 0;
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification .info_box {
    width: 100%;
    margin-bottom: 10px;
  }
  .kaska_banner .kaska_notification .info_box:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification .info_box {
    width: 100%;
    margin-bottom: 10px;
  }
  .kaska_banner .kaska_notification .info_box:last-child {
    margin-bottom: 0;
  }
}
.kaska_banner .kaska_notification .info_box .info_icon {
  width: 140px;
  height: 140px;
  object-fit: cover;
  display: table-cell;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .kaska_banner .kaska_notification .info_box .info_icon {
    width: 140px;
    height: 160px;
  }
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification .info_box .info_icon {
    width: 190px;
    height: 160px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification .info_box .info_icon {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 540px) {
  .kaska_banner .kaska_notification .info_box .info_icon {
    width: 130px;
    height: 160px;
  }
}
.kaska_banner .kaska_notification .info_box .info_icon img {
  width: 140px;
  height: 140px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .kaska_banner .kaska_notification .info_box .info_icon img {
    width: 140px;
    height: 160px;
  }
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification .info_box .info_icon img {
    width: 190px;
    height: 160px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification .info_box .info_icon img {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 540px) {
  .kaska_banner .kaska_notification .info_box .info_icon img {
    width: 130px;
    height: 160px;
  }
}
.kaska_banner .kaska_notification .info_box .info_detail {
  display: table-cell;
  vertical-align: middle;
  height: 140px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .kaska_banner .kaska_notification .info_box .info_detail {
    height: 160px;
    padding-right: 10px;
  }
}
.kaska_banner .kaska_notification .info_box .info_detail .info_head {
  color: #262f2a;
  font-size: 20px;
  margin: 0 auto;
  margin-bottom: 10px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_head {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_head {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_head {
    font-size: 14px;
  }
}
.kaska_banner .kaska_notification .info_box .info_detail .info_text {
  font-size: 12px;
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 1024px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_text {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_text {
    font-size: 14px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_text {
    font-size: 11px;
  }
}
.kaska_banner .kaska_notification .info_box .info_detail .info_btn {
  font-size: 14px;
  color: #ffffff;
  height: auto;
  width: auto;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1024px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_btn {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_btn {
    font-size: 14px;
  }
}
@media (max-width: 667px) {
  .kaska_banner .kaska_notification .info_box .info_detail .info_btn {
    font-size: 12px;
  }
}
.kaska_banner .kaska_notification .info_box .info_detail .info_btn:hover {
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
/**********************About***********************/
.kaska_cmn_banner {
  background-image: url(../images/kaska_banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 300px 0 220px;
}
.kaska_cmn_banner .banner_head {
  color: #ffffff;
  font-size: 55px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 1.3;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
@media (max-width: 540px) {
  .kaska_cmn_banner .banner_head {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  .kaska_cmn_banner .banner_head {
    font-size: 45px;
    text-align: center;
  }
}
.kaska_cmn_banner .banner_head::after {
  content: '';
  height: 25px;
  width: 45%;
  background-color: #262f2a;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: -10px;
  z-index: -1;
}
@media (max-width: 540px) {
  .kaska_cmn_banner .banner_head::after {
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1024px) {
  .kaska_cmn_banner .banner_head::after {
    height: 20px;
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
  }
}
.kaska_cmn_banner .kaska_crumbs {
  padding: 12px 20px;
  margin: 30px 0;
  min-width: 20%;
  max-width: 35%;
  text-align: center;
}
.kaska_product {
  padding: 50px 0;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 540px) {
  .kaska_product .product_sidebar {
    margin-bottom: 30px;
  }
}
.kaska_product .product_sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kaska_product .product_sidebar ul li {
  display: block;
  list-style: none;
  width: 100%;
}
.kaska_product .product_sidebar ul li a {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
  width: 100%;
  height: auto;
  text-align: left;
  padding: 10px 20px;
  display: block;
  background-color: #c53733;
  border-bottom: 1px solid #1a1a1a;
  transition: 0.3s all ease-in-out;
}
.kaska_product .product_sidebar ul li a:hover {
  background-color: #1a1a1a;
  transition: 0.3s all ease-in-out;
}
.kaska_product .product_col .product_box {
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #ffffff;
  box-shadow: 0 0 30px #ffbb00;
  overflow: hidden;
}
.kaska_product .product_col .product_box .image_box {
  width: 395px;
  height: 290px;
  object-fit: cover;
}
.kaska_product .product_col .product_box .image_box img {
  width: 395px;
  height: 290px;
  object-fit: cover;
}
.kaska_product .product_col .product_box .detail_box {
  padding: 30px;
  height: 260px;
  overflow: hidden;
}
.kaska_product .product_col .product_box .detail_box .slider_title {
  font-size: 18px;
  font-weight: 600;
  color: #1b251d;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
.kaska_product .product_col .product_box .detail_box .slider_text {
  font-size: 14px;
  font-weight: normal;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.kaska_product .product_col .product_box .detail_box .slider_btn {
  height: 50px;
  line-height: 45px;
  text-align: center;
  padding: 0 20px;
  background-color: #262f2a;
  color: #ffffff;
  border: 3px solid #262f2a;
  text-transform: uppercase;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  transition: 0.3s all ease-in-out;
}
.kaska_product .product_col .product_box .detail_box .slider_btn:hover {
  background-color: transparent;
  border: 3px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kaska_product .detail_container img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  margin-bottom: 25px;
}
.kaska_product .detail_container .slider_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #1b251d;
  margin-bottom: 30px;
  position: relative;
  display: block;
  padding-bottom: 13px;
}
@media (max-width: 540px) {
  .kaska_product .detail_container .slider_title {
    font-size: 22px;
  }
}
.kaska_product .detail_container .slider_title::after {
  content: '';
  height: 5px;
  width: 25%;
  border-radius: 5px;
  background-color: #262f2a;
  position: absolute;
  bottom: 0;
  left: 0;
}
.kaska_product .detail_container p {
  font-size: 15px;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  text-align: justify;
}
@media (max-width: 540px) {
  .kaska_product .detail_container p {
    font-size: 13px;
  }
}
.after_seller {
  padding: 80px 0;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 540px) {
  .after_seller {
    padding: 20px 0;
  }
}
.after_seller .seller_head {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #262f2a;
  margin-bottom: 30px;
}
.after_seller p {
  font-size: 14px;
  font-weight: normal;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.after_seller .seller_title {
  font-size: 22px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.after_seller .seller_col {
  margin: 30px 0;
  position: relative;
  width: 100%;
  clear: both;
  float: left;
}
.after_seller .seller_col .single_col {
  padding: 40px 25px;
  background-color: #ffffff;
  position: relative;
  border: 1px solid #d2d0d0;
  height: 200px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .after_seller .seller_col .single_col {
    padding: 25px 10px;
    height: 160px;
    overflow: hidden;
  }
}
.after_seller .seller_col .single_col img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  margin-bottom: 20px;
}
.after_seller .seller_col .single_col .single_head {
  font-size: 16px;
  font-weight: 600;
  color: #262f2a;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
.seller_bg {
  padding: 50px 0;
  background-color: #ffffff;
  position: relative;
  text-align: right;
}
@media (max-width: 540px) {
  .seller_bg {
    padding: 10px 0;
  }
}
.seller_bg .bg_col {
  background-image: url(../images/kaska_seller_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
  padding: 5% 5%;
}
@media (max-width: 540px) {
  .seller_bg .bg_col {
    text-align: center;
    height: auto;
    padding: 8%;
  }
}
.seller_bg .bg_col .bg_head {
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
@media (max-width: 540px) {
  .seller_bg .bg_col .bg_head {
    font-size: 22px;
  }
}
.seller_bg .bg_col p {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
@media (max-width: 540px) {
  .seller_bg .bg_col p {
    font-size: 15px;
  }
}
.seller_bg .bg_col .bg_btn {
  height: 55px;
  line-height: 50px;
  padding: 0 20px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #36af30;
  color: #ffffff;
  border: 4px solid #36af30;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .seller_bg .bg_col .bg_btn {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.seller_bg .bg_col .bg_btn:hover {
  background-color: transparent;
  border: 4px solid #36af30;
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
.kaska_announcement {
  padding: 80px 0;
  background-color: #ffffff;
  position: relative;
}
.kaska_announcement .announcement_head {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d2d0d0;
}
@media (max-width: 540px) {
  .kaska_announcement .announcement_head {
    text-align: center;
  }
}
.kaska_announcement .announcement_head h1 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #f1353c;
}
.kaska_announcement .announcement_box {
  padding: 25px 20px;
  position: relative;
  display: table;
  background-color: #8fa2a0;
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width: 540px) {
  .kaska_announcement .announcement_box {
    display: inline-block;
    text-align: center;
  }
}
.kaska_announcement .announcement_box .box_image {
  display: table-cell;
  float: left;
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-right: 15px;
}
@media (max-width: 540px) {
  .kaska_announcement .announcement_box .box_image {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 1366px) {
  .kaska_announcement .announcement_box .box_image {
    margin-bottom: 20px;
  }
}
.kaska_announcement .announcement_box .box_image img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.kaska_announcement .announcement_box .text_box {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 540px) {
  .kaska_announcement .announcement_box .text_box {
    display: block;
  }
}
.kaska_announcement .announcement_box .text_box .box_head {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .kaska_announcement .announcement_box .text_box .box_head {
    font-size: 16px;
  }
}
.kaska_announcement .announcement_box .text_box .box_text {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.kaska_contact {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
}
.kaska_contact .address_box {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 45px;
}
@media (max-width: 540px) {
  .kaska_contact .address_box {
    text-align: center;
  }
}
.kaska_contact .address_box .address_head {
  font-size: 22px;
  color: #1b251d;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (max-width: 540px) {
  .kaska_contact .address_box .address_head {
    font-size: 18px;
  }
}
.kaska_contact .address_box p {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 15px;
  color: #242c38;
  width: 90%;
}
@media (max-width: 540px) {
  .kaska_contact .address_box p {
    width: 100%;
    font-size: 14px;
  }
}
.kaska_contact .address_box span,
.kaska_contact .address_box a {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  color: #1b251d;
  font-size: 15px;
}
@media (max-width: 540px) {
  .kaska_contact .address_box span,
  .kaska_contact .address_box a {
    font-size: 14px;
  }
}
.kaska_contact .address_box span strong,
.kaska_contact .address_box a strong {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 540px) {
  .kaska_contact .address_box span strong,
  .kaska_contact .address_box a strong {
    font-size: 15px;
  }
}
.kaska_contact .form_box {
  width: 80%;
  margin: 0 auto;
}
.kaska_contact .form_box .kaska_form {
  position: relative;
  background-color: transparent;
}
.kaska_contact .form_box .kaska_form .field-required {
  position: relative;
  width: 100%;
}
.kaska_contact .form_box .kaska_form input,
.kaska_contact .form_box .kaska_form textarea {
  background-color: transparent;
  border: 0;
  outline: none;
  color: #1b251d;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  background-image: linear-gradient(to right, #1b251d 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 12px 1px;
  background-repeat: repeat-x;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.kaska_contact .form_box .kaska_form input::-webkit-input-placeholder,
.kaska_contact .form_box .kaska_form textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.kaska_contact .form_box .kaska_form input::-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea::-moz-placeholder {
  color: #1b251d;
}
.kaska_contact .form_box .kaska_form input:-ms-input-placeholder,
.kaska_contact .form_box .kaska_form textarea:-ms-input-placeholder {
  color: #1b251d;
}
.kaska_contact .form_box .kaska_form input:-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea:-moz-placeholder {
  color: #1b251d;
}
.kaska_contact .form_box .kaska_form input:focus,
.kaska_contact .form_box .kaska_form textarea:focus {
  color: #262f2a;
  background-image: linear-gradient(to right, #262f2a 100%, #262f2a 100%);
  transition: 0.3s all ease-in-out;
}
.kaska_contact .form_box .kaska_form input:focus::-webkit-input-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus::-webkit-input-placeholder {
  color: #262f2a;
}
.kaska_contact .form_box .kaska_form input:focus::-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus::-moz-placeholder {
  color: #262f2a;
}
.kaska_contact .form_box .kaska_form input:focus:-ms-input-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus:-ms-input-placeholder {
  color: #262f2a;
}
.kaska_contact .form_box .kaska_form input:focus:-moz-placeholder,
.kaska_contact .form_box .kaska_form textarea:focus:-moz-placeholder {
  color: #262f2a;
}
.kaska_contact .form_box .kaska_form textarea {
  height: 100px;
  line-height: 30px;
}
.kaska_contact .form_box .kaska_form button {
  height: 55px;
  line-height: 50px;
  padding: 0 20px;
  background-color: #262f2a;
  border: 4px solid #262f2a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  width: 240px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.kaska_contact .form_box .kaska_form button::after {
  content: '\f1d8';
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.kaska_contact .form_box .kaska_form button:hover {
  background-color: transparent;
  border: 4px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kaska_contact .form_box .kaska_form button:hover::after {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kaska_footer {
  background-color: #8fa2a0;
  border-top: 1px solid #d2d0d0;
  position: relative;
}
.kaska_footer .main_footer {
  padding: 50px 0;
  position: relative;
}
@media (max-width: 667px) {
  .kaska_footer .main_footer {
    padding: 20px 0;
  }
}
.kaska_footer .main_footer .footer_details {
  margin: 15px 0;
}
@media (max-width: 667px) {
  .kaska_footer .main_footer .footer_details {
    text-align: center;
  }
}
.kaska_footer .main_footer .footer_details .copy_right {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  margin: 0;
  padding: 0;
  margin-right: 20px;
  display: inline-block;
}
@media (max-width: 667px) {
  .kaska_footer .main_footer .footer_details .copy_right {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.kaska_footer .main_footer .footer_details .footer_menu {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 667px) {
  .kaska_footer .main_footer .footer_details .footer_menu {
    text-align: center;
    display: block;
    margin: 0 auto;
  }
}
.kaska_footer .main_footer .footer_details .footer_menu li {
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #a09c9c;
  padding-right: 8px;
}
@media (max-width: 667px) {
  .kaska_footer .main_footer .footer_details .footer_menu li {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    border: 0;
  }
}
.kaska_footer .main_footer .footer_details .footer_menu li:last-child {
  border: 0;
}
.kaska_footer .main_footer .footer_details .footer_menu li a {
  color: #1b251d;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
}
.kaska_footer .main_footer .footer_details .footer_menu li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kaska_footer .main_footer .social_menu {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
}
@media (max-width: 990px) {
  .kaska_footer .main_footer .social_menu {
    text-align: center;
  }
}
.kaska_footer .main_footer .social_menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.kaska_footer .main_footer .social_menu li a {
  width: 45px;
  height: 45px;
  line-height: 43px;
  border-radius: 0;
  margin: 0;
  text-align: center;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 16px;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.kaska_footer .main_footer .social_menu li a:hover {
  border: 2px solid #262f2a;
  background-color: transparent;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/******************************Kaska*****************************/
/****************************Kodeks************************************/
.kodek_header {
  background-color: #36af30;
  position: relative;
  width: 100%;
  padding: 20px 0;
}
@media (max-width: 990px) {
  .kodek_header {
    padding: 0;
    height: 160px;
  }
}
.kodek_header .navbar {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: 160px;
  position: relative;
}
.kodek_header .navbar .navbar-header {
  padding: 0 !important;
  margin: 0 !important;
}
.kodek_header .navbar .navbar-header .navbar-brand {
  padding: 0;
  margin: 0;
  height: 150px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.kodek_header .navbar .navbar-header .navbar-brand img {
  height: 150px;
  width: 85px;
  object-fit: contain;
}
@media (max-width: 990px) {
  .kodek_header .navbar .navbar-header .navbar-brand {
    left: 20px;
    transform: translate(0, -50%);
    top: 50%;
  }
}
.kodek_header .navbar .navbar-header .navbar-toggle {
  z-index: 2;
  background-color: #262f2a;
  border: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  padding: 0;
  margin: 0;
  padding: 10px;
  border-radius: 8px;
}
.kodek_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.kodek_header .navbar .navbar-collapse {
  height: 150px !important;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (max-width: 990px) {
  .kodek_header .navbar .navbar-collapse {
    display: none;
  }
}
.kodek_header .navbar .navbar-collapse .nav {
  height: 150px;
  line-height: 150px;
}
.kodek_header .navbar .navbar-collapse .nav li {
  display: inline-block;
  float: none;
  padding: 10px 15px;
}
.kodek_header .navbar .navbar-collapse .nav li a {
  background-color: transparent;
  color: #1b251d;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.kodek_header .navbar .navbar-collapse .nav li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kodek_header .navbar .navbar-collapse.in {
  height: auto !important;
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  text-align: center;
  background-color: #040f01;
  z-index: 1;
  padding: 250px 0;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
.kodek_header .navbar .navbar-collapse.in .nav {
  height: auto;
  line-height: normal;
  width: 100%;
  margin: 0;
  padding: 0;
}
.kodek_header .navbar .navbar-collapse.in .nav li {
  display: inline-block;
  padding: 0;
  float: none;
  width: 100%;
  margin-bottom: 15px;
}
.kodek_header .navbar .navbar-collapse.in .nav li a {
  color: #ffffff;
}
/********************Kodeks_home*********************/
.kodek_banner {
  background-color: #36af30;
  position: relative;
  padding: 70px 0;
}
@media (max-width: 990px) {
  .kodek_banner {
    padding: 10px 0;
  }
}
.kodek_banner .owl-carousel .owl-item img {
  width: 1170px;
  height: 585px;
  object-fit: cover;
}
@media (max-width: 540px) {
  .kodek_banner .owl-carousel .owl-item img {
    width: 100%;
    height: 200px;
  }
}
.kodek_banner .owl-carousel .owl-nav,
.kodek_banner .owl-carousel .owl-buttons {
  width: 100%;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 0;
  right: 0;
  top: auto;
}
@media (max-width: 540px) {
  .kodek_banner .owl-carousel .owl-nav,
  .kodek_banner .owl-carousel .owl-buttons {
    display: none;
  }
}
.kodek_banner .owl-carousel .owl-nav .owl-prev,
.kodek_banner .owl-carousel .owl-buttons .owl-prev {
  position: absolute;
  left: 0;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  width: 50px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  outline: none;
  border: 0;
  color: #000000;
  margin: 0;
  padding: 0;
  opacity: 1;
  border-radius: 0;
  zoom: normal;
}
.kodek_banner .owl-carousel .owl-nav .owl-prev:hover,
.kodek_banner .owl-carousel .owl-buttons .owl-prev:hover {
  background-color: #ffffff;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kodek_banner .owl-carousel .owl-nav .owl-next,
.kodek_banner .owl-carousel .owl-buttons .owl-next {
  position: absolute;
  right: 0;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  width: 50px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  outline: none;
  border: 0;
  color: #000000;
  margin: 0;
  padding: 0;
  opacity: 1;
  border-radius: 0;
  zoom: normal;
}
.kodek_banner .owl-carousel .owl-nav .owl-next:hover,
.kodek_banner .owl-carousel .owl-buttons .owl-next:hover {
  background-color: #ffffff;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kodek_banner .owl-carousel .owl-dots,
.kodek_banner .owl-carousel .owl-pagination {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  top: auto;
  text-align: center;
}
.kodek_banner .owl-carousel .owl-dots .owl-dot,
.kodek_banner .owl-carousel .owl-pagination .owl-dot,
.kodek_banner .owl-carousel .owl-dots .owl-page,
.kodek_banner .owl-carousel .owl-pagination .owl-page {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  transform: rotate(45deg);
  outline: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  margin-right: 15px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .kodek_banner .owl-carousel .owl-dots .owl-dot,
  .kodek_banner .owl-carousel .owl-pagination .owl-dot,
  .kodek_banner .owl-carousel .owl-dots .owl-page,
  .kodek_banner .owl-carousel .owl-pagination .owl-page {
    width: 10px;
    height: 10px;
  }
}
.kodek_banner .owl-carousel .owl-dots .owl-dot.active,
.kodek_banner .owl-carousel .owl-pagination .owl-dot.active,
.kodek_banner .owl-carousel .owl-dots .owl-page.active,
.kodek_banner .owl-carousel .owl-pagination .owl-page.active,
.kodek_banner .owl-carousel .owl-dots .owl-dot:hover,
.kodek_banner .owl-carousel .owl-pagination .owl-dot:hover,
.kodek_banner .owl-carousel .owl-dots .owl-page:hover,
.kodek_banner .owl-carousel .owl-pagination .owl-page:hover {
  background-color: #000000;
  transition: 0.3s all ease-in-out;
}
.kodek_banner .owl-carousel .owl-dots .owl-dot span,
.kodek_banner .owl-carousel .owl-pagination .owl-dot span,
.kodek_banner .owl-carousel .owl-dots .owl-page span,
.kodek_banner .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
.featured_cat {
  background-color: #36af30;
  position: relative;
  padding: 80px 0;
}
@media (max-width: 540px) {
  .featured_cat {
    padding: 0;
  }
}
.featured_cat .feature_icon {
  display: inline-block;
  width: 130px;
  height: 130px;
  object-fit: contain;
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: 101;
}
.featured_cat .feature_icon img {
  width: 130px;
  height: 130px;
  object-fit: contain;
}
.featured_cat .feature_btn {
  width: 100%;
  padding: 15px 10px;
  display: block;
  text-align: right;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(38, 47, 42, 0.3);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #000000;
}
.featured_cat .feature_box {
  padding: 10px;
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
}
@media (max-width: 540px) {
  .featured_cat .feature_box {
    margin-bottom: 30px;
  }
}
.featured_cat .feature_box .image_box {
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.featured_cat .feature_box .image_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.featured_cat .feature_box .box_head {
  padding: 20px 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1b251d;
  letter-spacing: 0.4px;
}
.featured_cat .feature_box:hover {
  transition: 0.3s all ease-in-out;
}
.featured_cat .feature_box:hover img {
  transform: scale(1.2);
  transition: 0.3s all ease-in-out;
}
.featured_service {
  padding: 0;
  background-color: #ffbb00;
  position: relative;
}
.featured_service .service_bg {
  background-image: url(../images/kodek-service-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 860px;
  text-align: center;
}
.featured_service .service_bg .service_header {
  margin: 100px 0;
  text-align: center;
  float: left;
  width: 100%;
}
@media (max-width: 540px) {
  .featured_service .service_bg .service_header {
    margin: 40px 0;
  }
}
.featured_service .service_bg .service_header img {
  width: 250px;
  height: auto;
  object-fit: contain;
}
.featured_service .service_bg .service_box {
  overflow: hidden;
  display: inline-block;
  width: 28%;
  margin: 0.6%;
}
@media (max-width: 540px) {
  .featured_service .service_bg .service_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.featured_service .service_bg .service_box .box_header {
  padding: 15px;
  background-color: #ffffff;
}
.featured_service .service_bg .service_box .box_header .service_meta {
  text-align: left;
  font-size: 13px;
  position: relative;
  color: #242c38;
  vertical-align: baseline;
}
.featured_service .service_bg .service_box .box_header .service_meta sup {
  margin: 0 5px;
}
.featured_service .service_bg .service_box .box_header .service_head {
  font-size: 14px;
  color: #1b251d;
  font-weight: 600;
  margin-top: 10px;
  text-align: left;
}
.featured_service .service_bg .service_box .image_box {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
}
.featured_service .service_bg .service_box .image_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.kodek_history {
  padding: 0;
  position: relative;
  background-color: #c53733;
}
.kodek_history .history_box {
  width: 50%;
  min-height: 936px;
  background-image: url(../images/kodek-history-bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  float: left;
  text-align: center;
  position: relative;
}
@media (max-width: 540px) {
  .kodek_history .history_box {
    width: 100%;
    min-height: 180px;
  }
}
.kodek_history .history_box:last-child {
  background-image: url(../images/kodek-history-bg2.jpg);
}
.kodek_history .history_box img {
  width: 230px;
  height: 100px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.kodek_subscribe {
  padding: 30px 0;
  position: relative;
  background-color: #8fa2a0;
  border-top: 1px solid #d2d0d0;
}
.kodek_subscribe .timeline {
  font-size: 14px;
  color: #1b251d;
  margin-bottom: 20px;
  letter-spacing: 0.4px;
  line-height: 1.3;
  width: 100%;
  display: block;
}
.kodek_subscribe .timeline a {
  color: #262f2a;
}
.kodek_subscribe .timeline_box {
  display: inline-block;
  float: left;
  width: 50%;
}
@media (max-width: 540px) {
  .kodek_subscribe .timeline_box {
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
  }
}
.kodek_subscribe .timeline_box .time_text {
  color: #1b251d;
  font-size: 14px;
  margin-right: 10px;
  font-weight: 600;
  display: inline-block;
}
.kodek_subscribe .timeline_box .line_text {
  padding: 10px;
  background-color: #ffbb00;
  color: #ffffff;
  display: inline-block;
}
.kodek_subscribe .newsletter .letter_text {
  font-size: 14px;
  color: #1b251d;
  margin-bottom: 20px;
  letter-spacing: 0.4px;
  line-height: 1.3;
  width: 100%;
  display: block;
  margin-left: 15px;
}
@media (max-width: 540px) {
  .kodek_subscribe .newsletter .letter_text {
    margin-left: 0;
  }
}
.kodek_subscribe .newsletter .kodek_footer_form {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
.kodek_subscribe .newsletter .kodek_footer_form input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
  color: #1b251d;
  outline: none;
  border: 0;
  border-radius: 5px;
  background-color: #ffffff;
}
@media (max-width: 540px) {
  .kodek_subscribe .newsletter .kodek_footer_form input {
    margin-bottom: 20px;
  }
}
.kodek_subscribe .newsletter .kodek_footer_form button {
  margin: 0;
  padding: 0 20px;
  outline: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  background-color: #262f2a;
}
.kodek_footer {
  position: relative;
  padding: 0;
}
.kodek_footer .main_footer {
  padding: 50px 0;
  position: relative;
  background-color: #262f2a;
}
.kodek_footer .main_footer .footer_social {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
}
.kodek_footer .main_footer .footer_social li {
  display: inline-block;
  margin-right: 15px;
}
.kodek_footer .main_footer .footer_social li:last-child {
  margin-right: 0;
}
.kodek_footer .main_footer .footer_social li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  background-color: #ffffff;
  color: #262f2a;
  display: inline-block;
}
.kodek_footer .main_footer .footer_col_head {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #ffffff;
  margin-bottom: 20px;
}
.kodek_footer .main_footer .footer_col_text {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 0;
  float: left;
}
@media (max-width: 540px) {
  .kodek_footer .main_footer .footer_col_text {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.kodek_footer .main_footer .footer_col_text p,
.kodek_footer .main_footer .footer_col_text a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: #ffffff;
  display: block;
}
.kodek_footer .main_footer .footer_col_text p a,
.kodek_footer .main_footer .footer_col_text a a {
  color: #262f2a;
}
.kodek_footer .main_footer .footer_col_list {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}
.kodek_footer .main_footer .footer_col_list li {
  display: block;
  margin-bottom: 10px;
}
.kodek_footer .main_footer .footer_col_list li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.kodek_common_banner {
  padding: 50px 0;
  position: relative;
  background-color: #1a1a1a;
  text-align: center;
}
.kodek_common_banner .banner_title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.heritage_chapter {
  position: relative;
  padding: 80px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-attachment: fixed;
  background-image: url(../images/kodek-chapter-bg1.jpg);
  min-height: 750px;
}
.heritage_chapter.chapter_two {
  background-image: url(../images/kodek-chapter-bg2.jpg);
}
.heritage_chapter.chapter_three {
  background-image: url(../images/kodek-chapter-bg3.jpg);
}
.heritage_chapter.chapter_four {
  background-image: url(../images/kodek-chapter-bg4.jpg);
}
.heritage_chapter.service_one {
  background-image: url(../images/kodek-service-bg1.jpg);
}
.heritage_chapter.service_two {
  background-image: url(../images/kodek-service-bg2.jpg);
}
.heritage_chapter.service_three {
  background-image: url(../images/kodek-service-bg3.jpg);
}
.heritage_chapter .chapter_num {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: transparent;
  border: 2px solid #ffffff;
  transform: rotate(45deg);
  margin: 0 auto;
  margin-bottom: 30px;
}
.heritage_chapter .chapter_num span {
  transform: rotate(-45deg);
  display: inline-block;
  color: #ffffff;
}
.heritage_chapter .chapter_meta {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.heritage_chapter .chapter_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 4px;
  line-height: 1.3;
  color: #ffffff;
  margin-bottom: 50px;
}
.heritage_chapter .chapter_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px;
}
.heritage_chapter .chapter_list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
  text-align: left;
}
.heritage_chapter .chapter_list li {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  width: 100%;
  list-style: none;
  padding-left: 35px;
}
.heritage_chapter .chapter_list li::before {
  content: '';
  height: 2px;
  width: 20px;
  background: #ffffff;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.heritage_chapter .chapter_btn {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #ffffff;
  display: inline-block;
  position: relative;
  padding-top: 15px;
}
.heritage_chapter .chapter_btn::before {
  content: '';
  width: 50px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.kodek_map {
  background-color: #36af30;
  padding: 80px 0 50px;
  position: relative;
}
.kodek_map .map_box iframe {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: 1px solid #d2d0d0;
}
.kodek_contact {
  background-color: #36af30;
  padding: 50px 0 80px;
  position: relative;
}
.kodek_contact .add_box {
  text-align: left;
  width: 90%;
}
@media (max-width: 540px) {
  .kodek_contact .add_box {
    width: 100%;
    margin-bottom: 30px;
  }
}
.kodek_contact .add_box ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
.kodek_contact .add_box ul li {
  border-bottom: 1px solid #d2d0d0;
  padding: 25px 0;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #1b251d;
  letter-spacing: 0.5px;
}
.kodek_contact .add_box ul li:first-child {
  padding: 10px 0 25px;
}
.kodek_contact .add_box ul li span:first-child {
  margin-right: 10px;
  width: 70px;
  display: inline-block;
}
.kodek_contact .form_box .form_head {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
  padding-bottom: 10px;
}
.kodek_contact .form_box .form_head::after {
  content: '';
  height: 2px;
  width: 130px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #262f2a;
}
.kodek_contact .form_box .kodek_form {
  position: relative;
  background-color: #36af30;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #d2d0d0;
}
.kodek_contact .form_box .kodek_form input,
.kodek_contact .form_box .kodek_form textarea {
  width: 100%;
  margin-bottom: 10px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0 20px;
  text-align: left;
  color: #1b251d;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.kodek_contact .form_box .kodek_form textarea {
  height: 100px;
  line-height: normal;
  padding: 15px 20px;
}
.kodek_contact .form_box .kodek_form label {
  font-size: 15px;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.kodek_contact .form_box .kodek_form label::after {
  display: none;
}
.kodek_contact .form_box .kodek_form button {
  height: 45px;
  line-height: 45px;
  padding: 0 25px;
  background-color: #262f2a;
  color: #ffffff;
  border-radius: 8px;
}
.kodek_gallery {
  background-color: #36af30;
  position: relative;
  padding: 80px 0;
}
.kodek_gallery .gal_box {
  position: relative;
  width: 100%;
  padding: 5px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  margin-bottom: 30px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.kodek_gallery .gal_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s all ease-in-out;
}
.kodek_gallery .gal_box .gal_thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.kodek_gallery .gal_box .gal_thumb .fancybox {
  display: inline-block;
  position: relative;
  width: 350px;
  height: 350px;
  object-fit: cover;
  overflow: hidden;
}
.kodek_gallery .gal_box .gal_thumb .fancybox img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  overflow: hidden;
}
.kodek_gallery .gal_box .gal_text {
  padding: 10px 5px;
  background-color: #ffffff;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.kodek_gallery .gal_box .gal_text h1 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  height: 50px;
  line-height: 32px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.kodek_gallery .gal_box:hover {
  transition: 0.3s all ease-in-out;
}
.kodek_gallery .gal_box:hover::after {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.kodek_gallery .gal_box:hover .gal_text {
  transition: 0.3s all ease-in-out;
}
.kodek_gallery .gal_box:hover .gal_text h1 {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.process_step {
  min-height: 900px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 120px 20px 120px 20px;
}
.process_step.process_one {
  background-image: url(../images/kodek-process-bg1.jpg);
}
.process_step.process_two {
  background-image: url(../images/kodek-process-bg2.jpg);
}
.process_step.process_three {
  background-image: url(../images/kodek-process-bg3.jpg);
}
.process_step.process_four {
  background-image: url(../images/kodek-process-bg4.jpg);
}
.process_step.process_five {
  background-image: url(../images/kodek-process-bg5.jpg);
}
.process_step.process_six {
  background-image: url(../images/kodek-process-bg6.jpg);
}
.process_step.process_seven {
  background-image: url(../images/kodek-process-bg7.jpg);
}
.process_step .process_index {
  max-width: 280px;
  background-color: #ffffff;
  position: absolute;
  left: 10%;
  top: 20%;
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 540px) {
  .process_step .process_index {
    max-width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}
.process_step .process_index label {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 540px) {
  .process_step .process_index label {
    width: 100%;
  }
}
.process_step .process_index label input {
  display: none;
}
.process_step .process_index label input:checked ~ ul {
  display: block;
}
.process_step .process_index label span {
  width: 250px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  position: relative;
}
@media (max-width: 540px) {
  .process_step .process_index label span {
    width: 100%;
    display: block;
  }
}
.process_step .process_index label span::after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 16px;
  transform: translateY(-50%);
  color: #242c38;
  pointer-events: none;
}
.process_step .process_index label ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
}
.process_step .process_index label ul li {
  display: block;
  width: 100%;
}
.process_step .process_index label ul li a {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #1b251d;
  padding: 10px 20px;
  transition: 0.3s all ease-in-out;
  display: inline-block;
  width: 100%;
}
.process_step .process_index label ul li a:hover {
  background-color: #36af30;
  transition: 0.3s all ease-in-out;
}
.process_step .process_entry {
  margin-right: 25%;
  max-width: 300px;
  margin-left: auto;
  background-color: #36af30;
  padding: 25px;
}
@media (max-width: 540px) {
  .process_step .process_entry {
    margin: 0 auto;
    max-width: 100%;
  }
}
.process_step .process_entry .process_num {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: transparent;
  border: 2px solid #000000;
  transform: rotate(45deg);
  margin: 0 auto;
  margin-bottom: 30px;
}
.process_step .process_entry .process_num span {
  transform: rotate(-45deg);
  display: inline-block;
  color: #1b251d;
  font-size: 16px;
}
.process_step .process_entry .process_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #1b251d;
  margin-bottom: 20px;
  text-align: center;
}
.process_step .process_entry .process_text {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #242c38;
  margin-bottom: 15px;
  text-align: center;
}
.process_step .process_entry .process_btn {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  color: #1b251d;
  text-align: center;
}
.process_step .process_entry .fa {
  text-align: center;
  display: block;
  color: #242c38;
}
.kodek_category {
  background-color: #36af30;
  padding: 80px 0;
  position: relative;
}
.kodek_category .kodek_pagination {
  width: 100%;
  float: left;
  margin: 0 auto;
  display: block;
  clear: both;
  text-align: center;
  margin-top: 30px;
}
.kodek_category .kodek_pagination ul {
  width: 100%;
  display: inline;
  float: none;
  padding: 0 20px;
  margin: 0 auto;
  list-style: none;
}
.kodek_category .kodek_pagination ul li {
  width: 35px;
  display: inline-block;
  margin-right: 15px;
  border: 0;
}
.kodek_category .kodek_pagination ul li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #242c38;
  font-size: 18px;
  display: inline-block;
}
.kodek_category .kodek_pagination ul li a i {
  color: #262f2a;
  font-size: 20px;
}
.kodek_category .kodek_pagination ul li a:hover {
  color: #262f2a;
}
.kodek_category .kodek_pagination ul li.active a {
  color: #262f2a;
}
.kodek_category .kodek_sidebar {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.kodek_category .kodek_sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kodek_category .kodek_sidebar ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d2d0d0;
}
.kodek_category .kodek_sidebar ul li:last-child {
  border: 0;
}
.kodek_category .kodek_sidebar ul li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 0 20px;
  display: block;
  background-color: #262f2a;
  height: 45px;
  line-height: 45px;
  position: relative;
  padding-left: 30px;
  transition: 0.3s all ease-in-out;
}
.kodek_category .kodek_sidebar ul li a::after {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}
.kodek_category .kodek_sidebar ul li a:hover {
  background-color: #000000;
  transition: 0.3s all ease-in-out;
}
.kodek_category .cat_box {
  width: 100%;
  display: block;
  padding: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  margin-bottom: 30px;
  transition: 0.3s all ease-in-out;
  position: relative;
}
.kodek_category .cat_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.kodek_category .cat_box .cat_text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.3;
  padding: 0 5px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  color: #1b251d;
}
/*********************Kodeks*************************/
/****************************Kozan************************************/
.kozan_header {
  background-color: #000000;
  position: relative;
  width: 100%;
  z-index: 101;
}
.kozan_header .navbar {
  background-color: #ffffff;
  border: 0;
  border-bottom: 2px solid #262f2a;
  border-radius: 0;
  position: relative;
  height: 65px;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 990px) {
  .kozan_header .navbar {
    height: 75px;
  }
}
@media (max-width: 990px) {
  .kozan_header .navbar .navbar-header {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.kozan_header .navbar .navbar-header .navbar-brand {
  height: 65px;
  line-height: 65px;
  width: 130px;
  object-fit: contain;
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 30px;
}
@media (max-width: 990px) {
  .kozan_header .navbar .navbar-header .navbar-brand {
    height: 75px;
    line-height: 75px;
    margin-right: 0;
    width: 110px;
  }
}
.kozan_header .navbar .navbar-header .navbar-brand img {
  height: 65px;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 990px) {
  .kozan_header .navbar .navbar-header .navbar-brand img {
    height: 75px;
  }
}
.kozan_header .navbar .navbar-header .navbar-toggle {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.kozan_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background: #262f2a;
  border-radius: 0;
  height: 3px;
  width: 25px;
}
.kozan_header .navbar .navbar-collapse {
  border: 0;
  margin: 0;
  padding: 0;
}
@media (max-width: 990px) {
  .kozan_header .navbar .navbar-collapse {
    opacity: 0;
  }
}
.kozan_header .navbar .navbar-collapse .nav {
  height: 65px;
  line-height: 65px;
}
.kozan_header .navbar .navbar-collapse .nav li {
  float: left;
  display: inline-block;
  height: 65px;
  line-height: 65px;
  padding: 0 10px;
}
.kozan_header .navbar .navbar-collapse .nav li a {
  height: 65px;
  line-height: 65px;
  color: #1b251d;
  padding: 0;
  margin: 0;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.kozan_header .navbar .navbar-collapse .nav li a.active,
.kozan_header .navbar .navbar-collapse .nav li a:hover {
  color: #262f2a;
}
.kozan_header .navbar .navbar-collapse .nav li .quote_btn {
  height: 50px;
  line-height: 45px;
  background-color: #262f2a;
  padding: 0 20px;
  border-radius: 35px;
  color: #ffffff;
  border: 2px solid #262f2a;
  letter-spacing: 2px;
  font-size: 16px;
  display: inline-block;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.kozan_header .navbar .navbar-collapse .nav li .quote_btn:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_header .navbar .navbar-collapse.in {
  background-color: #040f01;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: auto;
  top: 75px;
  opacity: 1;
}
.kozan_header .navbar .navbar-collapse.in .nav {
  height: auto;
  line-height: normal;
  text-align: center;
  margin: 0;
}
.kozan_header .navbar .navbar-collapse.in .nav li {
  float: none;
  display: block;
  padding: 0;
  width: 100%;
}
.kozan_header .navbar .navbar-collapse.in .nav li a {
  background-color: transparent;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.kozan_header .navbar .navbar-collapse.in .nav li a.active,
.kozan_header .navbar .navbar-collapse.in .nav li a:hover {
  color: #262f2a;
}
.kozan_banner {
  background-color: #ffffff;
  position: relative;
  height: auto;
}
.kozan_banner .owl-carousel .owl-item {
  height: 570px;
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-item {
    height: auto;
    padding: 30px 0;
  }
}
.kozan_banner .owl-carousel .owl-item img {
  height: 570px;
  width: auto;
  object-fit: contain;
  float: right;
  padding-right: 100px;
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-item img {
    height: 350px;
    width: 100%;
    float: none;
    padding-right: 0;
  }
}
.kozan_banner .owl-carousel .owl-item .carousel-caption {
  position: absolute;
  text-align: left;
  padding: 0;
  margin: 0;
  height: auto;
  width: 60%;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: none;
  right: 0;
  float: left;
  background-color: transparent;
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-item .carousel-caption {
    position: relative;
    text-align: center;
    padding-left: 0;
    width: 100%;
    display: block;
    float: none;
    left: 0;
    top: 0;
    right: 0;
    transform: none;
  }
}
.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_title {
  color: #1b251d;
  text-shadow: none;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 30px;
  width: 80%;
  text-transform: uppercase;
}
@media (max-width: 1366px) {
  .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 35px;
  }
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    width: 100%;
    font-size: 30px;
  }
}
.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_text {
  color: #1b251d;
  text-shadow: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 30px;
  width: 70%;
  margin: 0;
}
@media (max-width: 1366px) {
  .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 15px;
  }
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
  }
}
.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_button {
  display: inline-block;
  height: 55px;
  line-height: 52px;
  width: auto;
  padding: 0 25px;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  border-radius: 35px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  text-shadow: none;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-item .carousel-caption .slider_button:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-nav,
.kozan_banner .owl-carousel .owl-buttons {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-nav,
  .kozan_banner .owl-carousel .owl-buttons {
    display: none;
  }
}
.kozan_banner .owl-carousel .owl-nav .owl-prev,
.kozan_banner .owl-carousel .owl-buttons .owl-prev {
  position: absolute;
  left: 0;
  width: 70px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  background: #262f2a;
  border-radius: 0;
  padding: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  outline: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  font-size: 27px;
  color: #ffffff;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-nav .owl-prev .fa,
.kozan_banner .owl-carousel .owl-buttons .owl-prev .fa {
  height: 60px;
  line-height: 62px;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-nav .owl-prev:hover,
.kozan_banner .owl-carousel .owl-buttons .owl-prev:hover {
  width: 80px;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-nav .owl-next,
.kozan_banner .owl-carousel .owl-buttons .owl-next {
  position: absolute;
  right: 0;
  width: 70px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  background: #262f2a;
  border-radius: 0;
  padding: 0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  outline: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  font-size: 27px;
  color: #ffffff;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-nav .owl-next .fa,
.kozan_banner .owl-carousel .owl-buttons .owl-next .fa {
  height: 60px;
  line-height: 62px;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-nav .owl-next:hover,
.kozan_banner .owl-carousel .owl-buttons .owl-next:hover {
  width: 80px;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-dots,
.kozan_banner .owl-carousel .owl-pagination {
  position: absolute;
  left: 16%;
  bottom: 10%;
  width: auto;
}
@media (max-width: 1366px) {
  .kozan_banner .owl-carousel .owl-dots,
  .kozan_banner .owl-carousel .owl-pagination {
    left: 35%;
    bottom: 29%;
  }
}
@media (max-width: 990px) {
  .kozan_banner .owl-carousel .owl-dots,
  .kozan_banner .owl-carousel .owl-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
  }
}
.kozan_banner .owl-carousel .owl-dots .owl-dot,
.kozan_banner .owl-carousel .owl-pagination .owl-dot,
.kozan_banner .owl-carousel .owl-dots .owl-page,
.kozan_banner .owl-carousel .owl-pagination .owl-page {
  border-radius: 50%;
  margin-right: 13px;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 35px;
  background-color: #262f2a;
  outline: none;
  border: 0;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-dots .owl-dot span,
.kozan_banner .owl-carousel .owl-pagination .owl-dot span,
.kozan_banner .owl-carousel .owl-dots .owl-page span,
.kozan_banner .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
.kozan_banner .owl-carousel .owl-dots .owl-dot.active,
.kozan_banner .owl-carousel .owl-pagination .owl-dot.active,
.kozan_banner .owl-carousel .owl-dots .owl-page.active,
.kozan_banner .owl-carousel .owl-pagination .owl-page.active {
  width: 30px;
  transition: 0.3s all ease-in-out;
}
.kozan_banner .owl-carousel .owl-dots .owl-dot:last-child,
.kozan_banner .owl-carousel .owl-pagination .owl-dot:last-child,
.kozan_banner .owl-carousel .owl-dots .owl-page:last-child,
.kozan_banner .owl-carousel .owl-pagination .owl-page:last-child {
  margin-right: 0;
}
.kozan_btn {
  display: inline-block;
  height: 45px;
  line-height: 42px;
  width: auto;
  padding: 0 25px;
  background-color: #262f2a;
  border: 2px solid transparent;
  border-radius: 35px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.kozan_btn:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_about {
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #ffffff;
}
.kozan_about .nn_col {
  padding: 0;
}
.kozan_about .about_bg {
  height: 500px;
  background-image: url(../images/kozan_about_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 990px) {
  .kozan_about .about_bg {
    height: 350px;
  }
}
.kozan_about .about_bg.second_bg {
  background-image: url(../images/kozan_second_bg.jpg);
}
.kozan_about .about_detail {
  background-color: #262f2a;
  padding: 100px;
  height: 500px;
  color: #ffffff;
}
@media (max-width: 1366px) {
  .kozan_about .about_detail {
    padding: 60px;
  }
}
@media (max-width: 990px) {
  .kozan_about .about_detail {
    height: auto;
    padding: 30px;
    text-align: center;
  }
}
.kozan_about .about_detail.deatil_bg {
  background-color: #ffffff;
  color: #1b251d;
}
.kozan_about .about_detail.deatil_bg .about_btn {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  height: 55px;
  line-height: 52px;
  color: #1b251d;
  background-color: transparent;
  border: 2px solid #1b251d;
  display: inline-block;
  padding: 0 25px;
  border-radius: 35px;
  margin: 25px 0;
  text-transform: uppercase;
  float: left;
  margin-right: 25px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_about .about_detail.deatil_bg .about_btn {
    float: none;
    display: block;
    margin-right: 0;
    margin: 20px 0;
  }
}
.kozan_about .about_detail.deatil_bg .about_btn:hover {
  background-color: #1b251d;
  border: 2px solid #1b251d;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.kozan_about .about_detail.deatil_bg .about_btn.btn_two {
  border: 0;
  background: transparent;
  color: #1b251d;
  position: relative;
}
@media (max-width: 990px) {
  .kozan_about .about_detail.deatil_bg .about_btn.btn_two {
    margin: 0;
  }
}
.kozan_about .about_detail.deatil_bg .about_btn.btn_two::after {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_about .about_detail.deatil_bg .about_btn.btn_two::after {
    display: none;
  }
}
.kozan_about .about_detail.deatil_bg .about_btn.btn_two:hover {
  transition: 0.3s all ease-in-out;
}
.kozan_about .about_detail.deatil_bg .about_btn.btn_two:hover::after {
  right: -10px;
  color: #262f2a;
}
.kozan_about .about_detail .about_meta {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.kozan_about .about_detail .about_title {
  margin-bottom: 20px;
  line-height: 1.3;
  font-size: 32px;
}
@media (max-width: 990px) {
  .kozan_about .about_detail .about_title {
    font-size: 25px;
  }
}
.kozan_about .about_detail .about_text {
  line-height: 1.8;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  width: 85%;
}
@media (max-width: 990px) {
  .kozan_about .about_detail .about_text {
    width: 100%;
    margin-bottom: 30px;
  }
}
.kozan_about .about_detail .about_btn {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  height: 55px;
  line-height: 52px;
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
  display: inline-block;
  padding: 0 25px;
  border-radius: 35px;
  margin: 25px 0;
  text-transform: uppercase;
  float: left;
  margin-right: 25px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_about .about_detail .about_btn {
    float: none;
    display: block;
    margin-right: 0;
    margin: 20px 0;
  }
}
.kozan_about .about_detail .about_btn:hover {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_about .about_detail .about_btn.btn_two {
  border: 0;
  background: transparent;
  color: #ffffff;
  position: relative;
}
@media (max-width: 990px) {
  .kozan_about .about_detail .about_btn.btn_two {
    margin: 0;
  }
}
.kozan_about .about_detail .about_btn.btn_two::after {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_about .about_detail .about_btn.btn_two::after {
    display: none;
  }
}
.kozan_about .about_detail .about_btn.btn_two:hover {
  transition: 0.3s all ease-in-out;
}
.kozan_about .about_detail .about_btn.btn_two:hover::after {
  right: -10px;
}
.kozan_pro {
  padding: 15px 0;
  background-color: #ffffff;
  position: relative;
}
.kozan_pro .nn_col {
  padding-right: 0;
}
@media (max-width: 990px) {
  .kozan_pro .nn_col {
    padding: 0 15px;
  }
}
.kozan_pro .nn_col:last-child {
  padding-right: 15px;
}
.kozan_pro .pro_box {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
  line-height: 180px;
  text-align: center;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_pro .pro_box {
    margin-bottom: 15px;
  }
}
.kozan_pro .pro_box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  transition: 0.3s all ease-in-out;
}
.kozan_pro .pro_box.pro_bg1 {
  background-image: url(../images/kozan_pro1.jpg);
}
.kozan_pro .pro_box.pro_bg2 {
  background-image: url(../images/kozan_pro2.jpg);
}
.kozan_pro .pro_box.pro_bg3 {
  background-image: url(../images/kozan_pro3.jpg);
}
.kozan_pro .pro_box.pro_bg4 {
  background-image: url(../images/kozan_pro4.jpg);
}
.kozan_pro .pro_box:hover {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.kozan_pro .pro_box:hover::after {
  background-color: rgba(0, 0, 0, 0.8);
  transition: 0.3s all ease-in-out;
}
.kozan_panel {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  position: relative;
}
.kozan_panel .nn_col {
  padding: 0;
}
.kozan_panel img {
  width: 40%;
  height: 370px;
  display: inline-block;
  float: left;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .kozan_panel img {
    height: 410px;
  }
}
@media (max-width: 990px) {
  .kozan_panel img {
    width: 100%;
    float: none;
    display: block;
  }
}
.kozan_panel .panel_detail {
  width: 60%;
  display: inline-block;
  float: left;
  padding: 50px;
  height: 370px;
  background-color: #c53733;
}
@media (max-width: 1366px) {
  .kozan_panel .panel_detail {
    padding: 30px;
    height: 410px;
  }
}
@media (max-width: 990px) {
  .kozan_panel .panel_detail {
    width: 100%;
    display: block;
    float: none;
    padding: 30px;
    height: auto;
  }
}
.kozan_panel .panel_detail .panel_meta {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 25px;
  color: #262f2a;
}
.kozan_panel .panel_detail .panel_head {
  margin-bottom: 20px;
  line-height: 1.3;
  font-size: 23px;
  color: #1b251d;
  font-weight: 600;
}
.kozan_panel .panel_detail .panel_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  text-align: justify;
  margin-bottom: 20px;
}
.kozan_panel .panel_detail .panel_btn {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  position: relative;
  display: inline-block;
  padding-right: 30px;
  text-transform: uppercase;
}
.kozan_panel .panel_detail .panel_btn::after {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.kozan_panel .panel_detail .panel_btn:hover::after {
  right: -10px;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_panel .panel_bg {
  height: 370px;
  background-image: url(../images/kozan_panel_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1366px) {
  .kozan_panel .panel_bg {
    height: 410px;
  }
}
.kozan_pro_slider {
  padding: 80px 0;
  background-color: #1a1a1a;
  position: relative;
}
.kozan_pro_slider .owl-carousel .owl-item {
  overflow: hidden;
  border-right: 1px solid #d2d0d0;
}
.kozan_pro_slider .owl-carousel .owl-item img {
  height: 285px;
  width: 100%;
  object-fit: cover;
}
.kozan_pro_slider .owl-carousel .owl-item .carousel-caption {
  position: relative;
  padding: 25px;
  margin: 0;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  text-shadow: none;
  background-color: #ffffff;
  border-top: 1px solid #d2d0d0;
}
.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #1b251d;
}
.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_text {
  font-size: 0;
  display: none;
}
.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_button {
  display: inline-block;
  height: 45px;
  line-height: 42px;
  width: auto;
  padding: 0 25px;
  background-color: #262f2a;
  border: 2px solid transparent;
  border-radius: 35px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.kozan_pro_slider .owl-carousel .owl-item .carousel-caption .slider_button:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_pro_slider .owl-carousel .owl-nav,
.kozan_pro_slider .owl-carousel .owl-buttons {
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
@media (max-width: 990px) {
  .kozan_pro_slider .owl-carousel .owl-nav,
  .kozan_pro_slider .owl-carousel .owl-buttons {
    display: none;
  }
}
.kozan_pro_slider .owl-carousel .owl-nav .owl-prev,
.kozan_pro_slider .owl-carousel .owl-buttons .owl-prev {
  position: absolute;
  left: -40px;
  width: 35px;
  height: 55px;
  line-height: 55px;
  background: #262f2a;
  color: #ffffff;
  outline: none;
  border: 0;
  font-size: 25px;
  padding: 0;
  border-radius: 0;
  opacity: 1;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.kozan_pro_slider .owl-carousel .owl-nav .owl-next,
.kozan_pro_slider .owl-carousel .owl-buttons .owl-next {
  position: absolute;
  right: -40px;
  width: 35px;
  height: 55px;
  line-height: 55px;
  background: #262f2a;
  color: #ffffff;
  outline: none;
  border: 0;
  font-size: 25px;
  padding: 0;
  border-radius: 0;
  opacity: 1;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.kozan_list {
  background-color: #ffffff;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 990px) {
  .kozan_list {
    padding: 50px 0;
  }
}
.kozan_list .list_title {
  color: #1b251d;
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.kozan_list .list_meta {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  color: #242c38;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
.kozan_list .list_meta::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  background: #262f2a;
  width: 100px;
  border-radius: 1px;
}
.kozan_list .download_btn {
  height: 55px;
  line-height: 52px;
  font-size: 15px;
  font-weight: 600;
  padding: 0 25px;
  border-radius: 35px;
  border: 2px solid #262f2a;
  display: block;
  width: 60%;
  float: none;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  background-color: #262f2a;
  letter-spacing: 0.5px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.kozan_list .download_btn::before {
  content: '\f019';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
}
.kozan_list .download_btn:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_list img {
  width: 360px;
  height: 245px;
  margin: 0 auto;
}
.kozan_list .catalog_list {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 50%;
  float: left;
  display: inline-block;
}
@media (max-width: 990px) {
  .kozan_list .catalog_list {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
}
@media (max-width: 990px) {
  .kozan_list .catalog_list:last-child {
    margin-bottom: 0;
  }
}
.kozan_list .catalog_list li {
  font-size: 14px;
  font-weight: 500;
  color: #1b251d;
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}
.kozan_list .catalog_list li::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #262f2a;
}
@media (max-width: 990px) {
  .kozan_list .catalog_list li::before {
    display: none;
  }
}
.kozan_service {
  position: relative;
  background-color: #262f2a;
  padding: 50px 0;
}
.kozan_service .service_box {
  width: 100%;
  position: relative;
  text-align: center;
}
@media (max-width: 990px) {
  .kozan_service .service_box {
    margin-bottom: 30px;
  }
}
.kozan_service .service_box .service_icon {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  margin-bottom: 15px;
}
.kozan_service .service_box .service_icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}
.kozan_service .service_box .service_head {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #ffffff;
  text-transform: uppercase;
}
.kozan_service .service_box .service_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #ffffff;
}
.kozan_home_form {
  padding: 50px 0;
  background-color: #ffffff;
  position: relative;
}
.kozan_home_form .slider_title {
  font-size: 24px;
  color: #1b251d;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}
.kozan_home_form .slider_meta {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.5;
  width: 60%;
  margin: 0 auto;
  color: #242c38;
  margin-bottom: 40px;
  text-align: center;
  padding-bottom: 5px;
  position: relative;
}
.kozan_home_form .slider_meta::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  background: #262f2a;
  width: 100px;
  border-radius: 1px;
}
.kozan_home_form .owl-carousel .owl-item img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.kozan_home_form .owl-carousel .owl-dots,
.kozan_home_form .owl-carousel .owl-pagination {
  width: 100%;
  text-align: center;
  position: relative;
  bottom: 10px;
}
.kozan_home_form .owl-carousel .owl-dots .owl-dot,
.kozan_home_form .owl-carousel .owl-pagination .owl-dot,
.kozan_home_form .owl-carousel .owl-dots .owl-page,
.kozan_home_form .owl-carousel .owl-pagination .owl-page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  background: transparent;
  border: 1px solid #262f2a;
  outline: none;
}
.kozan_home_form .owl-carousel .owl-dots .owl-dot span,
.kozan_home_form .owl-carousel .owl-pagination .owl-dot span,
.kozan_home_form .owl-carousel .owl-dots .owl-page span,
.kozan_home_form .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
.kozan_home_form .owl-carousel .owl-dots .owl-dot.active,
.kozan_home_form .owl-carousel .owl-pagination .owl-dot.active,
.kozan_home_form .owl-carousel .owl-dots .owl-page.active,
.kozan_home_form .owl-carousel .owl-pagination .owl-page.active {
  background-color: #262f2a;
  border: 0;
}
.kozan_home_form .slider_form {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
@media (max-width: 990px) {
  .kozan_home_form .slider_form {
    margin-bottom: 30px;
  }
}
.kozan_home_form .slider_form input,
.kozan_home_form .slider_form textarea {
  height: 55px;
  line-height: 55px;
  width: 100%;
  margin-bottom: 15px;
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  border-radius: 10px;
  padding: 0 20px;
  color: #1b251d;
  font-weight: 500;
  transition: 0.3s all ease-in-out;
}
.kozan_home_form .slider_form input::-webkit-input-placeholder,
.kozan_home_form .slider_form textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.kozan_home_form .slider_form input::-moz-placeholder,
.kozan_home_form .slider_form textarea::-moz-placeholder {
  color: #1b251d;
}
.kozan_home_form .slider_form input:-ms-input-placeholder,
.kozan_home_form .slider_form textarea:-ms-input-placeholder {
  color: #1b251d;
}
.kozan_home_form .slider_form input:-moz-placeholder,
.kozan_home_form .slider_form textarea:-moz-placeholder {
  color: #1b251d;
}
.kozan_home_form .slider_form input:focus,
.kozan_home_form .slider_form textarea:focus {
  box-shadow: inset 5px 5px 20px -10px rgba(0, 0, 0, 0.3);
  transition: 0.3s all ease-in-out;
}
.kozan_home_form .slider_form textarea {
  height: 130px;
}
.kozan_home_form .slider_form button {
  display: inline-block;
  height: 45px;
  line-height: 42px;
  width: auto;
  padding: 0 25px;
  background-color: #262f2a;
  border: 2px solid transparent;
  border-radius: 35px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.kozan_home_form .slider_form button:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.kozan_footer {
  background-color: #262f2a;
  position: relative;
}
.kozan_footer .footer_form {
  position: relative;
  padding: 50px 0 0;
}
.kozan_footer .footer_form .form_box {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  border-radius: 15px;
  padding: 20px 0;
}
.kozan_footer .footer_form .form_box .footer_logo {
  display: inline-block;
  height: 55px;
  width: 130px;
}
@media (max-width: 990px) {
  .kozan_footer .footer_form .form_box .footer_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}
.kozan_footer .footer_form .form_box .footer_logo img {
  height: 55px;
  width: 130px;
  object-fit: contain;
}
@media (max-width: 990px) {
  .kozan_footer .footer_form .form_box .footer_logo img {
    width: 100%;
  }
}
.kozan_footer .footer_form .form_box .kozan_subscribe {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  display: inline-block;
}
.kozan_footer .footer_form .form_box .kozan_subscribe .form-field {
  padding: 0;
}
@media (max-width: 990px) {
  .kozan_footer .footer_form .form_box .kozan_subscribe .form-field {
    padding: 0 15px;
  }
}
.kozan_footer .footer_form .form_box .kozan_subscribe input {
  margin: 0;
  padding: 0 20px;
  height: 55px;
  border-radius: 0;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  outline: none;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_footer .footer_form .form_box .kozan_subscribe input {
    border-radius: 7px;
    margin-bottom: 15px;
  }
}
.kozan_footer .footer_form .form_box .kozan_subscribe input::-webkit-input-placeholder {
  color: #1b251d;
}
.kozan_footer .footer_form .form_box .kozan_subscribe input::-moz-placeholder {
  color: #1b251d;
}
.kozan_footer .footer_form .form_box .kozan_subscribe input:-ms-input-placeholder {
  color: #1b251d;
}
.kozan_footer .footer_form .form_box .kozan_subscribe input:-moz-placeholder {
  color: #1b251d;
}
.kozan_footer .footer_form .form_box .kozan_subscribe input:focus {
  box-shadow: inset 5px 5px 20px -10px rgba(0, 0, 0, 0.3);
  transition: 0.3s all ease-in-out;
}
.kozan_footer .footer_form .form_box .kozan_subscribe button {
  height: 55px;
  line-height: 55px;
  background-color: #262f2a;
  border: 0;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 0 25px;
  margin: 0;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1px;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_footer .footer_form .form_box .kozan_subscribe button {
    border-radius: 7px;
  }
}
.kozan_footer .footer_form .form_box .kozan_subscribe button:hover {
  box-shadow: inset 5px 5px 20px -10px rgba(0, 0, 0, 0.3);
  transition: 0.3s all ease-in-out;
}
.kozan_footer .main_footer {
  padding: 50px 0 0;
  background-color: transparent;
  position: relative;
}
.kozan_footer .main_footer .col_head {
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.kozan_footer .main_footer .col_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #ffffff;
  width: 85%;
}
@media (max-width: 990px) {
  .kozan_footer .main_footer .col_text {
    width: 100%;
    text-align: justify;
    margin-bottom: 30px;
  }
}
.kozan_footer .main_footer .col_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 990px) {
  .kozan_footer .main_footer .col_list {
    margin-bottom: 30px;
  }
}
.kozan_footer .main_footer .col_list li {
  display: block;
  width: 100%;
  list-style: none;
  margin-bottom: 15px;
}
.kozan_footer .main_footer .col_list li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #ffffff;
  position: relative;
  padding-left: 12px;
}
.kozan_footer .main_footer .col_list li a::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #262f2a;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.kozan_footer .main_footer .col_add {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kozan_footer .main_footer .col_add li {
  list-style: none;
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.kozan_footer .main_footer .col_add li span {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
}
.kozan_footer .main_footer .col_add li span.fa {
  color: #262f2a;
  margin-right: 10px;
  font-size: 15px;
}
.kozan_footer .copy_footer {
  padding: 40px 0 50px;
  position: relative;
}
.kozan_footer .copy_footer .copy_bg {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  border-radius: 15px;
  padding: 20px;
}
.kozan_footer .copy_footer .copy_bg .copy_text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #1b251d;
  text-align: left;
  height: 40px;
  line-height: 40px;
}
@media (max-width: 990px) {
  .kozan_footer .copy_footer .copy_bg .copy_text {
    height: auto;
    line-height: normal;
    text-align: center;
    margin-bottom: 20px;
  }
}
.kozan_footer .copy_footer .copy_bg .col_social {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  text-align: right;
}
@media (max-width: 990px) {
  .kozan_footer .copy_footer .copy_bg .col_social {
    text-align: center;
    margin: 0 auto;
  }
}
.kozan_footer .copy_footer .copy_bg .col_social li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.kozan_footer .copy_footer .copy_bg .col_social li:last-child {
  margin-right: 0;
}
.kozan_footer .copy_footer .copy_bg .col_social li a {
  height: 40px;
  width: 40px;
  line-height: 42px;
  text-align: center;
  border-radius: 8px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 20px;
  transition: 0.3s all ease-in-out;
}
.kozan_footer .copy_footer .copy_bg .col_social li a:hover {
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.47843137);
  transition: 0.3s all ease-in-out;
}
.kozan_beadcrums {
  padding: 10px 0;
  background-color: #040f01;
  position: relative;
}
.kozan_beadcrums .breadcrums_head {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  text-align: left;
}
@media (max-width: 990px) {
  .kozan_beadcrums .breadcrums_head {
    text-align: center;
    margin-bottom: 20px;
  }
}
.kozan_beadcrums .breadcrumb {
  text-align: right;
  display: inline-block;
  float: right;
}
@media (max-width: 990px) {
  .kozan_beadcrums .breadcrumb {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.kozan_beadcrums .breadcrumb li {
  display: inline-block;
  font-size: 15px;
  letter-spacing: 0.5px;
}
.kozan_beadcrums .breadcrumb li.active {
  color: #262f2a;
}
.kozan_beadcrums .breadcrumb li.active::before {
  content: '|';
  padding: 0 8px;
  color: #ffffff;
  opacity: 0.6;
}
.kozan_beadcrums .breadcrumb li a {
  color: #ffffff;
  letter-spacing: 0.5px;
  font-size: 15px;
}
.kozan_cmn_banner {
  background-color: #8fa2a0;
  position: relative;
  padding-top: 290px;
  padding-bottom: 30px;
}
@media (max-width: 990px) {
  .kozan_cmn_banner {
    padding: 30px 0;
    text-align: center;
  }
}
.kozan_cmn_banner .cmn_head,
.kozan_cmn_banner .second_head {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #ffffff;
  text-transform: uppercase;
}
.kozan_cmn_banner .cmn_head.second_head,
.kozan_cmn_banner .second_head.second_head {
  color: #ffbb00;
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .kozan_cmn_banner .cmn_head,
  .kozan_cmn_banner .second_head {
    font-size: 20px;
  }
}
.kozan_gallery {
  padding: 50px 0;
  position: relative;
  background-color: #ffbb00;
}
.kozan_gallery .gallery_container {
  padding: 10px;
  background-color: #ffffff;
  float: left;
  width: 100%;
}
.kozan_gallery .gallery_container .data_box {
  width: 50%;
  padding: 10px;
  float: left;
  position: relative;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_box {
    width: 100%;
  }
}
.kozan_gallery .gallery_container .data_box .gallery_box {
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
  transition: 0.5s all ease-in-out;
}
.kozan_gallery .gallery_container .data_box .gallery_box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  opacity: 0;
  transition: 0.5s all ease-in-out;
  pointer-events: none;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_box .gallery_box::after {
    opacity: 1;
  }
}
.kozan_gallery .gallery_container .data_box .gallery_box img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_box .gallery_box img {
    height: 280px;
  }
}
.kozan_gallery .gallery_container .data_box .gallery_box .data_table {
  display: inline-block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_box .gallery_box .data_table {
    opacity: 1;
  }
}
.kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_title {
    font-size: 16px;
  }
}
.kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #ffffff;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_box .gallery_box .data_table .slider_text {
    font-size: 13px;
  }
}
.kozan_gallery .gallery_container .data_box .gallery_box:hover {
  transition: 0.5s all ease-in-out;
}
.kozan_gallery .gallery_container .data_box .gallery_box:hover::after {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.kozan_gallery .gallery_container .data_box .gallery_box:hover .data_table {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.kozan_gallery .gallery_container .data_image {
  width: 100%;
  padding: 10px;
}
.kozan_gallery .gallery_container .data_image .image_box {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  height: 600px;
  object-fit: cover;
}
.kozan_gallery .gallery_container .data_image .image_box:last-child {
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_image .image_box {
    height: 250px;
  }
}
.kozan_gallery .gallery_container .data_image .image_box img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .kozan_gallery .gallery_container .data_image .image_box img {
    height: 250px;
  }
}
.kozan_gallery .data_panel {
  padding: 60px 60px 40px;
  background-color: #8fa2a0;
  position: relative;
  width: 100%;
  margin-top: 50px;
  float: left;
}
@media (max-width: 990px) {
  .kozan_gallery .data_panel {
    padding: 30px;
    text-align: center;
  }
}
.kozan_gallery .data_panel .slider_title {
  color: #ffbb00;
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .kozan_gallery .data_panel .slider_title {
    font-size: 14px;
  }
}
.kozan_gallery .data_panel .slider_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #ffffff;
}
@media (max-width: 990px) {
  .kozan_gallery .data_panel .slider_text {
    font-size: 13px;
  }
}
/****************************Kozan************************************/
/****************************Mimtur************************************/
.mimtur_header {
  position: absolute;
  top: 0;
  background-color: transparent;
  height: 110px;
  width: 100%;
  z-index: 101;
}
.mimtur_header .navbar {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 110px;
}
@media (max-width: 990px) {
  .mimtur_header .navbar {
    height: 90px;
  }
}
.mimtur_header .navbar .navbar-header {
  margin: 0;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-header {
    height: 90px;
  }
}
.mimtur_header .navbar .navbar-header .navbar-brand {
  height: 150px;
  width: 180px;
  object-fit: contain;
  float: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 101;
  outline: none;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-header .navbar-brand {
    height: 90px;
    width: 90px;
  }
}
.mimtur_header .navbar .navbar-header .navbar-brand img {
  width: 180px;
  height: 150px;
  object-fit: contain;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-header .navbar-brand img {
    height: 90px;
    width: 90px;
  }
}
.mimtur_header .navbar .navbar-header .navbar-toggle {
  border: 0;
  background-color: #ffffff;
  margin: 0;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  z-index: 1;
}
.mimtur_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background: #262f2a;
}
.mimtur_header .navbar .navbar-header .navbar-toggle.collapsed {
  background-color: #262f2a;
}
.mimtur_header .navbar .navbar-header .navbar-toggle.collapsed .icon-bar {
  background: #ffffff;
}
.mimtur_header .navbar .navbar-collapse {
  background-image: url(../images/mimtur_header_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  margin: 0;
  height: 110px !important;
  padding: 0 30px;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse {
    height: auto !important;
    padding: 20px 0;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container {
  position: relative;
  height: 80px;
  background-color: #262f2a;
  display: block;
  border: 1px solid #ffffff;
  padding: 0 90px;
}
@media (max-width: 1024px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container {
    padding: 0 60px;
  }
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container {
    height: auto;
    padding: 0;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav {
  height: 80px;
  position: relative;
  padding: 0;
  margin: 0;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .nav {
    height: auto;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li {
  height: 60px;
  display: inline-block;
  padding: 10px 0;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .nav li {
    display: block;
    width: 100%;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li a {
  height: 60px;
  line-height: 60px;
  background-color: transparent;
  color: #ffffff;
  padding: 0 15px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-right: 1px dashed #ffffff;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1024px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .nav li a {
    font-size: 13px;
    padding: 0 10px;
  }
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .nav li a {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li a.active,
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li a:hover {
  background-color: #36af30;
  transition: 0.3s all ease-in-out;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li:last-child a {
  border: 0;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown {
  height: 80px;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown:hover .dropdown-menu {
  display: block;
  transition: 0.5s all ease-in-out;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu {
  background-color: #ffffff;
  border: 0;
  outline: none;
  box-shadow: 0 2px 10px 2px rgba(152, 152, 152, 0.16078431);
  margin: 0;
  padding: 0 15px 15px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li {
  display: block;
  background-color: transparent;
  width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: normal;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li a {
  border: 0;
  color: #1b251d;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 0;
  margin: 0;
  text-align: center;
  height: 50px;
  line-height: 48px;
  padding: 0 10px;
  transition: 0.3s all ease-in-out;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li a.active,
.mimtur_header .navbar .navbar-collapse .navbar-container .nav li.dropdown .dropdown-menu li a:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang {
    right: 0;
  }
}
@media (max-width: 990px) {
  .mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    padding: 20px 0;
    text-align: center;
  }
}
.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li {
  display: inline-block;
  margin-right: 15px;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li a {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li a.active,
.mimtur_header .navbar .navbar-collapse .navbar-container .mimtur_lang li a:hover {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.mimtur_banner {
  position: relative;
  background-image: url(../images/mimtur_banner_bg.png);
  background-position: center -150px;
  background-repeat: no-repeat;
  padding: 160px 0 60px;
  width: 100%;
}
@media (max-width: 990px) {
  .mimtur_banner {
    padding: 95px 0 60px;
  }
}
.mimtur_banner .owl-carousel .owl-item {
  position: relative;
}
.mimtur_banner .owl-carousel .owl-item img {
  display: block;
  width: 98%;
  margin: 0 auto;
  height: 420px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .mimtur_banner .owl-carousel .owl-item img {
    width: 100%;
    height: 240px;
  }
}
.mimtur_banner .owl-carousel .owl-item .carousel-caption {
  position: absolute;
  bottom: 20px;
  left: 5%;
  right: auto;
  text-align: left;
}
@media (max-width: 990px) {
  .mimtur_banner .owl-carousel .owl-item .carousel-caption {
    padding: 0;
  }
}
.mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_title {
  padding: 15px 10px;
  background-color: #c53733;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 0.5px;
  width: auto;
}
@media (max-width: 990px) {
  .mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    padding: 10px;
    font-size: 14px;
  }
}
.mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_text {
  padding: 15px 10px;
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  width: auto;
}
@media (max-width: 990px) {
  .mimtur_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    padding: 10px;
    font-size: 11px;
  }
}
.mimtur_banner .owl-carousel .owl-nav,
.mimtur_banner .owl-carousel .owl-buttons {
  width: 100%;
  position: absolute;
  top: 45%;
  right: 50px;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .mimtur_banner .owl-carousel .owl-nav,
  .mimtur_banner .owl-carousel .owl-buttons {
    display: none;
  }
}
.mimtur_banner .owl-carousel .owl-nav .owl-prev,
.mimtur_banner .owl-carousel .owl-buttons .owl-prev {
  width: 45px;
  height: 45px;
  background-color: #262f2a;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  outline: none;
  position: absolute;
  left: 107px;
}
.mimtur_banner .owl-carousel .owl-nav .owl-next,
.mimtur_banner .owl-carousel .owl-buttons .owl-next {
  width: 45px;
  height: 45px;
  background-color: #262f2a;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  outline: none;
  position: absolute;
  right: 0;
}
.mimtur_banner .owl-carousel .owl-dots,
.mimtur_banner .owl-carousel .owl-pagination {
  width: 100%;
  position: absolute;
  bottom: 30px;
  text-align: center;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .mimtur_banner .owl-carousel .owl-dots,
  .mimtur_banner .owl-carousel .owl-pagination {
    display: none;
  }
}
.mimtur_banner .owl-carousel .owl-dots .owl-dot,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot,
.mimtur_banner .owl-carousel .owl-dots .owl-page,
.mimtur_banner .owl-carousel .owl-pagination .owl-page {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #ffffff;
  border: 4px solid #ffffff;
  transition: 0.3s all ease-in-out;
  outline: none;
  box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.34901961);
}
.mimtur_banner .owl-carousel .owl-dots .owl-dot.active,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot.active,
.mimtur_banner .owl-carousel .owl-dots .owl-page.active,
.mimtur_banner .owl-carousel .owl-pagination .owl-page.active,
.mimtur_banner .owl-carousel .owl-dots .owl-dot:hover,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot:hover,
.mimtur_banner .owl-carousel .owl-dots .owl-page:hover,
.mimtur_banner .owl-carousel .owl-pagination .owl-page:hover {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.mimtur_banner .owl-carousel .owl-dots .owl-dot span,
.mimtur_banner .owl-carousel .owl-pagination .owl-dot span,
.mimtur_banner .owl-carousel .owl-dots .owl-page span,
.mimtur_banner .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
.mimtur_banner .owl-carousel:hover .owl-nav {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.mimtur_banner .owl-carousel:hover .owl-dots {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.mimtur_banner .mimtur_vehicle {
  width: 100%;
  margin-top: 30px;
  position: relative;
}
.mimtur_banner .mimtur_vehicle .vehicle_head {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1b251d;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}
.mimtur_banner .mimtur_vehicle .vehicle_box {
  display: inline-block;
  width: 100%;
  position: relative;
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single {
  width: 20%;
  display: inline-block;
  float: left;
  text-align: center;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single {
    width: 50%;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(1) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(1) {
    margin-top: 10px;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(2) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(2) {
    margin-top: 10px;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(3) {
  margin-top: 0;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(3) {
    margin-top: 10px;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(4) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(4) {
    margin-top: 10px;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(5) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single:nth-child(5) {
    margin-top: 10px;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single img {
  width: 175px;
  height: 135px;
  object-fit: contain;
}
@media (max-width: 990px) {
  .mimtur_banner .mimtur_vehicle .vehicle_box .single img {
    width: 120px;
    height: 120px;
  }
}
.mimtur_banner .mimtur_vehicle .vehicle_box .single .single_btn {
  display: block;
  width: 100%;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #1b251d;
}
.mimtur_blocks {
  padding: 0;
  padding-bottom: 50px;
  background-color: #ffffff;
  position: relative;
}
.mimtur_blocks .block_head {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  color: #1b251d;
  text-align: center;
  font-size: 24px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d2d0d0;
  position: relative;
}
.mimtur_blocks .block_head::after {
  content: '';
  height: 9px;
  background: #1b251d;
  width: 100px;
  margin: 0 auto;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.mimtur_blocks .data_box {
  width: 100%;
  background-color: transparent;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
.mimtur_blocks .data_box .data_head {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  background-color: #1a1a1a;
  color: #ffffff;
  margin-bottom: 15px;
  width: 100%;
  display: block;
}
.mimtur_blocks .data_box .data_head.image_head {
  background-color: #262f2a;
}
.mimtur_blocks .data_box .image_link {
  display: inline-block;
  width: 100%;
  object-fit: contain;
  text-align: center;
}
.mimtur_blocks .data_box .data_text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #1b251d;
  margin-bottom: 15px;
}
.mimtur_blocks .data_box .data_list {
  padding: 0 20px;
  margin: 0;
}
.mimtur_blocks .data_box .data_list li {
  list-style: circle;
  width: 100%;
  margin-bottom: 8px;
  display: list-item;
}
.mimtur_blocks .data_box .data_list li a {
  display: inline-block;
  width: 100%;
  color: #1b251d;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}
.mimtur_blocks .data_box .link_list {
  width: 100%;
  position: relative;
  padding: 0 80px;
  margin: 30px 0 20px;
  list-style: none;
}
.mimtur_blocks .data_box .link_list li {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin-bottom: 20px;
}
.mimtur_blocks .data_box .link_list li i {
  margin-right: 10px;
  width: 25px;
  height: 25px;
  display: inline-block;
  object-fit: contain;
}
.mimtur_blocks .data_box .link_list li i img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}
.mimtur_blocks .data_box .link_list li a {
  color: #1b251d;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.mimtur_blocks .slider_box {
  width: 100%;
  background-color: transparent;
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  position: relative;
}
.mimtur_blocks .slider_box .slider_head {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d2d0d0;
  display: block;
  width: 100%;
  position: relative;
}
.mimtur_blocks .slider_box .slider_head::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 5px;
  width: 80px;
  background: #1a1a1a;
}
.mimtur_blocks .slider_box .owl-carousel {
  position: relative;
}
.mimtur_blocks .slider_box .owl-carousel::after {
  content: '';
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  border-top: 20px solid #ffbb00;
  position: absolute;
  bottom: -20px;
  left: 20px;
}
.mimtur_blocks .slider_box .owl-carousel .owl-item {
  background: #ffbb00;
  border: 1px solid #ffbb00;
  padding: 20px;
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  height: 143px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .mimtur_blocks .slider_box .owl-carousel .owl-item {
    height: 175px;
  }
}
.mimtur_blocks .slider_box .owl-carousel .owl-item a {
  display: inline-block;
  width: 100%;
  height: auto;
  background-color: transparent;
}
.mimtur_blocks .slider_box .owl-carousel .owl-item .slider_text {
  font-size: 13px;
  font-weight: 400;
  color: #1b251d;
  letter-spacing: normal;
  line-height: 1.8;
}
.mimtur_blocks .slider_box .owl-carousel .owl-item .slider_title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #262f2a;
  margin-top: 15px;
}
.mimtur_blocks .slider_box .owl-carousel .owl-nav {
  position: absolute;
  top: -43px;
  right: 0;
  width: 100%;
  text-align: right;
}
.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-prev {
  width: 23px;
  height: 23px;
  line-height: 23px;
  margin: 0;
  border: 1px solid #262f2a;
  font-size: 12px;
  color: #1b251d;
  outline: none;
  margin-right: 5px;
}
.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-prev:hover {
  border: 1px solid #262f2a;
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-next {
  width: 23px;
  height: 23px;
  line-height: 23px;
  margin: 0;
  border: 1px solid #262f2a;
  font-size: 12px;
  color: #1b251d;
  outline: none;
}
.mimtur_blocks .slider_box .owl-carousel .owl-nav .owl-next:hover {
  border: 1px solid #262f2a;
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_blocks .slider_box .owl-carousel .owl-pagination {
  display: none;
}
.mimtur_blocks .table_box {
  width: 100%;
  background-color: #ffbb00;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  position: relative;
}
.mimtur_blocks .table_box .table_head {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  display: block;
  width: 100%;
  background-color: #1a1a1a;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.mimtur_blocks .table_box .box_table {
  width: 100%;
  background-color: transparent;
}
.mimtur_blocks .table_box .box_table thead {
  height: 30px;
  line-height: 30px;
}
.mimtur_blocks .table_box .box_table thead tr th {
  padding: 0 15px;
  color: #000000;
  font-size: 16px;
}
.mimtur_blocks .table_box .box_table tbody td {
  padding: 10px 15px;
  font-size: 14px;
  color: #1b251d;
  height: 25px;
  line-height: 25px;
}
.mimtur_blocks .partner_list {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 0;
  border-top: 1px solid #d2d0d0;
  border-bottom: 1px solid #d2d0d0;
}
.mimtur_blocks .partner_list li {
  display: inline-block;
  padding: 10px;
  width: 16.66%;
  float: left;
  text-align: center;
  border-right: 1px solid #d2d0d0;
}
.mimtur_blocks .partner_list li:first-child {
  border-left: 1px solid #d2d0d0;
}
.mimtur_blocks .partner_list li img {
  width: 100%;
  height: auto;
  object-fit: contain;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.7s all ease-in-out;
}
.mimtur_blocks .partner_list li img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  transition: 0.7s all ease-in-out;
}
.mimtur_footer .main_footer {
  padding: 80px 0;
  position: relative;
  background-color: #262f2a;
}
.mimtur_footer .main_footer .footer_head {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #ffffff;
  border-bottom: 1px solid #d2d0d0;
  padding-bottom: 10px;
  width: 100%;
}
.mimtur_footer .main_footer .footer_link {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mimtur_footer .main_footer .footer_link li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.mimtur_footer .main_footer .footer_link li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #ffffff;
  position: relative;
}
.mimtur_footer .main_footer .footer_link li a::before {
  content: '\f101';
  font-family: 'FontAwesome';
  color: #262f2a;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
}
.mimtur_footer .main_footer .footer_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: #ffffff;
}
.mimtur_footer .main_footer .footer_add {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mimtur_footer .main_footer .footer_add li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 14px;
}
.mimtur_footer .main_footer .footer_add li strong {
  display: inline-block;
  margin-right: 10px;
}
.mimtur_footer .main_footer .mimtur_footer_form input,
.mimtur_footer .main_footer .mimtur_footer_form textarea {
  height: 35px;
  line-height: 35px;
  background-color: #1a1a1a;
  border: 0;
  border-radius: 0;
  outline: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 0 10px;
  transition: 0.3s all ease-in-out;
}
.mimtur_footer .main_footer .mimtur_footer_form input::-webkit-input-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.mimtur_footer .main_footer .mimtur_footer_form input::-moz-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea::-moz-placeholder {
  color: #ffffff;
}
.mimtur_footer .main_footer .mimtur_footer_form input:-ms-input-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea:-ms-input-placeholder {
  color: #ffffff;
}
.mimtur_footer .main_footer .mimtur_footer_form input:-moz-placeholder,
.mimtur_footer .main_footer .mimtur_footer_form textarea:-moz-placeholder {
  color: #ffffff;
}
.mimtur_footer .main_footer .mimtur_footer_form input:focus,
.mimtur_footer .main_footer .mimtur_footer_form textarea:focus {
  transition: 0.3s all ease-in-out;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.mimtur_footer .main_footer .mimtur_footer_form textarea {
  height: 80px;
}
.mimtur_footer .main_footer .mimtur_footer_form button {
  margin: 0;
  float: right;
  height: 30px;
  line-height: 27px;
  padding: 0 10px;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.mimtur_footer .main_footer .mimtur_footer_form button:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.mimtur_footer .bottom_footer {
  padding: 10px 0;
  background-color: #36af30;
  border-top: 2px solid #ffffff;
}
.mimtur_footer .bottom_footer .copy_text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #ffffff;
  height: 35px;
  line-height: 37px;
}
@media (max-width: 990px) {
  .mimtur_footer .bottom_footer .copy_text {
    text-align: left;
    font-size: 14px;
  }
}
.mimtur_footer .bottom_footer .mimtur_social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
@media (max-width: 990px) {
  .mimtur_footer .bottom_footer .mimtur_social {
    float: none;
    text-align: center;
    margin-top: 20px;
  }
}
.mimtur_footer .bottom_footer .mimtur_social li {
  display: inline-block;
  margin-right: 10px;
}
.mimtur_footer .bottom_footer .mimtur_social li:last-child {
  margin-right: 0;
}
.mimtur_footer .bottom_footer .mimtur_social li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  font-size: 18px;
  background-color: #ffffff;
  color: #36af30;
  border: 2px solid #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_footer .bottom_footer .mimtur_social li a:hover {
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.mimtur_art_bg {
  background-image: url(../images/mimtur_cnt_bg.png);
  background-position: center -150px;
  background-repeat: no-repeat;
  background-size: inherit;
  position: relative;
}
.mimtur_art_bg .mimtur_cmn_banner {
  padding-top: 200px;
}
@media (max-width: 990px) {
  .mimtur_art_bg .mimtur_cmn_banner {
    padding-top: 100px;
  }
}
.mimtur_art_bg .mimtur_cmn_banner .banner_head {
  width: 100%;
  text-align: left;
  padding: 10px 0;
  background-color: #1a1a1a;
}
.mimtur_art_bg .mimtur_cmn_banner .banner_head .header_text {
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 5px 0;
}
.mimtur_art_bg .mimtur_contact {
  padding: 40px 0;
  position: relative;
  background-color: transparent;
}
.mimtur_art_bg .mimtur_contact .add_head {
  display: inline-block;
  width: 100%;
  color: #1b251d;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  padding-bottom: 10px;
  padding-left: 15px;
  border-bottom: 1px solid #d2d0d0;
  position: relative;
}
.mimtur_art_bg .mimtur_contact .add_head::after {
  content: '';
  height: 6px;
  width: 80px;
  background: #1a1a1a;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.mimtur_art_bg .mimtur_contact .add_box {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
}
.mimtur_art_bg .mimtur_contact .add_box li {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.mimtur_art_bg .mimtur_contact .add_box li span:first-child {
  font-weight: 800;
  margin-right: 15px;
  width: 50px;
  display: inline-block;
}
.mimtur_art_bg .mimtur_contact .map_btn {
  font-size: 14px;
  font-weight: 600;
  color: #1b251d;
}
.mimtur_art_bg .mimtur_contact .map_btn:hover {
  border-bottom: 2px solid #1b251d;
}
@media (max-width: 990px) {
  .mimtur_art_bg .mimtur_contact .mimtur_form {
    margin-top: 30px;
  }
}
.mimtur_art_bg .mimtur_contact .mimtur_form input,
.mimtur_art_bg .mimtur_contact .mimtur_form textarea {
  background-color: #ffffff;
  border-radius: 8px;
  width: 80%;
  padding: 0 25px;
  outline: none;
  border: 1px solid #d2d0d0;
  color: #1b251d;
  font-size: 15px;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .mimtur_art_bg .mimtur_contact .mimtur_form input,
  .mimtur_art_bg .mimtur_contact .mimtur_form textarea {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .mimtur_art_bg .mimtur_contact .mimtur_form input,
  .mimtur_art_bg .mimtur_contact .mimtur_form textarea {
    width: 100%;
  }
}
.mimtur_art_bg .mimtur_contact .mimtur_form input:focus,
.mimtur_art_bg .mimtur_contact .mimtur_form textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  transition: 0.3s all ease-in-out;
}
.mimtur_art_bg .mimtur_contact .mimtur_form label {
  color: #1b251d;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
}
.mimtur_art_bg .mimtur_contact .mimtur_form textarea {
  height: 150px;
}
.mimtur_art_bg .mimtur_contact .mimtur_form button {
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  font: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  transition: 0.3s all ease-in-out;
}
.mimtur_art_bg .mimtur_contact .mimtur_form button:hover {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: none;
  transition: 0.3s all ease-in-out;
}
.mimtur_gallery {
  padding: 50px 0;
  position: relative;
  background-color: transparent;
}
.mimtur_gallery .content_box {
  width: 100%;
  position: relative;
  height: auto;
  margin-bottom: 30px;
  border: 1px solid #d2d0d0;
}
.mimtur_gallery .content_box .item_text {
  height: 35px;
  line-height: 35px;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0;
  min-height: 25px;
  text-align: center;
  background-color: #1a1a1a;
}
.mimtur_gallery .content_box .item_text h3 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  height: 35px;
  line-height: 35px;
  min-height: 25px;
}
.mimtur_gallery .content_box .fancybox {
  position: relative;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  margin: 0;
  display: inline-block;
  text-align: center;
  height: auto;
  max-height: 335px;
  overflow: hidden;
}
.mimtur_gallery .content_box .fancybox img {
  width: 100%;
  height: auto;
  object-fit: contain;
  min-height: 192px;
  max-height: 335px;
}
.mimtur_category {
  padding: 50px 0;
  background-color: transparent;
  position: relative;
}
.mimtur_category .mimtur_sidebar {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 990px) {
  .mimtur_category .mimtur_sidebar {
    margin-bottom: 30px;
  }
}
.mimtur_category .mimtur_sidebar li {
  display: inline-block;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #d2d0d0;
  padding-left: 28px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.mimtur_category .mimtur_sidebar li:first-child {
  border-top: 1px solid #d2d0d0;
}
.mimtur_category .mimtur_sidebar li::before {
  width: 10px;
  height: 10px;
  background: #262f2a;
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.mimtur_category .mimtur_sidebar li a {
  color: #1b251d;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.mimtur_category .mimtur_sidebar li:hover {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.mimtur_category .mimtur_sidebar li:hover::before {
  background: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_category .mimtur_sidebar li:hover a {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_category .cat_box {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  background-color: transparent;
  float: left;
}
.mimtur_category .cat_box .slider_title {
  font-size: 18px;
  font-weight: 500;
  color: #1b251d;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
  border-bottom: 2px solid #f8f8f8;
  position: relative;
  padding: 0 19px 10px;
}
.mimtur_category .cat_box .slider_title::after {
  content: '';
  height: 6px;
  width: 100px;
  background: #1b251d;
  position: absolute;
  left: 20px;
  bottom: -4px;
}
.mimtur_category .cat_box .hero_unit {
  position: relative;
  text-align: left;
  background-color: #ffbb00;
  padding: 20px;
  float: left;
}
.mimtur_category .cat_box .hero_unit .slider_text {
  color: #1b251d;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
}
.mimtur_category .cat_box .hero_unit .slider_button {
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #fbb450, #fbb450);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  font-size: 14px;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border-radius: 4px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  float: right;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: 0.3s all ease-in-out;
}
.mimtur_category .cat_box .hero_unit .slider_button:hover,
.mimtur_category .cat_box .hero_unit .slider_button:active {
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.25098039);
  transition: 0.3s all ease-in-out;
}
.mimtur_category .detail_box {
  padding: 0;
}
.mimtur_category .detail_box .detail_title {
  font-size: 18px;
  font-weight: 500;
  color: #1b251d;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
  border-bottom: 2px solid #f8f8f8;
  position: relative;
  padding: 0 19px 10px;
}
.mimtur_category .detail_box .detail_title::after {
  content: '';
  height: 6px;
  width: 100px;
  background: #1b251d;
  position: absolute;
  left: 20px;
  bottom: -4px;
}
.mimtur_category .detail_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 30px;
  box-shadow: none !important;
}
.mimtur_category .detail_box .detail_text {
  font-size: 13px;
  font-weight: 400;
  color: #1b251d;
  margin-bottom: 15px;
  text-align: justify;
  line-height: 1.8;
}
.mimtur_product {
  padding: 50px 0;
  background-color: transparent;
  position: relative;
}
.mimtur_product .mimtur_sidebar {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 990px) {
  .mimtur_product .mimtur_sidebar {
    margin-bottom: 30px;
  }
}
.mimtur_product .mimtur_sidebar li {
  display: inline-block;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #d2d0d0;
  padding-left: 28px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .mimtur_sidebar li:first-child {
  border-top: 1px solid #d2d0d0;
}
.mimtur_product .mimtur_sidebar li::before {
  width: 10px;
  height: 10px;
  background: #262f2a;
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.mimtur_product .mimtur_sidebar li a {
  color: #1b251d;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .mimtur_sidebar li:hover {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .mimtur_sidebar li:hover::before {
  background: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .mimtur_sidebar li:hover a {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .content_box {
  width: 100%;
  position: relative;
  height: auto;
  margin-bottom: 30px;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.mimtur_product .content_box .item_text {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  height: 35px;
  line-height: 35px;
  min-height: 25px;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0;
  text-align: center;
  background-color: #1b251d;
}
.mimtur_product .content_box .fancybox {
  position: relative;
  width: 100%;
  margin: 0;
  display: inline-block;
  height: 175px;
  object-fit: cover;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .content_box .fancybox::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.mimtur_product .content_box .fancybox img {
  width: 100%;
  height: auto;
  object-fit: cover;
  height: 175px;
}
.mimtur_product .content_box .fancybox:hover {
  transition: 0.3s all ease-in-out;
}
.mimtur_product .content_box .fancybox:hover::after {
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
/****************************Mimtur************************************/
/****************************Saracoglu************************************/
.print_section {
  padding: 80px 0 50px;
  background-color: #ffffff;
}
.print_section .print_box {
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #d2d0d0;
  padding-bottom: 80px;
}
.print_section .print_box .print_head {
  color: #262f2a;
  font-size: 32px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  font-weight: 600;
}
.print_section .print_box .print_text {
  color: #1b251d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
}
.print_category {
  padding: 80px 0;
  position: relative;
  background-color: #ffffff;
}
.print_category .list_wrapper {
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 0 80px;
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .print_category .list_wrapper {
    display: block;
    padding: 0;
  }
}
.print_category .print_list {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
  list-style: none;
  text-align: center;
}
.print_category .print_list li {
  display: inline-block;
  margin-right: 15px;
}
.print_category .print_list li:last-child {
  margin-right: 0;
}
@media (max-width: 990px) {
  .print_category .print_list li {
    margin-right: 0;
    display: block;
    margin-bottom: 8px;
  }
}
.print_category .print_list li a {
  color: #262f2a;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: inline-block;
  height: 45px;
  line-height: 42px;
  text-align: center;
  padding: 0 25px;
  border: 2px solid transparent;
  transition: 0.3s all ease-in-out;
}
.print_category .print_list li a:hover,
.print_category .print_list li a.active {
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.print_category .print_list.print_all {
  display: table-cell;
  width: auto;
  margin: 0 auto;
  text-align: left;
}
@media (max-width: 990px) {
  .print_category .print_list.print_all {
    display: block;
    text-align: center;
  }
}
.print_category .print_cat_box {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box .image_box {
  width: 100%;
  height: 290px;
  object-fit: cover;
  overflow: hidden;
  display: inline-block;
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box .image_box img {
  width: 100%;
  height: 290px;
  object-fit: cover;
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box .content_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .print_category .print_cat_box .content_box {
    opacity: 1;
    background-color: transparent;
  }
}
.print_category .print_cat_box .content_box .slider_title {
  width: 100%;
  height: 65px;
  line-height: 65px;
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  position: absolute;
  text-align: center;
  bottom: -65px;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .print_category .print_cat_box .content_box .slider_title {
    bottom: 0;
    text-align: left;
    padding: 0 15px;
  }
}
.print_category .print_cat_box .content_box .btn_box {
  width: auto;
  height: 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: all;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 990px) {
  .print_category .print_cat_box .content_box .btn_box {
    top: auto;
    left: auto;
    bottom: 10px;
    right: 20px;
    transform: none;
    opacity: 1;
  }
}
.print_category .print_cat_box .content_box .btn_box .fa {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 16px;
}
.print_category .print_cat_box:hover {
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box:hover img {
  transform: scale(1.2);
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box:hover .content_box {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box:hover .content_box .slider_title {
  bottom: 0;
  transition: 0.5s all ease-in-out;
}
.print_category .print_cat_box:hover .content_box .btn_box {
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.print_detail {
  padding: 50px 0 60px;
  background-color: #ffffff;
  position: relative;
}
.print_detail img {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}
.print_detail .right_text {
  text-align: right;
}
@media (max-width: 990px) {
  .print_detail .right_text {
    text-align: left;
  }
}
.print_detail .right_text .slider_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 35px;
  color: #262f2a;
}
@media (max-width: 990px) {
  .print_detail .right_text .slider_title {
    margin-bottom: 20px;
  }
}
.print_detail .right_text .slider_text,
.print_detail .right_text p {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  width: 100%;
  color: #1b251d;
}
.print_detail .slider_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 35px;
  color: #262f2a;
}
.print_detail .slider_text,
.print_detail p {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  width: 100%;
  color: #1b251d;
}
.print_detail ul {
  list-style: disc;
  margin: 0;
  padding: 0;
}
@media (max-width: 990px) {
  .print_detail ul {
    padding-left: 30px;
  }
}
.print_detail ul li {
  list-style: disc;
  margin-bottom: 10px;
  color: #1b251d;
  font-size: 14px;
}
/****************************Saracoglu************************************/
/****************************Tema************************************/
.tema_product {
  padding: 80px 0;
  background-color: #f3f3f3;
  position: relative;
}
.tema_product .tema_sidebar {
  position: relative;
  padding: 25px 0 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 30px;
}
.tema_product .tema_sidebar .sidebar_head {
  color: #1b251d;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  padding: 0 20px;
}
.tema_product .tema_sidebar .sidebar_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tema_product .tema_sidebar .sidebar_list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.tema_product .tema_sidebar .sidebar_list li a {
  padding: 0 25px;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  display: inline-block;
  color: #1b251d;
  position: relative;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .tema_product .tema_sidebar .sidebar_list li a {
    font-size: 13px;
  }
}
.tema_product .tema_sidebar .sidebar_list li a::after {
  content: '\f0da';
  font-family: 'FontAwesome';
  display: inline-block;
  color: #262f2a;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}
.tema_product .tema_sidebar .sidebar_list li a:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.tema_product .tema_sidebar .sidebar_list li a:hover::after {
  color: #ffffff;
}
.tema_product .product_box {
  background-color: #ffffff;
  position: relative;
  padding: 25px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  margin-bottom: 30px;
  height: 410px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .tema_product .product_box {
    height: 320px;
    padding: 15px;
  }
}
@media (max-width: 990px) {
  .tema_product .product_box {
    padding: 25px;
    text-align: center;
    height: 290px;
  }
}
@media (max-width: 768px) {
  .tema_product .product_box {
    height: 320px;
  }
}
@media (max-width: 540px) {
  .tema_product .product_box {
    height: 290px;
  }
}
.tema_product .product_box a {
  display: inline-block;
  position: relative;
  width: 100%;
}
.tema_product .product_box a .product_image {
  width: 210px;
  height: 210px;
  object-fit: contain;
  display: inline-block;
  margin-bottom: 15px;
}
@media (max-width: 1366px) {
  .tema_product .product_box a .product_image {
    width: 150px;
    height: 150px;
  }
}
.tema_product .product_box a .product_image img {
  width: 210px;
  height: 210px;
  object-fit: contain;
}
@media (max-width: 1366px) {
  .tema_product .product_box a .product_image img {
    width: 150px;
    height: 150px;
  }
}
.tema_product .product_box a .slider_title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #1b251d;
  height: 40px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .tema_product .product_box a .slider_title {
    font-size: 15px;
  }
}
@media (max-width: 990px) {
  .tema_product .product_box a .slider_title {
    height: auto;
    overflow: visible;
  }
}
.tema_product .product_box a .slider_text {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #1b251d;
  height: 85px;
  overflow: hidden;
}
.tema_product .product_box a .slider_text p br {
  display: none;
}
@media (max-width: 1366px) {
  .tema_product .product_box a .slider_text {
    font-size: 11px;
    text-align: justify;
  }
}
@media (max-width: 990px) {
  .tema_product .product_box a .slider_text {
    text-align: center;
  }
}
.tema_product .tema_detail .detail_img {
  width: 100%;
  display: inline-block;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #e6e6e6;
}
.tema_product .tema_detail .detail_img img {
  width: 100%;
  height: 350px;
  object-fit: contain;
}
.tema_product .tema_detail .slider_title {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 20px;
  color: #1b251d;
  display: inline-block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d2d0d0;
}
.tema_product .tema_detail .slider_title::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  position: relative;
  margin-top: 5px;
  top: 2px;
  background: #262f2a;
}
@media (max-width: 540px) {
  .tema_product .tema_detail .slider_title {
    font-size: 22px;
    text-align: center;
  }
}
.tema_product .tema_detail .slider_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #1b251d;
  margin-top: 60px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d0d0;
}
@media (max-width: 540px) {
  .tema_product .tema_detail .slider_text p {
    text-align: center;
  }
}
@media (max-width: 540px) {
  .tema_product .tema_detail .slider_text {
    font-size: 14px;
    text-align: center;
  }
}
.tema_product .tema_detail table {
  width: 100%;
  border-radius: 0;
  border-collapse: separate;
  border: 1px solid #d2d0d0;
}
.tema_product .tema_detail table td {
  border: 1px solid #d2d0d0;
  border-collapse: collapse;
  padding: 15px 7px;
  color: #1b251d;
}
.tema_product .tema_detail .tema_msg_btn {
  display: inline-block;
  width: auto;
  padding: 0 25px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  height: 45px;
  line-height: 43px;
  border-radius: 10px;
  text-align: center;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  position: relative;
  margin-top: 20px;
  transition: 0.3s all ease-in-out;
}
.tema_product .tema_detail .tema_msg_btn::before {
  content: '\f1d8';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  margin-right: 10px;
}
.tema_product .tema_detail .tema_msg_btn:hover {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  box-shadow: 0 5px 50px rgba(186, 186, 186, 0.63);
  transform: translateY(-2px);
  transition: 0.3s all ease-in-out;
}
.tema_product .tema_detail .tema_msg_btn:hover::before {
  color: #262f2a;
}
.tema_product .tema_detail .tema_social {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}
.tema_product .tema_detail .tema_social ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tema_product .tema_detail .tema_social ul li {
  display: inline-block;
  margin-right: 10px;
  list-style: none;
}
.tema_product .tema_detail .tema_social ul li a {
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  color: #ffffff;
  background-color: #464646;
  border: 2px solid #464646;
  transition: 0.3s all ease-in-out;
}
.tema_product .tema_detail .tema_social ul li a:hover {
  background-color: transparent;
  border: 2px solid #464646;
  color: #464646;
  transition: 0.3s all ease-in-out;
}
.tema_product .tema_detail p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #1b251d;
  text-align: left;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .tema_product .tema_detail p {
    text-align: justify;
  }
}
.tema_product .tema_detail .tema_gallery {
  margin: 20px 0 30px;
  position: relative;
  width: 100%;
  text-align: center;
}
.tema_product .tema_detail .tema_gallery .tema_gal_box {
  display: inline-block;
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 0.5%;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  background-color: #ffffff;
  outline: none;
  transition: 0.3s all ease-in-out;
}
.tema_product .tema_detail .tema_gallery .tema_gal_box:hover {
  box-shadow: 0 5px 50px rgba(186, 186, 186, 0.63);
  transform: translateY(-2px);
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .tema_product .tema_detail .tema_gallery .tema_gal_box {
    width: 100%;
    height: 260px;
  }
}
.tema_product .tema_detail .tema_gallery .tema_gal_box img {
  width: 100%;
  height: 90px;
  object-fit: contain;
}
@media (max-width: 540px) {
  .tema_product .tema_detail .tema_gallery .tema_gal_box img {
    width: 100%;
    height: 250px;
  }
}
.tema_product .tema_detail .tema_related {
  position: relative;
  width: 100%;
  margin-top: 50px;
  display: inline-block;
}
.tema_product .tema_detail .tema_related .related_title {
  text-align: center;
  margin-bottom: 50px;
  color: #262f2a;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  text-transform: uppercase;
}
.tema_product .tema_detail .tema_related .related_box {
  display: inline-block;
  height: auto;
  overflow: hidden;
}
@media (max-width: 540px) {
  .tema_product .tema_detail .tema_related .related_box {
    margin-bottom: 30px;
  }
}
.tema_product .tema_detail .tema_related .related_box .related_img {
  width: 100%;
  height: 190px;
  object-fit: contain;
  display: inline-block;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
}
@media (max-width: 540px) {
  .tema_product .tema_detail .tema_related .related_box .related_img {
    width: 100%;
    height: auto;
  }
}
.tema_product .tema_detail .tema_related .related_box .related_img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.tema_product .tema_detail .tema_related .related_box .related_head {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 15px 0;
  background-color: #4e4e4e;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-transform: uppercase;
  margin-top: -5px;
  height: 64px;
  overflow: hidden;
}
/****************************Tema************************************/
/****************************Karfrut************************************/
.fruti_header {
  background-color: transparent;
  position: relative;
  width: 100%;
  height: 100px;
  z-index: 101;
}
@media (max-width: 990px) {
  .fruti_header {
    border-bottom: 2px solid #262f2a;
  }
}
.fruti_header .navbar {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  position: relative;
  height: 100px;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 990px) {
  .fruti_header .navbar .navbar-header {
    float: left !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
  }
}
.fruti_header .navbar .navbar-header .navbar-brand {
  height: 100px;
  line-height: 100px;
  object-fit: contain;
  padding: 0;
  margin: 0;
  float: left;
}
@media (max-width: 990px) {
  .fruti_header .navbar .navbar-header .navbar-brand {
    margin-left: 20px;
  }
}
.fruti_header .navbar .navbar-header .navbar-brand img {
  height: 100px;
  width: 100%;
  object-fit: contain;
}
.fruti_header .navbar .navbar-header .navbar-toggle {
  float: right;
  padding: 10px;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-color: #262f2a;
  border: 0;
}
.fruti_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .fruti_header .navbar .navbar-collapse {
    display: none;
    height: 0;
  }
}
.fruti_header .navbar .navbar-collapse .nav {
  height: 100px;
  line-height: 100px;
}
.fruti_header .navbar .navbar-collapse .nav li {
  float: left;
  display: inline-block;
  height: 100px;
  line-height: 100px;
  padding: 0 10px;
}
.fruti_header .navbar .navbar-collapse .nav li:last-child {
  padding-right: 0;
}
.fruti_header .navbar .navbar-collapse .nav li a {
  background: none;
  background-repeat: no-repeat;
  background-position: center;
  height: 49px;
  line-height: 49px;
  text-align: center;
  margin: 0;
  border-radius: 7px;
  color: #1b251d;
  padding: 0;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.fruti_header .navbar .navbar-collapse .nav li a.active {
  background: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg.png);
  width: 130px;
  color: #1b251d;
  text-shadow: 0 1px #3b65ce;
  font-size: 14px;
  box-shadow: 2px 3px 5px 0px rgba(72, 72, 72, 0.32);
  transition: 0.3s all ease-in-out;
}
.fruti_header .navbar .navbar-collapse .nav li a.active:hover {
  color: #1b251d;
}
.fruti_header .navbar .navbar-collapse .nav li a:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.fruti_header .navbar .navbar-collapse.in {
  width: 100%;
  background-color: #ffffff;
  border-bottom: 2px solid #262f2a;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  display: block;
  height: auto;
  border: 0;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.fruti_header .navbar .navbar-collapse.in ul {
  height: auto;
  line-height: normal;
  margin: 0 auto;
  width: 100%;
}
.fruti_header .navbar .navbar-collapse.in ul li {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin: 10px 0;
}
.fruti_header .navbar .navbar-collapse.in ul li a {
  margin: 0 auto;
  transform: translateY(-50%);
}
.fruti_banner {
  height: auto;
  position: relative;
  background-color: transparent;
  padding: 0;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_banner_bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
@media (max-width: 990px) {
  .fruti_banner {
    background-size: cover;
  }
}
.fruti_banner .banner_box {
  height: 700px;
  position: relative;
  display: block;
  padding-top: 20%;
  padding-left: 25px;
}
@media (max-width: 990px) {
  .fruti_banner .banner_box {
    height: 700px;
    padding: 0 20px;
    padding-top: 40px;
    text-align: center;
  }
}
.fruti_banner .banner_box .banner_head {
  color: #262f2a;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
@media (max-width: 990px) {
  .fruti_banner .banner_box .banner_head {
    font-size: 28px;
  }
}
.fruti_banner .banner_box .banner_head:last-of-type {
  color: #36af30;
  margin-bottom: 15px;
}
.fruti_banner .banner_box .banner_text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #1b251d;
  margin-bottom: 20px;
}
@media (max-width: 990px) {
  .fruti_banner .banner_box .banner_text {
    font-size: 14px;
  }
}
.fruti_banner .banner_box .banner_btn {
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
  height: 50px;
  line-height: 50px;
  width: 290px;
  text-shadow: 0 1px #3b65ce;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-left: -40px;
  margin-top: 25px;
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #1b251d;
  text-align: center;
}
@media (max-width: 990px) {
  .fruti_banner .banner_box .banner_btn {
    margin: 0 auto;
    margin-top: 20px;
    font-size: 15px;
  }
}
.fruti_welcome {
  position: relative;
  padding: 90px 0 190px;
  height: auto;
  background-color: transparent;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_soil_bg.jpg);
  background-position: center center;
  background-repeat: repeat;
  margin-top: -40px;
  z-index: 1;
}
.fruti_welcome::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 195px;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_banner_bottom.png);
}
@media (max-width: 990px) {
  .fruti_welcome::after {
    background-position: center;
  }
}
.fruti_welcome .welcome_text {
  padding: 45px;
  background-color: rgba(197, 55, 51, 0.5);
  border-radius: 15px;
  display: inline-block;
  width: 100%;
  height: 478px;
  overflow: hidden;
  z-index: 2;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.29019608);
}
@media (max-width: 990px) {
  .fruti_welcome .welcome_text {
    padding: 25px;
    margin-bottom: 20px;
  }
}
.fruti_welcome .welcome_text .welcome_head {
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_welcome_head_bg.png);
  background-repeat: no-repeat;
  font-size: 23px;
  font-style: italic;
  height: 90px;
  line-height: 120px;
  width: 162px;
  text-align: center;
  margin: 0;
  position: absolute;
  left: 0;
  top: -80px;
  z-index: 3;
  color: #1b251d;
  text-shadow: 0 1px #3b65ce;
  font-weight: 700;
}
@media (max-width: 990px) {
  .fruti_welcome .welcome_text .welcome_head {
    left: 30px;
    top: -85px;
  }
}
.fruti_welcome .welcome_text .featured_titile {
  color: #787878;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 15px;
}
.fruti_welcome .welcome_text p {
  color: #ffffff;
  text-align: justify;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 1.8;
  opacity: 0.7;
}
@media (max-width: 990px) {
  .fruti_welcome .welcome_text p {
    font-size: 13px;
  }
}
.fruti_welcome .product_box {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 145px;
  padding: 0;
  margin-bottom: 20px;
  background-color: rgba(197, 55, 51, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.29019608);
  display: block;
}
.fruti_welcome .product_box:last-child {
  margin-bottom: 0;
}
.fruti_welcome .product_box .detail_box {
  width: 60%;
  display: inline-block;
  float: left;
  padding: 20px;
  height: 145px;
}
.fruti_welcome .product_box .detail_box .product_title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 8px;
  color: #262f2a;
  text-transform: uppercase;
}
.fruti_welcome .product_box .detail_box .product_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin: 0;
  color: #ffffff;
  opacity: 0.7;
}
.fruti_welcome .product_box .featured_pic {
  display: inline-block;
  float: left;
  width: 40%;
  height: 145px;
  overflow: hidden;
}
.fruti_welcome .product_box .featured_pic img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}
.fruti_feature {
  background-color: #ffffff;
  position: relative;
  padding: 80px 0 30px;
}
.fruti_feature::before {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_before_bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fruti_feature .feature_head_box {
  text-align: center;
  margin-bottom: 80px;
}
.fruti_feature .feature_head_box .feature_meta {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #1b251d;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .fruti_feature .feature_head_box .feature_meta {
    font-size: 13px;
  }
}
.fruti_feature .feature_head_box .feature_head {
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #262f2a;
  margin-bottom: 20px;
}
@media (max-width: 990px) {
  .fruti_feature .feature_head_box .feature_head {
    font-size: 25px;
  }
}
.fruti_feature .feature_head_box .feature_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #1b251d;
}
.fruti_feature .feature_box {
  width: 100%;
  margin-bottom: 30px;
  display: table;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05098039);
  border: 1px solid #d2d0d0;
  cursor: pointer;
  transition: 0.5s all ease-in-out;
}
.fruti_feature .feature_box .feature_icon {
  display: table-cell;
  vertical-align: top;
  width: 70px;
  overflow: hidden;
  object-fit: contain;
  padding-right: 15px;
}
.fruti_feature .feature_box .feature_icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  overflow: hidden;
}
.fruti_feature .feature_box .box_head {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #1b251d;
  display: inline-block;
}
.fruti_feature .feature_box .box_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  display: inline-block;
  margin: 0;
  text-align: justify;
  width: 95%;
}
.fruti_feature .feature_box:hover {
  transform: translateY(-15px);
  box-shadow: 2px 10px 10px 0 rgba(0, 0, 0, 0.05098039);
  transition: 0.5s all ease-in-out;
}
.fruti_about {
  position: relative;
  background-color: #1a1a1a;
  padding: 150px 0;
}
@media (max-width: 990px) {
  .fruti_about {
    padding: 50px 0;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_box {
    text-align: center;
  }
}
.fruti_about .about_box .about_meta {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  color: #242c38;
}
.fruti_about .about_box .about_head {
  color: #1b251d;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
@media (max-width: 1366px) {
  .fruti_about .about_box .about_head {
    font-size: 26px;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_box .about_head {
    font-size: 26px;
  }
}
.fruti_about .about_box .about_text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #242c38;
  text-align: justify;
}
@media (max-width: 1366px) {
  .fruti_about .about_box .about_text {
    font-size: 15px;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_box .about_text {
    font-size: 14px;
    text-align: center;
  }
}
.fruti_about .about_box .about_btn {
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 49px;
  line-height: 49px;
  width: 130px;
  text-align: center;
  margin: 0;
  border-radius: 7px;
  color: #1b251d;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  margin-top: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 2px 3px 5px 0 rgba(72, 72, 72, 0.32);
  text-shadow: 0 1px #3b65ce;
  display: inline-block;
}
@media (max-width: 990px) {
  .fruti_about .about_box .about_btn {
    margin-bottom: 40px;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_bg {
    width: 100%;
  }
}
.fruti_about .about_bg img {
  width: 780px;
  height: 560px;
  object-fit: contain;
}
@media (max-width: 1366px) {
  .fruti_about .about_bg img {
    width: 680px;
    height: 560px;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_bg img {
    width: 100%;
    height: auto;
  }
}
.fruti_about .about_white_box {
  background-color: #ffffff;
  padding: 50px;
  position: relative;
  box-shadow: 0 6px 10px rgba(33, 23, 23, 0.15);
}
@media (max-width: 990px) {
  .fruti_about .about_white_box {
    padding: 20px;
    text-align: center;
  }
}
.fruti_about .about_white_box .box_title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #1b251d;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_title {
    font-size: 26px;
  }
}
.fruti_about .about_white_box .box_text {
  color: #242c38;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  width: 50%;
  margin-bottom: 15px;
}
@media (max-width: 1366px) {
  .fruti_about .about_white_box .box_text {
    width: 55%;
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_text {
    font-size: 15px;
    width: 100%;
  }
}
.fruti_about .about_white_box .box_points {
  display: table;
  width: 100%;
  position: relative;
  height: auto;
  padding: 0;
  margin-bottom: 80px;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_points {
    display: inline-block;
    margin-bottom: 50px;
  }
}
.fruti_about .about_white_box .box_points:first-of-type {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_points:first-of-type {
    margin-top: 40px;
  }
}
.fruti_about .about_white_box .box_points:last-of-type {
  margin-bottom: 0;
}
.fruti_about .about_white_box .box_points .point_icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: table-cell;
  vertical-align: top;
  padding-right: 40px;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_points .point_icon {
    padding: 0;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
}
.fruti_about .about_white_box .box_points .point_icon img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.fruti_about .about_white_box .box_points .point_container {
  display: table-cell;
  vertical-align: top;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_points .point_container {
    display: inline-block;
  }
}
.fruti_about .about_white_box .box_points .point_container .point_head {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #1b251d;
  text-transform: uppercase;
}
.fruti_about .about_white_box .box_points .point_container .point_text {
  width: 40%;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .box_points .point_container .point_text {
    width: 100%;
  }
}
.fruti_about .about_white_box .box_points .point_container .point_btn {
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
}
.fruti_about .about_white_box .box_points .point_container .point_btn::after {
  content: '';
  height: 2px;
  width: 100px;
  background: #262f2a;
  position: absolute;
  left: 0;
  bottom: 0;
}
.fruti_about .about_white_box .white_box_bg {
  position: absolute;
  right: 0;
  z-index: 101;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .white_box_bg {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    transform: none;
    margin-top: 30px;
  }
}
.fruti_about .about_white_box .white_box_bg img {
  width: 560px;
  height: 430px;
  object-fit: contain;
}
@media (max-width: 1366px) {
  .fruti_about .about_white_box .white_box_bg img {
    width: 500px;
    height: 400px;
  }
}
@media (max-width: 990px) {
  .fruti_about .about_white_box .white_box_bg img {
    width: 100%;
    height: auto;
  }
}
.fruti_news {
  background-color: #ffffff;
  position: relative;
  padding: 80px 0;
}
.fruti_news .news_head {
  color: #1b251d;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 50px;
  display: inline-block;
  position: relative;
}
.fruti_news .news_head::after {
  content: '';
  height: 2px;
  width: 150px;
  display: inline-block;
  background: #262f2a;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}
.fruti_news .news_box {
  width: 100%;
  position: relative;
}
@media (max-width: 990px) {
  .fruti_news .news_box {
    text-align: center;
    margin-bottom: 30px;
  }
}
.fruti_news .news_box .image_grid {
  width: 360px;
  height: 270px;
  object-fit: cover;
  overflow: hidden;
  border-radius: 15px;
  display: inline-block;
  margin-bottom: 20px;
  border: 1px solid #d2d0d0;
  box-shadow: 0 5px 8px rgba(121, 121, 121, 0.07843137);
}
@media (max-width: 1366px) {
  .fruti_news .news_box .image_grid {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .fruti_news .news_box .image_grid {
    width: 100%;
  }
}
.fruti_news .news_box .image_grid img {
  width: 360px;
  height: 270px;
  object-fit: cover;
}
.fruti_news .news_box .news_title {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  height: 45px;
  overflow: hidden;
}
.fruti_news .news_box .news_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #242c38;
}
.fruti_news .news_box .news_btn {
  font-size: 15px;
  font-weight: 600;
  color: #1b251d;
  display: inline-block;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.fruti_news .news_box .news_btn::after {
  content: '\f0da';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 16px;
  color: #262f2a;
  vertical-align: middle;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}
.fruti_news .news_box .news_btn:hover {
  transition: 0.3s all ease-in-out;
}
.fruti_news .news_box .news_btn:hover::after {
  margin-left: 20px;
  transition: 0.3s all ease-in-out;
}
.fruti_news .all_btn {
  position: relative;
  display: inline-block;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
  line-height: 50px;
  width: 290px;
  text-align: center;
  margin: 0 auto;
  margin-top: 80px;
  border-radius: 7px;
  color: #1b251d;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 1px #3b65ce;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 990px) {
  .fruti_news .all_btn {
    margin: 30px 0;
  }
}
.fruti_footer {
  position: relative;
  margin-top: 50px;
}
.fruti_footer .main_footer {
  position: relative;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_soil_bg.jpg);
  background-color: transparent;
  background-position: center center;
  background-repeat: repeat;
  padding: 150px 0 100px;
}
@media (max-width: 990px) {
  .fruti_footer .main_footer {
    padding: 100px 0 50px;
  }
}
.fruti_footer .main_footer::after {
  content: '';
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_footer_top.png);
  height: 190px;
  width: 100%;
  position: absolute;
  top: -130px;
  left: 0;
}
@media (max-width: 990px) {
  .fruti_footer .main_footer::after {
    background-position: center;
  }
}
.fruti_footer .main_footer .footer_col {
  padding: 20px;
  background-color: rgba(197, 55, 51, 0.5);
  border-radius: 15px;
  display: inline-block;
  width: 100%;
  height: 260px;
}
@media (max-width: 1366px) {
  .fruti_footer .main_footer .footer_col {
    height: 300px;
    padding: 20px 10px;
  }
}
@media (max-width: 990px) {
  .fruti_footer .main_footer .footer_col {
    margin-bottom: 20px;
  }
}
.fruti_footer .main_footer .footer_col .footer_logo {
  display: inline-block;
  margin-bottom: 20px;
}
.fruti_footer .main_footer .footer_col p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 15px;
}
.fruti_footer .main_footer .footer_col .footer_btn {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  position: relative;
  display: inline-block;
}
.fruti_footer .main_footer .footer_col .footer_btn::after {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #262f2a;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.fruti_footer .main_footer .footer_col .col_head {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ffffff;
  margin-bottom: 15px;
  display: block;
  position: relative;
}
.fruti_footer .main_footer .footer_col .col_head::after {
  content: '';
  width: 50px;
  height: 2px;
  background: #262f2a;
  display: block;
  margin-top: 10px;
}
.fruti_footer .main_footer .footer_col .col_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fruti_footer .main_footer .footer_col .col_list li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.fruti_footer .main_footer .footer_col .col_list li:last-child {
  margin-bottom: 0;
}
.fruti_footer .main_footer .footer_col .col_list li::before {
  content: '\f111';
  font-family: 'FontAwesome';
  color: #262f2a;
  font-size: 7px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  transition: 0.3s all ease-in-out;
}
.fruti_footer .main_footer .footer_col .col_list li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
}
.fruti_footer .main_footer .footer_col .col_list li:hover::before {
  color: #787878;
  transition: 0.3s all ease-in-out;
}
.fruti_footer .main_footer .footer_col .col_add {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fruti_footer .main_footer .footer_col .col_add li {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.fruti_footer .main_footer .footer_col .col_add li:last-child {
  margin-bottom: 0;
}
.fruti_footer .main_footer .footer_col .col_add li .fa {
  color: #262f2a;
  font-size: 18px;
  padding-right: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
}
.fruti_footer .main_footer .footer_col .col_add li span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  display: table-cell;
}
.fruti_footer .copy_footer {
  background-color: #262f2a;
  position: relative;
  padding: 20px 0;
}
.fruti_footer .copy_footer .copy_text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #ffffff;
  height: 40px;
  line-height: 50px;
}
@media (max-width: 990px) {
  .fruti_footer .copy_footer .copy_text {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.fruti_footer .copy_footer .footer_social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
@media (max-width: 990px) {
  .fruti_footer .copy_footer .footer_social {
    float: none;
    text-align: center;
  }
}
.fruti_footer .copy_footer .footer_social li {
  display: inline-block;
  margin-right: 10px;
}
.fruti_footer .copy_footer .footer_social li:last-child {
  margin-right: 0;
}
.fruti_footer .copy_footer .footer_social li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background-color: #8d857b;
  border-radius: 5px;
  color: #626262;
  box-shadow: inset 3px 3px 8px #120a01;
  text-shadow: 0 0 5px #120a01;
}
.fruti_cmn_banner {
  padding: 40px 0;
  position: relative;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
}
.fruti_cmn_banner .common_head {
  font-size: 39px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .fruti_cmn_banner .common_head {
    font-size: 32px;
    text-align: center;
  }
}
.fruti_cmn_banner .breadcrumb {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  border-radius: 0;
  border: 0;
  width: auto;
  display: inline-block;
  float: right;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  box-shadow: -1px 2px 5px rgba(29, 4, 4, 0.09);
  border-radius: 10px;
  max-width: 585px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .fruti_cmn_banner .breadcrumb {
    float: none;
    margin: 0 auto;
    width: 70%;
    text-align: center;
    display: block;
    margin-top: 25px;
  }
}
.fruti_cmn_banner .breadcrumb li {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #262f2a;
}
.fruti_cmn_banner .breadcrumb li::before {
  content: '|';
  margin: 0 5px;
}
.fruti_cmn_banner .breadcrumb li:first-of-type::before {
  display: none;
}
.fruti_cmn_banner .breadcrumb li a {
  color: #1b251d;
}
.fruti_cmn_banner.almar_cmn_banner {
  background: #f2f2f2;
}
.fruti_cmn_banner.almar_cmn_banner .common_head {
  font-size: 28px;
  color: #222;
  height: 50px;
  line-height: 50px;
  text-transform: none;
}
.fruti_cmn_banner.almar_cmn_banner .breadcrumb {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  max-width: none;
  padding: 0;
  float: right;
}
.fruti_contact {
  padding: 50px 0 100px;
  background-color: #ffffff;
  position: relative;
}
.fruti_contact .add_box {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  padding: 25px;
  height: 265px;
}
@media (max-width: 990px) {
  .fruti_contact .add_box {
    padding: 10px;
    margin-bottom: 0;
  }
}
.fruti_contact .add_box .add_icon {
  width: 80px;
  height: 80px;
  padding: 15px 0;
  margin-bottom: 25px;
  border-radius: 50%;
  display: inline-block;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  box-shadow: inset 0 0 10px #1b211d;
}
.fruti_contact .add_box .add_icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.fruti_contact .add_box .add_head {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #1b251d;
}
.fruti_contact .add_box .add_text {
  font-size: 16px;
  font-weight: 500;
  color: #242c38;
  line-height: 1.8;
  width: 70%;
  display: inline-block;
}
@media (max-width: 1366px) {
  .fruti_contact .add_box .add_text {
    width: 100%;
    font-size: 14px;
  }
}
.fruti_contact .fruti_bank {
  text-align: center;
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid #f8f8f8;
  border-radius: 8px;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  box-shadow: inset 0 0 7px 0 #1b211d;
}
.fruti_contact .fruti_bank .bank_title {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  color: #262f2a;
}
.fruti_contact .fruti_bank .bank_head {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 15px;
}
.fruti_contact .fruti_bank .bank_text {
  display: inline-block;
  width: 100%;
  color: #242c38;
  font-size: 15px;
  font-weight: 500;
}
.fruti_contact .form_box {
  padding: 60px 50px 40px;
  border-radius: 10px;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  box-shadow: inset 0 0 10px #1b211d;
  position: relative;
}
@media (max-width: 990px) {
  .fruti_contact .form_box {
    margin-bottom: 30px;
  }
}
.fruti_contact .form_box .form_head {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 1366px) {
  .fruti_contact .form_box .form_head {
    font-size: 28px;
  }
}
@media (max-width: 990px) {
  .fruti_contact .form_box .form_head {
    font-size: 28px;
    text-align: center;
  }
}
.fruti_contact .form_box .fruti_form {
  position: relative;
}
.fruti_contact .form_box .fruti_form input,
.fruti_contact .form_box .fruti_form textarea {
  border: 0;
  outline: none;
  padding: 0 8px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #ffffff;
  background-color: transparent;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s all ease-in-out;
}
.fruti_contact .form_box .fruti_form input::-webkit-input-placeholder,
.fruti_contact .form_box .fruti_form textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.fruti_contact .form_box .fruti_form input::-moz-placeholder,
.fruti_contact .form_box .fruti_form textarea::-moz-placeholder {
  color: #ffffff;
}
.fruti_contact .form_box .fruti_form input:-ms-input-placeholder,
.fruti_contact .form_box .fruti_form textarea:-ms-input-placeholder {
  color: #ffffff;
}
.fruti_contact .form_box .fruti_form input:-moz-placeholder,
.fruti_contact .form_box .fruti_form textarea:-moz-placeholder {
  color: #ffffff;
}
.fruti_contact .form_box .fruti_form input:focus,
.fruti_contact .form_box .fruti_form textarea:focus {
  border-bottom: 2px solid #ffffff;
  transition: 0.3s all ease-in-out;
}
.fruti_contact .form_box .fruti_form textarea {
  height: 100px;
  resize: none;
}
.fruti_contact .form_box .fruti_form .form-submit {
  text-align: right;
}
@media (max-width: 990px) {
  .fruti_contact .form_box .fruti_form .form-submit {
    text-align: center;
  }
}
.fruti_contact .form_box .fruti_form button {
  display: inline-block;
  border: 0;
  outline: none;
  height: 50px;
  line-height: 50px;
  color: #262f2a;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 0 25px;
  text-align: center;
  margin-top: 25px;
  border-radius: 5px;
  border: 2px solid #ffffff;
  transition: 0.3s all ease-in-out;
}
.fruti_contact .form_box .fruti_form button:hover {
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.fruti_contact .map_box {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.fruti_contact .map_box iframe {
  float: left;
}
.fruti_product {
  background-color: #ffffff;
  position: relative;
  padding: 50px 0;
}
.fruti_product .fruti_sidebar {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  padding: 0;
  padding-top: 20px;
  border: 1px solid #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
}
.fruti_product .fruti_sidebar .cat_list_head {
  color: #1b251d;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.fruti_product .fruti_sidebar .cat_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fruti_product .fruti_sidebar .cat_list li {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #262f2a;
}
.fruti_product .fruti_sidebar .cat_list li a {
  padding: 0 25px;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  display: inline-block;
  color: #ffffff;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_sidebar .cat_list li a::after {
  content: '\f138';
  font-family: 'FontAwesome';
  display: inline-block;
  color: #262f2a;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}
.fruti_product .fruti_sidebar .cat_list li a:hover {
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  box-shadow: inset 0 0 10px #1b211d;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_box {
  background-color: #ffffff;
  text-align: center;
  border: 1px solid #f8f8f8;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 10px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_box .fruti_pic {
  width: 100%;
  height: 260px;
  overflow: hidden;
  object-fit: cover;
  display: inline-block;
}
@media (max-width: 1366px) {
  .fruti_product .fruti_box .fruti_pic {
    height: 200px;
  }
}
.fruti_product .fruti_box .fruti_pic img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .fruti_product .fruti_box .fruti_pic img {
    height: 200px;
  }
}
.fruti_product .fruti_box .fruti_data {
  padding: 25px 0;
  text-align: center;
}
.fruti_product .fruti_box .fruti_data .data_title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.fruti_product .fruti_box .fruti_data .data_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  display: inline-block;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 70px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .fruti_product .fruti_box .fruti_data .data_text {
    height: 45px;
  }
}
.fruti_product .fruti_box .fruti_data .data_btn {
  height: 45px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  border: 1px solid #f8f8f8;
  border-radius: 8px;
  padding: 0 20px;
  z-index: 2;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_box .fruti_data .data_btn::after {
  content: '\f138';
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  height: 45px;
  line-height: 43px;
  color: #262f2a;
}
.fruti_product .fruti_box .fruti_data .data_btn:hover {
  box-shadow: inset 0 0 10px #1b211d;
  border: 1px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_box:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px #fff;
  border-color: #ffffff;
}
.fruti_product .fruti_detail {
  width: 100%;
  position: relative;
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .nn_col {
    padding: 0;
  }
}
.fruti_product .fruti_detail .main_image {
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 450px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #f8f8f8;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .main_image {
    margin-bottom: 30px;
    height: 330px;
  }
}
.fruti_product .fruti_detail .main_image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .main_image img {
    height: 330px;
  }
}
.fruti_product .fruti_detail .main_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #000000;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .main_title {
    text-align: center;
    font-size: 25px;
  }
}
.fruti_product .fruti_detail .sub_text {
  font-size: 14px;
  color: #242c38;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 15px;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .sub_text {
    text-align: center;
  }
}
.fruti_product .fruti_detail table {
  width: 100%;
  border: 1px solid #f8f8f8;
}
.fruti_product .fruti_detail table tbody tr td {
  border: 1px solid #f8f8f8;
  padding: 15px 7px;
}
.fruti_product .fruti_detail .fruti_social {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 80px;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .fruti_social {
    margin-top: 30px;
    text-align: center;
  }
}
.fruti_product .fruti_detail .fruti_social li {
  display: inline-block;
  margin-right: 15px;
}
.fruti_product .fruti_detail .fruti_social li:last-child {
  margin-right: 0;
}
.fruti_product .fruti_detail .fruti_social li a {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #ffffff;
  font-size: 20px;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  border-radius: 8px;
  border: 1px solid #f8f8f8;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_detail .fruti_social li a:hover {
  box-shadow: inset 0 0 10px #1b211d;
  border: 1px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_detail .fruti_gallery {
  margin: 50px 0 30px;
  position: relative;
  width: 100%;
}
.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box {
  display: inline-block;
  position: relative;
  width: 24%;
  margin: 0 auto;
  margin-right: 0.6%;
  margin-bottom: 20px;
  height: 195px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #f8f8f8;
  padding: 0;
  outline: none;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .fruti_product .fruti_detail .fruti_gallery .fruti_gal_box {
    width: 23%;
  }
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .fruti_gallery .fruti_gal_box {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 320px;
  }
}
.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box img {
  width: 100%;
  height: 195px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail .fruti_gallery .fruti_gal_box img {
    height: 320px;
  }
}
.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box:hover {
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_detail .fruti_gallery .fruti_gal_box:hover::after {
  opacity: 0.6;
  transition: 0.3s all ease-in-out;
}
.fruti_product .fruti_detail .nano_library {
  margin-bottom: 40px;
}
.fruti_product .fruti_detail p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  text-align: left;
}
@media (max-width: 990px) {
  .fruti_product .fruti_detail p {
    font-size: 13px;
    text-align: justify;
  }
}
.fruti_related {
  padding: 20px 0 150px;
  position: relative;
  background-color: #ffffff;
}
@media (max-width: 990px) {
  .fruti_related {
    padding: 0 0 80px;
  }
}
.fruti_related .related_head {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #262f2a;
}
.fruti_related .related_box {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .fruti_related .related_box {
    margin-bottom: 30px;
  }
}
.fruti_related .related_box .related_pic {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: inline-block;
  padding: 0;
  border: 1px solid #f8f8f8;
  border-bottom: 0;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  float: left;
}
@media (max-width: 1366px) {
  .fruti_related .related_box .related_pic {
    height: 190px;
  }
}
.fruti_related .related_box .related_pic img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .fruti_related .related_box .related_pic img {
    height: 190px;
  }
}
.fruti_related .related_box .related_name {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 15px 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-transform: uppercase;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  transition: 0.3s all ease-in-out;
}
.fruti_related .related_box:hover {
  transition: 0.3s all ease-in-out;
}
.fruti_related .related_box:hover .related_name {
  box-shadow: inset 0 0 10px #1b211d;
  transition: 0.3s all ease-in-out;
}
.fruti_more {
  padding: 80px 0 0;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 990px) {
  .fruti_more {
    padding: 20px 0;
  }
}
.fruti_more .about_img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: inline-block;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: -10px 10px 10px 2px rgba(43, 43, 43, 0.15);
}
@media (max-width: 1366px) {
  .fruti_more .about_img {
    height: 400px;
  }
}
@media (max-width: 990px) {
  .fruti_more .about_img {
    height: 330px;
    margin-bottom: 20px;
  }
}
.fruti_more .about_img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .fruti_more .about_img img {
    height: 400px;
  }
}
@media (max-width: 990px) {
  .fruti_more .about_img img {
    height: 330px;
  }
}
.fruti_more .about_head {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 25px;
  color: #1b251d;
}
@media (max-width: 1366px) {
  .fruti_more .about_head {
    font-size: 22px;
  }
}
@media (max-width: 990px) {
  .fruti_more .about_head {
    font-size: 23px;
    text-align: center;
  }
}
.fruti_more .about_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #242c38;
  text-align: justify;
}
@media (max-width: 1366px) {
  .fruti_more .about_text {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 10px;
  }
}
.fruti_more .about_btn {
  position: relative;
  display: inline-block;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
  line-height: 50px;
  width: 210px;
  text-align: center;
  border-radius: 7px;
  color: #1b251d;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 1px #3b65ce;
  margin-top: 30px;
}
@media (max-width: 1366px) {
  .fruti_more .about_btn {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .fruti_more .about_btn {
    margin-top: 20px;
  }
}
.fruti_more .about_extra {
  position: relative;
  padding: 50px 0 0;
  display: inline-block;
  width: 100%;
}
.fruti_more .about_extra .extra_box {
  display: inline-block;
  position: relative;
  text-align: center;
}
@media (max-width: 990px) {
  .fruti_more .about_extra .extra_box {
    margin-bottom: 30px;
  }
}
.fruti_more .about_extra .extra_box .extra_img {
  width: 100%;
  height: 175px;
  object-fit: cover;
  overflow: hidden;
  border-radius: 8px;
  display: inline-block;
}
.fruti_more .about_extra .extra_box .extra_img img {
  width: 100%;
  height: 175px;
  object-fit: cover;
}
.fruti_more .about_extra .extra_box .extra_btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 160px;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 8px;
  color: #ffffff;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
}
.fruti_more .about_extra .extra_box .extra_btn:hover {
  box-shadow: inset 0 0 10px #1b211d;
  transition: 0.3s all ease-in-out;
}
.fruti_more .fruti_mission {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-top: 80px;
}
.fruti_more .fruti_mission .mission_head {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 25px;
  color: #262f2a;
}
.fruti_more .fruti_mission .mission_text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #242c38;
}
.fruti_pic_grid {
  padding: 50px 0 100px;
  position: relative;
  background-color: #ffffff;
}
.fruti_pic_grid .grid_head {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  margin-bottom: 30px;
  border-radius: 8px;
}
@media (max-width: 990px) {
  .fruti_pic_grid .grid_head {
    font-size: 22px;
  }
}
.fruti_pic_grid .grid_pic {
  width: 100%;
  height: 220px;
  object-fit: cover;
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 1366px) {
  .fruti_pic_grid .grid_pic {
    height: 195px;
  }
}
@media (max-width: 990px) {
  .fruti_pic_grid .grid_pic {
    margin-bottom: 25px;
  }
}
.fruti_pic_grid .grid_pic img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .fruti_pic_grid .grid_pic img {
    height: 195px;
  }
}
.fruti_pic_grid .grid_data {
  margin-top: 50px;
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  display: inline-block;
}
.fruti_pic_grid .grid_data .data_meta {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #262f2a;
  margin-bottom: 15px;
}
.fruti_pic_grid .grid_data .data_head {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #1b251d;
}
.fruti_pic_grid .grid_data .data_btn {
  position: relative;
  display: inline-block;
  background-image: url(/static/themes/nano_lite/images/karfrut/fruti_btn_bg2.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
  line-height: 50px;
  width: 210px;
  text-align: center;
  border-radius: 7px;
  color: #1b251d;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 1px #3b65ce;
}
@media (max-width: 990px) {
  .fruti_pic_grid .grid_data .data_btn {
    margin-bottom: 30px;
  }
}
.fruti_pic_grid .grid_data .data_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #242c38;
  text-align: justify;
}
.fruti_qulaity {
  padding: 80px 0 50px;
  background-color: #ffffff;
  position: relative;
}
.fruti_qulaity .fruti_crtf {
  width: 100%;
  height: 500px;
  display: inline-block;
  overflow: hidden;
  object-fit: contain;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .fruti_qulaity .fruti_crtf {
    height: 380px;
  }
}
.fruti_qulaity .fruti_crtf img {
  width: 100%;
  height: 500px;
  object-fit: contain;
}
@media (max-width: 1366px) {
  .fruti_qulaity .fruti_crtf img {
    height: 380px;
  }
}
.fruti_qulaity .quality_meta {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  color: #262f2a;
}
@media (max-width: 1366px) {
  .fruti_qulaity .quality_meta {
    font-size: 16px;
  }
}
.fruti_qulaity .quality_brief {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  text-align: justify;
}
.fruti_qulaity .quality_head {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  color: #1b251d;
}
@media (max-width: 990px) {
  .fruti_qulaity .quality_head {
    font-size: 18px;
    margin-top: 20px;
  }
}
.fruti_qulaity .quality_list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
}
.fruti_qulaity .quality_list li {
  display: inline-block;
  width: 50%;
  color: #1b251d;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: left;
  float: left;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 990px) {
  .fruti_qulaity .quality_list li {
    width: 100%;
  }
}
.fruti_qulaity .quality_list li::before {
  content: '\f179';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 20px;
  color: #262f2a;
  margin-right: 15px;
  vertical-align: middle;
  float: left;
}
.fruti_qulaity .qulaity_title {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  margin-top: 20px;
  color: #1b251d;
  width: 100%;
  display: inline-block;
}
.fruti_qulaity .quality_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  text-align: justify;
  margin-bottom: 15px;
}
.fruti_qulaity .quality_points {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fruti_qulaity .quality_points li {
  display: inline-block;
  width: 100%;
  color: #1b251d;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  position: relative;
}
.fruti_qulaity .quality_points li::before {
  content: '\f179';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 18px;
  color: #262f2a;
  margin-right: 15px;
  vertical-align: middle;
  float: left;
}
.fruti_partenr {
  background-color: #ffffff;
  position: relative;
  padding: 30px 0 100px;
}
.fruti_partenr .partner_head {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background-image: linear-gradient(45deg, #262f2a, #ffbb00);
  margin-bottom: 30px;
  border-radius: 8px;
}
@media (max-width: 990px) {
  .fruti_partenr .partner_head {
    font-size: 16px;
  }
}
.fruti_partenr .partner_list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.fruti_partenr .partner_list li {
  display: inline-block;
  width: 23%;
  margin: 0.5%;
  padding: 20px 10px;
  border: 1px solid #f8f8f8;
  text-align: center;
}
@media (max-width: 990px) {
  .fruti_partenr .partner_list li {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
}
.fruti_partenr .partner_list li img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  object-fit: contain;
}
.fruti_pagination {
  width: 100%;
  position: relative;
  display: inline-block;
  float: left;
  box-shadow: none;
  margin: 0 auto;
  clear: both;
  height: 55px;
  background-color: transparent;
  margin-top: 50px;
}
.fruti_pagination ul {
  width: 100%;
  float: none;
  display: inline-block;
  text-align: center;
}
.fruti_pagination ul li {
  margin-right: 15px;
  display: inline-block;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: transparent;
}
.fruti_pagination ul li a {
  display: inline-block;
  color: #000000;
}
.fruti_pagination ul li a i {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  background-color: #262f2a;
  font-size: 16px;
  font-weight: 600;
}
.fruti_pagination ul li.active {
  background-color: #262f2a;
}
.fruti_pagination ul li.active a {
  color: #ffffff;
}
/***********************Restaurant*************************/
.cafe_section {
  padding: 0;
  position: relative;
  background-image: url(../images/cafe_bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.cafe_section .cafe_gap {
  height: 300px;
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #f6f6f6;
}
@media (max-width: 990px) {
  .cafe_section .cafe_gap {
    height: 100px;
  }
}
.cafe_section .cafe_gap.contact_gap {
  height: 220px;
}
@media (max-width: 990px) {
  .cafe_section .cafe_gap.contact_gap {
    height: 100px;
  }
}
.cafe_section .cafe_box {
  text-align: center;
  background-color: #ffffff;
  position: relative;
  padding: 30px 55px 40px;
  min-height: 700px;
  width: 57%;
  margin: 0 auto;
  border-radius: 25px;
  z-index: 1;
  margin-top: -70px;
  margin-bottom: -70px;
}
@media (max-width: 768px) {
  .cafe_section .cafe_box {
    padding: 40px 50px 40px;
    width: 90%;
    min-height: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 540px) {
  .cafe_section .cafe_box {
    width: 100%;
    padding: 30px 20px 40px;
    min-height: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.cafe_section .cafe_box::before {
  display: block;
  background: #ffffff;
  content: '';
  height: 26px;
  mask: url(../images/cafe_arrow_top.png);
  -webkit-mask-image: url(../images/cafe_arrow_top.png);
  width: 156px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.cafe_section .cafe_box::after {
  display: block;
  background: #ffffff;
  content: '';
  height: 26px;
  mask: url(../images/cafe_arrow_bottom.png);
  -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
  width: 156px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.cafe_section .cafe_box .cafe_header {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
}
.cafe_section .cafe_box .cafe_header .cafe_icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 20px;
  display: inline-block;
}
.cafe_section .cafe_box .cafe_header .cafe_icon img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.cafe_section .cafe_box .cafe_header .cafe_title {
  color: #1b251d;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.cafe_section .cafe_box .cafe_header .cafe_title::after {
  content: '';
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: #262f2a;
  display: block;
  margin: 0 auto;
}
.cafe_section .cafe_box .cafe_header .cafe_meta {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #262f2a;
}
.cafe_section .cafe_box .cafe_item {
  text-align: left;
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.cafe_section .cafe_box .cafe_item .item_title {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
  border-bottom: 1px dashed #cacaca;
  padding-bottom: 5px;
  padding-right: 40px;
  min-height: 35px;
}
.cafe_section .cafe_box .cafe_item .item_price {
  color: #262f2a;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  position: absolute;
  right: 0;
  top: 0;
  min-width: 40px;
  height: 35px;
  text-align: right;
}
.cafe_section .cafe_box .cafe_item .item_text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  margin: 0;
}
.cafe_special {
  padding: 0;
  padding-bottom: 80px;
  background-color: #f6f6f6;
  position: relative;
}
.cafe_special .cafe_table {
  display: table;
  position: relative;
}
.cafe_special .cafe_table .cafe_contact {
  width: 25%;
  display: table-cell;
  min-height: 700px;
  vertical-align: middle;
  background-color: transparent;
  text-align: center;
}
@media (max-width: 990px) {
  .cafe_special .cafe_table .cafe_contact {
    width: 100%;
    display: block;
    min-height: auto;
    height: auto;
    margin: 70px 0;
  }
}
.cafe_special .cafe_table .cafe_contact .contact_grid {
  background-color: #32363D;
  position: relative;
  border-radius: 25px;
  padding: 40px 25px;
  z-index: 2;
}
.cafe_special .cafe_table .cafe_contact .contact_grid::before {
  display: block;
  background: #32363d;
  content: '';
  height: 26px;
  mask: url(../images/cafe_arrow_top.png);
  -webkit-mask-image: url(../images/cafe_arrow_top.png);
  width: 156px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.cafe_special .cafe_table .cafe_contact .contact_grid::after {
  display: block;
  background: #32363d;
  content: '';
  height: 26px;
  mask: url(../images/cafe_arrow_bottom.png);
  -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
  width: 156px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_icon {
  width: 70px;
  height: 70px;
  object-fit: contain;
  display: inline-block;
  margin-bottom: 20px;
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  color: #262f2a;
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_meta {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #262f2a;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_num {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
  color: #ffffff;
}
@media (max-width: 1366px) {
  .cafe_special .cafe_table .cafe_contact .contact_grid .contact_num {
    font-size: 15px;
  }
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background-color: #262f2a;
  position: relative;
  color: #ffffff;
  border-radius: 25px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.cafe_special .cafe_table .cafe_contact .contact_grid .contact_btn:hover {
  background-color: #000000;
  transition: 0.3s all ease-in-out;
}
.cafe_special .cafe_table .cafe_contact .time_grid {
  padding: 80px 25px 40px;
  background-color: #23282f;
  position: relative;
  border-radius: 25px;
  z-index: 1;
  margin-top: -40px;
}
.cafe_special .cafe_table .cafe_contact .time_grid::after {
  content: '';
  background: #23282f;
  height: 26px;
  width: 156px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  mask: url(../images/cafe_arrow_bottom.png);
  -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
}
.cafe_special .cafe_table .cafe_contact .time_grid .time_head {
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.cafe_special .cafe_table .cafe_contact .time_grid .time_box {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.cafe_special .cafe_table .cafe_contact .time_grid .time_box:last-child {
  margin-bottom: 0;
}
.cafe_special .cafe_table .cafe_contact .time_grid .time_box .time_day {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.cafe_special .cafe_table .cafe_contact .time_grid .time_box .time_text {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.cafe_special .cafe_table .cafe_grid {
  width: 37.5%;
  background-color: #ffffff;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-height: 700px;
  padding: 40px 40px 30px;
  margin: 0 auto;
  z-index: 1;
  border-radius: 25px;
}
@media (max-width: 990px) {
  .cafe_special .cafe_table .cafe_grid {
    width: 100%;
    display: block;
    min-height: auto;
    height: auto;
  }
}
.cafe_special .cafe_table .cafe_grid::before {
  display: block;
  background: #ffffff;
  content: '';
  height: 26px;
  mask: url(../images/cafe_arrow_top.png);
  -webkit-mask-image: url(../images/cafe_arrow_top.png);
  width: 156px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.cafe_special .cafe_table .cafe_grid::after {
  display: block;
  background: #ffffff;
  content: '';
  height: 26px;
  mask: url(../images/cafe_arrow_bottom.png);
  -webkit-mask-image: url(../images/cafe_arrow_bottom.png);
  width: 156px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.cafe_special .cafe_table .cafe_grid .grid_header {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_icon {
  width: 70px;
  height: 70px;
  object-fit: contain;
  display: inline-block;
  margin-bottom: 20px;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_title {
  color: #1b251d;
  font-size: 42px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  position: relative;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_title::after {
  content: '';
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: #262f2a;
  display: block;
  margin: 0 auto;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_meta {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #262f2a;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_banner {
  width: 100%;
  height: 110px;
  object-fit: cover;
  margin-top: 45px;
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
}
.cafe_special .cafe_table .cafe_grid .grid_header .grid_banner img {
  width: 100%;
  height: 110px;
  object-fit: cover;
}
.cafe_special .cafe_table .cafe_grid .grid_item {
  text-align: left;
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.cafe_special .cafe_table .cafe_grid .grid_item .item_title {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 5px;
  border-bottom: 1px dashed #cacaca;
  padding-right: 40px;
  min-height: 35px;
}
.cafe_special .cafe_table .cafe_grid .grid_item .item_price {
  color: #262f2a;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  position: absolute;
  right: 0;
  top: 0;
  min-width: 40px;
  height: 35px;
  text-align: right;
}
.cafe_special .cafe_table .cafe_grid .grid_item .item_text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  margin: 0 auto;
}
/***********************Restaurant*************************/
/***************************Der*******************************/
.der_product {
  position: relative;
  background-color: #ffffff;
  padding: 80px 0;
}
.der_product .der_cat {
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
  list-style: none;
  display: table;
  position: relative;
  width: 100%;
  text-align: center;
  border: 1px solid #d2d0d0;
}
@media (max-width: 990px) {
  .der_product .der_cat {
    display: block;
    border: 0;
  }
}
.der_product .der_cat li {
  display: table-cell;
  margin: 0;
  padding: 0;
  border-right: 1px solid #d2d0d0;
}
@media (max-width: 990px) {
  .der_product .der_cat li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #d2d0d0;
  }
}
.der_product .der_cat li:last-child {
  border-right: 0;
}
@media (max-width: 990px) {
  .der_product .der_cat li:last-child {
    border-right: 1px solid #d2d0d0;
  }
}
.der_product .der_cat li a {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  border: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 0 15px;
  text-transform: uppercase;
  background-color: transparent;
  color: #1b251d;
  text-align: center;
  width: 100%;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.der_product .der_cat li a::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  background: #262f2a;
  transition: 0.3s all ease-in-out;
}
.der_product .der_cat li a.active,
.der_product .der_cat li a:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_product .der_cat li a.active::before,
.der_product .der_cat li a:hover::before {
  background: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_product .cover_img {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
  height: 85px;
  object-fit: contain;
}
.der_product .cover_img img {
  width: 100%;
  height: 85px;
  object-fit: contain;
}
.der_product .box_title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #1b251d;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .der_product .box_title {
    font-size: 18px;
  }
}
.der_product .text_box {
  position: relative;
  text-align: left;
  background-color: #ffffff;
  margin-bottom: 20px;
}
.der_product .text_box .box_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #1b251d;
  text-align: justify;
  margin: 0;
}
@media (max-width: 990px) {
  .der_product .text_box .box_text {
    font-size: 13px;
  }
}
.der_product .der_item {
  position: relative;
  background-color: #ffffff;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 25px;
  padding-top: 10px;
  border: 1px solid #d2d0d0;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item .item_pic {
  width: 100%;
  height: 250px;
  overflow: hidden;
  object-fit: cover;
  display: inline-block;
  padding: 0 10px;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item .item_pic img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item .item_data {
  padding: 25px 15px;
  text-align: left;
  background-color: #f6f6f6;
  height: 160px;
  overflow: hidden;
}
.der_product .der_item .item_data .item_title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 15px;
  max-height: 15px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item .item_data .item_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #1b251d;
  max-height: 46px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item .item_data .item_text p {
  margin: 0;
}
.der_product .der_item .item_data .item_btn {
  display: inline-block;
  background-color: transparent;
  font-size: 14px;
  width: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  color: #262f2a;
  margin-top: 15px;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item:hover {
  box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
  transform: translateY(-3px);
  z-index: 1;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item:hover .item_data {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item:hover .item_data .item_title {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item:hover .item_data .item_text {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_product .der_item:hover .item_data .item_btn {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_product .pad_zero {
  padding: 0;
}
.der_product .other_items {
  position: relative;
}
@media (max-width: 990px) {
  .der_product .other_items {
    margin-top: 30px;
  }
}
.der_product .other_items .other_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 40px;
  color: #000000;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin-left: -15px;
  border-bottom: 1px solid #d2d0d0;
  width: 100%;
}
.der_product .other_items .other_title::after {
  display: block;
  content: '';
  height: 4px;
  background: #262f2a;
  position: relative;
  width: 80px;
  margin-top: 5px;
  top: 2px;
}
.der_product .other_items .item_block {
  display: table;
  margin-bottom: 20px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.der_product .other_items .item_block .block_img {
  display: table-cell;
  width: 40%;
  height: 100px;
  object-fit: cover;
  margin: 0;
  border: 1px solid #d2d0d0;
  vertical-align: middle;
}
.der_product .other_items .item_block .block_img img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.der_product .other_items .item_block .block_content {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  background-color: #ffffff;
  width: 60%;
  padding-left: 10px;
  transition: 0.3s all ease-in-out;
}
.der_product .other_items .item_block .block_content .block_head {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 1.5;
  display: block;
  width: 100%;
  max-height: 24px;
  overflow: hidden;
}
.der_product .other_items .item_block .block_content .block_btn {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #262f2a;
}
.der_product .other_items .item_block:hover {
  box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
  transform: translateY(-3px);
  z-index: 1;
  transition: 0.3s all ease-in-out;
}
.der_product .other_items .item_block:hover .block_content {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.der_product .other_items .item_block:hover .block_content .block_head,
.der_product .other_items .item_block:hover .block_content .block_btn {
  color: #ffffff;
}
.der_product .der_detail {
  position: relative;
}
.der_product .der_detail .main_pic {
  width: 100%;
  height: 500px;
  object-fit: contain;
  display: inline-block;
  border: 1px solid #d2d0d0;
}
@media (max-width: 990px) {
  .der_product .der_detail .main_pic {
    margin-bottom: 20px;
  }
}
.der_product .der_detail .main_pic img {
  width: 100%;
  height: 500px;
  object-fit: contain;
}
.der_product .der_detail .der_social {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-top: 20px;
}
.der_product .der_detail .der_social li {
  display: inline-block;
  margin-right: 15px;
}
.der_product .der_detail .der_social li:last-child {
  margin-right: 0;
}
.der_product .der_detail .der_social li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: transparent;
  color: #1b251d;
  border: 1px solid #d2d0d0;
  font-size: 16px;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.der_product .der_detail .der_social li a:hover {
  border: 1px solid #262f2a;
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_product .der_detail .slider_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 30px;
  color: #000000;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #d2d0d0;
  width: 100%;
}
.der_product .der_detail .slider_title::after {
  content: '';
  display: block;
  height: 4px;
  background: #262f2a;
  position: relative;
  width: 80px;
  margin-top: 5px;
  top: 2px;
}
.der_product .der_detail .slider_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #1b251d;
  margin: 0;
  padding: 0 0 15px;
  border-bottom: 1px solid #d2d0d0;
  margin-top: 60px;
}
@media (max-width: 990px) {
  .der_product .der_detail .slider_text {
    margin-top: 0;
  }
}
.der_product .der_detail .main_text,
.der_product .der_detail p {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #1b251d;
  margin-bottom: 25px;
}
@media (max-width: 990px) {
  .der_product .der_detail .main_text,
  .der_product .der_detail p {
    text-align: justify;
  }
}
.der_product .der_detail table {
  width: 100%;
  border-radius: 0;
  border-collapse: separate;
  border: 1px solid #d2d0d0;
}
.der_product .der_detail table td {
  border: 1px solid #d2d0d0;
  border-collapse: collapse;
  padding: 15px 7px;
  color: #1b251d;
}
.der_product .der_detail .der_gallery {
  margin: 30px 0 0;
  position: relative;
  width: 100%;
}
.der_product .der_detail .der_gallery .fancybox {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 24%;
  margin-right: 1.2%;
  margin-bottom: 20px;
  height: 100px;
  object-fit: cover;
  overflow: hidden;
  border: 1px solid #d2d0d0;
  padding: 0;
  outline: none;
  transition: 0.3s all ease-in-out;
}
.der_product .der_detail .der_gallery .fancybox:last-child {
  margin-right: 0;
}
.der_product .der_detail .der_gallery .fancybox img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.der_product .der_detail .der_gallery .fancybox:hover {
  border: 1px solid #262f2a;
  box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
  transform: translateY(-3px);
  z-index: 1;
  transition: 0.3s all ease-in-out;
}
.der_news {
  padding: 80px 0;
  position: relative;
  background-color: #ffffff;
}
.der_news .news_title {
  text-align: center;
  color: #000000;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .der_news .news_title {
    font-size: 23px;
  }
}
.der_news .news_text {
  text-align: center;
  color: #1b251d;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .der_news .news_text {
    font-size: 12px;
  }
}
.der_news .news_btn {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 0 25px;
  margin-top: 30px;
  height: 45px;
  line-height: 43px;
  background-color: #262f2a;
  color: #ffffff;
  border: 2px solid #262f2a;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.der_news .news_btn:hover {
  border: 2px solid #262f2a;
  color: #262f2a;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.der_news .news_box {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  padding: 10px 10px 15px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .der_news .news_box {
    margin-bottom: 25px;
  }
}
.der_news .news_box .box_image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 225px;
  object-fit: cover;
  margin-bottom: 25px;
}
.der_news .news_box .box_image img {
  width: 100%;
  height: 225px;
  object-fit: cover;
}
.der_news .news_box .box_title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0;
  color: #1b251d;
  height: 40px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .der_news .news_box .box_title {
    height: auto;
    overflow: visible;
    margin-bottom: 15px;
  }
}
.der_news .news_box .box_text {
  color: #242c38;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  height: 70px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .der_news .news_box .box_text {
    height: auto;
    overflow: visible;
  }
}
.der_news .news_box .box_btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.der_news .news_box:hover {
  box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
  transform: translateY(-3px);
  z-index: 1;
  transition: 0.3s all ease-in-out;
}
.der_pagination {
  width: 100%;
  position: relative;
  display: inline-block;
  float: left;
  box-shadow: none;
  margin: 0 auto;
  clear: both;
  height: 55px;
  background-color: transparent;
  margin-top: 50px;
}
.der_pagination ul {
  width: 100%;
  float: none;
  display: inline-block;
  text-align: center;
}
.der_pagination ul li {
  margin-right: 15px;
  display: inline-block;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid transparent;
  background-color: transparent;
}
.der_pagination ul li a {
  display: inline-block;
  color: #000000;
}
.der_pagination ul li a i {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 32px;
  border-radius: 50%;
  text-align: center;
  color: #000000;
  background-color: transparent;
  border: 1px solid #d2d0d0;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.der_pagination ul li a i:hover {
  background-color: #262f2a;
  border: 1px solid #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.der_pagination ul li.active {
  background-color: transparent;
  border: 1px solid #d2d0d0;
}
.der_pagination ul li.active a {
  color: #000000;
}
.der_library {
  position: relative;
  clear: both;
  background-color: transparent;
  padding: 30px 0;
  margin: 0;
}
.der_library .lib_head {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #000000;
  display: inline-block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #d2d0d0;
}
.der_library .lib_head::after {
  content: '';
  display: block;
  height: 4px;
  background: #262f2a;
  position: relative;
  width: 80px;
  margin-top: 5px;
  top: 2px;
}
.der_library .tab_box {
  width: 100%;
  margin: 25px 0;
  list-style: none;
  padding: 0;
}
.der_library .tab_box li {
  display: inline-block;
  margin-right: 15px;
  padding: 0;
  list-style: none;
  transition: 0.3s all ease-in-out;
}
.der_library .tab_box li a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 45px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  background-color: transparent;
  color: #000000;
  border: 2px solid #d2d0d0;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.der_library .tab_box li.active,
.der_library .tab_box li:hover {
  transition: 0.3s all ease-in-out;
}
.der_library .tab_box li.active a,
.der_library .tab_box li:hover a {
  border: 2px solid #262f2a;
  color: #ffffff;
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.der_library .video_box {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.der_library .video_box iframe {
  width: 32%;
  height: 160px;
  display: inline-block;
  float: left;
  margin-right: 1.3%;
  box-shadow: none;
  border: 0;
}
.der_library .video_box h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  color: #1b251d;
}
.der_library .gal_box {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.der_library .gal_box .single_box {
  width: 24%;
  float: left;
  display: inline-block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin-right: 1%;
  transition: 0.3s all ease-in-out;
}
.der_library .gal_box .single_box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.der_library .gal_box .single_box a img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border: 1px solid #d2d0d0;
  padding: 10px;
}
.der_library .gal_box .single_box a .gal_detail {
  background-color: #f6f6f6;
  position: relative;
  width: 100%;
  display: inline-block;
  height: 110px;
  padding: 10px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.der_library .gal_box .single_box a .gal_detail span {
  color: #000000;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.der_library .gal_box .single_box a .gal_detail p {
  color: #242c38 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.5px;
  height: 42px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.der_library .gal_box .single_box:hover {
  box-shadow: 0 5px 15px rgba(186, 186, 186, 0.32);
  transform: translateY(-3px);
  z-index: 1;
  transition: 0.3s all ease-in-out;
}
.der_library .gal_box .single_box:hover .gal_detail {
  transition: 0.3s all ease-in-out;
  background-color: #262f2a;
}
.der_library .gal_box .single_box:hover .gal_detail span,
.der_library .gal_box .single_box:hover .gal_detail p {
  color: #ffffff !important;
  transition: 0.3s all ease-in-out;
}
/***************************Der*******************************/
.tema_blog {
  padding: 80px 0;
  background-color: #ffffff;
  position: relative;
}
.tema_blog .post_grid {
  margin-bottom: 40px;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d2d0d0;
  padding-bottom: 20px;
}
.tema_blog .post_grid .image_grid {
  width: 100%;
  overflow: hidden;
  height: 400px;
  display: inline-block;
  object-fit: cover;
  position: relative;
  float: left;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .tema_blog .post_grid .image_grid {
    height: 250px;
  }
}
.tema_blog .post_grid .image_grid::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid .image_grid img {
  width: 100%;
  height: 400px;
  overflow: hidden;
  object-fit: cover;
}
@media (max-width: 990px) {
  .tema_blog .post_grid .image_grid img {
    height: 250px;
  }
}
.tema_blog .post_grid .data_grid {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-top: 0;
  padding: 25px 20px;
  background-color: #ffffff;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .tema_blog .post_grid .data_grid {
    padding: 25px 0;
  }
}
.tema_blog .post_grid .data_grid .post_meta {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid .data_grid .post_meta a {
  display: inline-block;
  color: #242c38;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid .data_grid .post_meta a::before {
  content: '';
  background: #d2d0d0;
  width: 2px;
  height: 10px;
  display: inline-block;
  margin: 0 10px;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid .data_grid .post_meta a:first-child::before {
  display: none;
}
.tema_blog .post_grid .data_grid .post_title {
  font-size: 22px;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .tema_blog .post_grid .data_grid .post_title {
    font-size: 22px;
  }
}
.tema_blog .post_grid .data_grid .post_text {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #242c38;
  text-align: justify;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid .data_grid .post_btn {
  height: 55px;
  line-height: 50px;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  color: #ffffff;
  margin: 0;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  padding: 0 20px;
  display: inline-block;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid .data_grid .post_btn:hover {
  border: 2px solid #262f2a;
  background-color: transparent;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid:hover {
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid:hover .image_grid {
  transition: 0.3s all ease-in-out;
}
.tema_blog .post_grid:hover .image_grid::after {
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar {
  width: 100%;
  height: auto;
  padding: 0 30px;
}
.tema_blog .tema_sidebar .grid_head {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
}
.tema_blog .tema_sidebar .grid_head::after {
  height: 2px;
  background: #262f2a;
  content: '';
  position: relative;
  display: block;
  margin-top: 5px;
  width: 100px;
}
.tema_blog .tema_sidebar .tema_tags {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.tema_blog .tema_sidebar .tema_tags a {
  display: inline-block;
  position: relative;
  float: left;
  text-align: center;
  font-size: 12px;
  color: #242c38;
  z-index: 1;
  padding: 7px 15px 7px 20px;
  margin: 0 20px 10px 0;
  border: 1px solid #d2d0d0;
  background-color: #ffffff;
  border-right: 0;
  font-weight: 600;
  letter-spacing: 0.7px;
  border-radius: 3px 0 0 3px;
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .tema_tags a::before {
  content: '';
  position: absolute;
  top: 3px;
  right: -12px;
  height: 26px;
  width: 23px;
  border-radius: 6px;
  background-color: #ffffff;
  border-right: 1px solid #d2d0d0;
  border-top: 1px solid #d2d0d0;
  transform: rotate(45deg) skew(6deg);
  transition: 0.3s all ease-in-out;
  z-index: -1;
  overflow: hidden;
}
.tema_blog .tema_sidebar .tema_tags a:hover {
  background-color: #262f2a;
  color: #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .tema_tags a:hover::before {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .tema_follow {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
.tema_blog .tema_sidebar .tema_follow .follow_btn {
  margin-right: 10px;
  text-align: center;
  float: left;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 8px;
  background-color: #262f2a;
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .tema_follow .follow_btn:hover {
  box-shadow: 0 5px 50px rgba(186, 186, 186, 0.63);
  transform: translateY(-2px);
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .tema_follow .follow_btn:last-child {
  margin-right: 0;
}
.tema_blog .tema_sidebar .related_grid {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tema_blog .tema_sidebar .related_grid .related_box {
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d0d0;
  display: table;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .related_grid .related_box:last-child {
  border: 0;
}
.tema_blog .tema_sidebar .related_grid .related_box img {
  width: 75px;
  height: 75px;
  overflow: hidden;
  object-fit: cover;
  display: table-cell;
  vertical-align: middle;
  margin-right: 15px;
  transition: 0.3s all ease-in-out;
}
.tema_blog .tema_sidebar .related_grid .related_box .related_head {
  color: #1b251d;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  display: table-cell;
  font-weight: 600;
  width: 68%;
  vertical-align: middle;
}
.tema_blog .tema_sidebar .related_grid .related_box:hover {
  transition: 0.3s all ease-in-out;
  padding-left: 10px;
}
.tema_blog .tema_sidebar .related_grid .related_box:hover .related_head {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.tema_blog .tema_sidebar .related_grid .related_box:hover img {
  transition: 0.3s all ease-in-out;
  filter: grayscale(100%);
}
.tema_blog .detail_grid {
  width: 100%;
}
.tema_blog .detail_grid .image_grid {
  width: 100%;
  height: 450px;
  object-fit: cover;
  overflow: hidden;
}
@media (max-width: 990px) {
  .tema_blog .detail_grid .image_grid {
    height: 250px;
  }
}
.tema_blog .detail_grid .image_grid img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .tema_blog .detail_grid .image_grid img {
    height: 250px;
  }
}
.tema_blog .detail_grid .text_grid {
  width: 100%;
  height: auto;
  padding: 25px 20px;
}
.tema_blog .detail_grid .text_grid .slider_text {
  font-size: 22px;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.tema_blog .detail_grid .text_grid .slider_text::after {
  content: '';
  height: 3px;
  width: 100px;
  background: #262f2a;
  position: relative;
  display: block;
  margin-top: 10px;
}
.tema_blog .detail_grid .text_grid p {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5px;
  text-align: justify;
  color: #242c38;
}
.tema_blog .detail_grid .text_grid ul {
  padding: 0;
  margin: 0;
  list-style: circle;
}
.tema_blog .detail_grid .text_grid ul li {
  list-style: circle;
  margin-bottom: 10px;
  color: #242c38;
}
.tema_blog .detail_grid .text_grid .post_meta {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  transition: 0.3s all ease-in-out;
}
.tema_blog .detail_grid .text_grid .post_meta a {
  display: inline-block;
  color: #242c38;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.tema_blog .detail_grid .text_grid .post_meta a::before {
  content: '';
  background: #d2d0d0;
  width: 2px;
  height: 10px;
  display: inline-block;
  margin: 0 10px;
  transition: 0.3s all ease-in-out;
}
.tema_blog .detail_grid .text_grid .post_meta a:first-child::before {
  display: none;
}
.tema_blog .detail_grid .text_grid .post_social {
  list-style: none;
  padding: 0;
  margin: 60px 0 20px;
  text-align: right;
  width: 100%;
}
.tema_blog .detail_grid .text_grid .post_social li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.tema_blog .detail_grid .text_grid .post_social li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #ffffff;
  background-color: #262f2a;
  border-radius: 8px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
.tema_blog .detail_grid .text_grid .post_social li a:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
  transform: translateY(-5%);
  transition: 0.3s all ease-in-out;
}
/************************************Tema Blog**********************************/
/*************************** Almar ****************************/
.almar_header {
  background-color: transparent;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 101;
}
.almar_header .top_nav {
  height: 50px;
  position: relative;
  width: 100%;
  background-color: #262f2a;
}
@media (max-width: 990px) {
  .almar_header .top_nav {
    display: none;
  }
}
.almar_header .top_nav .nav_contact {
  height: 50px;
}
.almar_header .top_nav .nav_contact ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.almar_header .top_nav .nav_contact ul li {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  list-style: none;
  margin: 0 10px;
  padding: 0;
  position: relative;
}
.almar_header .top_nav .nav_contact ul li::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 15px;
  background: #222;
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
}
.almar_header .top_nav .nav_contact ul li:last-child::after {
  display: none;
}
.almar_header .top_nav .nav_contact ul li .fa {
  color: #ffffff;
  font-size: 16px;
  margin-right: 10px;
}
.almar_header .top_nav .nav_contact ul li span {
  color: #ffffff;
  font-size: 14px;
}
.almar_header .top_nav .nav_social {
  height: 50px;
  line-height: 50px;
  position: relative;
}
.almar_header .top_nav .nav_social .social_text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #ffffff;
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.almar_header .top_nav .nav_social .social_icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
}
.almar_header .top_nav .nav_social .social_icons li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.almar_header .top_nav .nav_social .social_icons li::before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 15px;
  background: #222;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}
.almar_header .top_nav .nav_social .social_icons li a {
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.almar_header .top_nav .nav_social .social_icons li a:hover {
  color: #000000;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 100px;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, 0.04);
}
.almar_header .navbar .navbar-header {
  position: relative;
  padding: 0 !important;
  float: left !important;
  height: 100px;
}
@media (max-width: 990px) {
  .almar_header .navbar .navbar-header {
    width: 100%;
  }
}
.almar_header .navbar .navbar-header .navbar-brand {
  display: inline-block;
  height: 100px;
  margin: 0;
  padding: 0;
}
@media (max-width: 990px) {
  .almar_header .navbar .navbar-header .navbar-brand {
    width: auto;
    padding: 0 20px;
  }
}
.almar_header .navbar .navbar-header .navbar-brand img {
  width: 100%;
  height: 100px;
  object-fit: contain;
}
.almar_header .navbar .navbar-header .navbar-toggle {
  padding: 10px;
  margin: 0;
  border-radius: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  right: 8%;
  border: 1px solid #d2d0d0;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #1b251d;
  height: 3px;
  width: 20px;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-header .navbar-toggle:hover,
.almar_header .navbar .navbar-header .navbar-toggle:active {
  transition: 0.3s all ease-in-out;
  border: 1px solid #262f2a;
  background-color: #262f2a;
}
.almar_header .navbar .navbar-header .navbar-toggle:hover .icon-bar,
.almar_header .navbar .navbar-header .navbar-toggle:active .icon-bar {
  background-color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-collapse {
  border: 0;
  margin: 0;
  padding: 0;
}
.almar_header .navbar .navbar-collapse.collapse .nav {
  height: 100px;
  margin: 0;
  padding: 0;
  line-height: 100px;
}
.almar_header .navbar .navbar-collapse.collapse .nav li {
  height: 100px;
  line-height: 100px;
  display: inline-block;
  padding: 0 20px;
}
.almar_header .navbar .navbar-collapse.collapse .nav li:last-child {
  padding-right: 0;
}
.almar_header .navbar .navbar-collapse.collapse .nav li a {
  height: 100px;
  line-height: 105px;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1b251d;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-collapse.collapse .nav li a::after {
  content: '';
  height: 4px;
  width: 0;
  opacity: 0;
  visibility: hidden;
  background: #262f2a;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-collapse.collapse .nav li a.active,
.almar_header .navbar .navbar-collapse.collapse .nav li a:hover {
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-collapse.collapse .nav li a.active::after,
.almar_header .navbar .navbar-collapse.collapse .nav li a:hover::after {
  width: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.almar_header .navbar .navbar-collapse.in {
  height: auto;
  line-height: normal;
  background-color: #ffffff;
  width: 100%;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
}
.almar_header .navbar .navbar-collapse.in .nav {
  height: auto;
  line-height: normal;
  width: 100%;
}
.almar_header .navbar .navbar-collapse.in .nav li {
  width: 100%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  padding: 0;
}
.almar_header .navbar .navbar-collapse.in .nav li a {
  height: 60px;
  line-height: 60px;
  width: 100%;
}
.almar_header .navbar .navbar-collapse.in .nav li a::after {
  display: none;
}
.almar_header .navbar .navbar-collapse.in .nav li a.active,
.almar_header .navbar .navbar-collapse.in .nav li a:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.almar_btn {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease;
}
.almar_btn::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  z-index: -1;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  background: #000000;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
}
.almar_btn:hover {
  transition: all 0.3s ease;
  color: #ffffff;
}
.almar_btn:hover::before {
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 110%;
}
.almar_banner {
  position: relative;
  width: 100%;
  height: 600px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .almar_banner {
    height: auto;
    text-align: center;
  }
}
.almar_banner .owl-carousel .owl-item {
  height: 600px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 990px) {
  .almar_banner .owl-carousel .owl-item {
    height: auto;
    text-align: center;
  }
}
.almar_banner .owl-carousel .owl-item img {
  height: 600px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 990px) {
  .almar_banner .owl-carousel .owl-item img {
    height: 450px;
  }
}
.almar_banner .owl-carousel .owl-item .carousel-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  z-index: 10;
  text-align: left;
  left: 20%;
  right: auto;
  background-color: transparent;
}
@media (max-width: 1366px) {
  .almar_banner .owl-carousel .owl-item .carousel-caption {
    left: 8%;
  }
}
@media (max-width: 990px) {
  .almar_banner .owl-carousel .owl-item .carousel-caption {
    text-align: center;
    position: absolute;
    transform: none;
    padding: 40px 0 0;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.almar_banner .owl-carousel .owl-item .carousel-caption .slider_text {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 25px;
  text-transform: uppercase;
  text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.36);
}
@media (max-width: 1366px) {
  .almar_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .almar_banner .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}
.almar_banner .owl-carousel .owl-item .carousel-caption .slider_title {
  font-size: 52px;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1.3;
  text-transform: uppercase;
  width: 60%;
  margin-bottom: 30px;
  text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.36);
}
@media (max-width: 1366px) {
  .almar_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 35px;
    width: 70%;
  }
}
@media (max-width: 990px) {
  .almar_banner .owl-carousel .owl-item .carousel-caption .slider_title {
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.8;
  }
}
.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  overflow: hidden;
  z-index: 1;
  margin: 0;
  transition: all 0.3s ease;
}
.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  z-index: -1;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  background: #000000;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
}
.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button:hover {
  transition: all 0.3s ease;
}
.almar_banner .owl-carousel .owl-item .carousel-caption .slider_button:hover::before {
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 110%;
}
.almar_banner .owl-carousel .owl-dots,
.almar_banner .owl-carousel .owl-pagination {
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  bottom: 8%;
}
.almar_banner .owl-carousel .owl-dots .owl-dot,
.almar_banner .owl-carousel .owl-pagination .owl-dot,
.almar_banner .owl-carousel .owl-dots .owl-page,
.almar_banner .owl-carousel .owl-pagination .owl-page {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
  background-color: #ffffff;
  outline: none;
  transition: 0.3s all ease-in-out;
}
.almar_banner .owl-carousel .owl-dots .owl-dot.active,
.almar_banner .owl-carousel .owl-pagination .owl-dot.active,
.almar_banner .owl-carousel .owl-dots .owl-page.active,
.almar_banner .owl-carousel .owl-pagination .owl-page.active,
.almar_banner .owl-carousel .owl-dots .owl-dot:hover,
.almar_banner .owl-carousel .owl-pagination .owl-dot:hover,
.almar_banner .owl-carousel .owl-dots .owl-page:hover,
.almar_banner .owl-carousel .owl-pagination .owl-page:hover {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_banner .owl-carousel .owl-dots .owl-dot span,
.almar_banner .owl-carousel .owl-pagination .owl-dot span,
.almar_banner .owl-carousel .owl-dots .owl-page span,
.almar_banner .owl-carousel .owl-pagination .owl-page span {
  display: none;
}
.almar_banner .owl-carousel .owl-nav,
.almar_banner .owl-carousel .owl-buttons {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: none;
}
.almar_banner .owl-carousel .owl-nav .owl-prev,
.almar_banner .owl-carousel .owl-buttons .owl-prev,
.almar_banner .owl-carousel .owl-nav .owl-next,
.almar_banner .owl-carousel .owl-buttons .owl-next {
  position: absolute;
  display: inline-block;
  outline: none;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  background: #262f2a;
  color: #ffffff;
  z-index: 1;
  font-size: 18px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.almar_banner .owl-carousel .owl-nav .owl-prev:hover,
.almar_banner .owl-carousel .owl-buttons .owl-prev:hover,
.almar_banner .owl-carousel .owl-nav .owl-next:hover,
.almar_banner .owl-carousel .owl-buttons .owl-next:hover {
  transition: 0.3s all ease-in-out;
  background-color: #000000;
}
.almar_banner .owl-carousel .owl-nav .owl-prev.owl-prev,
.almar_banner .owl-carousel .owl-buttons .owl-prev.owl-prev,
.almar_banner .owl-carousel .owl-nav .owl-next.owl-prev,
.almar_banner .owl-carousel .owl-buttons .owl-next.owl-prev {
  left: 3%;
}
.almar_banner .owl-carousel .owl-nav .owl-prev.owl-next,
.almar_banner .owl-carousel .owl-buttons .owl-prev.owl-next,
.almar_banner .owl-carousel .owl-nav .owl-next.owl-next,
.almar_banner .owl-carousel .owl-buttons .owl-next.owl-next {
  right: 3%;
}
.almar_about {
  position: relative;
  background-color: #ffffff;
  padding: 80px 0;
  text-align: center;
}
.almar_about .about_head {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  color: #1b251d;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #d2d0d0;
  padding-bottom: 20px;
}
@media (max-width: 990px) {
  .almar_about .about_head {
    font-size: 23px;
  }
}
.almar_about .about_head::after {
  content: '';
  width: 50px;
  height: 8px;
  background: #262f2a;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.almar_about .about_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  width: 50%;
  margin: 0 auto;
  color: #242c38;
  margin-bottom: 15px;
}
.almar_about .about_text:last-of-type {
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .almar_about .about_text {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
}
.almar_about .about_box {
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .almar_about .about_box {
    margin-bottom: 25px;
  }
}
.almar_about .about_box .box_icon {
  width: 110px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background-color: #c53733;
  margin-bottom: 20px;
  border: 3px solid transparent;
  transition: 0.3s all ease-in-out;
}
.almar_about .about_box .box_icon img {
  width: 100%;
  height: 55px;
  object-fit: contain;
}
.almar_about .about_box .box_title {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  color: #1b251d;
  text-transform: uppercase;
  position: relative;
}
.almar_about .about_box .box_title::after {
  content: '';
  height: 2px;
  background: #d2d0d0;
  width: 50px;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.almar_about .about_box .box_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  width: 85%;
  margin: 0 auto;
  height: 75px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .almar_about .about_box .box_text {
    width: 100%;
  }
}
.almar_about .about_box:hover {
  transition: 0.3s all ease-in-out;
}
.almar_about .about_box:hover .box_icon {
  border: 3px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_about .almar_btn {
  margin-top: 60px;
}
.almar_about.cmsnano_custom .about_box {
  margin-bottom: 30px;
}
.almar_about.cmsnano_custom .about_box .box_title {
  height: 62px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .almar_about.cmsnano_custom .about_box .box_title {
    height: auto;
  }
}
.almar_about.cmsnano_custom .about_box .box_text {
  height: 165px;
}
@media (max-width: 990px) {
  .almar_about.cmsnano_custom .about_box .box_text {
    height: auto;
  }
}
.almar_welcome {
  position: relative;
  padding: 0;
  background-color: #1a1a1a;
}
.almar_welcome .nn_col {
  padding: 0;
}
@media (max-width: 990px) {
  .almar_welcome .nn_col {
    padding: 0 15px;
  }
}
.almar_welcome img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 520px;
}
@media (max-width: 1366px) {
  .almar_welcome img {
    min-height: 535px;
  }
}
@media (max-width: 990px) {
  .almar_welcome img {
    min-height: 250px;
  }
}
.almar_welcome .welcome_box {
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #1a1a1a;
  padding: 60px;
}
@media (max-width: 990px) {
  .almar_welcome .welcome_box {
    padding: 30px;
  }
}
.almar_welcome .welcome_box .welcome_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  margin-bottom: 30px;
  position: relative;
  display: block;
}
.almar_welcome .welcome_box .welcome_title::after {
  content: '';
  height: 3px;
  background: #262f2a;
  display: block;
  width: 100px;
  margin-top: 15px;
}
@media (max-width: 990px) {
  .almar_welcome .welcome_box .welcome_title {
    font-size: 22px;
  }
}
.almar_welcome .welcome_box .welcome_text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #242c38;
  width: 85%;
}
@media (max-width: 990px) {
  .almar_welcome .welcome_box .welcome_text {
    width: 100%;
    font-size: 14px;
  }
}
.almar_welcome .welcome_box .welcome_list {
  margin: 30px 0;
  list-style: none;
  padding: 0;
}
.almar_welcome .welcome_box .welcome_list li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 15px;
  color: #242c38;
  position: relative;
}
.almar_welcome .welcome_box .welcome_list li::before {
  content: '\f046';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 16px;
  color: #262f2a;
  margin-right: 15px;
  float: left;
}
.almar_services {
  padding: 80px 0;
  background-color: #ffffff;
  position: relative;
  text-align: center;
}
.almar_services .service_head {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  color: #1b251d;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #d2d0d0;
  padding-bottom: 20px;
}
.almar_services .service_head::after {
  content: '';
  width: 50px;
  height: 8px;
  background: #262f2a;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.almar_services .service_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  width: 50%;
  margin: 0 auto;
  color: #242c38;
  margin-bottom: 15px;
}
.almar_services .service_text:last-of-type {
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .almar_services .service_text {
    width: 100%;
  }
}
.almar_services .almar_btn {
  margin-top: 60px;
}
.almar_services .service_box {
  display: inline-block;
  width: 100%;
  padding: 0;
  position: relative;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .almar_services .service_box {
    margin-bottom: 25px;
  }
}
.almar_services .service_box .box_img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  overflow: hidden;
  padding: 0;
  display: inline-block;
  float: left;
  position: relative;
  margin: 0;
  transition: 0.5s all ease-in-out;
}
.almar_services .service_box .box_img::after {
  content: '';
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  pointer-events: none;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease-in-out;
}
.almar_services .service_box .box_img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.almar_services .service_box .box_head {
  font-size: 16px;
  color: #1b251d;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: inline-block;
  float: left;
  height: 65px;
  line-height: 65px;
  background-color: #c53733;
  width: 85%;
  padding: 0 20px;
  text-align: left;
  overflow: hidden;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.almar_services .service_box .box_btn {
  display: inline-block;
  float: left;
  width: 15%;
  height: 65px;
  line-height: 65px;
  background-color: #8d857b;
  transition: 0.3s all ease-in-out;
}
.almar_services .service_box .box_btn .fa {
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  font-weight: 600;
  color: #242c38;
  transition: 0.3s all ease-in-out;
}
.almar_services .service_box:hover {
  transition: 0.3s all ease-in-out;
}
.almar_services .service_box:hover .box_img {
  transition: 0.5s all ease-in-out;
}
.almar_services .service_box:hover .box_img::after {
  height: 100%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.almar_services .service_box:hover .box_btn {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_services .service_box:hover .box_btn .fa {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.almar_services .service_box:hover .box_head {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_project {
  position: relative;
  padding: 80px 0;
  text-align: center;
  background-image: url(/static/themes/nano_lite/images/almar/almar_project.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.almar_project .project_head {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
  color: #ffffff;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #d2d0d0;
  padding-bottom: 20px;
}
@media (max-width: 990px) {
  .almar_project .project_head {
    font-size: 25px;
  }
}
.almar_project .project_head::after {
  content: '';
  width: 50px;
  height: 8px;
  background: #262f2a;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.almar_project .almar_btn {
  margin-top: 60px;
}
.almar_project .owl-carousel .owl-item {
  padding: 0 10px;
  position: relative;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.almar_project .owl-carousel .owl-item::after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.75);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease-in-out;
}
.almar_project .owl-carousel .owl-item img {
  width: 100%;
  height: 290px;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.almar_project .owl-carousel .owl-item .carousel-caption {
  position: relative;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease-in-out;
}
.almar_project .owl-carousel .owl-item .carousel-caption .slider_button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border: 2px solid #ffffff;
  color: #ffffff;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 16px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
  position: relative;
}
.almar_project .owl-carousel .owl-item .carousel-caption .slider_button::after {
  content: '\f0c1';
  font-family: 'FontAwesome';
  display: inline-block;
  position: absolute;
  font-size: 16px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.almar_project .owl-carousel .owl-item .carousel-caption .slider_button:hover {
  border: 2px solid #262f2a;
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.almar_project .owl-carousel .owl-item .carousel-caption .slider_title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
}
.almar_project .owl-carousel .owl-item .carousel-caption .slider_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #ffffff;
  width: 70%;
  margin: 0 auto;
  padding: 0;
}
.almar_project .owl-carousel .owl-item:hover {
  transition: 0.3s all ease-in-out;
}
.almar_project .owl-carousel .owl-item:hover::after {
  transition: 0.5s all ease-in-out;
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.almar_project .owl-carousel .owl-item:hover .fancybox {
  transition: 0.3s all ease-in-out;
}
.almar_project .owl-carousel .owl-item:hover .carousel-caption {
  transition: 0.5s all ease-in-out;
  opacity: 1;
  visibility: visible;
}
.almar_more {
  padding: 80px 0 50px;
  background-color: #ffffff;
  position: relative;
  text-align: center;
}
.almar_more .more_title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  color: #1b251d;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #d2d0d0;
  padding-bottom: 20px;
}
.almar_more .more_title::after {
  content: '';
  width: 50px;
  height: 8px;
  background: #262f2a;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.almar_more .more_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  width: 45%;
  margin: 0 auto;
  color: #242c38;
  margin-bottom: 15px;
}
@media (max-width: 990px) {
  .almar_more .more_text {
    width: 100%;
  }
}
.almar_more .more_text:last-of-type {
  margin-bottom: 50px;
}
.almar_more .more_box {
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
  text-align: left;
  display: table;
  transition: 0.3s all ease-in-out;
}
.almar_more .more_box .more_icon {
  display: table-cell;
  width: 85px;
  height: 55px;
  object-fit: contain;
  padding-right: 15px;
  vertical-align: top;
  transition: 0.3s all ease-in-out;
}
.almar_more .more_box .more_icon img {
  width: 100%;
  height: 55px;
  object-fit: contain;
  transition: 0.3s all ease-in-out;
}
.almar_more .more_box .more_detail {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.almar_more .more_box .more_detail .more_head {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  color: #1b251d;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .almar_more .more_box .more_detail .more_head {
    font-size: 13px;
  }
}
.almar_more .more_box .more_detail .more_meta {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  margin: 0;
  height: 100px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .almar_more .more_box .more_detail .more_meta {
    font-size: 12px;
  }
}
.almar_more .more_box:hover {
  transition: 0.3s all ease-in-out;
}
.almar_more .more_box:hover .more_icon {
  transition: 0.3s all ease-in-out;
}
.almar_more .more_box:hover .more_icon img {
  transition: 0.3s all ease-in-out;
  filter: grayscale(1.2);
}
.almar_more .more_box:hover .more_head {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_test {
  padding: 50px 0;
  position: relative;
  background-image: url(/static/themes/nano_lite/images/almar/almar_test.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}
.almar_test .test_icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: transparent;
  border: 2px solid rgba(210, 208, 208, 0.5);
  border-radius: 50%;
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .almar_test .test_icon {
    margin-bottom: 20px;
  }
}
.almar_test .test_icon img {
  width: 100%;
  height: 35px;
  object-fit: contain;
}
.almar_test .owl-carousel .owl-item {
  height: 250px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .almar_test .owl-carousel .owl-item {
    height: 300px;
  }
}
.almar_test .owl-carousel .owl-item .carousel-caption {
  height: 250px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .almar_test .owl-carousel .owl-item .carousel-caption {
    height: auto;
    width: 100%;
    left: 0;
    padding: 0 30px;
  }
}
.almar_test .owl-carousel .owl-item .carousel-caption .slider_text {
  font-size: 15px;
  line-height: 2.5;
  color: #ffffff;
  font-style: italic;
  margin-bottom: 25px;
  opacity: 0.9;
  letter-spacing: 1px;
  display: block;
  width: 100%;
  position: relative;
}
@media (max-width: 990px) {
  .almar_test .owl-carousel .owl-item .carousel-caption .slider_text {
    font-size: 12px;
  }
}
.almar_test .owl-carousel .owl-item .carousel-caption .slider_text::after {
  content: '';
  position: relative;
  display: block;
  margin: 0 auto;
  height: 4px;
  width: 100px;
  background: #262f2a;
  margin-top: 20px;
}
.almar_test .owl-carousel .owl-item .carousel-caption .slider_title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  opacity: 1;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .almar_test .owl-carousel .owl-item .carousel-caption .slider_title {
    font-size: 15px;
  }
}
.almar_test .owl-carousel .owl-nav,
.almar_test .owl-carousel .owl-buttons {
  width: 100%;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  background-color: transparent;
}
@media (max-width: 990px) {
  .almar_test .owl-carousel .owl-nav,
  .almar_test .owl-carousel .owl-buttons {
    display: none;
  }
}
.almar_test .owl-carousel .owl-nav .owl-prev,
.almar_test .owl-carousel .owl-buttons .owl-prev,
.almar_test .owl-carousel .owl-nav .owl-next,
.almar_test .owl-carousel .owl-buttons .owl-next {
  position: absolute;
  display: inline-block;
  outline: none;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  background: #262f2a;
  color: #ffffff;
  z-index: 1;
  font-size: 18px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  top: 0;
  transition: 0.3s all ease-in-out;
}
.almar_test .owl-carousel .owl-nav .owl-prev.owl-prev,
.almar_test .owl-carousel .owl-buttons .owl-prev.owl-prev,
.almar_test .owl-carousel .owl-nav .owl-next.owl-prev,
.almar_test .owl-carousel .owl-buttons .owl-next.owl-prev {
  left: 2%;
}
.almar_test .owl-carousel .owl-nav .owl-prev.owl-next,
.almar_test .owl-carousel .owl-buttons .owl-prev.owl-next,
.almar_test .owl-carousel .owl-nav .owl-next.owl-next,
.almar_test .owl-carousel .owl-buttons .owl-next.owl-next {
  right: 2%;
}
.almar_test .owl-carousel .owl-nav .owl-prev:hover,
.almar_test .owl-carousel .owl-buttons .owl-prev:hover,
.almar_test .owl-carousel .owl-nav .owl-next:hover,
.almar_test .owl-carousel .owl-buttons .owl-next:hover {
  transition: 0.3s all ease-in-out;
  background-color: #000000;
  color: #ffffff;
}
.almar_quote {
  position: relative;
  background-image: url(/static/themes/nano_lite/images/almar/almar_quote_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}
@media (max-width: 990px) {
  .almar_quote {
    text-align: center;
  }
}
.almar_quote .quote_title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ffffff;
  padding: 0;
  margin: 0;
  text-align: left;
  height: 55px;
  line-height: 58px;
}
@media (max-width: 990px) {
  .almar_quote .quote_title {
    height: auto;
    line-height: normal;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.almar_quote .quote_btn {
  display: inline-block;
  float: right;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: none;
}
@media (max-width: 990px) {
  .almar_quote .quote_btn {
    float: none;
  }
}
.almar_quote .quote_btn::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  z-index: -1;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  background: #000000;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
}
.almar_quote .quote_btn .fa {
  font-size: 25px;
  margin: 0;
  padding: 0;
  margin-right: 15px;
  display: inline-block;
}
.almar_quote .quote_btn span {
  display: inline-block;
}
.almar_quote .quote_btn:hover {
  transition: all 0.3s ease;
  color: #ffffff;
}
.almar_quote .quote_btn:hover::before {
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 110%;
  transition: all 0.3s ease;
}
.almar_footer {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
}
.almar_footer .main_footer {
  position: relative;
  padding: 80px 0;
  background-image: url(/static/themes/nano_lite/images/almar/almar_footer.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.almar_footer .main_footer .footer_logo {
  display: inline-block;
  width: 155px;
  margin-bottom: 20px;
  height: 60px;
  overflow: hidden;
  text-align: left;
}
.almar_footer .main_footer .footer_logo img {
  height: 60px;
  width: 100%;
  object-fit: contain;
}
.almar_footer .main_footer .footer_text {
  display: inline-block;
  width: 100%;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 20px;
  opacity: 0.8;
}
@media (max-width: 990px) {
  .almar_footer .main_footer .footer_text {
    width: 100%;
  }
}
.almar_footer .main_footer .footer_add {
  list-style: none;
  padding: 0;
  margin: 0;
}
.almar_footer .main_footer .footer_add li {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.almar_footer .main_footer .footer_add li .fa {
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #8fa2a0;
  text-align: center;
  font-size: 18px;
  color: #262f2a;
  border-radius: 5px;
  display: table-cell;
  vertical-align: middle;
}
.almar_footer .main_footer .footer_add li span,
.almar_footer .main_footer .footer_add li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  vertical-align: middle;
  display: table-cell;
  color: #ffffff;
  padding-left: 15px;
  line-height: 1.8;
}
.almar_footer .main_footer .footer_head {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 990px) {
  .almar_footer .main_footer .footer_head {
    margin-top: 30px;
  }
}
.almar_footer .main_footer .footer_head::after {
  content: '';
  height: 3px;
  width: 35px;
  display: block;
  background: #262f2a;
  margin-top: 10px;
}
.almar_footer .main_footer .footer_tag {
  list-style: none;
  padding: 0;
  display: inline-block;
  width: 100%;
  margin: -5px;
}
.almar_footer .main_footer .footer_tag li {
  display: inline-block;
  width: 50%;
  list-style: none;
  float: left;
  padding: 5px;
}
.almar_footer .main_footer .footer_tag li a {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  height: 35px;
  line-height: 35px;
  width: auto;
  border-radius: 5px;
  padding: 0 10px;
  background-color: #8fa2a0;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .almar_footer .main_footer .footer_tag li a {
    font-size: 11px;
  }
}
.almar_footer .main_footer .footer_tag li a::before {
  content: '';
  position: absolute;
  top: 4px;
  right: -9px;
  height: 28px;
  width: 26px;
  border-radius: 5px;
  background-color: #8fa2a0;
  border-right: 1px solid #8fa2a0;
  border-top: 1px solid #8fa2a0;
  transform: rotate(45deg);
  transition: 0.3s all ease-in-out;
  z-index: -1;
  overflow: hidden;
}
.almar_footer .main_footer .footer_tag li a:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.almar_footer .main_footer .footer_tag li a:hover::before {
  background-color: #262f2a;
  border-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_footer .main_footer .footer_menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.almar_footer .main_footer .footer_menu li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.almar_footer .main_footer .footer_menu li a {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ffffff;
  display: inline-block;
  position: relative;
}
.almar_footer .main_footer .footer_menu li a::before {
  content: '\f005';
  font-family: 'FontAwesome';
  font-size: 12px;
  color: #262f2a;
  display: inline-block;
  margin-right: 10px;
}
.almar_footer .main_footer .footer_insta {
  list-style: none;
  padding: 0;
  display: inline-block;
  width: 100%;
  margin: -5px;
}
.almar_footer .main_footer .footer_insta li {
  display: inline-block;
  width: 32.3%;
  height: auto;
  position: relative;
  float: left;
  padding: 1px 3px;
}
@media (max-width: 1366px) {
  .almar_footer .main_footer .footer_insta li {
    width: 42%;
  }
}
.almar_footer .main_footer .footer_insta li a {
  display: inline-block;
  width: 100%;
  height: 80px;
  object-fit: cover;
  overflow: hidden;
  position: relative;
}
.almar_footer .main_footer .footer_insta li a::after {
  content: '';
  width: 100%;
  height: 50%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  transition: 0.5s all ease-in-out;
}
.almar_footer .main_footer .footer_insta li a img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}
.almar_footer .main_footer .footer_insta li a:hover {
  transition: 0.3s all ease-in-out;
}
.almar_footer .main_footer .footer_insta li a:hover::after {
  transition: 0.5s all ease-in-out;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.almar_footer .copy_footer {
  padding: 30px 0;
  background-image: url(/static/themes/nano_lite/images/almar/almar_copy.png);
  background-repeat: repeat;
  background-position: top left;
  position: relative;
}
@media (max-width: 990px) {
  .almar_footer .copy_footer {
    text-align: center;
  }
}
.almar_footer .copy_footer .copy_text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  height: 32px;
  line-height: 32px;
}
@media (max-width: 990px) {
  .almar_footer .copy_footer .copy_text {
    height: auto;
    line-height: normal;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.almar_footer .copy_footer .footer_social {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  text-align: right;
  height: 32px;
  line-height: 32px;
}
@media (max-width: 990px) {
  .almar_footer .copy_footer .footer_social {
    text-align: center;
  }
}
.almar_footer .copy_footer .footer_social li {
  display: inline-block;
  margin-right: 15px;
}
.almar_footer .copy_footer .footer_social li a {
  display: inline-block;
  font-size: 32px;
  color: #626262;
  text-shadow: 1px 1px 1px #272727, -1px -1px 1px #000000;
  transition: 0.3s all ease-in-out;
}
.almar_footer .copy_footer .footer_social li a:hover {
  text-shadow: 1px 1px 1px #ffffff, -1px -1px 1px #000000;
  transition: 0.3s all ease-in-out;
}
.almar_category {
  position: relative;
  padding: 80px 0;
  background-color: #ffffff;
}
.almar_category .cat_box {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_img::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.5s all ease-in-out;
}
.almar_category .cat_box .cat_img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_detail {
  padding: 20px 15px;
  border: 1px solid #d2d0d0;
  border-top: 0;
  transition: 0.5s all ease-in-out;
}
.almar_category .cat_box .cat_detail .cat_head {
  font-size: 18px;
  font-weight: 600;
  color: #1b251d;
  margin-bottom: 15px;
  display: block;
  height: 25px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_detail .cat_head:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_detail .cat_text {
  font-size: 14px;
  color: #242c38;
  line-height: 1.8;
  margin-bottom: 15px;
  height: 50px;
  overflow: hidden;
}
.almar_category .cat_box .cat_detail .cat_btn {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #262f2a;
  text-transform: uppercase;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_detail .cat_btn::after {
  content: '\f0da';
  font-family: 'FontAwesome';
  display: inline-block;
  color: #1b251d;
  font-size: 18px;
  margin-left: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}
.almar_category .cat_box .cat_detail .cat_btn:hover {
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box .cat_detail .cat_btn:hover::after {
  transition: 0.5s all ease-in-out;
  right: -20px;
  opacity: 1;
  visibility: visible;
}
.almar_category .cat_box:hover {
  transition: 0.3s all ease-in-out;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14), 0 6px 6px rgba(0, 0, 0, 0.11);
  transform: translateY(-5px);
}
.almar_category .cat_box:hover .cat_img {
  transition: 0.3s all ease-in-out;
}
.almar_category .cat_box:hover .cat_img::after {
  transition: 0.3s all ease-in-out;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.5s all ease-in-out;
}
.almar_category .cat_box:hover .cat_detail {
  transition: 0.5s all ease-in-out;
}
.almar_contact {
  position: relative;
  background-color: #ffffff;
  padding: 80px 0;
  text-align: center;
}
.almar_contact .contact_head {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  color: #1b251d;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #d2d0d0;
  padding-bottom: 20px;
}
@media (max-width: 990px) {
  .almar_contact .contact_head {
    font-size: 23px;
  }
}
.almar_contact .contact_head::after {
  content: '';
  width: 50px;
  height: 8px;
  background: #262f2a;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.almar_contact .contact_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  width: 50%;
  margin: 0 auto;
  color: #242c38;
  margin-bottom: 15px;
}
.almar_contact .contact_text:last-of-type {
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .almar_contact .contact_text {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
}
.almar_contact .contact_box {
  display: inline-block;
  width: 100%;
  background-color: #182141;
  position: relative;
  padding: 30px 0 40px 0;
  text-align: center;
  height: 270px;
  overflow: hidden;
  margin-bottom: 30px;
}
.almar_contact .contact_box .box_icon {
  display: inline-block;
  width: 100%;
  height: 60px;
  object-fit: contain;
  margin-bottom: 25px;
}
.almar_contact .contact_box .box_icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.almar_contact .contact_box .box_head {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  color: #1b251d;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}
.almar_contact .contact_box .box_text {
  font-size: 14px;
  color: #242c38;
  margin-bottom: 15px;
  line-height: 1.8;
  width: 100%;
}
.almar_contact .contact_box .box_btn {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #1b251d;
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  transition: 0.3s all ease-in-out;
}
.almar_contact .contact_box .box_btn::after {
  height: 3px;
  width: 100%;
  background: #d2d0d0;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.3s all ease-in-out;
}
.almar_contact .contact_box .box_btn:hover {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_contact .contact_box .box_btn:hover::after {
  width: 0;
  transition: 0.3s all ease-in-out;
}
.almar_contact .almar_form {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .almar_contact .almar_form {
    margin-top: 0;
  }
}
.almar_contact .almar_form .form-field {
  text-align: left;
}
.almar_contact .almar_form input,
.almar_contact .almar_form textarea {
  height: 55px;
  line-height: 55px;
  margin-bottom: 15px;
  width: 100%;
  padding: 0 20px;
  border: 1px solid #d2d0d0;
  background-color: #182141;
  color: #242c38;
  border-radius: 0;
  font-size: 15px;
  outline: none;
  font-weight: 400;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
}
.almar_contact .almar_form input::-webkit-input-placeholder,
.almar_contact .almar_form textarea::-webkit-input-placeholder {
  color: #242c38;
}
.almar_contact .almar_form input::-moz-placeholder,
.almar_contact .almar_form textarea::-moz-placeholder {
  color: #242c38;
}
.almar_contact .almar_form input:-ms-input-placeholder,
.almar_contact .almar_form textarea:-ms-input-placeholder {
  color: #242c38;
}
.almar_contact .almar_form input:-moz-placeholder,
.almar_contact .almar_form textarea:-moz-placeholder {
  color: #242c38;
}
.almar_contact .almar_form input:focus,
.almar_contact .almar_form textarea:focus {
  border: 1px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_contact .almar_form textarea {
  height: 140px;
}
.almar_contact .almar_form button {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-shadow: none;
  overflow: hidden;
  z-index: 1;
  margin: 0;
  border: 0;
  box-shadow: none;
  transition: all 0.3s ease;
}
.almar_contact .almar_form button::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  z-index: -1;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  background: #000000;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
}
.almar_contact .almar_form button:hover {
  transition: all 0.3s ease;
  color: #ffffff;
}
.almar_contact .almar_form button:hover::before {
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 110%;
}
.almar_contact iframe {
  margin-top: 30px;
  float: left;
  border: 1px solid #d2d0d0;
}
/************************Sitenano Blog**************************/
.nano_blog {
  position: relative;
  padding: 100px 0;
  background-color: #ffffff;
}
.nano_blog .blog_head {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  color: #1b251d;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #d2d0d0;
  padding-bottom: 20px;
}
.nano_blog .blog_head::after {
  content: '';
  width: 50px;
  height: 8px;
  background: #262f2a;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.nano_blog .blog_text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  width: 60%;
  margin: 0 auto;
  color: #242c38;
  margin-bottom: 15px;
}
.nano_blog .blog_text:first-of-type {
  margin-bottom: 50px;
}
.nano_blog .almar_btn {
  margin-top: 50px;
}
.nano_blog .blog_box {
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.10980392);
  transition: 0.5s all ease-in-out;
}
.nano_blog .blog_box .blog_pic {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 230px;
  object-fit: cover;
  overflow: hidden;
  float: left;
  position: relative;
  transition: 0.5s all ease-in-out;
}
.nano_blog .blog_box .blog_pic::after {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all ease-in-out;
}
.nano_blog .blog_box .blog_pic img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.nano_blog .blog_box .blog_detail {
  position: relative;
  padding: 25px 20px;
  background-color: #ffffff;
  display: inline-block;
  border: 1px solid #d2d0d0;
  border-top: 0;
}
.nano_blog .blog_box .blog_detail .detail_head {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #1b251d;
  height: 55px;
  overflow: hidden;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.nano_blog .blog_box .blog_detail .detail_text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin-bottom: 25px;
  color: #242c38;
  height: 55px;
  overflow: hidden;
}
.nano_blog .blog_box .blog_detail .detail_btn {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  background-color: #1a1a1a;
  color: #262f2a;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 35px;
  transition: 0.3s all ease-in-out;
}
.nano_blog .blog_box .blog_detail .detail_btn:hover {
  background-color: #262f2a;
  color: #1a1a1a;
  transition: 0.3s all ease-in-out;
}
.nano_blog .blog_box:hover {
  transition: 0.5s all ease-in-out;
  transform: translateY(-5px);
  box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.44);
}
.nano_blog .blog_box:hover .blog_pic {
  transition: 0.5s all ease-in-out;
}
.nano_blog .blog_box:hover .blog_pic::after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.5s all ease-in-out;
}
.nano_blog .blog_box:hover .blog_detail .detail_head {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar {
  position: relative;
  padding: 0 30px;
}
.nano_blog .nano_sidebar .sidebar_head {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  width: 100%;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}
.nano_blog .nano_sidebar .sidebar_head::after {
  content: '';
  height: 3px;
  width: 60px;
  display: block;
  background: #262f2a;
  margin-top: 8px;
}
.nano_blog .nano_sidebar .category {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
}
.nano_blog .nano_sidebar .category li {
  list-style: none;
  display: block;
  border-bottom: 1px solid #d2d0d0;
}
.nano_blog .nano_sidebar .category li:last-child {
  border: 0;
}
.nano_blog .nano_sidebar .category li a {
  height: 45px;
  line-height: 45px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #1b251d;
  display: inline-block;
  position: relative;
  padding-left: 10px;
  width: 100%;
}
.nano_blog .nano_sidebar .category li a::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 15px;
  margin-right: 15px;
  color: #242c38;
}
.nano_blog .nano_sidebar .category li a:hover,
.nano_blog .nano_sidebar .category li a.active {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .category li a:hover::before,
.nano_blog .nano_sidebar .category li a.active::before {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .tags {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  margin-bottom: 30px;
}
.nano_blog .nano_sidebar .tags li {
  display: inline-block;
  width: auto;
  float: left;
  margin-right: 5%;
  margin-bottom: 15px;
}
@media (max-width: 990px) {
  .nano_blog .nano_sidebar .tags li {
    width: 100%;
  }
}
.nano_blog .nano_sidebar .tags li a {
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  background-color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  color: #1b251d;
  display: inline-block;
  border-radius: 8px;
  width: 100%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .tags li a:hover {
  transition: 0.3s all ease-in-out;
  background-color: #262f2a;
  color: #ffffff;
}
.nano_blog .nano_sidebar .recent_post {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.nano_blog .nano_sidebar .recent_post .recent_box {
  display: table;
  width: 100%;
  height: auto;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
  padding: 10px;
  border-radius: 8px;
  height: 80px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid transparent;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .recent_post .recent_box .post_img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: table-cell;
  vertical-align: middle;
  float: left;
  margin-right: 15px;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .recent_post .recent_box .post_img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .recent_post .recent_box .recent_head {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  vertical-align: middle;
  display: table-cell;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .recent_post .recent_box:hover {
  transition: 0.3s all ease-in-out;
  border: 1px solid #d2d0d0;
}
.nano_blog .nano_sidebar .recent_post .recent_box:hover .post_img img {
  filter: grayscale(1.2);
  transition: 0.3s all ease-in-out;
}
.nano_blog .nano_sidebar .recent_post .recent_box:hover .recent_head {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.nano_blog .blog_detail {
  width: 100%;
  position: relative;
}
.nano_blog .blog_detail .detail_img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  display: inline-block;
  margin-bottom: 30px;
}
.nano_blog .blog_detail .detail_img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
.nano_blog .blog_detail .detail_header {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  margin-bottom: 15px;
}
.nano_blog .blog_detail .detail_meta {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
  color: #242c38;
  line-height: 1.8;
}
.nano_blog .blog_detail .detail_meta li {
  display: inline-block;
  position: relative;
}
.nano_blog .blog_detail .detail_meta li::before {
  content: '';
  background: #d2d0d0;
  vertical-align: middle;
  width: 2px;
  height: 15px;
  margin: 0 10px;
  position: relative;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.nano_blog .blog_detail .detail_meta li:first-child::before {
  display: none;
}
.nano_blog .blog_detail .detail_meta li a {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.nano_blog .blog_detail .detail_meta li a:hover {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.nano_blog .blog_detail .detail_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  color: #242c38;
  margin-bottom: 15px;
}
.nano_blog .blog_detail .detail_text:last-child {
  margin-bottom: 30px;
}
.nano_blog .blog_detail .detail_social {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 50px;
}
.nano_blog .blog_detail .detail_social li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 25%;
  text-align: center;
  float: left;
}
.nano_blog .blog_detail .detail_social li .fa {
  width: 100%;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  color: #ffffff;
  transition: 0.5s all ease-in-out;
}
.nano_blog .blog_detail .detail_social li .fa.fa-facebook {
  background-color: #272a39;
}
.nano_blog .blog_detail .detail_social li .fa.fa-twitter {
  background-color: #f2ea8e;
}
.nano_blog .blog_detail .detail_social li .fa.fa-whatsapp {
  background-color: #dcc000;
}
.nano_blog .blog_detail .detail_social li .fa.fa-google {
  background-color: #8d7b00;
}
.nano_blog .blog_detail .detail_social li .fa span {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-left: 10px;
  color: #ffffff;
  text-transform: uppercase;
}
.nano_blog .blog_detail .detail_social li .fa:hover {
  transition: 0.5s all ease-in-out;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
}
/************************Sitenano Reference****************************/
.nano_refernce {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
}
.nano_refernce .refer_box {
  width: 100%;
  position: relative;
  padding: 0;
  margin-bottom: 30px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box .fancybox {
  width: 100%;
  height: 460px;
  object-fit: cover;
  overflow: hidden;
  display: inline-block;
  float: left;
  position: relative;
  transition: 0.5s all ease-in-out;
}
.nano_refernce .refer_box .fancybox img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  transition: 0.5s all ease-in-out;
}
.nano_refernce .refer_box .btn_box {
  width: 100%;
  height: 70px;
  line-height: 70px;
  visibility: hidden;
  opacity: 0;
  background-color: #ffbb00;
  overflow: hidden;
  text-align: center;
  position: absolute;
  bottom: 83px;
  left: 0;
  transition: 0.5s all ease-in-out;
}
.nano_refernce .refer_box .btn_box .refer_btn {
  display: inline-block;
  height: 40px;
  line-height: 42px;
  padding: 0 30px;
  background-color: #1a1a1a;
  color: #262f2a;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box .btn_box .refer_btn:hover {
  background-color: #262f2a;
  color: #1a1a1a;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box .refer_detail {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 15px 20px;
  background-color: #c53733;
  border: 1px solid #d2d0d0;
  border-top: 0;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box .refer_detail .refer_head {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box .refer_detail .refer_text {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
  color: #242c38;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box:hover {
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box:hover .btn_box {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.nano_refernce .refer_box:hover .fancybox {
  transition: 0.5s all ease-in-out;
}
.nano_refernce .refer_box:hover .fancybox img {
  transition: 0.5s all ease-in-out;
  transform: scale(1.1);
}
/************************Sitenano Reference****************************/
/************************Almar Product Detail****************************/
.almar_product_detail {
  padding: 80px 0;
  background-color: #ffffff;
  position: relative;
}
.almar_product_detail .almar_sidebar {
  position: relative;
  width: 100%;
  padding: 18px 30px;
  background-color: #414141;
}
@media (max-width: 990px) {
  .almar_product_detail .almar_sidebar {
    margin-bottom: 30px;
  }
}
.almar_product_detail .almar_sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.almar_product_detail .almar_sidebar ul li {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #b3b3b3;
  position: relative;
  padding-left: 20px;
  transition: 0.3s all ease-in-out;
}
.almar_product_detail .almar_sidebar ul li:last-child {
  border: 0;
}
.almar_product_detail .almar_sidebar ul li::before {
  content: '\f111';
  font-family: 'FontAwesome';
  display: inline-block;
  color: #b3b3b3;
  font-size: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}
.almar_product_detail .almar_sidebar ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.almar_product_detail .almar_sidebar ul li:hover {
  transition: 0.3s all ease-in-out;
}
.almar_product_detail .almar_sidebar ul li:hover::before {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_product_detail .almar_sidebar ul li:hover a {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.almar_product_detail .short_content {
  background-color: #f7f7f7;
  position: relative;
  width: 100%;
  padding: 0;
  padding-left: 40px;
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .almar_product_detail .short_content {
    padding: 40px;
  }
}
.almar_product_detail .short_content .slider_title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1b251d;
  margin-bottom: 15px;
  padding-top: 40px;
  display: block;
  width: 100%;
}
.almar_product_detail .short_content .slider_title::after {
  content: '';
  height: 5px;
  width: 40%;
  display: block;
  background: #262f2a;
  border-radius: 3px;
  margin-top: 10px;
}
@media (max-width: 990px) {
  .almar_product_detail .short_content .slider_title {
    padding-top: 0;
  }
}
.almar_product_detail .short_content .short_text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #242c38;
}
.almar_product_detail .short_content .content_img {
  display: inline-block;
  width: 100%;
}
@media (max-width: 990px) {
  .almar_product_detail .short_content .content_img {
    margin-top: 30px;
  }
}
.almar_product_detail .short_content .content_img img {
  width: 100%;
  object-fit: cover;
}
.almar_product_detail .slider_text,
.almar_product_detail p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.8;
  margin: 0;
  color: #000000;
}
@media (max-width: 990px) {
  .almar_product_detail .slider_text,
  .almar_product_detail p {
    text-align: justify;
  }
}
/***************CMS Nano Floating Form*******************/
.form-active-btn {
  position: fixed;
  right: -70px;
  top: 50%;
  display: inline-block;
  padding: 15px 25px;
  font-size: 19px;
  font-weight: 600;
  text-transform: uppercase;
  outline: none;
  border: none;
  background-color: #262f2a;
  color: #182141;
  transform: rotate(-90deg);
  border-radius: 15px 15px 0 0;
  z-index: 2002;
}
@media (max-width: 540px) {
  .form-active-btn {
    padding: 10px 20px;
    font-size: 16px;
    right: -68px;
  }
}
.form-active-btn::before {
  content: '\f044';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 22px;
  padding-right: 10px;
  vertical-align: middle;
}
.nano-float-form {
  position: fixed;
  width: 280px;
  z-index: 10;
  background-color: #182141;
  padding: 30px 20px;
  box-sizing: border-box;
  right: -295px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 6px;
  z-index: 2003;
  transition: all cubic-bezier(0.42, 0, 0.17, 1.03) 0.6s;
}
.nano-float-form.show {
  right: 0;
  transition: all cubic-bezier(0.42, 0, 0.17, 1.03) 0.6s;
}
.nano-float-form .form-close-btn {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  background-color: #f1353c;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  left: -15px;
  top: -10px;
  color: #ffffff;
  cursor: pointer;
  border: none;
  padding: 0;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.nano-float-form .form-close-btn:hover {
  background-color: #cb0e15;
  transition: all 0.3s ease-in-out;
}
.nano-float-form .form-title {
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.nano-float-form .float-form {
  text-align: center;
}
.nano-float-form .float-form input,
.nano-float-form .float-form textarea {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border-radius: 10px;
  line-height: 1.5;
  font-size: 14px;
}
.nano-float-form .float-form input::-webkit-input-placeholder,
.nano-float-form .float-form textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.nano-float-form .float-form input::-moz-placeholder,
.nano-float-form .float-form textarea::-moz-placeholder {
  color: #ffffff;
}
.nano-float-form .float-form input:-ms-input-placeholder,
.nano-float-form .float-form textarea:-ms-input-placeholder {
  color: #ffffff;
}
.nano-float-form .float-form input:-moz-placeholder,
.nano-float-form .float-form textarea:-moz-placeholder {
  color: #ffffff;
}
.nano-float-form .float-form textarea {
  height: 60px;
  padding-top: 7px;
}
.nano-float-form .float-form button {
  border: none;
  outline: none;
  padding: 0 20px;
  height: 40px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  background-color: #262f2a;
  color: #182141;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.nano-float-form .float-form button:hover {
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}
.bg1 {
  background: -webkit-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: -o-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: linear-gradient(to bottom right, #54675c 0%, #262f2a 100%);
  box-shadow: 0 4px 10px -2px rgba(38, 47, 42, 0.76);
}
.bg2 {
  background: -webkit-linear-gradient(top left, #242c38 0%, #040f01 100%);
  background: -o-linear-gradient(top left, #242c38 0%, #040f01 100%);
  background: linear-gradient(to bottom right, #242c38 0%, #040f01 100%);
  box-shadow: 0 4px 10px -2px rgba(4, 15, 1, 0.76);
}
.nano_reference {
  position: relative;
  background-color: #ffffff;
  padding: 80px 0;
}
.nano_reference.cmsnano_reference {
  background-color: #8d7b00;
}
.nano_reference .form-head {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 50px;
  padding-bottom: 10px;
  display: inline-block;
  border-bottom: 2px solid #262f2a;
  color: #1b251d;
}
@media (max-width: 990px) {
  .nano_reference .form-head {
    margin-bottom: 20px;
  }
}
.nano_reference .refer_tab {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.nano_reference .refer_tab li {
  display: inline-block;
  margin: 0 10px;
  list-style: none;
}
.nano_reference .refer_tab li .tab_btn {
  background: -webkit-linear-gradient(top left, #242c38 0%, #040f01 100%);
  background: -o-linear-gradient(top left, #242c38 0%, #040f01 100%);
  background: linear-gradient(to bottom right, #242c38 0%, #040f01 100%);
  box-shadow: 0 4px 10px -2px rgba(4, 15, 1, 0.76);
  color: #ffffff;
  display: inline-block;
  min-width: 100px;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 6px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer_tab li .tab_btn.active {
  background: -webkit-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: -o-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: linear-gradient(to bottom right, #54675c 0%, #262f2a 100%);
  box-shadow: 0 4px 10px -2px rgba(38, 47, 42, 0.76);
  color: #040f01;
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer_tab li .tab_btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 7px 25px -2px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer-grid {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  list-style: none;
  padding: 0;
  margin: -10px;
}
@media (max-width: 990px) {
  .nano_reference .refer-grid {
    grid-template-columns: 50% 50%;
  }
}
@media (max-width: 540px) {
  .nano_reference .refer-grid {
    display: block;
    grid-template-columns: none;
    margin: 0 auto;
  }
}
.nano_reference .refer-grid .refer_box {
  display: inline-block;
  width: 100%;
  padding: 10px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 540px) {
  .nano_reference .refer-grid .refer_box {
    padding: 0;
  }
}
.nano_reference .refer-grid .refer_box:hover {
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer-grid .refer_box:hover .site_link {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer-grid .refer_box:hover .refer_link {
  opacity: 1;
  top: 13px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 990px) {
  .nano_reference .refer-grid .refer_box:hover .refer_link {
    top: auto;
  }
}
.nano_reference .refer-grid .ref-img {
  display: block;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d2d0d0;
  height: 280px;
  width: 100%;
  z-index: 202;
}
@media (max-width: 990px) {
  .nano_reference .refer-grid .ref-img {
    height: 240px;
  }
}
.nano_reference .refer-grid .ref-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nano_reference .refer-grid .site_link {
  display: inline-block;
  margin: 0 auto;
  z-index: 101;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  color: #ffffff;
  line-height: 280px;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 0.5px;
  opacity: 0;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 990px) {
  .nano_reference .refer-grid .site_link {
    background: -webkit-linear-gradient(top left, #242c38 0%, #040f01 100%);
    background: -o-linear-gradient(top left, #242c38 0%, #040f01 100%);
    background: linear-gradient(to bottom right, #242c38 0%, #040f01 100%);
    box-shadow: 0 4px 10px -2px rgba(4, 15, 1, 0.76);
    color: #ffffff;
    opacity: 1;
    height: 40px;
    line-height: 40px;
    width: auto;
    position: absolute;
    top: 15px;
    left: auto;
    right: 15px;
    font-size: 16px;
    padding: 0 20px;
  }
}
.nano_reference .refer-grid .refer_data {
  width: 100%;
  position: relative;
  padding: 10px 0;
}
.nano_reference .refer-grid .refer_data .refer_title {
  display: block;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.8;
  color: #5a5a5a;
}
.nano_reference .refer-grid .refer_data .refer_link {
  background: -webkit-linear-gradient(top left, #242c38 0%, #040f01 100%);
  background: -o-linear-gradient(top left, #242c38 0%, #040f01 100%);
  background: linear-gradient(to bottom right, #242c38 0%, #040f01 100%);
  box-shadow: 0 4px 10px -2px rgba(4, 15, 1, 0.76);
  color: #ffffff;
  clear: both;
  position: absolute;
  left: 0;
  top: -50px;
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  padding: 0 15px;
  font-size: 18px;
  font-weight: 600;
  opacity: 0;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer-grid .refer_data .refer_link::after {
  content: '\f061';
  font-family: 'FontAwesome';
  right: 15px;
  top: 0;
  position: absolute;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer-grid .refer_data .refer_link:hover {
  transition: all 0.3s ease-in-out;
}
.nano_reference .refer-grid .refer_data .refer_link:hover::after {
  right: 8px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 990px) {
  .nano_reference .refer-grid .refer_data .refer_link {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
  }
}
.site-editor .nano_reference .refer-grid:hover .refer_link {
  top: auto;
}
.site-editor .nano_reference .site_link {
  opacity: 1;
  height: 50px;
  line-height: 50px;
  top: auto;
  bottom: 0;
  border-radius: 0;
}
.site-editor .nano_reference .refer_data .refer_title {
  opacity: 1;
}
.site-editor .nano_reference .refer_data .refer_link {
  opacity: 1;
  position: relative;
  top: auto;
  left: auto;
}
.cms_blog {
  padding: 80px 0;
  position: relative;
  background-color: #ffffff;
}
.cms_blog .blog_wrapper {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
}
.cms_blog .post_img {
  display: block;
  width: 100%;
  height: 230px;
  vertical-align: middle;
  position: relative;
}
.cms_blog .post_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cms_blog .post_data {
  display: block;
  vertical-align: middle;
  position: relative;
  padding: 20px;
}
.cms_blog .post_tag {
  background-color: #5a5a5a;
  color: #ffffff;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.cms_blog .post_tag:hover {
  border-color: #262f2a;
  color: #262f2a;
  transition: all 0.3s ease-in-out;
}
.cms_blog .post_title {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  color: #1b251d;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cms_blog .short_text {
  font-size: 15px;
  font-weight: 400;
  color: #5a5a5a;
  line-height: 1.6;
  margin-bottom: 15px;
  height: 72px;
  overflow: hidden;
  display: block;
  padding-right: 10px;
  position: relative;
}
.cms_blog .short_text::after {
  content: '...';
  display: inline-block;
  vertical-align: bottom;
  color: #5a5a5a;
  position: absolute;
  bottom: 0;
  right: 0;
}
.cms_blog .post_link {
  background: -webkit-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: -o-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: linear-gradient(to bottom right, #54675c 0%, #262f2a 100%);
  box-shadow: 0 4px 10px -2px rgba(38, 47, 42, 0.76);
  color: #1b251d;
  box-shadow: none;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  margin: 0 -20px -20px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.cms_blog .post_link::after {
  content: '\f061';
  font-family: 'FontAwesome';
  position: absolute;
  right: 15px;
  top: 0;
  height: 40px;
  line-height: 40px;
  color: #1b251d;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.cms_blog .post_link:hover {
  transition: all 0.3s ease-in-out;
}
.cms_blog .post_link:hover::after {
  right: 5px;
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar {
  width: 100%;
  position: relative;
  padding: 0 0 0 30px;
}
@media (max-width: 990px) {
  .cms_blog .cms_sidebar {
    padding: 0;
  }
}
.cms_blog .cms_sidebar .sidebar_widget {
  display: block;
  width: 100%;
  background-color: #ffffff;
  position: relative;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  overflow: hidden;
}
.cms_blog .cms_sidebar .list_title {
  display: block;
  height: 40px;
  line-height: 40px;
  background-color: #5a5a5a;
  color: #ffffff;
  padding: 0 20px;
  margin: -20px -20px 20px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.cms_blog .cms_sidebar .cat_list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}
.cms_blog .cms_sidebar .cat_list li {
  display: block;
  margin: 5px 0;
}
.cms_blog .cms_sidebar .cat_list li a {
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  display: block;
  padding: 0 20px;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid #d2d0d0;
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .cat_list li a.active,
.cms_blog .cms_sidebar .cat_list li a:hover {
  background: -webkit-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: -o-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: linear-gradient(to bottom right, #54675c 0%, #262f2a 100%);
  box-shadow: 0 4px 10px -2px rgba(38, 47, 42, 0.76);
  color: #1b251d;
  border-color: #262f2a;
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .tag_cloud {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cms_blog .cms_sidebar .tag_cloud li {
  display: inline-block;
  margin: 5px;
  list-style: none;
}
.cms_blog .cms_sidebar .tag_cloud li a {
  display: inline-block;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #ffffff;
  color: #1b251d;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .tag_cloud li a:hover {
  background: -webkit-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: -o-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: linear-gradient(to bottom right, #54675c 0%, #262f2a 100%);
  box-shadow: 0 4px 10px -2px rgba(38, 47, 42, 0.76);
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .recent_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cms_blog .cms_sidebar .recent_list li {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.cms_blog .cms_sidebar .recent_list li:last-child {
  margin: 0;
}
.cms_blog .cms_sidebar .recent_list li .recent_link {
  display: table;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  text-decoration: none;
  padding: 8px;
  border-radius: 10px;
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .recent_list li .recent_link:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 10px rgba(38, 47, 42, 0.2);
  border-color: #262f2a;
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .recent_list li .recent_img {
  display: table-cell;
  width: 75px;
  height: 75px;
  border-radius: 8px;
  overflow: hidden;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_sidebar .recent_list li .recent_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cms_blog .cms_sidebar .recent_list li .recent_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  color: #1b251d;
  padding: 0 10px;
  text-decoration: none;
}
.cms_blog .detail_img {
  display: block;
  width: 100%;
  height: 430px;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 990px) {
  .cms_blog .detail_img {
    height: 350px;
  }
}
.cms_blog .detail_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cms_blog .detail_title {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  min-height: 50px;
  padding: 10px 20px;
  background-color: #5a5a5a;
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  border-radius: 0 0 15px 15px;
}
@media (max-width: 990px) {
  .cms_blog .detail_title {
    font-size: 18px;
  }
}
.cms_blog .detail_text {
  display: block;
  width: 100%;
}
.cms_blog .detail_text p {
  color: #1b251d;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
}
.cms_blog .cms_share {
  padding: 8px;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 15px;
  right: 15px;
}
.cms_blog .cms_share li {
  display: inline-block;
  margin-right: 10px;
}
.cms_blog .cms_share li:last-of-type {
  margin: 0;
}
.cms_blog .cms_share li a {
  background: -webkit-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: -o-linear-gradient(top left, #54675c 0%, #262f2a 100%);
  background: linear-gradient(to bottom right, #54675c 0%, #262f2a 100%);
  box-shadow: 0 4px 10px -2px rgba(38, 47, 42, 0.76);
  color: #1b251d;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  font-weight: 400;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
.cms_blog .cms_share li a:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
}
.nano_pagination {
  position: relative;
  background-color: transparent;
  padding: 0;
}
.nano_pagination .pagination_box {
  background-color: #444;
  color: #fff;
  padding: 20px 30px;
  margin: 0 -28px;
  border-radius: 0;
}
@media (max-width: 992px) {
  .nano_pagination .pagination_box {
    margin: 0;
  }
}
.nano_pagination .pagination_box li {
  font-size: 16px;
}
.nano_pagination .pagination_box li.active {
  color: #fff;
}
.nano_pagination .pagination_box li a {
  font-size: 16px;
  color: #fff;
}
.cmsnano-price-banner {
  position: relative;
  z-index: 2;
  height: 790px;
  background-color: #6f6f6e;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .cmsnano-price-banner {
    height: 590px;
  }
}
@media (max-width: 990px) {
  .cmsnano-price-banner {
    display: none;
  }
}
.cmsnano-price-banner .price-text-box {
  display: block;
  margin: 60px 0;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 1366px) {
  .cmsnano-price-banner .price-text-box {
    margin: 50px 0;
  }
}
.cmsnano-price-banner .price-text-box .banner-title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .cmsnano-price-banner .price-text-box .banner-title {
    font-size: 20px;
    font-weight: 600;
  }
}
.cmsnano-price-banner .price-text-box .banner-text {
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 990px) {
  .cmsnano-price-banner .price-text-box .banner-text {
    font-size: 15px;
  }
}
.price-tab {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 1366px) {
  .price-tab {
    max-width: 750px;
  }
}
@media (max-width: 990px) {
  .price-tab {
    max-width: none;
    width: 100%;
  }
}
.price-tab > input {
  display: none;
}
.price-tab .tab-data {
  position: relative;
  clear: both;
  display: inline-block;
  width: calc(100% - 150px);
  vertical-align: top;
  border-radius: 0 20px 0 0;
  overflow: hidden;
}
@media (max-width: 990px) {
  .price-tab .tab-data {
    width: 100%;
    display: block;
    border-radius: 0;
  }
}
.price-tab .tab-data .tab-common {
  display: none;
  padding: 15px;
  width: 100%;
  background-color: #ffffff;
}
.price-tab .tab-data .data-table {
  display: table;
  width: 100%;
}
@media (max-width: 990px) {
  .price-tab .tab-data .data-table {
    display: block;
  }
}
.price-tab .tab-data .data-table .data-col {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 990px) {
  .price-tab .tab-data .data-table .data-col {
    display: block;
  }
}
.price-tab .tab-data .data-table .data-col:first-of-type {
  width: 40%;
}
@media (max-width: 990px) {
  .price-tab .tab-data .data-table .data-col:first-of-type {
    width: 100%;
  }
}
.price-tab .tab-data .data-table .data-col:last-of-type {
  text-align: right;
  width: calc(100% - 40%);
}
@media (max-width: 990px) {
  .price-tab .tab-data .data-table .data-col:last-of-type {
    text-align: center;
    width: 100%;
  }
}
.price-tab .tab-data .data-table .data-col .price-image {
  display: inline-block;
  width: 100%;
  height: 320px;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}
@media (max-width: 1366px) {
  .price-tab .tab-data .data-table .data-col .price-image {
    height: 220px;
  }
}
@media (max-width: 990px) {
  .price-tab .tab-data .data-table .data-col .price-image {
    height: 220px;
    border-radius: 15px;
  }
}
.price-tab .tab-data .data-table .data-col .price-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.price-tab .tab-data .data-table .data-col .price-tag {
  display: inline-block;
  position: absolute;
  left: 80px;
  bottom: 70px;
  height: 40px;
  line-height: 40px;
  background-color: #262f2a;
  color: #1b251d;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1366px) {
  .price-tab .tab-data .data-table .data-col .price-tag {
    left: 50px;
  }
}
.price-tab .tab-data .data-table .data-col .price-tag::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #262f2a;
  border-bottom: 20px solid #262f2a;
  border-left: 16px solid transparent;
  top: 0;
  left: -15px;
}
.price-tab .tab-data .data-table .data-col .price-tag::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 20px solid #262f2a;
  border-right: 16px solid transparent;
  border-top: 20px solid #262f2a;
  top: 0;
  right: -15px;
}
.price-tab .tab-data .data-table .data-col .detail-btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 25px;
  background-color: #ffbb00;
  color: #1b251d;
  margin: 20px 0 10px;
  transition: all 0.3s ease-in-out;
}
.price-tab .tab-data .data-table .data-col .detail-btn:hover {
  background-color: #262f2a;
  transition: all 0.3s ease-in-out;
}
.price-tab .tab-data .data-table .data-col .short-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 11px;
  padding-left: 18px;
  color: #1b251d;
  padding-bottom: 6px;
  position: relative;
}
.price-tab .tab-data .data-table .data-col .short-title::after {
  content: '';
  display: block;
  height: 2px;
  background: #262f2a;
}
.price-tab .tab-data .data-table .data-col .short-text {
  display: block;
  padding: 0 20px;
  margin: 0;
  list-style: none;
  font-size: 0;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 990px) {
  .price-tab .tab-data .data-table .data-col .short-text {
    padding: 0;
    margin: 20px 0;
  }
}
.price-tab .tab-data .data-table .data-col .short-text li {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  position: relative;
  padding-left: 15px;
  color: #1b251d;
}
@media (max-width: 1366px) {
  .price-tab .tab-data .data-table .data-col .short-text li {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
.price-tab .tab-data .data-table .data-col .short-text li::before {
  content: '';
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #464646;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.price-tab .tab-group {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
  width: 150px;
  vertical-align: top;
  font-size: 0;
}
@media (max-width: 990px) {
  .price-tab .tab-group {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
  }
}
.price-tab .tab-group li {
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
@media (max-width: 990px) {
  .price-tab .tab-group li {
    width: 50%;
    margin: 0 auto;
    padding: 5px;
  }
}
@media (max-width: 540px) {
  .price-tab .tab-group li {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
.price-tab .tab-group li label {
  float: left;
  padding: 20px 25px;
  border: none;
  background-color: #262f2a;
  color: #1b251d;
  font-size: 15px;
  font-weight: 500;
  width: 150px;
  text-align: left;
  margin: 0;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1366px) {
  .price-tab .tab-group li label {
    padding: 15px 20px;
  }
}
@media (max-width: 990px) {
  .price-tab .tab-group li label {
    display: block;
    width: 100%;
    border-radius: 10px;
  }
}
.price-tab .tab-group li label:hover,
.price-tab .tab-group li label:active {
  background-color: #ffffff;
  color: #1b251d;
  transition: all 0.3s ease-in-out;
}
#tab1:checked ~ .tab-data .tab-1 {
  display: block;
}
#tab1:checked ~ .tab-group .tab1 {
  color: #262f2a;
}
#tab1:checked ~ .tab-group .tab1 label {
  background-color: #ffffff;
  color: #1b251d;
  position: relative;
}
#tab2:checked ~ .tab-data .tab-2 {
  display: block;
}
#tab2:checked ~ .tab-group .tab2 {
  color: #262f2a;
}
#tab2:checked ~ .tab-group .tab2 label {
  background-color: #ffffff;
  color: #1b251d;
  position: relative;
}
#tab3:checked ~ .tab-data .tab-3 {
  display: block;
}
#tab3:checked ~ .tab-group .tab3 {
  color: #262f2a;
}
#tab3:checked ~ .tab-group .tab3 label {
  background-color: #ffffff;
  color: #1b251d;
  position: relative;
}
#tab4:checked ~ .tab-data .tab-4 {
  display: block;
}
#tab4:checked ~ .tab-group .tab4 {
  color: #262f2a;
}
#tab4:checked ~ .tab-group .tab4 label {
  background-color: #ffffff;
  color: #1b251d;
  position: relative;
}
#tab5:checked ~ .tab-data .tab-5 {
  display: block;
}
#tab5:checked ~ .tab-group .tab5 {
  color: #262f2a;
}
#tab5:checked ~ .tab-group .tab5 label {
  background-color: #ffffff;
  color: #1b251d;
  position: relative;
}
.cms-page-header {
  position: relative;
  padding: 170px 0 100px;
  background-color: #ffbb00;
  color: #1b251d;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cms-page-header .section-title {
  font-size: 42px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.cms-page-header .section-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 70%;
  margin: 0 auto;
  color: #3c3c3c;
}
.cms-pagination {
  position: relative;
  padding: 20px 0;
  background-color: #444;
}
.cms-pagination .breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
}
.cms-pagination .breadcrumb li {
  color: #ffffff;
  font-size: 16px;
}
.cms-pagination .breadcrumb li a {
  color: #ffffff;
}
.cms-pagination .breadcrumb li.active {
  color: #262f2a;
}
.special-price-detail {
  position: relative;
  padding: 50px 0;
  background-color: #8d7b00;
}
.special-price-detail .detail-title {
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  color: #1b251d;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 2px solid #262f2a;
}
.special-price-detail .detail-text {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #1b251d;
  margin: 0;
  line-height: 1.5;
  padding: 0;
}
.special-price-detail .detail-short-text {
  display: block;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}
@media (max-width: 990px) {
  .special-price-detail .detail-short-text {
    margin: 20px 0;
  }
}
.special-price-detail .detail-short-text li {
  display: block;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #1b251d;
}
.special-price-detail .detail-short-text li::before {
  content: '';
  height: 2px;
  width: 10px;
  background: #262f2a;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.special-price-detail .detail-img {
  display: block;
  width: 100%;
  height: 350px;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  border: 1px solid #262f2a;
}
@media (max-width: 990px) {
  .special-price-detail .detail-img {
    height: 250px;
  }
}
.special-price-detail .detail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.special-price-detail .detail-price {
  display: inline-block;
  position: absolute;
  right: 50px;
  bottom: -20px;
  height: 40px;
  line-height: 40px;
  background-color: #5c5c5c;
  color: #ffffff;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 1366px) {
  .special-price-detail .detail-price {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.special-price-detail .detail-price::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #5c5c5c;
  border-bottom: 20px solid #5c5c5c;
  border-left: 16px solid transparent;
  top: 0;
  left: -15px;
}
.special-price-detail .detail-price::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 20px solid #5c5c5c;
  border-right: 16px solid transparent;
  border-top: 20px solid #5c5c5c;
  top: 0;
  right: -15px;
}
.special-form-section {
  position: relative;
  background-color: #f2ea8e;
  padding: 50px 0;
}
.special-form-section .form-head {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 50px;
  color: #1b251d;
  padding-bottom: 10px;
  display: inline-block;
  border-bottom: 2px solid #262f2a;
}
@media (max-width: 990px) {
  .special-form-section .form-head {
    margin-bottom: 20px;
  }
}
.special-form-section .whatsapp-btn {
  display: inline-block;
  max-height: 55px;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 180px;
}
.special-form-section .whatsapp-btn img {
  height: 100%;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
}
.special-form-section .whatsapp-btn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
  color: #444;
  margin-right: 10px;
}
@media (max-width: 540px) {
  .special-form-section .whatsapp-btn span {
    font-size: 14px;
    margin-right: 5px;
  }
}
.special-form-section .spcial-form input,
.special-form-section .spcial-form textarea {
  display: inline-block;
  width: 50%;
  height: 55px;
  padding: 0 20px;
  background-color: #ffffff;
  border: 2px solid #d2d0d0;
  color: #1b251d;
  font-size: 14px;
  border-radius: 10px;
}
@media (max-width: 540px) {
  .special-form-section .spcial-form input,
  .special-form-section .spcial-form textarea {
    width: 100%;
  }
}
.special-form-section .spcial-form input:focus,
.special-form-section .spcial-form textarea:focus {
  border-color: #262f2a;
}
.special-form-section .spcial-form input::-webkit-input-placeholder,
.special-form-section .spcial-form textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.special-form-section .spcial-form input::-moz-placeholder,
.special-form-section .spcial-form textarea::-moz-placeholder {
  color: #1b251d;
}
.special-form-section .spcial-form input:-ms-input-placeholder,
.special-form-section .spcial-form textarea:-ms-input-placeholder {
  color: #1b251d;
}
.special-form-section .spcial-form input:-moz-placeholder,
.special-form-section .spcial-form textarea:-moz-placeholder {
  color: #1b251d;
}
.special-form-section .spcial-form textarea {
  height: 80px;
  line-height: 1.7;
  padding: 10px 16px 0;
}
.special-form-section .spcial-form label {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  background-color: rgba(38, 47, 42, 0.8);
  color: #1b251d;
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px;
  width: 49%;
  margin-right: 1%;
}
@media (max-width: 540px) {
  .special-form-section .spcial-form label {
    width: 100%;
    margin: 0 0 10px;
    height: 35px;
    line-height: 35px;
  }
}
.special-form-section .spcial-form label::after {
  display: none;
}
.special-form-section .spcial-form label:empty ~ input {
  width: 100%;
}
.special-form-section .spcial-form label:empty ~ textarea {
  width: 100%;
}
.special-form-section .spcial-form button {
  display: inline-block;
  height: 50px;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 25px;
  background-color: #262f2a;
  color: #1b251d;
  border: none;
  outline: none;
  min-width: 150px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.special-form-section .spcial-form button:hover {
  background-color: #3c3c3c;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.special-form-section .spcial-form .field-required label {
  height: auto;
  line-height: normal;
  position: relative;
  display: inline-block;
  width: auto;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.special-form-section .spcial-form .field-required label:empty::after {
  top: 20px;
  right: -15px;
}
.special-form-section .spcial-form .field-required label::after {
  content: '*';
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: -10px;
  color: #f1353c;
}
.special-form-section .spcial-form .form-groupfield label {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  min-width: 200px;
  float: none;
}
.special-form-section .spcial-form .form-groupfield label::after {
  top: 0;
  right: 12px;
}
@media (max-width: 990px) {
  .special-form-section .spcial-form .form-groupfield label {
    min-width: 100px;
    padding-right: 10px;
  }
}
.special-form-section .spcial-form .form-groupfield .groupfield {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0;
}
@media (max-width: 990px) {
  .special-form-section .spcial-form .form-groupfield .groupfield {
    display: block;
    width: 100%;
  }
}
.special-form-section .spcial-form .form-groupfield .groupfield label {
  display: inline-block;
  height: auto;
  line-height: normal;
  border: none;
  padding: 0;
  background-color: transparent;
  width: auto;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  min-width: 120px;
  max-width: 32.4%;
  position: relative;
}
.special-form-section .spcial-form .form-groupfield .groupfield label::after {
  display: none;
}
@media (max-width: 540px) {
  .special-form-section .spcial-form .form-groupfield .groupfield label {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    max-width: none;
  }
}
.special-form-section .spcial-form .form-groupfield .groupfield label:last-of-type {
  margin-right: 0;
}
.special-form-section .spcial-form .form-groupfield .groupfield label span {
  padding: 0 20px;
  background-color: #ededed;
  color: #444;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.special-form-section .spcial-form .form-groupfield .groupfield label span::before {
  content: '';
  position: absolute;
  right: 10px;
  top: 9px;
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border: 1px solid #ababab;
  border-radius: 3px;
}
.special-form-section .spcial-form .form-groupfield .groupfield label span::after {
  content: '\f00c';
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px;
  top: 9px;
  width: 22px;
  height: 22px;
  line-height: 23px;
  border-radius: 3px;
  background-color: transparent;
  z-index: 2;
  opacity: 0;
  color: #262f2a;
  font-size: 15px;
  text-align: center;
}
.special-form-section .spcial-form .form-groupfield .groupfield label input[type="radio"] {
  display: none;
  position: absolute;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
}
.special-form-section .spcial-form .form-groupfield .groupfield label input[type="radio"]:checked ~ span {
  background-color: #262f2a;
  color: #1b251d;
}
.special-form-section .spcial-form .form-groupfield .groupfield label input[type="radio"]:checked ~ span::before {
  border-color: #262f2a;
}
.special-form-section .spcial-form .form-groupfield .groupfield label input[type="radio"]:checked ~ span::after {
  opacity: 1;
}
.special-form-section .form-img {
  width: 90%;
  height: 270px;
  margin: 0 auto;
  display: block;
  border-radius: 0 30px 0 30px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .special-form-section .form-img {
    width: 100%;
    margin-top: 30px;
  }
}
.special-form-section .form-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq_section {
  padding: 75px 0;
  color: #1b251d;
}
.faq_section .faq_head {
  font-weight: 700;
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 30px;
}
.faq_section .faq_section_list {
  background-color: #ffffff;
  overflow: hidden;
}
.faq_section .faq_section_list .faq_col {
  position: relative;
  margin-bottom: 7px;
  border-radius: 10px;
  overflow: hidden;
}
.faq_section .faq_section_list .faq_title {
  font-size: 19px;
  font-weight: 500;
  margin: 0;
  min-height: 50px;
  line-height: 1.7;
  padding: 20px 25px 15px;
  background-color: #ffbb00;
  color: #1b251d;
  position: relative;
  z-index: 1;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  .faq_section .faq_section_list .faq_title {
    font-size: 16px;
    padding: 20px 50px 15px 25px;
  }
}
.faq_section .faq_section_list .faq_title::after {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  right: 15px;
  top: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #242c38;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #262f2a;
}
.faq_section .faq_section_list .faq_title p {
  margin: 0;
}
.faq_section .faq_section_list .faq_content {
  font-size: 14px;
  line-height: 1.8;
  padding: 0 25px;
  background-color: #f2ea8e;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq_section .faq_section_list .faq_content p {
  margin: 0;
}
.faq_section .faq_section_list .faq_check {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
.faq_section .faq_section_list .faq_check:checked ~ .faq_title::after {
  content: "\f106";
  background-color: #262f2a;
  border-color: #262f2a;
  color: #ffffff;
  line-height: 26px;
}
.faq_section .faq_section_list .faq_check:checked ~ .faq_content {
  height: auto;
  padding: 15px 25px;
  transition: all 0.3s ease;
  border: 1px solid #d2d0d0;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}
.site-editor .faq_section .faq_section_list .faq_content {
  height: auto;
  padding: 15px 25px;
}
.site-editor .faq_section .faq_section_list .faq_check {
  display: none;
}
body {
  font-family: 'Montserrat', sans-serif;
}
a,
a:active,
a:focus,
a:hover {
  text-decoration: none;
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
td,
th,
tr,
ul {
  margin: 0;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
li p,
ol p,
td p,
th p,
tr p,
ul p {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
  display: initial;
  background: initial !important;
  position: initial !important;
}
p a {
  color: inherit;
}
a p,
b p,
bold p,
small p,
span p,
strong p {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
@media (max-width: 480px) {
  h1 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  h2 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  h3 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  h4 {
    font-size: 18px;
  }
}
h5 {
  font-size: 18px;
}
@media (max-width: 500px) {
  h5 {
    font-size: 16px;
  }
}
h6 {
  font-size: 14px;
  padding: 10px 0;
}
@media (max-width: 500px) {
  h6 {
    font-size: 12px;
  }
}
ul {
  padding: 0;
  list-style: none;
}
header {
  text-align: left;
}
header .navbar-toggle {
  border: none;
  background: transparent;
}
header .navbar-toggle .icon-bar {
  width: 22px;
  background: #262f2a;
  transition: 0.3s all ease-in-out;
}
header .navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
header .navbar-toggle .middle-bar {
  opacity: 0;
}
header .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
header .collapsed .top-bar {
  transform: rotate(0);
}
header .collapsed .middle-bar {
  opacity: 1;
}
header .collapsed .bottom-bar {
  transform: rotate(0);
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse {
    display: none !important;
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse.in {
    display: block !important;
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    display: block !important;
  }
  header .navbar-header .collapse .icon-bar,
  header .navbar-toggle .icon-bar {
    background: #262f2a;
  }
}
@media (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    padding: 0;
    margin: 0;
    right: 0;
    top: 10px;
  }
}
@media (max-width: 991px) {
  header .navbar-header {
    padding-top: 35px;
    float: right;
  }
}
header .collapsing {
  padding: 0;
}
header .dropdown-menu {
  padding: 0;
}
header .dropdown-menu li {
  display: block !important;
  float: none;
  width: 100%;
  border-right: 0;
  border-left: 0;
}
header.pofo_fixedheader {
  position: fixed;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  padding: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
header.focus_fixedheader {
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
/****************************Header************************************/
.pofo_header {
  position: fixed;
  background-color: transparent;
  width: 100%;
  z-index: 100;
  padding: 0;
  height: 100px;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.pofo_header .main_header {
  background-color: transparent;
  height: 100px;
  padding: 0;
}
@media (max-width: 990px) {
  .pofo_header .main_header {
    position: inherit;
    top: inherit;
    float: left;
    width: 100%;
  }
}
@media (max-width: 1366px) {
  .pofo_header .main_header {
    height: 80px;
  }
}
@media (max-width: 540px) {
  .pofo_header .main_header {
    height: 80px;
  }
}
.pofo_header .main_header .logo_head {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 101;
  height: 100px;
  line-height: 100px;
  padding-right: 30px;
}
@media (max-width: 990px) {
  .pofo_header .main_header .logo_head {
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .pofo_header .main_header .logo_head {
    padding: 0 20px;
  }
}
.pofo_header .main_header .logo_head a {
  width: auto;
  height: auto;
  display: inline-block;
  line-height: 100px;
  height: 100px;
  vertical-align: middle;
  outline: none;
}
.pofo_header .main_header .logo_head a img {
  height: 100px;
  width: 160px;
  line-height: 100px;
  object-fit: contain;
}
.pofo_header .main_header .footer_logo {
  display: inline-block;
  float: left;
  padding-left: 40px;
}
.pofo_header .main_header .footer_logo a {
  width: auto;
  height: auto;
}
.pofo_header .main_header .footer_logo a img {
  max-width: 170px;
  margin-bottom: 20px;
}
.pofo_header .main_header .nav {
  text-align: center;
  font-size: 0;
}
.pofo_header .main_header .nav:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.pofo_header .main_header .nav .dropdown-menu {
  background-color: #1a1a1a;
  line-height: 80px;
  top: 115px !important;
  left: 20px !important;
  width: 250px;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .pofo_header .main_header .nav .dropdown-menu {
    border: none;
    top: 53px !important;
    left: 0 !important;
  }
}
.pofo_header .main_header .nav .dropdown-menu li {
  height: auto;
  padding: 0;
  border-bottom: 1px solid #343434;
  line-height: 40px;
  transition: 0.3s all ease-in-out;
}
.pofo_header .main_header .nav .dropdown-menu li:last-child {
  border: none;
}
.pofo_header .main_header .nav .dropdown-menu li a {
  color: #ffffff;
  display: block;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: normal;
  text-transform: capitalize;
}
.pofo_header .main_header .nav .dropdown-menu li a.active,
.pofo_header .main_header .nav .dropdown-menu li a:hover,
.pofo_header .main_header .nav .dropdown-menu li a:focus {
  color: #262f2a;
}
.pofo_header .main_header .nav .dropdown-menu li a:after {
  display: none;
}
.pofo_header .main_header .nav .divider {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0;
  height: 30px;
  margin: 24px auto;
}
.pofo_header .main_header .nav li {
  margin: 0;
  display: inline-block;
  padding: 0px 20px;
  height: 100px;
  line-height: 100px;
  float: left;
}
@media (max-width: 1366px) {
  .pofo_header .main_header .nav li {
    padding: 0 12px;
  }
}
.pofo_header .main_header .nav li:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  top: 53px;
  left: 0;
  transition: 0.3s all ease-in-out;
}
.pofo_header .main_header .nav li a {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0;
  text-transform: uppercase;
  background-color: transparent;
  position: relative;
  display: initial;
  transition: 0.2s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_header .main_header .nav li a {
    font-size: 13px;
  }
}
.pofo_header .main_header .nav li a.active {
  color: #262f2a;
  font-weight: 600;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.pofo_header .main_header .nav li a:hover,
.pofo_header .main_header .nav li a:focus {
  color: #262f2a;
  background-color: transparent;
  transition: 0.2s all ease-in-out;
}
.pofo_header .main_header .navbar {
  padding: 0;
  margin: 0;
  width: auto;
  height: 100%;
  display: block;
  position: relative;
}
.pofo_header .main_header .navbar .navbar-header {
  padding: 0 !important;
  float: right !important;
}
.pofo_header .main_header .navbar .navbar-header .navbar-toggle {
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  right: 20px;
  top: 50%;
}
.pofo_header .main_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background: #ffffff;
}
@media (max-width: 990px) {
  .pofo_header .main_header .navbar {
    padding: 0;
  }
}
@media (max-width: 990px) {
  .pofo_header .main_header .navbar .navbar-collapse ul {
    text-align: left;
    font-size: 0;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    top: 0;
    left: 0;
  }
  .pofo_header .main_header .navbar .navbar-collapse ul li {
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    height: auto;
    line-height: normal;
    float: none;
    transition: 0.3s all ease-in-out;
  }
  .pofo_header .main_header .navbar .navbar-collapse ul li a {
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ffffff;
    position: relative;
    display: block;
    padding: 20px 20px;
    text-align: left;
    line-height: 1;
    background-color: #000000;
    border: none;
    transition: 0.3s all ease-in-out;
  }
  .pofo_header .main_header .navbar .navbar-collapse ul li a.active {
    background-color: #141816;
    color: #ffffff;
    border-radius: 0;
    border: none;
  }
  .pofo_header .main_header .navbar .navbar-collapse ul li a.active:hover,
  .pofo_header .main_header .navbar .navbar-collapse ul li a.active:focus {
    background-color: #000000;
    color: #ffffff;
  }
  .pofo_header .main_header .navbar .navbar-collapse ul li a:hover,
  .pofo_header .main_header .navbar .navbar-collapse ul li a:focus {
    background-color: #141816;
    color: #ffffff;
  }
}
.pofo_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .pofo_header .main_header .navbar-collapse {
    background-color: transparent;
    position: absolute;
    top: 99px;
    left: 0;
    right: 0;
    z-index: 101;
    text-align: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
}
/***************************Home***********************************/
.banner_slider {
  height: auto;
}
.banner_slider .home_carousel .owl-item {
  height: auto;
}
.banner_slider .home_carousel img {
  width: 100%;
  height: 940px;
  object-fit: cover;
}
@media (max-width: 540px) {
  .banner_slider .home_carousel img {
    height: 670px;
    object-fit: cover;
    width: auto;
  }
}
.banner_slider .home_carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: left;
  z-index: 999999999;
  width: 50%;
  background-color: rgba(38, 47, 42, 0.95);
  color: #ffffff;
  padding: 70px;
  left: auto;
}
@media (max-width: 1366px) {
  .banner_slider .home_carousel .carousel-caption {
    padding: 50px;
  }
}
@media (max-width: 540px) {
  .banner_slider .home_carousel .carousel-caption {
    padding: 40px;
    text-align: center;
    width: 100%;
  }
}
.banner_slider .home_carousel .carousel-caption .slider_title {
  font-size: 70px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-decoration: none;
  text-shadow: none;
  animation-delay: 1s;
}
@media (max-width: 1366px) {
  .banner_slider .home_carousel .carousel-caption .slider_title {
    font-size: 30px;
  }
}
@media (max-width: 540px) {
  .banner_slider .home_carousel .carousel-caption .slider_title {
    font-size: 21px;
  }
}
.banner_slider .home_carousel .carousel-caption .slider_text {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
  text-shadow: none;
  animation-delay: 1.5s;
}
@media (max-width: 1366px) {
  .banner_slider .home_carousel .carousel-caption .slider_text {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .banner_slider .home_carousel .carousel-caption .slider_text {
    font-size: 14px;
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .banner_slider .home_carousel .carousel-caption .slider_text {
    margin-bottom: 0;
  }
}
.banner_slider .home_carousel .carousel-caption .slider_button {
  padding: 12px 30px;
  background-color: #ffffff;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  border: 2px solid #ffffff;
  color: #1b251d;
  text-shadow: none;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
  animation-delay: 2s;
}
.banner_slider .home_carousel .carousel-caption .slider_button:active,
.banner_slider .home_carousel .carousel-caption .slider_button:hover,
.banner_slider .home_carousel .carousel-caption .slider_button:focus {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 12px 30px;
  font-size: 13px;
  transition: 0.3s all ease-in-out;
}
.banner_slider .home_carousel .owl-controls .owl-pagination {
  position: absolute;
  left: 15px;
  right: 0;
  top: 50%;
  width: 13px;
  transform: translateY(-50%);
}
@media (max-width: 540px) {
  .banner_slider .home_carousel .owl-controls .owl-pagination {
    display: none;
  }
}
.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page {
  width: 13px;
  height: 13px;
  margin: 0 20px;
  background-color: transparent;
  border: 2px solid #262f2a;
  outline: none;
  clear: both;
  display: block;
  border-radius: 50%;
  margin-bottom: 15px;
  transition: 0.3s all ease-in-out;
}
.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page.active {
  background-color: #262f2a;
  border: 2px solid #262f2a;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page:hover,
.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page:focus {
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.banner_slider .home_carousel .owl-controls .owl-pagination .owl-page span {
  display: none;
}
.banner_slider.cmsnano_banner .carousel-caption {
  color: #404040;
}
.banner_slider.cmsnano_banner .carousel-caption .slider_button {
  background-color: #404040;
  border-color: #404040;
  color: #ffffff;
}
.banner_slider.cmsnano_banner .carousel-caption .slider_button:hover {
  border-color: #404040;
  color: #404040;
}
.section_head {
  text-align: center;
  margin-bottom: 50px;
}
.section_head h3 {
  color: #242c38;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.section_head h2 {
  color: #1b251d;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 35px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  position: relative;
}
@media (max-width: 1024px) {
  .section_head h2 {
    font-size: 28px;
  }
}
@media (max-width: 540px) {
  .section_head h2 {
    font-size: 24px;
  }
}
.section_head h2::after {
  content: '';
  display: block;
  width: 100px;
  height: 1px;
  background: #262f2a;
  margin: 0 auto;
  margin-top: 15px;
}
.feature_area {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  padding: 100px 0;
}
.feature_area .feature_head {
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 540px) {
  .feature_area .feature_head {
    margin-bottom: 10px;
  }
}
.feature_area .feature_head h4 {
  color: #242c38;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.feature_area .feature_head h3 {
  color: #1b251d;
  font-size: 28px;
  line-height: 1.4;
  padding: 0 130px;
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .feature_area .feature_head h3 {
    font-size: 23px;
  }
}
@media (max-width: 540px) {
  .feature_area .feature_head h3 {
    font-size: 15px;
    padding: 0 30px;
  }
}
.feature_area .feature_box {
  padding: 35px 15px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 10px;
  transition: 0.3s all ease-in-out;
}
.feature_area .feature_box:hover,
.feature_area .feature_box:focus {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
  transform: translateY(-15px);
}
.feature_area .feature_box img {
  margin-bottom: 15px;
}
.feature_area .feature_box h2 {
  margin-bottom: 10px;
  color: #1b251d;
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.feature_area .feature_box p {
  color: #242c38;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 25px;
}
.video_area {
  background-image: url(../images/pofo_parallax.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 150px 0;
  height: auto;
  text-align: center;
}
@media (max-width: 990px) {
  .video_area {
    height: auto;
    padding: 30px 0;
    background-attachment: inherit;
  }
}
.video_area a {
  transition: 0.3s all ease-in-out;
}
.video_area a img {
  width: 150px;
  height: auto;
  transition: 0.3s all ease-in-out;
  margin-bottom: 10px;
}
.video_area a:active img,
.video_area a:hover img,
.video_area a:focus img {
  transform: scale(1.1);
  transition: 0.3s all ease-in-out;
}
.video_area h1 {
  color: #ffffff;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.5;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .video_area h1 {
    font-size: 30px;
  }
}
@media (max-width: 990px) {
  .video_area h1 {
    font-size: 20px;
    width: 100%;
  }
}
.video_area h3 {
  color: #787878;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.skill_area {
  background-color: #c53733;
  width: 100%;
  height: auto;
  padding-bottom: 100px;
}
@media (max-width: 990px) {
  .skill_area {
    padding: 20px 0;
  }
}
.skill_area .skill_box {
  padding: 55px 30px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-top: -130px;
  height: 355px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .skill_area .skill_box {
    padding: 30px 30px;
  }
}
@media (max-width: 990px) {
  .skill_area .skill_box {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.skill_area .skill_box img {
  margin-bottom: 20px;
}
.skill_area .skill_box h5 {
  margin-bottom: 15px;
  color: #1b251d;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .skill_area .skill_box h5 {
    font-size: 14px;
  }
}
.skill_area .skill_box p {
  color: #242c38;
  margin-bottom: 0;
  font-size: 15px;
}
@media (max-width: 1366px) {
  .skill_area .skill_box p {
    font-size: 13px;
  }
}
.build_area {
  background-color: #c53733;
  padding: 100px 0;
  width: 100%;
  height: auto;
}
.build_area .build_box {
  margin-bottom: 30px;
}
.build_area .build_box h1 {
  margin-bottom: 50px;
  font-weight: 600;
  color: #1b251d;
  font-size: 35px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .build_area .build_box h1 {
    font-size: 25px;
  }
}
@media (max-width: 990px) {
  .build_area .build_box h1 {
    text-align: center;
  }
}
.build_area .build_box h2 {
  margin-right: 25px;
  color: #787878;
  line-height: 60px;
  font-size: 55px;
  font-weight: 600;
  float: left;
  height: 120px;
}
@media (max-width: 1366px) {
  .build_area .build_box h2 {
    height: 150px;
  }
}
@media (max-width: 540px) {
  .build_area .build_box h2 {
    height: 120px;
  }
}
.build_area .build_box h3 {
  margin-bottom: 5px;
  color: #1b251d;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 25px;
}
@media (max-width: 1366px) {
  .build_area .build_box h3 {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .build_area .build_box h3 {
    font-size: 17px;
  }
}
.build_area .build_box p {
  color: #272727;
  line-height: 25px;
  font-size: 15px;
}
.gallery_area {
  padding: 100px 0;
  background-color: #ffffff;
  width: 100%;
  height: auto;
}
@media (max-width: 990px) {
  .gallery_area {
    padding: 10px 0;
  }
}
.gallery_area .gall_box {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 990px) {
  .gallery_area .gall_box {
    margin-bottom: 15px;
  }
}
.gallery_area .gall_box::before {
  background-color: #262f2a;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.3s all ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 1;
  margin: 0 auto;
  pointer-events: none;
}
.gallery_area .gall_box .gall_thumb {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.gallery_area .gall_box .gall_thumb a {
  display: block;
  height: 360px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .gallery_area .gall_box .gall_thumb a {
    height: 180px;
  }
}
.gallery_area .gall_box .gall_thumb a img {
  vertical-align: middle;
  width: 100%;
  transition: 0.3s all ease-in-out;
  margin: 0 auto;
  max-width: 100%;
  display: block;
  height: 360px;
  object-fit: cover;
  position: relative;
}
@media (max-width: 1024px) {
  .gallery_area .gall_box .gall_thumb a img {
    height: 180px;
  }
}
.gallery_area .gall_box .gall_content {
  background-color: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: 0.3s all ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  width: auto;
  display: inline-block;
}
.gallery_area .gall_box .gall_content .fa {
  height: 55px;
  width: 55px;
  line-height: 55px;
  font-size: 25px;
  color: #1b251d;
  text-align: center;
  transition: 0.3s all ease-in-out;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  pointer-events: all;
}
.gallery_area .gall_box .gall_content .fa:active,
.gallery_area .gall_box .gall_content .fa:hover,
.gallery_area .gall_box .gall_content .fa:focus {
  background-color: transparent;
  border: 3px solid #ffffff;
  color: #ffffff;
  font-size: 25px;
}
.gallery_area .gall_box .gall_content .gall_text {
  color: #404040;
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-top: 15px;
}
.gallery_area .gall_box:hover,
.gallery_area .gall_box:focus {
  transition: 0.3s all ease-in-out;
}
.gallery_area .gall_box:hover::before,
.gallery_area .gall_box:focus::before {
  opacity: 0.9;
  visibility: visible;
}
.gallery_area .gall_box:hover img,
.gallery_area .gall_box:focus img {
  transform: scale(1.2) rotate(7deg);
  transition: 0.3s all ease-in-out;
}
.gallery_area .gall_box:hover .gall_content,
.gallery_area .gall_box:focus .gall_content {
  opacity: 1;
  visibility: visible;
}
.test_area {
  padding: 100px 0;
  background-color: #c53733;
  width: 100%;
  height: auto;
}
.test_area .content_box {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 40px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
}
.test_area .content_box::after {
  content: " ";
  position: absolute;
  left: 70px;
  bottom: 114px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(245, 245, 245, 0);
  border-top-color: #272a39;
  border-width: 15px;
  margin-left: -15px;
  z-index: 9;
}
@media (max-width: 1366px) {
  .test_area .content_box::after {
    bottom: 134px;
  }
}
@media (max-width: 540px) {
  .test_area .content_box::after {
    bottom: 84px;
  }
}
.test_area .content_box p {
  font-size: 14px;
  color: #272727;
  line-height: 25px;
}
.test_area .person_box {
  margin-bottom: 30px;
}
.test_area .person_box img {
  border-radius: 100%;
  float: left;
  margin-right: 30px;
  margin-left: 25px;
}
.test_area .person_box .person_detail {
  padding: 15px;
}
.test_area .person_box .person_detail h4 {
  font-size: 16px;
  color: #1b251d;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px;
}
@media (max-width: 1366px) {
  .test_area .person_box .person_detail h4 {
    font-size: 17px;
  }
}
.test_area .person_box .person_detail span {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: text_color;
}
.service_slider {
  padding: 0;
}
.service_slider .service_banner {
  background-image: url(../images/pofo_service1.jpg);
  background-position: center center;
  background-size: cover;
  height: 550px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .service_slider .service_banner {
    height: 300px;
  }
}
.service_slider .service_banner img {
  width: 100%;
}
.service_slider .service_content {
  background-color: #1a1a1a;
  height: 550px;
  padding: 0;
}
@media (max-width: 990px) {
  .service_slider .service_content {
    height: 300px;
    padding: 0;
  }
}
.service_slider .service_content .service_carousel {
  position: relative;
}
.service_slider .service_content .service_carousel .owl-item {
  height: auto;
}
.service_slider .service_content .service_carousel img {
  display: block;
  width: 100%;
  height: 550px;
  object-fit: cover;
}
@media (max-width: 990px) {
  .service_slider .service_content .service_carousel img {
    height: 300px;
  }
}
.service_slider .service_content .service_carousel .carousel-caption {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
@media (max-width: 990px) {
  .service_slider .service_content .service_carousel .carousel-caption {
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.service_slider .service_content .service_carousel .carousel-caption .slider_title {
  color: #ffffff;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_title {
    font-size: 25px;
  }
}
@media (max-width: 1024px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_title {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_title {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.service_slider .service_content .service_carousel .carousel-caption .slider_text {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_text {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_text {
    height: 80px;
    overflow: hidden;
    font-size: 17px;
  }
}
@media (max-width: 540px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_text {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.service_slider .service_content .service_carousel .carousel-caption .slider_button {
  padding: 10px 20px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #1b251d;
  text-shadow: none;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_button {
    padding: 10px 20px;
    font-size: 14px;
  }
}
@media (max-width: 540px) {
  .service_slider .service_content .service_carousel .carousel-caption .slider_button {
    font-size: 12px;
  }
}
.service_slider .service_content .service_carousel .carousel-caption .slider_button:active,
.service_slider .service_content .service_carousel .carousel-caption .slider_button:hover,
.service_slider .service_content .service_carousel .carousel-caption .slider_button:focus {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.service_slider .service_content .service_carousel .owl-buttons {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 540px) {
  .service_slider .service_content .service_carousel .owl-buttons {
    display: none;
  }
}
.service_slider .service_content .service_carousel .owl-buttons .owl-prev {
  position: absolute;
  left: 7%;
  color: #1b251d;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 0;
  font-size: 28px;
  outline: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0;
  opacity: 1;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1024px) {
  .service_slider .service_content .service_carousel .owl-buttons .owl-prev {
    left: 2%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 27px;
  }
}
.service_slider .service_content .service_carousel .owl-buttons .owl-prev:active,
.service_slider .service_content .service_carousel .owl-buttons .owl-prev:hover,
.service_slider .service_content .service_carousel .owl-buttons .owl-prev:focus {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: 0.3s all ease-in-out;
}
.service_slider .service_content .service_carousel .owl-buttons .owl-next {
  position: absolute;
  right: 7%;
  color: #1b251d;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 0;
  font-size: 28px;
  outline: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1024px) {
  .service_slider .service_content .service_carousel .owl-buttons .owl-next {
    right: 2%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 27px;
  }
}
.service_slider .service_content .service_carousel .owl-buttons .owl-next:active,
.service_slider .service_content .service_carousel .owl-buttons .owl-next:hover,
.service_slider .service_content .service_carousel .owl-buttons .owl-next:focus {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: 0.3s all ease-in-out;
}
.blog_area {
  padding: 100px 0 50px;
  background-color: #c53733;
  width: 100%;
  height: auto;
}
@media (max-width: 990px) {
  .blog_area {
    padding: 30px 0;
  }
}
.blog_area .blog_box {
  margin-bottom: 80px;
}
@media (max-width: 990px) {
  .blog_area .blog_box {
    margin-bottom: 30px;
  }
}
.blog_area .blog_box .image_box {
  position: relative;
  overflow: hidden;
}
.blog_area .blog_box .image_box img {
  width: 100%;
  height: auto;
}
.blog_area .blog_box .text_box {
  padding: 40px;
  background-color: #ffffff;
}
.blog_area .blog_box .text_box .box_tag {
  padding: 9px 18px;
  background-color: #ffffff;
  color: #242c38;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 15px;
  transition: 0.3s all ease-in-out;
  font-size: 14px;
}
.blog_area .blog_box .text_box .box_tag:active,
.blog_area .blog_box .text_box .box_tag:hover,
.blog_area .blog_box .text_box .box_tag:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.blog_area .blog_box .text_box .box_title {
  color: #1b251d;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  display: block;
  position: relative;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .blog_area .blog_box .text_box .box_title {
    font-size: 14px;
  }
}
.blog_area .blog_box .text_box .box_title:active,
.blog_area .blog_box .text_box .box_title:hover,
.blog_area .blog_box .text_box .box_title:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.blog_area .blog_box .text_box .box_text {
  color: #242c38;
  line-height: 1.5;
  left: 0.5px;
  text-align: justify;
  font-size: 14px;
}
@media (max-width: 1366px) {
  .blog_area .blog_box .text_box .box_text {
    font-size: 13px;
  }
}
.blog_area .blog_btn {
  padding: 14px 24px;
  background-color: #262f2a;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 3px solid #262f2a;
  font-weight: 600;
  margin-top: 30px;
  transition: 0.3s all ease-in-out;
}
.blog_area .blog_btn:active,
.blog_area .blog_btn:hover,
.blog_area .blog_btn:focus {
  background-color: transparent;
  border: 3px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/*********************************About***********************************/
.banner_area {
  background-image: url(../images/pofo_banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 300px 0;
  text-align: center;
}
@media (max-width: 990px) {
  .banner_area {
    padding: 200px 0 50px;
  }
}
.banner_area .banner_caption {
  position: relative;
}
.banner_area .banner_caption .banner_text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.banner_area .banner_caption .banner_head {
  color: #ffffff;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  position: relative;
  padding: 0 240px;
}
@media (max-width: 1366px) {
  .banner_area .banner_caption .banner_head {
    font-size: 36px;
    padding: 0 190px;
  }
}
@media (max-width: 540px) {
  .banner_area .banner_caption .banner_head {
    font-size: 35px;
    padding: 0;
  }
}
.banner_area .banner_caption .banner_gif {
  position: absolute;
  top: 320px;
}
@media (max-width: 540px) {
  .banner_area .banner_caption .banner_gif {
    top: 260px;
    left: 46%;
  }
}
@media (max-width: 1366px) {
  .banner_area .banner_caption .banner_gif {
    left: 47%;
    top: 260px;
  }
}
.entry_area {
  background-color: #ffffff;
  padding: 150px 0;
  width: 100%;
  height: auto;
}
@media (max-width: 990px) {
  .entry_area {
    padding: 30px 0;
  }
}
.entry_area .entry_box {
  margin-bottom: 30px;
}
.entry_area .entry_box h1 {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 600;
  color: #1b251d;
  font-size: 35px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .entry_area .entry_box h1 {
    font-size: 25px;
  }
}
.entry_area .entry_box h2 {
  margin-right: 25px;
  color: #787878;
  line-height: 60px;
  font-size: 55px;
  font-weight: 600;
  float: left;
  height: 120px;
}
@media (max-width: 1366px) {
  .entry_area .entry_box h2 {
    height: 150px;
  }
}
@media (max-width: 990px) {
  .entry_area .entry_box h2 {
    height: auto;
    margin-bottom: 20px;
    float: none;
  }
}
.entry_area .entry_box h3 {
  margin-bottom: 5px;
  color: #1b251d;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 25px;
}
@media (max-width: 1366px) {
  .entry_area .entry_box h3 {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .entry_area .entry_box h3 {
    font-size: 17px;
  }
}
.entry_area .entry_box p {
  color: #272727;
  line-height: 25px;
  font-size: 15px;
}
.service_area {
  padding: 0;
  position: relative;
}
.service_area .service_box {
  background-color: #1b251d;
  height: 620px;
  padding: 100px 40px;
}
@media (max-width: 1024px) {
  .service_area .service_box {
    height: auto;
    padding: 40px 40px;
  }
}
@media (max-width: 990px) {
  .service_area .service_box {
    height: auto;
    text-align: center;
    padding: 30px;
  }
}
.service_area .service_box h1 {
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .service_area .service_box h1 {
    font-size: 25px;
  }
}
@media (max-width: 1024px) {
  .service_area .service_box h1 {
    font-size: 18px;
  }
}
.service_area .service_box h3 {
  color: #242c38;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 1366px) {
  .service_area .service_box h3 {
    font-size: 16px;
  }
}
.service_area .service_box div {
  color: #272727;
}
.service_area .service_box div p {
  font-size: 14px;
  line-height: 1.5;
}
.service_area .service_box .service_btn {
  padding: 10px 20px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #1b251d;
  text-shadow: none;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 25px;
  transition: 0.3s all ease-in-out;
}
.service_area .service_box .service_btn:active,
.service_area .service_box .service_btn:hover,
.service_area .service_box .service_btn:focus {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.service_area .service_img {
  background-image: url(../images/pofo_svr_img.jpg);
  background-position: center center;
  background-size: cover;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 620px;
}
@media (max-width: 1024px) {
  .service_area .service_img {
    height: 500px;
  }
}
@media (max-width: 990px) {
  .service_area .service_img {
    height: 300px;
  }
}
.team_area {
  padding: 100px 0;
  background-color: #ffffff;
}
.team_area .team_box {
  padding: 0;
}
@media (max-width: 540px) {
  .team_area .team_box {
    margin-bottom: 20px;
  }
}
.team_area .team_box .pic_box {
  position: relative;
  display: block;
  overflow: hidden;
}
.team_area .team_box .pic_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.team_area .team_box .detail_box {
  position: relative;
  padding: 50px;
  background-color: #ffffff;
  height: 390px;
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 1366px) {
  .team_area .team_box .detail_box {
    height: 300px;
    padding: 40px;
  }
}
.team_area .team_box .detail_box .team_name {
  color: #262f2a;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
}
.team_area .team_box .detail_box .position {
  position: relative;
  color: #242c38;
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
}
.team_area .team_box .detail_box .position::after {
  content: '';
  display: block;
  width: 50px;
  background: #262f2a;
  height: 1px;
  margin-top: 15px;
}
.team_area .team_box .detail_box .team_text {
  margin-bottom: 20px;
  position: relative;
  line-height: 25px;
  font-size: 14px;
  color: #1b251d;
}
.team_area .team_box .detail_box .team_social {
  padding: 0;
  margin: 0;
}
.team_area .team_box .detail_box .team_social li {
  display: inline-block;
  padding-right: 15px;
}
.team_area .team_box .detail_box .team_social li .fa {
  font-size: 18px;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.team_area .team_box .detail_box .team_social li .fa:active,
.team_area .team_box .detail_box .team_social li .fa:hover,
.team_area .team_box .detail_box .team_social li .fa:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/*********************************Contact***********************************/
.add_area {
  padding: 100px 0;
  background-color: #ffffff;
  width: 100%;
  position: relative;
}
.add_area .add_box {
  padding: 80px 60px;
  background-color: #ffffff;
  border: 1px solid #242c38;
  text-align: center;
}
@media (max-width: 1366px) {
  .add_area .add_box {
    padding: 40px 30px;
  }
}
@media (max-width: 540px) {
  .add_area .add_box {
    margin-bottom: 15px;
  }
}
.add_area .add_box .flag {
  margin-bottom: 35px;
}
.add_area .add_box h3 {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.add_area .add_box p {
  margin-bottom: 25px;
  font-size: 16px;
  color: #1b251d;
  line-height: 25px;
}
.add_area .add_box span {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1b251d;
  line-height: 25px;
}
.map_area {
  padding: 0;
  position: relative;
  background-color: #ffffff;
  height: 600px;
}
.map_area .nn_col {
  padding: 0;
}
.form_area {
  padding: 100px 0;
  background-image: url(../images/pofo_form_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width: 1024px) {
  .form_area {
    background-attachment: inherit;
  }
}
.form_area .form_head {
  text-align: center;
  margin-bottom: 60px;
}
.form_area .form_head h3 {
  color: #242c38;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.form_area .form_head h2 {
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 35px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  position: relative;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 1366px) {
  .form_area .form_head h2 {
    font-size: 28px;
  }
}
@media (max-width: 990px) {
  .form_area .form_head h2 {
    width: 100%;
    font-size: 20px;
  }
}
.form_area .pofo_form {
  text-align: center;
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 990px) {
  .form_area .pofo_form {
    width: 100%;
  }
}
.form_area .pofo_form input,
.form_area .pofo_form textarea {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  outline: none;
  padding: 12px 20px;
  font-size: 14px;
  line-height: normal;
  border-radius: 0;
  width: 100%;
  margin-bottom: 25px;
  text-align: left;
  transition: 0.3s all ease-in-out;
}
.form_area .pofo_form input:focus,
.form_area .pofo_form textarea:focus {
  border: 1px solid #262f2a;
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.form_area .pofo_form input:focus::-webkit-input-placeholder,
.form_area .pofo_form textarea:focus::-webkit-input-placeholder {
  color: #262f2a;
}
.form_area .pofo_form input:focus::-moz-placeholder,
.form_area .pofo_form textarea:focus::-moz-placeholder {
  color: #262f2a;
}
.form_area .pofo_form input:focus:-ms-input-placeholder,
.form_area .pofo_form textarea:focus:-ms-input-placeholder {
  color: #262f2a;
}
.form_area .pofo_form input:focus:-moz-placeholder,
.form_area .pofo_form textarea:focus:-moz-placeholder {
  color: #262f2a;
}
.form_area .pofo_form input::-webkit-input-placeholder,
.form_area .pofo_form textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.form_area .pofo_form input::-moz-placeholder,
.form_area .pofo_form textarea::-moz-placeholder {
  color: #ffffff;
}
.form_area .pofo_form input:-ms-input-placeholder,
.form_area .pofo_form textarea:-ms-input-placeholder {
  color: #ffffff;
}
.form_area .pofo_form input:-moz-placeholder,
.form_area .pofo_form textarea:-moz-placeholder {
  color: #ffffff;
}
.form_area .pofo_form textarea {
  height: 150px;
}
.form_area .pofo_form button {
  margin-top: 25px;
  text-align: center;
  display: inline-block;
  padding: 12px 20px;
  font-size: 14px;
  color: #ffffff;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  outline: none;
  transition: 0.3s all ease-in-out;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.form_area .pofo_form button:active,
.form_area .pofo_form button:hover,
.form_area .pofo_form button:focus {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/*********************************Service***********************************/
.intro_area {
  padding-bottom: 0;
  padding: 50px 0;
  background-color: #ffffff;
  text-align: center;
}
@media (max-width: 540px) {
  .intro_area {
    padding-top: 50px;
  }
}
.intro_area h3 {
  color: #262f2a;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}
@media (max-width: 540px) {
  .intro_area h3 {
    font-size: 11px;
  }
}
.intro_area h1 {
  font-size: 35px;
  color: #1b251d;
  line-height: 1.5;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 0 90px;
}
@media (max-width: 1366px) {
  .intro_area h1 {
    font-size: 30px;
  }
}
@media (max-width: 540px) {
  .intro_area h1 {
    font-size: 20px;
    padding: 0;
  }
}
.intro_area p {
  color: #242c38;
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 1366px) {
  .intro_area p {
    font-size: 15px;
  }
}
@media (max-width: 540px) {
  .intro_area p {
    padding: 0;
    font-size: 12px;
  }
}
.intro_area img {
  margin-top: 70px;
}
@media (max-width: 540px) {
  .intro_area img {
    width: 100%;
    margin-top: 20px;
  }
}
.service_group {
  background-color: #c53733;
  padding: 100px 0;
}
.service_group .group_box {
  background-color: #ffffff;
  border: 1px solid #9c2c29;
  padding: 50px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .service_group .group_box {
    margin-bottom: 15px;
  }
}
.service_group .group_box:hover,
.service_group .group_box:focus {
  transform: translateY(-15px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12156863);
  transition: 0.3s all ease-in-out;
}
.service_group .group_box .group_img {
  border-radius: 100%;
  background-color: #c53733;
  margin-bottom: 40px;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  display: inline-block;
}
.service_group .group_box .group_text .group_title {
  color: #262f2a;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
}
.service_group .group_box .group_text .group_head {
  font-weight: 600;
  color: #1b251d;
  margin-bottom: 20px;
  font-size: 16px;
}
.service_group .group_box .group_text .group_para {
  font-size: 15px;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .service_group .group_box .group_text .group_para {
    font-size: 13px;
  }
}
.tech_area {
  text-align: left;
  padding: 100px 0;
}
@media (max-width: 540px) {
  .tech_area .tech_head {
    margin-bottom: 30px;
  }
}
.tech_area .tech_head span,
.tech_area .tech_head h3 {
  display: block;
  color: #262f2a;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
.tech_area .tech_head .tech_title,
.tech_area .tech_head h1 {
  font-size: 32px;
  color: #1b251d;
  line-height: 1.5;
  padding-bottom: 20px;
  letter-spacing: 0.5px;
  font-weight: 900;
  display: inline-block;
  position: relative;
}
@media (max-width: 1366px) {
  .tech_area .tech_head .tech_title,
  .tech_area .tech_head h1 {
    font-size: 22px;
  }
}
.tech_area .tech_head .tech_title::after,
.tech_area .tech_head h1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 5px;
  background: #262f2a;
}
.tech_area .tech_head p {
  position: relative;
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 35px;
  padding-top: 20px;
}
@media (max-width: 1366px) {
  .tech_area .tech_head p {
    font-size: 14px;
  }
}
.tech_area .tech_head .tech_list {
  padding: 0;
  margin-top: 20px;
}
.tech_area .tech_head .tech_list li {
  font-size: 15px;
  color: #1b251d;
  list-style: none;
  display: table;
  cursor: pointer;
  margin-bottom: 15px;
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_head .tech_list li::before {
  content: '\f111';
  font-family: 'FontAwesome';
  font-size: 10px;
  color: #262f2a;
  padding-right: 15px;
  vertical-align: middle;
  display: table-cell;
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_head .tech_list li:hover,
.tech_area .tech_head .tech_list li:focus {
  transform: translateX(15px);
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_view {
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_view .tech_cover {
  vertical-align: middle;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}
.tech_area .tech_view .tech_cover img {
  width: 100%;
}
.tech_area .tech_view .tech_data {
  text-align: center;
  padding: 15px;
}
.tech_area .tech_view .tech_data h3 {
  position: relative;
  color: #1b251d;
  font-size: 20px;
  font-weight: 600;
  height: 45px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .tech_area .tech_view .tech_data h3 {
    height: 45px;
    overflow: hidden;
    font-size: 18px;
  }
}
.tech_area .tech_view .tech_data h4 {
  color: #242c38;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .tech_area .tech_view .tech_data h4 {
    font-size: 14px;
  }
}
.tech_area .tech_view .tech_data .fa {
  display: inline-block;
  font-size: 30px;
  color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_view .tech_data .fa:active,
.tech_area .tech_view .tech_data .fa:hover,
.tech_area .tech_view .tech_data .fa:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_view:hover,
.tech_area .tech_view:focus {
  transform: translateY(-15px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12156863);
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_view:hover .fa,
.tech_area .tech_view:focus .fa {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.tech_area .tech_view:hover h3,
.tech_area .tech_view:focus h3 {
  color: #262f2a;
}
/*********************************Category***********************************/
.category_area {
  background-color: #ffffff;
  padding: 100px 0;
}
@media (max-width: 540px) {
  .category_area {
    padding-bottom: 0;
  }
}
.category_area .pofo_sidebar {
  width: 100%;
  background-color: #ffffff;
  padding: 0 20px;
}
@media (max-width: 1366px) {
  .category_area .pofo_sidebar {
    padding: 0 15px;
  }
}
.category_area .pofo_sidebar .cat_head {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 35px;
  margin-bottom: 20px;
  position: relative;
}
.category_area .pofo_sidebar .cat_head::after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background: #262f2a;
  margin-top: 10px;
}
.category_area .pofo_sidebar .sidebar_cat {
  margin-bottom: 30px;
  background-color: transparent;
}
.category_area .pofo_sidebar .sidebar_cat ul {
  padding: 0;
  margin: 0;
}
.category_area .pofo_sidebar .sidebar_cat ul li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.category_area .pofo_sidebar .sidebar_cat ul li a {
  font-size: 14px;
  color: #242c38;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 15px 0;
  transition: 0.3s all ease-in-out;
}
.category_area .pofo_sidebar .sidebar_cat ul li a.active {
  color: #262f2a;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.category_area .pofo_sidebar .sidebar_cat ul li a:active,
.category_area .pofo_sidebar .sidebar_cat ul li a:hover,
.category_area .pofo_sidebar .sidebar_cat ul li a:focus {
  color: #262f2a;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.category_area .pofo_sidebar .sidebar_follow {
  margin-bottom: 30px;
}
.category_area .pofo_sidebar .sidebar_follow ul {
  padding: 0;
  margin: 0;
}
.category_area .pofo_sidebar .sidebar_follow ul li {
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 1366px) {
  .category_area .pofo_sidebar .sidebar_follow ul li {
    padding-right: 5px;
  }
}
.category_area .pofo_sidebar .sidebar_follow ul li .fa {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background-color: #1b251d;
  transition: 0.3s all ease-in-out;
}
.category_area .pofo_sidebar .sidebar_follow ul li .fa:active,
.category_area .pofo_sidebar .sidebar_follow ul li .fa:hover,
.category_area .pofo_sidebar .sidebar_follow ul li .fa:focus {
  background-color: #262f2a;
  color: #ffffff;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.category_area .category_container .category_box {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: inline-block;
}
.category_area .category_container .category_box .image_box {
  width: 100%;
  height: auto;
  display: inline-block;
  overflow: hidden;
  transition: 0.3s all ease;
}
.category_area .category_container .category_box .image_box img {
  width: 100%;
  transition: 0.3s all ease;
  height: 360px;
  object-fit: cover;
}
.category_area .category_container .category_box .content_box {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  padding: 40px;
  width: 100%;
  margin: 0 auto;
  height: 100px;
  max-height: 100%;
  transition: height 0.5s ease-in-out;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .category_area .category_container .category_box .content_box {
    padding: 20px 0;
    max-height: 100px;
    overflow: hidden;
    bottom: 0;
  }
}
.category_area .category_container .category_box .content_box .post_meta {
  color: #242c38;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-right: 10px;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .category_area .category_container .category_box .content_box .post_meta {
    font-size: 10px;
    padding-right: 5px;
    margin-bottom: 15px;
  }
}
.category_area .category_container .category_box .content_box .slider_title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  max-height: 80px;
  overflow: hidden;
  text-align: left;
}
@media (max-width: 1366px) {
  .category_area .category_container .category_box .content_box .slider_title {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .category_area .category_container .category_box .content_box .slider_title {
    text-align: center;
    max-height: 100px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 16px;
  }
}
.category_area .category_container .category_box .content_box .slider_text,
.category_area .category_container .category_box .content_box p {
  color: #242c38;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  text-align: justify;
  max-height: 92px;
  overflow: hidden;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .category_area .category_container .category_box .content_box .slider_text,
  .category_area .category_container .category_box .content_box p {
    display: none;
  }
}
.category_area .category_container .category_box:hover .content_box,
.category_area .category_container .category_box:focus .content_box {
  height: 220px;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .category_area .category_container .category_box:hover .content_box,
  .category_area .category_container .category_box:focus .content_box {
    height: 100px;
    overflow: hidden;
  }
}
.category_area .category_container .category_box:hover .content_box .slider_title,
.category_area .category_container .category_box:focus .content_box .slider_title {
  color: #262f2a;
}
.category_area .category_container .category_box:hover .content_box .slider_text,
.category_area .category_container .category_box:focus .content_box .slider_text,
.category_area .category_container .category_box:hover .content_box p,
.category_area .category_container .category_box:focus .content_box p {
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.category_area .category_container .category_box:hover .image_box img,
.category_area .category_container .category_box:focus .image_box img {
  transform: scale(1.2);
  transition: 0.3s all ease;
}
.category_area .detail_container .image_box {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 500px;
  object-fit: cover;
  margin-bottom: 25px;
}
@media (max-width: 540px) {
  .category_area .detail_container .image_box {
    height: auto;
  }
}
.category_area .detail_container .image_box img {
  width: 100%;
  object-fit: cover;
  height: 500px;
}
.category_area .detail_container .kozan_pro_box {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  height: 500px;
  width: 500px;
  object-fit: contain;
  margin-bottom: 25px;
}
.category_area .detail_container .kozan_pro_box img {
  width: 500px;
  height: 500px;
  object-fit: contain;
}
.category_area .detail_container .detail_box .slider_title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #1b251d;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media (max-width: 540px) {
  .category_area .detail_container .detail_box .slider_title {
    font-size: 20px;
  }
}
.category_area .detail_container .detail_box p {
  color: #1b251d;
  font-size: 16px;
  text-align: justify;
  line-height: 1.5;
  margin-bottom: 20px;
}
.category_area .detail_container .detail_box ul {
  padding: 0;
  margin: 0;
  list-style: disc;
}
.category_area .detail_container .detail_box ul li {
  margin-bottom: 10px;
  color: #1b251d;
}
.category_area .detail_container .detail_box table {
  margin-top: 50px;
  background-color: transparent;
  padding: 0;
}
.category_area .detail_container .detail_box table tbody tr {
  min-height: 30px;
  line-height: 30px;
  padding: 0;
  font-size: 13px;
  color: #1b251d;
}
.category_area .detail_container .detail_box table tbody tr td {
  padding: 0 10px;
}
.category_area .detail_container .detail_box table tbody tr td em {
  font-style: normal;
}
.category_area .detail_container .detail_box iframe {
  width: 32%;
  height: 240px;
  margin-right: 15px;
  margin-top: 20px;
}
.category_area .detail_container .detail_box iframe:last-child {
  margin-right: 0;
}
@media (max-width: 540px) {
  .category_area .detail_container .detail_box iframe {
    width: 100%;
    margin-right: 0;
    height: auto;
  }
}
.category_area .detail_container .detail_box blockquote {
  padding: 20px 35px;
  margin-bottom: 25px;
  margin-top: 20px;
  font-size: 18px;
  border-left: 3px solid #262f2a;
}
.category_area .detail_container .detail_box blockquote p {
  margin: 0;
}
.pofo_cat_gallery {
  padding: 40px 0;
  background-color: #ffffff;
}
@media (max-width: 540px) {
  .pofo_cat_gallery .cat_gallery {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.pofo_cat_gallery .cat_gallery .gal_multiple {
  position: relative;
  display: inline-block;
  width: 23%;
  margin: 0 1%;
  margin-bottom: 20px;
  height: 260px;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .pofo_cat_gallery .cat_gallery .gal_multiple {
    margin-bottom: 20px;
  }
}
@media (max-width: 1366px) {
  .pofo_cat_gallery .cat_gallery .gal_multiple {
    height: 180px;
  }
}
.pofo_cat_gallery .cat_gallery .gal_multiple .cat_box {
  width: 100%;
  cursor: pointer;
  max-width: 100%;
  height: 260px;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_cat_gallery .cat_gallery .gal_multiple .cat_box {
    height: 180px;
  }
}
.pofo_cat_gallery .cat_gallery .gal_multiple:active,
.pofo_cat_gallery .cat_gallery .gal_multiple:hover,
.pofo_cat_gallery .cat_gallery .gal_multiple:focus {
  transition: 0.3s all ease-in-out;
}
.pofo_cat_gallery .cat_gallery .gal_multiple:active .cat_box,
.pofo_cat_gallery .cat_gallery .gal_multiple:hover .cat_box,
.pofo_cat_gallery .cat_gallery .gal_multiple:focus .cat_box {
  transform: scale(1.2) rotate(7deg);
  transition: 0.3s all ease-in-out;
}
.pofo_related {
  padding: 60px 0;
  background-color: #ffffff;
}
.pofo_related .related_box {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.pofo_related .related_box .box_image {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: auto;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.pofo_related .related_box .box_image img {
  width: 100%;
  cursor: pointer;
  max-width: 100%;
  height: 250px;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_related .related_box .box_image img {
    height: 200px;
  }
}
.pofo_related .related_box .box_content {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  width: 100%;
  height: 110px;
  max-height: 100%;
  margin: 0 auto;
  transition: height 0.5s ease-in-out;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_related .related_box .box_content {
    padding: 15px;
  }
}
.pofo_related .related_box .box_content .slider_title {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  max-height: 80px;
  overflow: hidden;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_related .related_box .box_content .slider_title {
    font-size: 14px;
    max-height: 85px;
  }
}
.pofo_related .related_box:hover,
.pofo_related .related_box:focus {
  transition: 0.3s all ease-in-out;
}
.pofo_related .related_box:hover .box_content,
.pofo_related .related_box:focus .box_content {
  height: 100%;
  transition: height 0.5s ease-in-out;
}
/*********************************Footer***********************************/
.pofo_footer {
  background-image: url(../images/pofo_footer_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #262f2a;
  box-shadow: -1px -4px 20px 0px rgba(0, 0, 0, 0.07843137);
}
.pofo_footer .main_footer {
  padding: 150px 0;
}
.pofo_footer .main_footer .footer_logo {
  display: inline-block;
  margin-bottom: 40px;
}
.pofo_footer .main_footer .footer_text {
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  width: 77%;
}
@media (max-width: 540px) {
  .pofo_footer .main_footer .footer_text {
    width: 100%;
  }
}
@media (max-width: 1366px) {
  .pofo_footer .main_footer .footer_text {
    font-size: 14px;
  }
}
.pofo_footer .main_footer .pofo_social {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
.pofo_footer .main_footer .pofo_social li {
  display: inline-block;
  padding-right: 15px;
}
.pofo_footer .main_footer .pofo_social li .fa {
  font-size: 20px;
  color: #1b251d;
  width: 45px;
  height: 45px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  background-color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.pofo_footer .main_footer .pofo_social li .fa:active,
.pofo_footer .main_footer .pofo_social li .fa:hover,
.pofo_footer .main_footer .pofo_social li .fa:focus {
  background-color: #1b251d;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.pofo_footer .main_footer .link_head {
  font-size: 22px;
  color: #000000;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  text-align: left;
}
@media (max-width: 1366px) {
  .pofo_footer .main_footer .link_head {
    font-size: 16px;
  }
}
.pofo_footer .main_footer .footer_link {
  padding: 0;
  margin: 0;
}
.pofo_footer .main_footer .footer_link li {
  display: block;
  margin-bottom: 10px;
}
.pofo_footer .main_footer .footer_link li a {
  color: #1b251d;
  font-size: 17px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_footer .main_footer .footer_link li a {
    font-size: 15px;
  }
}
.pofo_footer .main_footer .footer_link li a:active,
.pofo_footer .main_footer .footer_link li a:hover,
.pofo_footer .main_footer .footer_link li a:focus {
  color: #242c38;
  transition: 0.3s all ease-in-out;
}
.pofo_footer .main_footer .pofo_subscribe {
  display: inline-block;
  width: 100%;
  position: relative;
}
.pofo_footer .main_footer .pofo_subscribe input {
  width: 100%;
  line-height: 20px;
  height: 60px;
  font-size: 14px;
  color: #8d857b;
  background-color: #f2ea8e;
  border-radius: 50px;
  border: 2px solid #8d7b00;
  padding: 10px 50px 10px 30px;
  outline: none;
  transition: 0.3s all ease-in-out;
  box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.10196078);
}
.pofo_footer .main_footer .pofo_subscribe input::-webkit-input-placeholder {
  color: #8d857b;
}
.pofo_footer .main_footer .pofo_subscribe input::-moz-placeholder {
  color: #8d857b;
}
.pofo_footer .main_footer .pofo_subscribe input:-ms-input-placeholder {
  color: #8d857b;
}
.pofo_footer .main_footer .pofo_subscribe input:-moz-placeholder {
  color: #8d857b;
}
.pofo_footer .main_footer .pofo_subscribe input:focus {
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.pofo_footer .main_footer .pofo_subscribe button {
  width: 60px;
  height: 60px;
  line-height: 40px;
  font-size: 0;
  text-align: center;
  background-color: #262f2a;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: #ffffff;
  position: relative;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .pofo_footer .main_footer .pofo_subscribe button {
    position: absolute;
    bottom: 21px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.pofo_footer .main_footer .pofo_subscribe button::after {
  content: '\f1d8';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 60px;
}
@media (max-width: 540px) {
  .pofo_footer .main_footer .pofo_subscribe button::after {
    line-height: 50px;
  }
}
.pofo_footer .main_footer .pofo_subscribe button:active,
.pofo_footer .main_footer .pofo_subscribe button:hover,
.pofo_footer .main_footer .pofo_subscribe button:focus {
  background-color: #1b251d;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.pofo_footer .pofo_right {
  background-color: #ffffff;
}
.pofo_footer .pofo_right .footer-border {
  padding: 30px 0;
  border-top: 1px solid #272a39;
}
.pofo_footer .pofo_right .footer-border .copyright {
  text-align: left;
}
@media (max-width: 540px) {
  .pofo_footer .pofo_right .footer-border .copyright {
    text-align: center;
    margin-bottom: 15px;
  }
}
.pofo_footer .pofo_right .footer-border .copyright h5 {
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .pofo_footer .pofo_right .footer-border .copyright h5 {
    font-size: 14px;
  }
}
.pofo_footer .pofo_right .footer-border .copyright h5 span {
  color: #262f2a;
  font-weight: 600;
}
.pofo_footer .pofo_right .footer-border .policy_text {
  text-align: right;
}
@media (max-width: 540px) {
  .pofo_footer .pofo_right .footer-border .policy_text {
    text-align: center;
  }
}
.pofo_footer .pofo_right .footer-border .policy_text ul {
  padding: 0;
  margin: 0;
}
.pofo_footer .pofo_right .footer-border .policy_text ul li {
  display: inline-block;
  padding-right: 20px;
  color: #242c38;
}
.pofo_footer .pofo_right .footer-border .policy_text ul li:last-child {
  padding-right: 0;
}
.pofo_footer .pofo_right .footer-border .policy_text ul li a {
  color: #1b251d;
  font-size: 16px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1366px) {
  .pofo_footer .pofo_right .footer-border .policy_text ul li a {
    font-size: 14px;
  }
}
.pofo_footer .pofo_right .footer-border .policy_text ul li a:active,
.pofo_footer .pofo_right .footer-border .policy_text ul li a:hover,
.pofo_footer .pofo_right .footer-border .policy_text ul li a:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/********************************Focus*************************************/
.focus_header {
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.focus_header .main_header {
  background-color: transparent;
  height: 80px;
  padding: 0 30px;
}
@media (max-width: 990px) {
  .focus_header .main_header {
    position: inherit;
    top: inherit;
    float: left;
    width: 100%;
  }
}
.focus_header .main_header .logo_head {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 101;
  padding-right: 30px;
}
@media (max-width: 990px) {
  .focus_header .main_header .logo_head {
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .focus_header .main_header .logo_head {
    padding: 0 20px;
  }
}
.focus_header .main_header .logo_head a {
  width: auto;
  height: auto;
  display: table-cell;
  line-height: 80px;
  height: 80px;
  vertical-align: middle;
  outline: none;
}
.focus_header .main_header .footer_logo {
  display: inline-block;
  float: left;
  padding-left: 40px;
}
.focus_header .main_header .footer_logo a {
  width: auto;
  height: auto;
}
.focus_header .main_header .footer_logo a img {
  max-width: 170px;
  margin-bottom: 20px;
}
.focus_header .main_header .nav {
  text-align: center;
  font-size: 0;
}
.focus_header .main_header .nav:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.focus_header .main_header .nav .dropdown-menu {
  background-color: #1a1a1a;
  line-height: 80px;
  top: 80px !important;
  left: 20px !important;
  width: 250px;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .focus_header .main_header .nav .dropdown-menu {
    border: none;
    top: 53px !important;
    left: 0 !important;
  }
}
.focus_header .main_header .nav .dropdown-menu li {
  height: auto;
  padding: 0;
  border-bottom: 1px solid #343434;
  line-height: 40px;
  transition: 0.3s all ease-in-out;
}
.focus_header .main_header .nav .dropdown-menu li:last-child {
  border: none;
}
.focus_header .main_header .nav .dropdown-menu li a {
  color: #ffffff;
  display: block;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: normal;
  text-transform: capitalize;
}
.focus_header .main_header .nav .dropdown-menu li a.active,
.focus_header .main_header .nav .dropdown-menu li a:hover,
.focus_header .main_header .nav .dropdown-menu li a:focus {
  color: #262f2a;
}
.focus_header .main_header .nav .dropdown-menu li a:after {
  display: none;
}
.focus_header .main_header .nav .divider {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0;
  height: 30px;
  margin: 24px auto;
}
.focus_header .main_header .nav li {
  margin: 0;
  display: inline-block;
  padding: 0px 20px;
  height: 80px;
  line-height: 80px;
  float: left;
}
.focus_header .main_header .nav li:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  top: 53px;
  left: 0;
  transition: 0.3s all ease-in-out;
}
.focus_header .main_header .nav li a {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #1b251d;
  padding: 0;
  font-weight: 600;
  text-transform: uppercase;
  background-color: transparent;
  position: relative;
  display: initial;
  transition: 0.2s all ease-in-out;
}
.focus_header .main_header .nav li a.active {
  color: #262f2a;
  font-weight: 600;
  font-size: 14px;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.focus_header .main_header .nav li a:hover,
.focus_header .main_header .nav li a:focus {
  color: #262f2a;
  background-color: transparent;
  transition: 0.2s all ease-in-out;
}
.focus_header .main_header .navbar {
  margin-bottom: 0;
  border: 0;
}
.focus_header .main_header .navbar .navbar-header .navbar-toggle {
  border: none;
  background: transparent;
}
.focus_header .main_header .navbar .navbar-header .navbar-toggle .icon-bar {
  width: 22px;
  background: #262f2a;
  transition: 0.3s all ease-in-out;
}
.focus_header .main_header .navbar .navbar-header .navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.focus_header .main_header .navbar .navbar-header .navbar-toggle .middle-bar {
  opacity: 0;
}
.focus_header .main_header .navbar .navbar-header .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.focus_header .main_header .navbar .navbar-header .collapsed .top-bar {
  transform: rotate(0);
}
.focus_header .main_header .navbar .navbar-header .collapsed .middle-bar {
  opacity: 1;
}
.focus_header .main_header .navbar .navbar-header .collapsed .bottom-bar {
  transform: rotate(0);
}
@media (min-width: 768px) and (max-width: 991px) {
  .focus_header .main_header .navbar .navbar-header .navbar-collapse.collapse {
    display: none !important;
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .focus_header .main_header .navbar .navbar-header .navbar-collapse.collapse.in {
    display: block !important;
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .focus_header .main_header .navbar .navbar-header .navbar-header .collapse,
  .focus_header .main_header .navbar .navbar-header .navbar-toggle {
    display: block !important;
  }
  .focus_header .main_header .navbar .navbar-header .navbar-header .collapse .icon-bar,
  .focus_header .main_header .navbar .navbar-header .navbar-toggle .icon-bar {
    background: #262f2a;
  }
}
@media (max-width: 991px) {
  .focus_header .main_header .navbar .navbar-header .navbar-header .collapse,
  .focus_header .main_header .navbar .navbar-header .navbar-toggle {
    padding: 0;
    margin: 0;
    right: 0;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .focus_header .main_header .navbar .navbar-header .navbar-header {
    padding-top: 35px;
    float: right;
  }
}
.focus_header .main_header .navbar .navbar-header .collapsing {
  padding: 0;
}
@media (max-width: 990px) {
  .focus_header .main_header .navbar .navbar-collapse ul {
    text-align: left;
    font-size: 0;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    top: 0;
    left: 0;
  }
  .focus_header .main_header .navbar .navbar-collapse ul li {
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    height: auto;
    line-height: normal;
    float: none;
    transition: 0.3s all ease-in-out;
  }
  .focus_header .main_header .navbar .navbar-collapse ul li a {
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ffffff;
    position: relative;
    display: block;
    padding: 20px 20px;
    text-align: left;
    line-height: 1;
    background-color: #000000;
    border: none;
    transition: 0.3s all ease-in-out;
  }
  .focus_header .main_header .navbar .navbar-collapse ul li a.active {
    background-color: #141816;
    color: #ffffff;
    border-radius: 0;
    border: none;
  }
  .focus_header .main_header .navbar .navbar-collapse ul li a.active:hover,
  .focus_header .main_header .navbar .navbar-collapse ul li a.active:focus {
    background-color: #000000;
    color: #ffffff;
  }
  .focus_header .main_header .navbar .navbar-collapse ul li a:hover,
  .focus_header .main_header .navbar .navbar-collapse ul li a:focus {
    background-color: #141816;
    color: #ffffff;
  }
}
.focus_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .focus_header .main_header .navbar-collapse {
    background-color: #ffffff;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 101;
    text-align: center;
    width: 92%;
    margin: 0 auto;
    padding: 0;
    top: 124px;
    border-radius: 5px;
  }
}
/***************************Home***********************************/
.focus_slider {
  width: 100%;
  height: auto;
  max-height: 940px;
  position: relative;
}
.focus_slider .owl-carousel img {
  height: auto;
}
@media (max-width: 990px) {
  .focus_slider .owl-carousel img {
    height: 450px;
    object-fit: cover;
    width: 100%;
  }
}
.focus_slider .owl-carousel .carousel-caption {
  position: absolute;
  left: 17%;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
  z-index: 999999999;
  width: 50%;
  background-color: transparent;
  padding: 70px;
}
@media (max-width: 1366px) {
  .focus_slider .owl-carousel .carousel-caption {
    padding: 50px;
    left: 6%;
  }
}
@media (max-width: 1024px) {
  .focus_slider .owl-carousel .carousel-caption {
    padding: 0;
  }
}
@media (max-width: 990px) {
  .focus_slider .owl-carousel .carousel-caption {
    padding: 40px;
    text-align: center;
    width: 100%;
    left: 0;
  }
}
.focus_slider .owl-carousel .carousel-caption .slider_title {
  font-size: 55px;
  line-height: 1.3;
  font-weight: 600;
  width: 80%;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  animation-delay: 1s;
}
@media (max-width: 1366px) {
  .focus_slider .owl-carousel .carousel-caption .slider_title {
    font-size: 40px;
  }
}
@media (max-width: 990px) {
  .focus_slider .owl-carousel .carousel-caption .slider_title {
    font-size: 25px;
    width: 100%;
  }
}
.focus_slider .owl-carousel .carousel-caption .slider_text {
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.5px;
  margin-bottom: 40px;
  text-shadow: none;
  animation-delay: 1.5s;
  width: 60%;
}
@media (max-width: 1366px) {
  .focus_slider .owl-carousel .carousel-caption .slider_text {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .focus_slider .owl-carousel .carousel-caption .slider_text {
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.focus_slider .owl-carousel .carousel-caption .slider_button {
  padding: 0 25px;
  height: 55px;
  line-height: 53px;
  background-color: #262f2a;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;
  border: 2px solid #262f2a;
  color: #ffffff;
  text-shadow: none;
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .focus_slider .owl-carousel .carousel-caption .slider_button {
    font-size: 14px;
  }
}
.focus_slider .owl-carousel .carousel-caption .slider_button:active,
.focus_slider .owl-carousel .carousel-caption .slider_button:hover,
.focus_slider .owl-carousel .carousel-caption .slider_button:focus {
  background-color: transparent;
  color: #262f2a;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.focus_slider .owl-carousel .owl-controls {
  margin: 0;
  display: none;
}
.focus_slider .owl-carousel .owl-controls .owl-pagination {
  display: none;
}
.focus_slider .owl-carousel .owl-controls .owl-buttons {
  display: none;
}
.about_area {
  padding: 0;
  margin: 0;
}
.about_area .flex_area {
  display: flex;
}
@media (max-width: 540px) {
  .about_area .flex_area {
    display: block;
  }
}
.about_area .flex_area .mission_area {
  background-image: url(../images/focus_bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 180px 180px;
  text-align: left;
}
@media (max-width: 540px) {
  .about_area .flex_area .mission_area {
    padding: 70px 30px;
  }
}
.about_area .flex_area .mission_area .mission_head {
  color: #262f2a;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px;
}
.about_area .flex_area .mission_area .mission_head::before {
  height: 2px;
  background: #262f2a;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.about_area .flex_area .mission_area .mission_title {
  font-size: 56px;
  color: #262f2a;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .about_area .flex_area .mission_area .mission_title {
    font-size: 35px;
  }
}
@media (max-width: 1366px) {
  .about_area .flex_area .mission_area .mission_title {
    font-size: 27px;
  }
}
.about_area .flex_area .mission_area .mission_text {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 500px;
}
@media (max-width: 1366px) {
  .about_area .flex_area .mission_area .mission_text {
    font-size: 16px;
    width: auto;
  }
}
@media (max-width: 540px) {
  .about_area .flex_area .mission_area .mission_text {
    width: 100%;
  }
}
.about_area .flex_area .detail_area {
  text-align: left;
  padding: 180px 180px;
  background-color: #262f2a;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  .about_area .flex_area .detail_area {
    padding: 70px 30px;
  }
}
.about_area .flex_area .detail_area .detail_head {
  color: #1b251d;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px;
}
.about_area .flex_area .detail_area .detail_head::before {
  height: 2px;
  background: #1b251d;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.about_area .flex_area .detail_area .detail_title {
  font-size: 56px;
  color: #1b251d;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .about_area .flex_area .detail_area .detail_title {
    font-size: 35px;
  }
}
@media (max-width: 1366px) {
  .about_area .flex_area .detail_area .detail_title {
    font-size: 27px;
  }
}
.about_area .flex_area .detail_area .detail_text {
  color: #1b251d;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 560px;
}
@media (max-width: 1366px) {
  .about_area .flex_area .detail_area .detail_text {
    font-size: 16px;
    width: auto;
  }
}
@media (max-width: 540px) {
  .about_area .flex_area .detail_area .detail_text {
    width: 100%;
  }
}
.title_box {
  margin-bottom: 60px;
}
.title_box .box_head {
  color: #262f2a;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-left: 45px;
  position: relative;
}
.title_box .box_head::before {
  height: 2px;
  background: #262f2a;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.title_box .box_title {
  color: #1b251d;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 540px) {
  .title_box .box_title {
    font-size: 25px;
  }
}
.offer_area {
  padding: 100px 0;
  background-color: #272a39;
}
.offer_area .offer_box {
  background-color: #ffffff;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  padding: 40px 35px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: table;
  margin-bottom: 30px;
  transition: 0.3s all ease-in-out;
}
.offer_area .offer_box::after {
  content: '';
  background: #232633;
  height: 100px;
  left: -65px;
  position: absolute;
  top: -65px;
  transform: rotate(45deg);
  width: 100px;
  z-index: -1;
  transition: 0.3s all ease-in-out;
}
.offer_area .offer_box .offer_icon {
  display: table-cell;
  vertical-align: top;
}
.offer_area .offer_box .offer_icon img {
  width: 200px;
  object-fit: cover;
  height: auto;
}
.offer_area .offer_box .offer_info {
  display: table-cell;
  padding-left: 30px;
  vertical-align: top;
}
.offer_area .offer_box .offer_info .offer_head {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
  transition: 0.3s all ease-in-out;
}
.offer_area .offer_box .offer_info .offer_text {
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  text-align: left;
  font-size: 13px;
  height: 114px;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .offer_area .offer_box .offer_info .offer_text {
    font-size: 12px;
    height: 104px;
    overflow: hidden;
  }
}
.offer_area .offer_box .offer_info .offer_btn {
  display: inline-block;
  font-weight: 600;
  color: #1b251d;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-size: 12px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.offer_area .offer_box .offer_info .offer_btn:active,
.offer_area .offer_box .offer_info .offer_btn:hover,
.offer_area .offer_box .offer_info .offer_btn:focus {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.offer_area .offer_box .offer_count {
  bottom: 30px;
  color: #232633;
  display: inline-block;
  font-size: 40px;
  font-weight: 900;
  left: 40px;
  position: absolute;
  z-index: -1;
  transition: 0.3s all ease-in-out;
}
.offer_area .offer_box:hover,
.offer_area .offer_box:focus {
  transition: 0.3s all ease-in-out;
}
.offer_area .offer_box:hover::after,
.offer_area .offer_box:focus::after {
  transition: 0.3s all ease-in-out;
  background: #262f2a;
}
.offer_area .offer_box:hover .offer_count,
.offer_area .offer_box:focus .offer_count {
  color: #262f2a;
}
.offer_area .offer_box:hover .offer_head,
.offer_area .offer_box:focus .offer_head {
  color: #262f2a;
}
.parallax_area {
  padding: 200px 0;
  position: relative;
  background-image: url(../images/focus_bg2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}
.parallax_area .parallax_head {
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: 32px;
  font-weight: 600;
  max-width: 820px;
  margin: 0 auto;
}
@media (max-width: 1366px) {
  .parallax_area .parallax_head {
    font-size: 26px;
  }
}
@media (max-width: 540px) {
  .parallax_area .parallax_head {
    max-width: 100%;
    font-size: 18px;
  }
}
.counter_area {
  position: relative;
  padding-bottom: 80px;
  background-color: #ffffff;
}
@media (max-width: 540px) {
  .counter_area {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
.counter_area .counter_bg {
  background-color: #36af30;
  padding: 80px 0;
  border-radius: 10px;
  display: inline-block;
  width: 100%;
  margin-top: -130px;
}
@media (max-width: 540px) {
  .counter_area .counter_bg {
    margin-top: 0;
  }
}
.counter_area .counter_bg .counter_box {
  text-align: center;
}
@media (max-width: 540px) {
  .counter_area .counter_bg .counter_box {
    margin-bottom: 50px;
  }
}
.counter_area .counter_bg .counter_box .counter {
  color: #262f2a;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (max-width: 1366px) {
  .counter_area .counter_bg .counter_box .counter {
    font-size: 40px;
  }
}
.counter_area .counter_bg .counter_box .label {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 1.5;
}
.process_area {
  padding: 0;
  position: relative;
}
.process_area .process_flex {
  display: flex;
}
.process_area .process_flex .process_box {
  background-color: #36af30;
  padding: 150px 150px;
  text-align: left;
}
@media (max-width: 540px) {
  .process_area .process_flex .process_box {
    padding: 60px 40px;
    width: 100%;
  }
}
.process_area .process_flex .process_box .process_head {
  color: #262f2a;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px;
}
.process_area .process_flex .process_box .process_head::before {
  height: 2px;
  background: #262f2a;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.process_area .process_flex .process_box .process_title {
  font-size: 45px;
  color: #262f2a;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 35px;
}
@media (max-width: 1366px) {
  .process_area .process_flex .process_box .process_title {
    font-size: 35px;
  }
}
@media (max-width: 540px) {
  .process_area .process_flex .process_box .process_title {
    font-size: 20px;
  }
}
.process_area .process_flex .process_box .process_list {
  padding: 0;
  margin: 0;
}
.process_area .process_flex .process_box .process_list li {
  display: block;
  margin-bottom: 30px;
}
.process_area .process_flex .process_box .process_list li:last-child {
  margin-bottom: 0;
}
.process_area .process_flex .process_box .process_list li .fa {
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #262f2a;
  padding-right: 10px;
}
@media (max-width: 1366px) {
  .process_area .process_flex .process_box .process_list li .fa {
    font-size: 14px;
  }
}
.process_area .process_flex .process_box .process_list li .list_item {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
@media (max-width: 1366px) {
  .process_area .process_flex .process_box .process_list li .list_item {
    font-size: 14px;
  }
}
.process_area .process_flex .bg_box {
  padding: 0;
  background-image: url(../images/focus_bg3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.test_slider {
  position: relative;
  background-color: #c53733;
  padding: 100px 0;
}
.test_slider .test_carousel .owl-item {
  background-color: transparent;
  min-height: 420px;
  text-align: center;
}
.test_slider .test_carousel .owl-item > div {
  padding: 0 10px;
}
.test_slider .test_carousel .owl-item img {
  position: absolute;
  z-index: 101;
  text-align: center;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  border-radius: 50%;
  margin: 0 auto;
  width: 120px;
  height: 120px;
}
.test_slider .test_carousel .owl-item .carousel-caption {
  width: 100%;
  background-color: #ffffff;
  padding: 50px 30px;
  min-height: 420px;
  position: relative;
  left: 0;
  bottom: 0;
}
.test_slider .test_carousel .owl-item .carousel-caption .slider_title {
  color: #1b251d;
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  line-height: 1.5;
  text-shadow: none;
  font-weight: 600;
  margin-top: 140px;
}
.test_slider .test_carousel .owl-item .carousel-caption .slider_text {
  color: #242c38;
  font-size: 13px;
  font-weight: 600;
  text-shadow: none;
  line-height: 1.7;
  letter-spacing: 0.5px;
  max-height: 132px;
  overflow: hidden;
}
.test_slider .test_carousel .owl-item .carousel-caption .slider_button {
  display: none;
  font-size: 0;
  visibility: hidden;
  opacity: 0;
}
.test_slider .test_carousel .owl-controls .owl-buttons {
  width: 100%;
  position: absolute;
  bottom: 50%;
  z-index: 1;
  transform: translateY(50%);
}
@media (max-width: 540px) {
  .test_slider .test_carousel .owl-controls .owl-buttons {
    display: none;
  }
}
.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left: -100px;
  color: #36af30;
  font-size: 40px;
  outline: none;
  width: 70px;
  height: 70px;
  line-height: 60px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: inset 0px 0 20px rgba(115, 115, 115, 0.25098039);
  transition: 0.3s all ease-in-out;
}
.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev:active,
.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev:hover {
  color: #ffffff;
  background-color: #36af30;
}
.test_slider .test_carousel .owl-controls .owl-buttons .owl-prev .fa {
  margin-top: 4px;
  margin-right: 5px;
  font-weight: 600;
}
.test_slider .test_carousel .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: -100px;
  color: #36af30;
  font-size: 40px;
  outline: none;
  width: 70px;
  height: 70px;
  line-height: 60px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: inset 0px 0 20px rgba(115, 115, 115, 0.25098039);
  transition: 0.3s all ease-in-out;
}
.test_slider .test_carousel .owl-controls .owl-buttons .owl-next:active,
.test_slider .test_carousel .owl-controls .owl-buttons .owl-next:hover {
  color: #ffffff;
  background-color: #36af30;
}
.test_slider .test_carousel .owl-controls .owl-buttons .owl-next .fa {
  margin-top: 4px;
  margin-left: 5px;
  font-weight: 600;
}
.focus_subscribe_area {
  padding: 100px 0;
  background-image: url(../images/focus_bg4.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.focus_subscribe_area .subscribe_head {
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .focus_subscribe_area .subscribe_head {
    font-size: 24px;
  }
}
.focus_subscribe_area .subscribe_text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.focus_subscribe_area .focus_subscribe {
  margin: 0 auto !important;
}
.focus_subscribe_area .focus_subscribe input {
  color: #262f2a;
  font-size: 18px;
  border: none;
  border-bottom: 2px solid #262f2a;
  width: 100%;
  outline: none;
  border-radius: 0;
  background-color: transparent;
  padding: 35px 0 20px;
}
.focus_subscribe_area .focus_subscribe input::-webkit-input-placeholder {
  color: #262f2a;
}
.focus_subscribe_area .focus_subscribe input::-moz-placeholder {
  color: #262f2a;
}
.focus_subscribe_area .focus_subscribe input:-ms-input-placeholder {
  color: #262f2a;
}
.focus_subscribe_area .focus_subscribe input:-moz-placeholder {
  color: #262f2a;
}
.focus_subscribe_area .focus_subscribe button {
  color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 35px;
  padding: 16px 28px;
  border: 2px solid #262f2a;
  background-color: transparent;
  margin-top: 25px;
  transition: 0.3s all ease-in-out;
}
.focus_subscribe_area .focus_subscribe button:active,
.focus_subscribe_area .focus_subscribe button:hover,
.focus_subscribe_area .focus_subscribe button:focus {
  background-color: #262f2a;
  border: 2px solid #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.focus_footer .main_footer {
  background-color: #262f2a;
  padding: 100px 0;
}
@media (max-width: 540px) {
  .focus_footer .main_footer {
    padding: 40px 0;
    text-align: center;
  }
}
.focus_footer .main_footer .footer_logo {
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .focus_footer .main_footer .footer_logo img {
    width: 70%;
  }
}
.focus_footer .main_footer .footer_text {
  margin-bottom: 30px;
}
.focus_footer .main_footer .footer_text .footer_head {
  color: #262f2a;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.focus_footer .main_footer .footer_text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.focus_footer .main_footer .footer_text ul li {
  display: block;
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.focus_footer .main_footer .footer_text ul li:last-child {
  margin-bottom: 0;
}
.focus_footer .main_footer .footer_text ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.focus_footer .copy_footer {
  padding: 30px;
  background-color: #212925;
}
.focus_footer .copy_footer .copy_text {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #ffffff;
}
.focus_common_banner {
  background-image: url(../images/focus_bg5.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 580px 0 80px;
}
@media (max-width: 540px) {
  .focus_common_banner {
    padding-top: 160px;
  }
}
.focus_common_banner .banner_header {
  font-size: 50px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  width: 75%;
}
@media (max-width: 540px) {
  .focus_common_banner .banner_header {
    width: 100%;
    font-size: 26px;
  }
}
.focus_common_banner .banner_text {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 20px;
  width: 60%;
}
@media (max-width: 540px) {
  .focus_common_banner .banner_text {
    width: 100%;
    font-size: 14px;
  }
}
.welcome_area {
  padding: 100px 0;
  background-color: #ffffff;
}
.welcome_area .welcome_image img {
  width: 100%;
  box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.5);
}
.welcome_area .welcome_detail .welcome_header {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  margin-top: 35px;
  color: #1b251d;
  width: 80%;
}
@media (max-width: 540px) {
  .welcome_area .welcome_detail .welcome_header {
    width: 100%;
    font-size: 25px;
  }
}
.welcome_area .welcome_detail .welcome_header span {
  color: #262f2a;
}
.welcome_area .welcome_detail p {
  color: #1b251d;
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 15px;
  text-align: justify;
}
.welcome_area .welcome_detail .welcome_btn {
  padding: 18px 40px;
  background-color: #262f2a;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  border: 2px solid #262f2a;
  color: #ffffff;
  text-shadow: none;
  border-radius: 35px;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .welcome_area .welcome_detail .welcome_btn {
    padding: 15px 25px;
    font-size: 12px;
  }
}
.welcome_area .welcome_detail .welcome_btn:active,
.welcome_area .welcome_detail .welcome_btn:hover,
.welcome_area .welcome_detail .welcome_btn:focus {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.team_plot {
  background-color: #272a39;
  padding: 80px 0;
}
.team_plot .member_box {
  position: relative;
}
.team_plot .member_box .image_box {
  width: 360px;
  height: 360px;
  overflow: hidden;
  object-fit: cover;
}
.team_plot .member_box .image_box img {
  width: 360px;
  height: 360px;
  overflow: hidden;
  object-fit: cover;
}
.team_plot .member_box .name_box {
  border-radius: 5px;
  bottom: 200px;
  display: inline-block;
  left: 30px;
  right: 30px;
  margin: 0 auto;
  padding: 15px;
  position: absolute;
  text-align: center;
  transition: 0.5s all ease-in-out;
  background-color: #262f2a;
  z-index: 1;
}
.team_plot .member_box .name_box .name_head {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.team_plot .member_box .name_box .name_text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.team_plot .member_box .social_box {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 0 0 5px 5px;
  text-align: center;
  position: absolute;
  left: 45px;
  right: 45px;
  bottom: 200px;
  transition: transform 0.3s;
  transform: translate(0);
}
.team_plot .member_box .social_box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.team_plot .member_box .social_box ul li {
  list-style: none;
  display: inline-block;
  padding-right: 30px;
}
.team_plot .member_box .social_box ul li:last-child {
  padding-right: 0;
}
.team_plot .member_box .social_box ul li .fa {
  color: #1b251d;
  font-size: 20px;
  position: relative;
  opacity: 0;
  top: -50px;
  transition: 0.5s all ease-in-out;
}
.team_plot .member_box .text_box {
  background-color: #ffffff;
  padding: 30px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}
.team_plot .member_box .text_box p {
  color: #1b251d;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.team_plot .member_box:hover,
.team_plot .member_box:focus {
  transition: 0.3s all ease-in-out;
}
.team_plot .member_box:hover .name_box,
.team_plot .member_box:focus .name_box {
  bottom: 260px;
  transition: 0.5s all ease-in-out;
}
.team_plot .member_box:hover .social_box ul li .fa,
.team_plot .member_box:focus .social_box ul li .fa {
  opacity: 1;
  top: 0;
  transition: 0.5s all ease-in-out;
}
.team_plot .member_box:hover .social_box ul li .fa.fa-facebook,
.team_plot .member_box:focus .social_box ul li .fa.fa-facebook {
  transition-delay: 0.2s;
}
.team_plot .member_box:hover .social_box ul li .fa.fa-twitter,
.team_plot .member_box:focus .social_box ul li .fa.fa-twitter {
  transition-delay: 0.25s;
}
.team_plot .member_box:hover .social_box ul li .fa.fa-google-plus,
.team_plot .member_box:focus .social_box ul li .fa.fa-google-plus {
  transition-delay: 0.3s;
}
.team_plot .member_box:hover .social_box ul li .fa.fa-linkedin,
.team_plot .member_box:focus .social_box ul li .fa.fa-linkedin {
  transition-delay: 0.35s;
}
.factor_area {
  background-image: url(../images/focus_bg7.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
}
.factor_area .factor_box {
  text-align: center;
}
@media (max-width: 540px) {
  .factor_area .factor_box {
    margin-bottom: 30px;
  }
}
.factor_area .factor_box img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 25px;
}
.factor_area .factor_box .factor_count {
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 50px;
  margin-bottom: 10px;
}
.factor_area .factor_box .factor_text {
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 16px;
}
.client_slider {
  background-color: #ffffff;
  padding: 80px 0;
}
.client_slider .client_carousel .owl-item {
  text-align: center;
}
.client_slider .client_carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
.client_slider .client_carousel .owl-controls .owl-buttons {
  width: 100%;
  position: absolute;
  bottom: 60%;
  z-index: 1;
  transform: translateY(50%);
}
.client_slider .client_carousel .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left: -30px;
  top: -25px;
  color: #262f2a;
  font-size: 35px;
  outline: none;
  text-align: center;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .client_slider .client_carousel .owl-controls .owl-buttons .owl-prev {
    left: 20px;
  }
}
.client_slider .client_carousel .owl-controls .owl-buttons .owl-prev .fa {
  font-weight: 600;
}
.client_slider .client_carousel .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: 0;
  top: -25px;
  color: #262f2a;
  font-size: 35px;
  outline: none;
  line-height: 50px;
  text-align: center;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .client_slider .client_carousel .owl-controls .owl-buttons .owl-next {
    right: 20px;
  }
}
.client_slider .client_carousel .owl-controls .owl-buttons .owl-next .fa {
  font-weight: 600;
}
.contact_plot {
  background-color: #ffffff;
  padding: 100px 0;
  position: relative;
}
.contact_plot .address_plot {
  background-color: #ffbb00;
  padding: 70px 40px;
  position: relative;
}
.contact_plot .address_plot h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
.contact_plot .address_plot span {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
  display: inline-block;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.contact_plot .address_plot .contact_social {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 15px 0;
}
.contact_plot .address_plot .contact_social li {
  list-style: none;
  padding-right: 15px;
  display: inline-block;
}
.contact_plot .address_plot .contact_social li .fa {
  font-size: 16px;
  color: #ffffff;
}
@media (max-width: 540px) {
  .contact_plot .focus_form {
    margin-top: 50px;
  }
}
.contact_plot .focus_form input,
.contact_plot .focus_form textarea {
  width: 100%;
  line-height: 25px;
  padding: 10px 18px;
  color: #1b251d;
  border: 0;
  height: 55px;
  font-size: 14px;
  background-color: #ffffff;
  transition: 0.3s all ease-in-out;
  margin-bottom: 20px;
  outline: none;
}
.contact_plot .focus_form input::-webkit-input-placeholder,
.contact_plot .focus_form textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.contact_plot .focus_form input::-moz-placeholder,
.contact_plot .focus_form textarea::-moz-placeholder {
  color: #1b251d;
}
.contact_plot .focus_form input:-ms-input-placeholder,
.contact_plot .focus_form textarea:-ms-input-placeholder {
  color: #1b251d;
}
.contact_plot .focus_form input:-moz-placeholder,
.contact_plot .focus_form textarea:-moz-placeholder {
  color: #1b251d;
}
.contact_plot .focus_form textarea {
  height: 150px;
}
.contact_plot .focus_form button {
  padding: 0 25px;
  height: 55px;
  text-align: center;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  outline: none;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .contact_plot .focus_form button {
    width: 100%;
  }
}
.contact_plot .focus_form button:active,
.contact_plot .focus_form button:hover,
.contact_plot .focus_form button:focus {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
}
.map_plot .map_box {
  padding: 0;
}
.map_plot .map_box iframe {
  float: left;
}
.focus_category {
  background-color: #c53733;
  padding: 100px 0;
}
.focus_category .post_box {
  margin-bottom: 50px;
}
.focus_category .post_box .image_box {
  max-width: 780px;
  height: 500px;
  overflow: hidden;
  object-fit: cover;
}
.focus_category .post_box .image_box img {
  width: 780px;
  height: 500px;
  overflow: hidden;
  object-fit: cover;
}
.focus_category .post_box .data_box {
  background-color: #ffffff;
  padding: 50px 40px;
  width: auto;
  position: relative;
}
.focus_category .post_box .data_box .post_tag {
  background-color: #262f2a;
  padding: 14px 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 40px;
  top: -23px;
  border-radius: 35px;
  position: absolute;
}
.focus_category .post_box .data_box .slider_title {
  font-size: 28px;
  font-weight: 600;
  color: #1b251d;
  margin-bottom: 25px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  padding-left: 25px;
  position: relative;
}
@media (max-width: 540px) {
  .focus_category .post_box .data_box .slider_title {
    font-size: 20px;
  }
}
.focus_category .post_box .data_box .slider_title::before {
  content: '';
  height: 20px;
  background: #262f2a;
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  margin-top: -1px;
}
.focus_category .post_box .data_box .slider_text,
.focus_category .post_box .data_box p {
  color: #242c38;
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
  line-height: 2;
  letter-spacing: 0.5px;
  text-align: justify;
}
@media (max-width: 540px) {
  .focus_category .post_box .data_box .slider_text,
  .focus_category .post_box .data_box p {
    font-size: 14px;
  }
}
.focus_category .focus_sidebar {
  padding: 50px 30px;
  background-color: #ffffff;
  border: 1px solid #d2d0d0;
  margin: 0 20px;
  margin-bottom: 50px;
}
.focus_category .focus_sidebar .widget_head {
  color: #1b251d;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d2d0d0;
}
.focus_category .focus_sidebar .sidebar_cat {
  margin-bottom: 30px;
  width: 100%;
}
.focus_category .focus_sidebar .sidebar_cat ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.focus_category .focus_sidebar .sidebar_cat ul li {
  list-style: none;
  display: block;
  width: 100%;
  padding: 12px 0;
}
.focus_category .focus_sidebar .sidebar_cat ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #242c38;
  letter-spacing: 1px;
  line-height: 1.5;
  position: relative;
}
.focus_category .focus_sidebar .sidebar_cat ul li a::after {
  content: '\f101';
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #262f2a;
  position: absolute;
  top: -4px;
  right: -10px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.focus_category .focus_sidebar .sidebar_cat ul li a.active {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.focus_category .focus_sidebar .sidebar_cat ul li a.active::after {
  right: -20px;
  visibility: visible;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.focus_category .focus_sidebar .sidebar_cat ul li a:active,
.focus_category .focus_sidebar .sidebar_cat ul li a:hover,
.focus_category .focus_sidebar .sidebar_cat ul li a:focus {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.focus_category .focus_sidebar .sidebar_cat ul li a:active::after,
.focus_category .focus_sidebar .sidebar_cat ul li a:hover::after,
.focus_category .focus_sidebar .sidebar_cat ul li a:focus::after {
  right: -20px;
  visibility: visible;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.focus_category .detail_plot {
  position: relative;
}
.focus_category .detail_plot .slider_title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #1b251d;
  margin-bottom: 30px;
  padding-left: 25px;
  position: relative;
}
@media (max-width: 540px) {
  .focus_category .detail_plot .slider_title {
    font-size: 20px;
  }
}
.focus_category .detail_plot .slider_title::before {
  content: '';
  height: 20px;
  background: #262f2a;
  position: absolute;
  left: 0;
  top: 12px;
  width: 10px;
  margin-top: -1px;
}
.focus_category .detail_plot .image_plot {
  width: 100%;
  height: 500px;
  object-fit: cover;
  margin-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.focus_category .detail_plot .image_plot img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  overflow: hidden;
}
.focus_category .detail_plot .image_plot .category_social {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 50px;
  font-size: 0;
}
@media (max-width: 540px) {
  .focus_category .detail_plot .image_plot .category_social {
    top: 24%;
  }
}
.focus_category .detail_plot .image_plot .category_social li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.focus_category .detail_plot .image_plot .category_social li .fa {
  width: 55px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #787878;
  font-size: 18px;
  color: #1b251d;
  padding: 0;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.focus_category .detail_plot .image_plot .category_social li .fa:active,
.focus_category .detail_plot .image_plot .category_social li .fa:hover,
.focus_category .detail_plot .image_plot .category_social li .fa:focus {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.focus_category .detail_plot p {
  font-size: 15px;
  color: #1b251d;
  text-align: justify;
  letter-spacing: 0.5px;
  line-height: 2;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .focus_category .detail_plot p {
    font-size: 14px;
  }
}
.focus_category .detail_plot blockquote {
  border: none;
  color: #1b251d;
  margin: 37px 0 44px 65px;
  padding: 0 0 0 65px;
  font-weight: 600;
  position: relative;
}
@media (max-width: 540px) {
  .focus_category .detail_plot blockquote {
    margin: 35px 0 40px 0;
    padding: 0 0 0 50px;
  }
}
.focus_category .detail_plot blockquote::before {
  content: '\f10e';
  font-family: 'FontAwesome';
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 0;
  color: #262f2a;
  transform: translateY(-50%);
}
.focus_category .detail_plot blockquote p {
  font-size: 16px;
}
@media (max-width: 540px) {
  .focus_category .detail_plot blockquote p {
    font-size: 14px;
  }
}
/************************************Valid Spot********************************************/
.drivia_header {
  position: fixed;
  background-color: transparent;
  width: 100%;
  z-index: 100;
  height: 100px;
  top: 20px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.drivia_header .main_header {
  background-color: #ffffff;
  position: relative;
  height: 100px;
  padding: 0;
  box-shadow: 0 0 20px rgba(37, 37, 37, 0.14);
  width: 100%;
  padding-right: 30px;
  border-radius: 5px;
}
@media (max-width: 990px) {
  .drivia_header .main_header {
    position: inherit;
    top: inherit;
    float: left;
    width: 100%;
    padding-right: 0;
  }
}
.drivia_header .main_header .logo_head {
  position: relative;
  z-index: 101;
  float: left;
  margin-left: 20px;
  margin-right: 40px;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 990px) {
  .drivia_header .main_header .logo_head {
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .drivia_header .main_header .logo_head {
    padding: 0 20px;
  }
}
.drivia_header .main_header .logo_head a {
  width: auto;
  height: auto;
  display: table-cell;
  line-height: 100px;
  height: 100px;
  vertical-align: middle;
  outline: none;
}
.drivia_header .main_header .logo_head a img {
  max-height: 100px;
  width: auto;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .nav {
  text-align: center;
  font-size: 0;
}
.drivia_header .main_header .nav:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.drivia_header .main_header .nav .dropdown-menu {
  background-color: #1a1a1a;
  line-height: 80px;
  top: 100px !important;
  left: -1px !important;
  width: 250px;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .drivia_header .main_header .nav .dropdown-menu {
    border: none;
    top: 53px !important;
    left: 0 !important;
  }
}
.drivia_header .main_header .nav .dropdown-menu li {
  height: auto;
  padding: 0;
  border-bottom: 1px dashed #262f2a;
  line-height: 40px;
  background-color: transparent;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .nav .dropdown-menu li:last-child {
  border: none;
}
.drivia_header .main_header .nav .dropdown-menu li a {
  color: #ffffff;
  display: block;
  background-color: transparent !important;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: normal;
  text-transform: capitalize;
}
.drivia_header .main_header .nav .dropdown-menu li a.active,
.drivia_header .main_header .nav .dropdown-menu li a:hover,
.drivia_header .main_header .nav .dropdown-menu li a:focus {
  color: #262f2a;
  background-color: transparent !important;
}
.drivia_header .main_header .nav .dropdown-menu li a:after {
  display: none;
}
.drivia_header .main_header .nav .divider {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0;
  height: 30px;
  margin: 24px auto;
}
.drivia_header .main_header .nav li {
  margin: 0;
  display: table-cell;
  height: 100px;
  line-height: 100px;
  float: left;
}
@media (max-width: 990px) {
  .drivia_header .main_header .nav li {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}
.drivia_header .main_header .nav li:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  top: 53px;
  left: 0;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .nav li a {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #1b251d;
  padding: 0 12px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: transparent;
  position: relative;
  display: inline-block;
  transition: 0.2s all ease-in-out;
}
@media (max-width: 990px) {
  .drivia_header .main_header .nav li a {
    width: 100%;
  }
}
.drivia_header .main_header .nav li a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media (max-width: 990px) {
  .drivia_header .main_header .nav li a:last-child {
    border-radius: 0;
  }
}
.drivia_header .main_header .nav li a::after {
  content: '';
  height: 3px;
  width: 0;
  background: #262f2a;
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .nav li a.active {
  color: #262f2a;
  font-weight: 600;
  font-size: 14px;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .nav li a.active::after {
  width: 100%;
  right: auto;
  left: 0;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .nav li a:hover,
.drivia_header .main_header .nav li a:focus {
  color: #262f2a;
  background-color: #fff;
  transition: 0.2s all ease-in-out;
}
.drivia_header .main_header .nav li a:hover::after,
.drivia_header .main_header .nav li a:focus::after {
  width: 100%;
  right: auto;
  left: 0;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 991px) {
  .drivia_header .main_header .navbar-header {
    padding-top: 35px !important;
    float: right !important;
  }
}
.drivia_header .main_header .navbar-toggle {
  border: none;
  background: transparent;
}
.drivia_header .main_header .navbar-toggle .icon-bar {
  width: 22px;
  background: #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.drivia_header .main_header .navbar-toggle .middle-bar {
  opacity: 0;
}
.drivia_header .main_header .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.drivia_header .main_header .collapsed .top-bar {
  transform: rotate(0);
}
.drivia_header .main_header .collapsed .middle-bar {
  opacity: 1;
}
.drivia_header .main_header .collapsed .bottom-bar {
  transform: rotate(0);
}
.drivia_header .main_header .navbar {
  margin-bottom: 0;
  border: 0;
  width: auto;
  display: inline-block;
  float: none;
}
@media (max-width: 990px) {
  .drivia_header .main_header .navbar .navbar-collapse {
    width: 92%;
    background-color: #ffffff;
    margin: 0 auto;
    top: 124px;
    border-radius: 5px;
  }
}
.drivia_header .main_header .drivia_lang {
  padding: 0;
  float: right;
  display: table;
  background-color: #262f2a;
  border: 0;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  width: auto;
  margin: 30px 0;
  list-style: none;
  overflow: hidden;
  vertical-align: top;
  margin-left: 10px;
}
@media (max-width: 990px) {
  .drivia_header .main_header .drivia_lang {
    margin: 10px auto;
    float: none;
  }
}
.drivia_header .main_header .drivia_lang li {
  display: inline-block;
  float: left;
  border-right: 2px solid #313d37;
}
.drivia_header .main_header .drivia_lang li:last-child {
  border: 0;
}
.drivia_header .main_header .drivia_lang li:hover {
  border-right: 2px solid #36af30;
}
.drivia_header .main_header .drivia_lang li:hover:last-child {
  border: 0;
}
.drivia_header .main_header .drivia_lang li a {
  width: 45px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 16px;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .drivia_lang li a:hover {
  background-color: #36af30;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.drivia_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .drivia_header .main_header .navbar-collapse {
    width: 92%;
    background-color: #ffffff;
    margin: 0 auto;
    top: 124px;
    border-radius: 5px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 101;
    text-align: center;
    padding: 0;
  }
}
/**********************************************Home************************************************************/
.drivia_home_banner {
  background-image: url(../images/drivia_main_banner.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 215px 0;
  text-align: center;
}
@media (max-width: 540px) {
  .drivia_home_banner {
    padding: 0;
    padding-top: 160px;
    padding-bottom: 40px;
  }
}
.drivia_home_banner .banner_head {
  font-size: 55px;
  color: #ffffff;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-weight: 600;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media (max-width: 540px) {
  .drivia_home_banner .banner_head {
    font-size: 28px;
  }
}
.drivia_home_banner .banneer_text {
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 30px;
  font-weight: 600;
}
@media (max-width: 540px) {
  .drivia_home_banner .banneer_text {
    font-size: 17px;
  }
}
.drivia_home_banner .banner_btn {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #4ab847;
  padding: 17px 22px;
  margin-right: 10px;
  position: relative;
}
.drivia_home_banner .drivia_book {
  margin-top: 80px;
  background-color: #ffffff;
  height: auto;
  width: 100%;
  border-radius: 5px;
  padding: 15px 0;
  display: inline-block;
}
@media (max-width: 540px) {
  .drivia_home_banner .drivia_book {
    margin-top: 40px;
  }
}
.drivia_home_banner .drivia_book input,
.drivia_home_banner .drivia_book textarea {
  height: 55px;
  line-height: 55px;
  width: 100%;
  background-color: #ffffff;
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 0 20px;
  border: 0;
  outline: none;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #d2d0d0;
}
.drivia_home_banner .drivia_book input::-webkit-input-placeholder,
.drivia_home_banner .drivia_book textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.drivia_home_banner .drivia_book input::-moz-placeholder,
.drivia_home_banner .drivia_book textarea::-moz-placeholder {
  color: #1b251d;
}
.drivia_home_banner .drivia_book input:-ms-input-placeholder,
.drivia_home_banner .drivia_book textarea:-ms-input-placeholder {
  color: #1b251d;
}
.drivia_home_banner .drivia_book input:-moz-placeholder,
.drivia_home_banner .drivia_book textarea:-moz-placeholder {
  color: #1b251d;
}
@media (max-width: 540px) {
  .drivia_home_banner .drivia_book input,
  .drivia_home_banner .drivia_book textarea {
    border: 0;
    background-color: #c53733;
    margin-bottom: 10px;
    border-radius: 5px;
  }
}
.drivia_home_banner .drivia_book textarea {
  height: 100px;
}
.drivia_home_banner .drivia_book select {
  height: 55px;
  line-height: 55px;
  width: 100%;
  background-color: #ffffff;
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 0 20px;
  border: 0;
  outline: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
@media (max-width: 540px) {
  .drivia_home_banner .drivia_book select {
    background-color: #c53733;
    margin-bottom: 10px;
    border-radius: 5px;
  }
}
.drivia_home_banner .drivia_book button {
  height: 55px;
  line-height: 55px;
  width: 100%;
  background-color: #4ab847;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: 0;
  outline: none;
  border-radius: 5px;
  z-index: 1;
  position: relative;
  display: inline-block;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.drivia_home_banner .drivia_book button:active,
.drivia_home_banner .drivia_book button:hover,
.drivia_home_banner .drivia_book button:focus {
  background-color: #36af30;
  transition: 0.3s all ease-in-out;
}
.adv_area {
  background-color: #c53733;
  padding: 80px 0;
}
.adv_area .adv_box {
  background-color: #c53733;
  border: 1px dashed #d2d0d0;
  padding: 30px 20px;
  border-radius: 5px;
  display: table;
}
@media (max-width: 540px) {
  .adv_area .adv_box {
    margin-bottom: 30px;
  }
}
.adv_area .adv_box .adv_icon {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  min-width: 75px;
}
.adv_area .adv_box .adv_icon img {
  width: auto;
  height: auto;
}
.adv_area .adv_box .adv_info {
  display: table-cell;
  vertical-align: top;
}
.adv_area .adv_box .adv_info .adv_head {
  color: #1b251d;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.adv_area .adv_box .adv_info p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #242c38;
  margin: 0;
}
.area_head {
  margin-bottom: 30px;
  text-align: center;
}
.area_head .head_title {
  display: block;
  color: #1b251d;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 2px;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 540px) {
  .area_head .head_title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.area_head .head_title::after {
  content: '';
  display: block;
  height: 3px;
  background: #262f2a;
  width: 100px;
  margin: 0 auto;
  margin-top: 15px;
}
.area_head .head_text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  max-width: 480px;
  margin: 0 auto;
  color: #242c38;
}
@media (max-width: 540px) {
  .area_head .head_text {
    font-size: 16px;
  }
}
.choose_area {
  background-color: #c53733;
  padding: 100px 0;
}
.choose_area .video_box {
  width: 100%;
  height: auto;
  text-align: center;
  object-fit: cover;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 80px;
  position: relative;
  float: left;
  transition: 0.3s all ease-in-out;
}
.choose_area .video_box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s all ease-in-out;
}
.choose_area .video_box img {
  width: 100%;
}
.choose_area .video_box iframe {
  float: left;
}
.choose_area .video_box .video_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ffffff;
  color: #262f2a;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s all ease-in-out;
  transform: translateX(-50%) translateY(-50%);
}
.choose_area .video_box .video_btn .fa {
  line-height: 80px;
  font-size: 22px;
  margin-left: 5px;
}
.choose_area .video_box .video_btn:active,
.choose_area .video_box .video_btn:hover,
.choose_area .video_box .video_btn:focus {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.choose_area .video_box:hover {
  transition: 0.3s all ease-in-out;
}
.choose_area .video_box:hover::after {
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.choose_area .service_box {
  padding: 40px 50px;
  background-color: #c53733;
  border-radius: 10px;
  border: 1px dashed transparent;
  transition: 0.3s all ease-in-out;
  height: 210px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 540px) {
  .choose_area .service_box {
    height: auto;
  }
}
.choose_area .service_box .svr_icon {
  display: block;
  float: left;
  height: 140px;
  margin-top: 23px;
  width: auto;
  padding-right: 30px;
}
@media (max-width: 540px) {
  .choose_area .service_box .svr_icon {
    float: none;
    height: auto;
    margin-bottom: 20px;
  }
}
.choose_area .service_box .svr_head {
  font-size: 28px;
  color: #1b251d;
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.choose_area .service_box .svr_text {
  font-size: 14px;
  font-weight: 600;
  color: #242c38;
  line-height: 1.8;
  letter-spacing: 0.5px;
  display: block;
  width: auto;
}
.choose_area .service_box:hover {
  background-color: #ffffff;
  border: 1px dashed #d2d0d0;
  transition: 0.3s all ease-in-out;
}
.drivia_price {
  padding: 50px 0;
  background-color: #ffffff;
  position: relative;
}
.drivia_price .price_container {
  background-color: #ffffff;
  padding: 30px 30px;
  border: 1px dashed #d2d0d0;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 540px) {
  .drivia_price .price_container {
    margin-bottom: 30px;
  }
}
.drivia_price .price_container .price_box {
  margin-bottom: 15px;
}
.drivia_price .price_container .price_box .price_icon {
  color: #262f2a;
  font-size: 23px;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-top: 18px;
}
.drivia_price .price_container .price_box .price_text {
  font-size: 58px;
  color: #262f2a;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  display: inline-block;
}
.drivia_price .price_container .price_box .price_time {
  color: #262f2a;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 20px;
}
.drivia_price .price_container .price_name {
  color: #1b251d;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.drivia_price .price_container .price_detail {
  color: #242c38;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
  height: 314px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .drivia_price .price_container .price_detail {
    height: auto;
  }
}
.drivia_price .price_container .price_detail ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.drivia_price .price_container .price_detail ul li {
  margin-bottom: 5px;
  font-size: 16px;
}
.drivia_price .price_container .price_btn {
  background-color: #262f2a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 15px;
  border-radius: 5px;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  transition: 0.3s all ease-in-out;
}
.drivia_price .price_container .price_btn:active,
.drivia_price .price_container .price_btn:hover,
.drivia_price .price_container .price_btn:focus {
  background-color: #36af30;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.drivia_price .price_container:hover {
  transition: 0.3s all ease-in-out;
  border: 1px dashed #262f2a;
}
.drivia_price .price_container.height-adjust .price_detail {
  height: 270px;
}
@media (max-width: 990px) {
  .drivia_price .price_container.height-adjust .price_detail {
    height: auto;
  }
}
.subscribe_area {
  position: relative;
  background-image: url(../images/drivia_sub_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 80px;
}
.subscribe_area .subscribe_title {
  color: #ffffff;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
@media (max-width: 540px) {
  .subscribe_area .subscribe_title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
  }
}
.subscribe_area .drivia_subscribe {
  width: 100%;
  background-color: transparent;
  position: relative;
}
.subscribe_area .drivia_subscribe input {
  height: 65px;
  line-height: 65px;
  font-size: 16px;
  color: #1b251d;
  width: 100%;
  background-color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 0 20px;
  border: 0;
  outline: none;
  border-radius: 5px;
}
.subscribe_area .drivia_subscribe button {
  height: 55px;
  line-height: 55px;
  background-color: #262f2a;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ffffff;
  border: 2px solid #262f2a;
  outline: none;
  z-index: 1;
  border-radius: 5px;
  padding: 0 40px;
  position: absolute;
  right: 20px;
  top: 5px;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.subscribe_area .drivia_subscribe button:active,
.subscribe_area .drivia_subscribe button:hover,
.subscribe_area .drivia_subscribe button:focus {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_footer .main_footer {
  padding: 100px 0;
  background-color: #262f2a;
  position: relative;
}
@media (max-width: 540px) {
  .drivia_footer .main_footer .footer_box {
    margin-bottom: 30px;
  }
}
.drivia_footer .main_footer .footer_box .footer_logo {
  margin-bottom: 30px;
}
.drivia_footer .main_footer .footer_box .footer_logo img {
  max-height: 80px;
}
.drivia_footer .main_footer .footer_box .footer_intro {
  color: #272727;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 95%;
  display: inline-block;
}
.drivia_footer .main_footer .footer_box .footer_head {
  color: #1b251d;
  font-size: 23px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
}
@media (max-width: 1366px) {
  .drivia_footer .main_footer .footer_box .footer_head {
    font-size: 20px;
  }
}
.drivia_footer .main_footer .footer_box .footer_head::after {
  content: '';
  display: block;
  height: 3px;
  border-radius: 25px;
  background: #262f2a;
  width: 50px;
  margin-top: 5px;
}
.drivia_footer .main_footer .footer_box .footer_link {
  list-style: none;
  padding: 0;
  margin: 0;
}
.drivia_footer .main_footer .footer_box .footer_link li {
  list-style: none;
  margin-bottom: 15px;
  display: block;
}
.drivia_footer .main_footer .footer_box .footer_link li a {
  font-size: 16px;
  color: #272727;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.drivia_footer .main_footer .footer_box .footer_link li a::before {
  content: '\f111';
  font-family: 'FontAwesome';
  color: #262f2a;
  font-size: 5px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 8px;
  transition: 0.3s all ease-in-out;
}
.drivia_footer .main_footer .footer_box .footer_link li a:active,
.drivia_footer .main_footer .footer_box .footer_link li a:hover,
.drivia_footer .main_footer .footer_box .footer_link li a:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_footer .main_footer .footer_box .footer_link li a:active::before,
.drivia_footer .main_footer .footer_box .footer_link li a:hover::before,
.drivia_footer .main_footer .footer_box .footer_link li a:focus::before {
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
.drivia_footer .bottom_footer {
  background-color: #c53733;
  padding: 30px 0;
  box-shadow: 0 0 20px 5px rgba(39, 39, 39, 0.07843137);
  position: relative;
}
@media (max-width: 540px) {
  .drivia_footer .bottom_footer {
    text-align: center;
  }
}
.drivia_footer .bottom_footer .footer_copy {
  font-size: 16px;
  color: #1b251d;
  letter-spacing: 1px;
  font-weight: 600;
  line-height: 1.5;
}
.drivia_footer .bottom_footer .footer_social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
@media (max-width: 540px) {
  .drivia_footer .bottom_footer .footer_social {
    float: none;
    margin-top: 30px;
  }
}
.drivia_footer .bottom_footer .footer_social li {
  display: inline-block;
  padding-right: 10px;
  list-style: none;
}
.drivia_footer .bottom_footer .footer_social li a {
  width: 35px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  color: #ffffff;
  font-size: 15px;
  transition: 0.3s all ease-in-out;
}
.drivia_footer .bottom_footer .footer_social li a:active,
.drivia_footer .bottom_footer .footer_social li a:hover,
.drivia_footer .bottom_footer .footer_social li a:focus {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/*********************************About**************************************/
.drivia_banner {
  padding: 220px 0 80px;
  position: relative;
  background-image: url(../images/drivia_main_banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
@media (max-width: 990px) {
  .drivia_banner {
    padding: 150px 0 50px;
  }
}
.drivia_banner .banner_head {
  font-size: 55px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  color: #ffffff;
}
@media (max-width: 990px) {
  .drivia_banner .banner_head {
    font-size: 28px;
  }
}
.drivia_banner .drivia_crumbs {
  padding: 15px 15px;
  background-color: #ffffff;
  list-style: none;
  border-radius: 5px;
  width: auto;
  display: table;
  margin: 0 auto;
}
.drivia_banner .drivia_crumbs li::before {
  color: #d2d0d0;
  font-weight: 600;
  font-size: 16px;
}
.drivia_banner .drivia_crumbs li a {
  color: #1b251d;
  font-weight: 600;
  font-size: 16px;
  margin-right: 5px;
}
.drivia_banner .drivia_crumbs li.active {
  color: #262f2a;
  font-weight: 600;
  font-size: 16px;
}
.drivia_banner .drivia_crumbs li.active a {
  color: #262f2a;
}
.drivia_banner.drivia_detail_banner .banner_head {
  font-size: 45px;
  margin-bottom: 40px;
}
.drivia_about_area {
  background-color: #ffffff;
  padding: 100px 0;
  position: relative;
  background-repeat: no-repeat;
}
.drivia_about_area .image_box {
  width: auto;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  border-radius: 5px;
}
@media (max-width: 540px) {
  .drivia_about_area .image_box {
    margin-bottom: 30px;
  }
}
.drivia_about_area .image_box img {
  width: auto;
  height: auto;
}
.drivia_about_area .detail_box {
  text-align: left;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 540px) {
  .drivia_about_area .detail_box {
    width: 100%;
  }
}
.drivia_about_area .detail_box .about_head {
  color: #1b251d;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 540px) {
  .drivia_about_area .detail_box .about_head {
    font-size: 22px;
  }
}
.drivia_about_area .detail_box .about_head::after {
  content: '';
  height: 5px;
  width: 10%;
  border-radius: 25px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #262f2a;
}
.drivia_about_area .detail_box .about_text {
  font-size: 15px;
  color: #242c38;
  line-height: 1.8;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
@media (max-width: 540px) {
  .drivia_about_area .detail_box .about_text {
    font-size: 15px;
  }
}
.drivia_counter {
  padding: 100px 0;
  background-color: #c53733;
  position: relative;
}
.drivia_counter .counter_box {
  text-align: center;
}
@media (max-width: 540px) {
  .drivia_counter .counter_box {
    margin-bottom: 60px;
  }
}
.drivia_counter .counter_box img {
  margin-bottom: 25px;
  width: auto;
  height: auto;
}
.drivia_counter .counter_box .counter_head {
  color: #1b251d;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 35px;
  margin-bottom: 10px;
}
.drivia_counter .counter_box .counter_text {
  font-size: 16px;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.news_area {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 540px) {
  .news_area {
    padding: 60px 0;
  }
}
.news_area .news_box {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 540px) {
  .news_area .news_box {
    margin-bottom: 30px;
  }
}
.news_area .news_box .image_box {
  display: block;
  width: 100%;
  height: 190px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 5px;
  vertical-align: top;
}
.news_area .news_box .image_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_area .news_box .detail_box {
  width: 100%;
  height: auto;
  padding: 30px;
  background-color: #ffffff;
  border: 1px dashed #d2d0d0;
  border-top: 0;
}
.news_area .news_box .detail_box .news_head {
  color: #1b251d;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  letter-spacing: 0.5px;
  line-height: 1.5;
  transition: 0.3s all ease-in-out;
}
.news_area .news_box .detail_box .news_head:active,
.news_area .news_box .detail_box .news_head:hover,
.news_area .news_box .detail_box .news_head:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1024px) {
  .news_area .news_box .detail_box .news_head {
    font-size: 17px;
    overflow: hidden;
  }
}
.news_area .news_box .detail_box .short_text {
  color: #242c38;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.parking_area {
  padding: 150px 0;
  background-image: url(../images/drivia_slider_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 540px) {
  .parking_area {
    padding: 60px 0;
  }
}
.parking_area .image_box {
  width: auto;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 540px) {
  .parking_area .image_box {
    margin-top: 30px;
  }
}
.parking_area .image_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.parking_area .image_box img {
  width: auto;
  height: auto;
  object-fit: cover;
}
.parking_area .image_box .play_btn {
  width: 70px;
  height: 70px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  color: #262f2a;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transition: 0.3s all ease-in-out;
  transform: translateX(-50%) translateY(-50%);
}
.parking_area .image_box .play_btn .fa {
  text-align: center;
  line-height: 70px;
  font-size: 24px;
  margin-left: 3px;
}
.parking_area .image_box .play_btn:active,
.parking_area .image_box .play_btn:hover,
.parking_area .image_box .play_btn:focus {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.parking_area .image_box:hover {
  transition: 0.3s all ease-in-out;
}
.parking_area .image_box:hover::after {
  opacity: 1;
  transition: 0.3s all ease-in-out;
}
.parking_area .detail_box {
  text-align: left;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 540px) {
  .parking_area .detail_box {
    width: 100%;
  }
}
.parking_area .detail_box .about_head {
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 540px) {
  .parking_area .detail_box .about_head {
    font-size: 35px;
  }
}
.parking_area .detail_box .about_head::after {
  content: '';
  height: 5px;
  width: 10%;
  border-radius: 25px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #262f2a;
}
.parking_area .detail_box .about_text {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
@media (max-width: 540px) {
  .parking_area .detail_box .about_text {
    font-size: 15px;
  }
}
/**********************************************Services****************************************************/
.option_area {
  background-color: #ffffff;
  padding: 100px 0;
  position: relative;
}
@media (max-width: 540px) {
  .option_area .image_slot {
    margin: 50px 0;
  }
}
.option_area .option_box {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
  height: auto;
}
@media (max-width: 540px) {
  .option_area .option_box .detail_box {
    text-align: center;
  }
}
.option_area .option_box .detail_box .option_head {
  color: #1b251d;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.option_area .option_box .detail_box .option_text {
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-size: 14px;
}
.option_area .option_box .icon_box {
  width: 70px;
  height: 70px;
  line-height: 70px;
  padding: 0;
  border-radius: 50%;
  text-align: center;
  border: 1px dashed #d2d0d0;
}
@media (max-width: 540px) {
  .option_area .option_box .icon_box {
    margin: 0 auto;
  }
}
.park_feature {
  background-color: #c53733;
  padding: 100px 0;
  position: relative;
}
.park_feature .feature_box {
  text-align: center;
  margin-bottom: 40px;
}
.park_feature .feature_box .feature_icon {
  width: 100px;
  height: 100px;
  line-height: 96px;
  text-align: center;
  background-color: #ffffff;
  border: 1px dashed #d2d0d0;
  margin: 0 auto;
  margin-bottom: 15px;
  display: block;
  padding: 0;
  border-radius: 6px;
}
.park_feature .feature_box .feature_icon img {
  width: 55px;
  height: 55px;
  object-fit: contain;
}
.park_feature .feature_box .feature_text {
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.offer_banner {
  padding: 200px 0;
  background-image: url(../images/drivia_feature_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  text-align: center;
}
.offer_banner .offer_head {
  color: #ffffff;
  font-size: 75px;
  letter-spacing: 1px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 540px) {
  .offer_banner .offer_head {
    font-size: 40px;
  }
}
.offer_banner .offer_head::after {
  content: '';
  display: block;
  height: 3px;
  background: #ffffff;
  width: 100px;
  margin: 0 auto;
  margin-top: 10px;
}
.offer_banner .offer_text {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.offer_banner .offer_btn {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 5px;
  background-color: #262f2a;
  padding: 0 40px;
  color: #ffffff;
  display: inline-block;
}
/********************************************Contact**************************************************/
.drivia_info {
  background-color: #c53733;
  position: relative;
  padding: 100px 0;
}
@media (max-width: 990px) {
  .drivia_info {
    padding: 50px 0;
  }
}
.drivia_info .info_box {
  background-color: #ffffff;
  border-radius: 5px;
  width: 100%;
  height: auto;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
  padding: 30px;
  text-align: center;
  border: 1px dashed #d2d0d0;
}
@media (max-width: 540px) {
  .drivia_info .info_box {
    margin-bottom: 30px;
  }
}
.drivia_info .info_box .info_head {
  color: #1b251d;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.drivia_info .info_box .info_text {
  font-size: 16px;
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  display: block;
}
.drivia_info .info_box img {
  display: block;
  margin: 0 auto;
  margin-bottom: 25px;
  margin-top: 25px;
}
.drivia_info .info_box .info_btn {
  background-color: #262f2a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 15px;
  border-radius: 5px;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_info .info_box .info_btn:active,
.drivia_info .info_box .info_btn:hover,
.drivia_info .info_box .info_btn:focus {
  background-color: transparent;
  color: #262f2a;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_contact {
  padding: 150px 0;
  position: relative;
  background-image: url(../images/drivia_contact_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width: 990px) {
  .drivia_contact {
    padding: 20px 0;
  }
}
.drivia_contact .map_box {
  background-color: #ffffff;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  float: left;
  box-shadow: 0 0 20px rgba(70, 69, 69, 0.72941176);
}
@media (max-width: 540px) {
  .drivia_contact .map_box {
    margin-bottom: 30px;
    float: none;
  }
}
.drivia_contact .map_box iframe {
  float: left;
}
@media (max-width: 990px) {
  .drivia_contact .map_box iframe {
    height: 350px;
  }
}
.drivia_contact .form_box {
  background-color: #ffffff;
  padding: 50px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(70, 69, 69, 0.72941176);
}
.drivia_contact .form_box .form_head {
  color: #1b251d;
  font-size: 23px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  font-weight: 600;
}
.drivia_contact .form_box .drivia_form .form-field input,
.drivia_contact .form_box .drivia_form .form-field textarea {
  height: 55px;
  line-height: 55px;
  margin-bottom: 15px;
  width: 100%;
  padding: 0 20px;
  border: 1px dashed #d2d0d0;
  background-color: #ffffff;
  border-radius: 10px;
  font-size: 15px;
  color: #242c38;
  outline: none;
  font-weight: 400;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
}
.drivia_contact .form_box .drivia_form .form-field input:focus,
.drivia_contact .form_box .drivia_form .form-field textarea:focus {
  border: 1px dashed #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_contact .form_box .drivia_form .form-field input:focus::-webkit-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus::-webkit-input-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input:focus::-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus::-moz-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input:focus:-ms-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus:-ms-input-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input:focus:-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:focus:-moz-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input::-webkit-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea::-webkit-input-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input::-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea::-moz-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input:-ms-input-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:-ms-input-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field input:-moz-placeholder,
.drivia_contact .form_box .drivia_form .form-field textarea:-moz-placeholder {
  color: #242c38;
}
.drivia_contact .form_box .drivia_form .form-field textarea {
  height: 150px;
}
.drivia_contact .form_box .drivia_form .form-field button {
  background-color: #262f2a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 15px;
  border-radius: 5px;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  border: 0;
  outline: none;
  box-shadow: none;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
.drivia_contact .form_box .drivia_form .form-field button:active,
.drivia_contact .form_box .drivia_form .form-field button:hover,
.drivia_contact .form_box .drivia_form .form-field button:focus {
  background-color: #36af30;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.drivia_contact .form_box .drivia_form .form-groupfield {
  margin: 30px 0;
}
.drivia_contact .form_box .drivia_form .form-groupfield label {
  margin-bottom: 20px;
  color: #1b251d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  width: 50%;
  display: inline-block;
  margin-bottom: 30px;
}
@media (max-width: 540px) {
  .drivia_contact .form_box .drivia_form .form-groupfield label {
    font-size: 13px;
  }
}
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=radio],
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=checkbox] {
  cursor: pointer;
  height: 25px;
  width: 25px;
  margin: 0 15px 0 0;
  float: left;
  -webkit-appearance: none;
  border: 1px dashed #d2d0d0;
  border-radius: 3px;
  position: relative;
  outline: none;
  transition: 0.3s all ease-in-out;
}
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=radio]:checked,
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=checkbox]:checked {
  background-color: #ffffff;
  color: #262f2a;
  border: 1px dashed #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=radio]:checked:after,
.drivia_contact .form_box .drivia_form .form-groupfield .groupfield label input[type=checkbox]:checked:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}
/***************************************************Gallery*********************************************************/
.drivia_gallery {
  background-color: #ffffff;
  padding: 100px 0;
  position: relative;
}
.drivia_gallery .gall_box {
  position: relative;
  overflow: hidden;
  display: inline-block;
  float: left;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 30px;
  transition: 0.3s all ease-in-out;
}
.drivia_gallery .gall_box .gall_thumb {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 285px;
  display: block;
  object-fit: cover;
}
.drivia_gallery .gall_box .gall_thumb img {
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  display: block;
  height: 285px;
  object-fit: cover;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.drivia_gallery .gall_box .gall_text {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: auto;
  padding: 10px 10px;
  background-color: #000000;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  z-index: 1;
}
.drivia_gallery .gall_box .gall_text span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.drivia_gallery .gall_box:hover {
  transition: 0.3s all ease-in-out;
}
.drivia_gallery .gall_box:hover .gall_text {
  opacity: 1;
  visibility: visible;
  bottom: 0;
  transition: 0.3s all ease-in-out;
}
.drivia_gallery .drivia_gal_btn {
  display: inline-block;
  padding: 0 25px;
  height: 55px;
  line-height: 53px;
  background-color: #262f2a;
  border: 2px solid #262f2a;
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: 50px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
.drivia_gallery .drivia_gal_btn:hover {
  border: 2px solid #262f2a;
  background-color: transparent;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/*****************************************Category*********************************************/
.drivia_category {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
}
.drivia_category .post_grid {
  margin-bottom: 50px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.drivia_category .post_grid .image_grid {
  width: 100%;
  overflow: hidden;
  height: 500px;
  object-fit: cover;
  border-radius: 10px;
}
.drivia_category .post_grid .image_grid img {
  width: 100%;
  height: 500px;
  overflow: hidden;
  object-fit: cover;
}
.drivia_category .post_grid .data_grid {
  width: 100%;
  height: auto;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  border: 1px dashed #d2d0d0;
  border-top: 0;
  padding: 50px;
  margin-top: -10px;
}
.drivia_category .post_grid .data_grid .post_tag {
  line-height: 1.5;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #262f2a;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px;
}
.drivia_category .post_grid .data_grid .post_tag::before {
  height: 2px;
  background: #262f2a;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.drivia_category .post_grid .data_grid .slider_title {
  font-size: 35px;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 25px;
  font-weight: 600;
}
@media (max-width: 540px) {
  .drivia_category .post_grid .data_grid .slider_title {
    font-size: 20px;
  }
}
.drivia_category .post_grid .data_grid .slider_text {
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #242c38;
}
.drivia_category .post_grid .data_grid .slider_button {
  height: 55px;
  line-height: 55px;
  background-color: #262f2a;
  color: #ffffff;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  padding: 0 30px;
  display: inline-block;
  margin-top: 20px;
  transition: 0.3s all ease-in-out;
}
.drivia_category .post_grid .data_grid .slider_button:active,
.drivia_category .post_grid .data_grid .slider_button:hover,
.drivia_category .post_grid .data_grid .slider_button:focus {
  background-color: #36af30;
  transition: 0.3s all ease-in-out;
}
.drivia_category .post_grid .data_grid .slider_button::before {
  content: '\f101';
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #ffffff;
}
.drivia_category .drivia_sidebar {
  width: 100%;
  height: auto;
  background-color: transparent;
}
.drivia_category .drivia_sidebar .cat_grid {
  width: 100%;
  padding: 30px 40px;
  margin-bottom: 30px;
  background-color: #c53733;
  border-radius: 10px;
}
.drivia_category .drivia_sidebar .cat_grid:empty {
  display: none;
}
.drivia_category .drivia_sidebar .cat_grid .grid_head {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px;
}
.drivia_category .drivia_sidebar .cat_grid .grid_head::before {
  height: 3px;
  background: #262f2a;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.drivia_category .drivia_sidebar .cat_grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.drivia_category .drivia_sidebar .cat_grid ul li {
  list-style: none;
  display: block;
  margin-bottom: 15px;
}
.drivia_category .drivia_sidebar .cat_grid ul li a {
  font-size: 15px;
  color: #272727;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
  display: inline-block;
}
.drivia_category .drivia_sidebar .cat_grid ul li a::before {
  content: '\f111';
  font-family: 'FontAwesome';
  color: #262f2a;
  font-size: 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s all ease-in-out;
}
.drivia_category .drivia_sidebar .cat_grid ul li a:active,
.drivia_category .drivia_sidebar .cat_grid ul li a:hover,
.drivia_category .drivia_sidebar .cat_grid ul li a:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_category .drivia_sidebar .cat_grid ul li a:active::before,
.drivia_category .drivia_sidebar .cat_grid ul li a:hover::before,
.drivia_category .drivia_sidebar .cat_grid ul li a:focus::before {
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box {
  float: left;
  margin-bottom: 15px;
  display: table;
  transition: 0.3s all ease-in-out;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box img {
  width: 75px;
  height: 75px;
  overflow: hidden;
  object-fit: cover;
  display: table-cell;
  border-radius: 5px;
  vertical-align: middle;
  transition: 0.3s all ease-in-out;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box .related_head {
  color: #1b251d;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  display: table-cell;
  font-weight: 600;
  width: 65%;
  vertical-align: middle;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box:hover {
  transition: 0.3s all ease-in-out;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box:hover .related_head {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.drivia_category .drivia_sidebar .cat_grid .related_grid .related_box:hover img {
  transition: 0.3s all ease-in-out;
  filter: grayscale(100%);
}
.drivia_detail {
  padding: 100px 0;
  background-color: #ffffff;
  position: relative;
}
.drivia_detail .detail_grid {
  width: 100%;
}
@media (max-width: 540px) {
  .drivia_detail .detail_grid {
    margin-bottom: 40px;
  }
}
.drivia_detail .detail_grid .image_grid {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 50px;
}
.drivia_detail .detail_grid .image_grid img {
  width: 100%;
  height: auto;
}
.drivia_detail .detail_grid .text_grid {
  width: 100%;
  height: auto;
}
.drivia_detail .detail_grid .text_grid p {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5px;
  color: #242c38;
}
.drivia_detail .detail_grid .text_grid img {
  height: auto;
  width: auto;
}
.drivia_detail .detail_grid .text_grid .wpb_wrapper img {
  height: auto;
  width: auto;
}
.drivia_detail .detail_grid .text_grid .wpb_wrapper p {
  text-align: center;
}
.drivia_detail .drivia_sidebar {
  width: 100%;
  height: auto;
  background-color: transparent;
}
.drivia_detail .drivia_sidebar .cat_grid {
  width: 100%;
  padding: 30px 40px;
  margin-bottom: 30px;
  background-color: #c53733;
  border-radius: 10px;
}
.drivia_detail .drivia_sidebar .cat_grid:empty {
  display: none;
}
.drivia_detail .drivia_sidebar .cat_grid .grid_head {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px;
}
.drivia_detail .drivia_sidebar .cat_grid .grid_head::before {
  height: 3px;
  background: #262f2a;
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 35px;
  margin-top: -1px;
}
.drivia_detail .drivia_sidebar .cat_grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.drivia_detail .drivia_sidebar .cat_grid ul li {
  list-style: none;
  display: block;
  margin-bottom: 15px;
}
.drivia_detail .drivia_sidebar .cat_grid ul li a {
  font-size: 15px;
  color: #272727;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
  display: inline-block;
}
.drivia_detail .drivia_sidebar .cat_grid ul li a::before {
  content: '\f111';
  font-family: 'FontAwesome';
  color: #262f2a;
  font-size: 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s all ease-in-out;
}
.drivia_detail .drivia_sidebar .cat_grid ul li a:active,
.drivia_detail .drivia_sidebar .cat_grid ul li a:hover,
.drivia_detail .drivia_sidebar .cat_grid ul li a:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.drivia_detail .drivia_sidebar .cat_grid ul li a:active::before,
.drivia_detail .drivia_sidebar .cat_grid ul li a:hover::before,
.drivia_detail .drivia_sidebar .cat_grid ul li a:focus::before {
  color: #36af30;
  transition: 0.3s all ease-in-out;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box {
  float: left;
  margin-bottom: 15px;
  display: table;
  transition: 0.3s all ease-in-out;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box img {
  width: 75px;
  height: 75px;
  overflow: hidden;
  object-fit: cover;
  display: table-cell;
  border-radius: 5px;
  vertical-align: middle;
  transition: 0.3s all ease-in-out;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box .related_head {
  color: #1b251d;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  display: table-cell;
  font-weight: 600;
  width: 65%;
  vertical-align: middle;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box:hover {
  transition: 0.3s all ease-in-out;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box:hover .related_head {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.drivia_detail .drivia_sidebar .cat_grid .related_grid .related_box:hover img {
  transition: 0.3s all ease-in-out;
  filter: grayscale(100%);
}
/*********************Nurer Whatsapp**************************/
.float {
  position: fixed;
  bottom: 3%;
  right: 2%;
}
/*********************Pixel**************************************/
.pixel_gallery {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  position: relative;
}
.pixel_gallery .nn_col {
  padding: 0;
}
@media (max-width: 540px) {
  .pixel_gallery .nn_col {
    padding: 0 15px;
  }
}
.pixel_gallery .gal_cat {
  text-align: center;
  padding: 50px 0;
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 540px) {
  .pixel_gallery .gal_cat {
    padding: 0;
  }
}
.pixel_gallery .gal_cat ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pixel_gallery .gal_cat ul li {
  list-style: none;
  display: inline-block;
  padding-right: 25px;
}
@media (max-width: 540px) {
  .pixel_gallery .gal_cat ul li {
    display: block;
    padding: 0;
    margin-bottom: 15px;
  }
}
.pixel_gallery .gal_cat ul li:last-child {
  padding-right: 0;
}
.pixel_gallery .gal_cat ul li a {
  color: #1b251d;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 540px) {
  .pixel_gallery .gal_cat ul li a {
    font-size: 15px;
  }
}
.pixel_gallery .gal_cat ul li a::after {
  content: '';
  height: 3px;
  width: 0;
  background: #262f2a;
  display: block;
  margin-top: 5px;
  transition: 0.3s all ease-in-out;
}
.pixel_gallery .gal_cat ul li a:hover,
.pixel_gallery .gal_cat ul li a.active {
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.pixel_gallery .gal_cat ul li a:hover::after,
.pixel_gallery .gal_cat ul li a.active::after {
  width: 100%;
}
.pixel_gallery .gal_box {
  border-bottom: 1px solid #ffffff;
  transition: 0.3s all ease-in-out;
  overflow: hidden;
  position: relative;
}
.pixel_gallery .gal_box .fancy_grid {
  height: 480px;
  width: auto;
  display: block;
  object-fit: cover;
  position: relative;
}
.pixel_gallery .gal_box .fancy_grid::after {
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  transition: 0.5s all ease-in-out;
  pointer-events: none;
}
.pixel_gallery .gal_box .fancy_grid img {
  vertical-align: middle;
  width: 100%;
  transition: 0.5s all ease-in-out;
  margin: 0 auto;
  max-width: 100%;
  display: block;
  height: 480px;
  object-fit: cover;
  position: relative;
}
.pixel_gallery .gal_box .gal_btn {
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background-color: #ffffff;
  color: #262f2a;
  border-radius: 50%;
  position: absolute;
  left: -50px;
  opacity: 0;
  top: 20px;
  font-size: 18px;
  transition: 0.5s all ease-in-out;
}
.pixel_gallery .gal_box .gal_btn:hover {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.5s all ease-in-out;
}
.pixel_gallery .gal_box .gal_text {
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: auto;
  bottom: -170px;
  padding: 25px 30px;
  opacity: 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
  transition: 0.5s all ease-in-out;
}
.pixel_gallery .gal_box .gal_text .gal_head {
  color: #1b251d;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.pixel_gallery .gal_box .gal_text .gal_para {
  color: #242c38;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.6px;
}
.pixel_gallery .gal_box:hover {
  transition: 0.5s all ease-in-out;
}
.pixel_gallery .gal_box:hover .fancy_grid::after {
  transition: 0.5s all ease-in-out;
  height: 100%;
}
.pixel_gallery .gal_box:hover .fancy_grid img {
  transition: 0.5s all ease-in-out;
  transform: scale(1.2);
}
.pixel_gallery .gal_box:hover .gal_btn {
  left: 20px;
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
.pixel_gallery .gal_box:hover .gal_text {
  bottom: 0;
  opacity: 1;
  transition: 0.5s all ease-in-out;
}
/**********************Taksi Form***************************/
.taksi_form input,
.taksi_form textarea {
  border: 1px solid #d2d0d0;
  background-color: #ffffff;
  height: 60px;
  padding: 0 15px;
  width: 100%;
  font-size: 16px;
  margin-bottom: 12px;
  outline: none;
}
.taksi_form textarea {
  height: 150px;
}
.taksi_form button {
  background-image: -moz-linear-gradient(-90deg, #f2ea8e 0, #272a39 100%);
  background-image: -webkit-linear-gradient(-90deg, #f2ea8e 0, #272a39 100%);
  background-image: -ms-linear-gradient(-90deg, #f2ea8e 0, #272a39 100%);
  box-shadow: 0 2px 1px 0 rgba(141, 123, 0, 0.99);
  border: 1px solid #dcc000;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 25px;
  color: #1b251d;
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 15px;
  margin-top: 0;
  float: right;
  width: 150px;
}
header {
  text-align: right;
}
header .navbar-toggle .icon-bar {
  background: #ffffff;
}
header .nn_collapse {
  float: left;
}
@media (max-width: 991px) {
  header .nn_collapse {
    width: 100%;
    padding: 0;
    border: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse {
    display: none !important;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse.in {
    display: block !important;
    padding: 0;
  }
}
header .navbar-header .collapse,
header .navbar-toggle {
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    display: block !important;
  }
  header .navbar-header .collapse .icon-bar,
  header .navbar-toggle .icon-bar {
    background: #36af30;
  }
}
@media (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    padding: 0;
    margin: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-header {
    float: none;
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  header .navbar-header {
    padding-top: 25px !important;
    float: right !important;
  }
}
header .dropdown-menu {
  padding: 0;
}
header .dropdown-menu li {
  display: block !important;
  float: none;
  width: 100%;
  border-right: 0;
  border-left: 0;
}
header.fixedheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #040f01;
  text-align: center;
  padding: 10px 0;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
@media (max-width: 990px) {
  header.fixedheader {
    padding: 10px 0;
  }
}
header.fixedheader .logo_head {
  float: left;
}
header.arden_fixedheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  text-align: center;
  padding: 15px 0;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
@media (max-width: 990px) {
  header.arden_fixedheader {
    padding: 40px 0;
  }
}
.nn_tight_container {
  margin-right: auto;
  margin-left: auto;
  max-width: 900px;
  position: relative;
}
@media (max-width: 900px) {
  .nn_tight_container {
    max-width: 768px;
  }
}
.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
.pad_10 {
  padding: 10px 0;
}
.pad_20 {
  padding: 20px 0;
}
.pad_30 {
  padding: 30px 0;
}
.pad_40 {
  padding: 40px 0;
}
.pad_60 {
  padding: 60px 0;
}
.pad_300 {
  height: 300px;
}
.pad_200 {
  height: 200px;
}
.pad_100 {
  height: 100px;
}
.navbar-fixed-top {
  z-index: 99;
}
.eris_header {
  position: fixed;
  padding: 10px 0;
  top: 0;
  width: 100%;
  background-color: #040f01;
  border-bottom: 1px solid #ffffff;
  z-index: 100;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.eris_header .main_header {
  background-color: transparent;
}
@media (max-width: 990px) {
  .eris_header .main_header {
    position: inherit;
    top: inherit;
    float: left;
    padding: 0 20px;
    width: 100%;
  }
}
.eris_header .main_header .logo_head {
  display: inline-block;
}
@media (max-width: 990px) {
  .eris_header .main_header .logo_head {
    padding-top: 10px;
    padding-left: 0;
  }
}
.eris_header .main_header .logo_head a {
  width: auto;
  height: auto;
}
.eris_header .main_header .logo_head a img {
  max-width: 170px;
}
.eris_header .main_header .footer_logo {
  display: inline-block;
  float: left;
  padding-left: 40px;
}
.eris_header .main_header .footer_logo a {
  width: auto;
  height: auto;
}
.eris_header .main_header .footer_logo a img {
  max-width: 170px;
  margin-bottom: 20px;
}
.eris_header .main_header .nav {
  min-height: auto;
  padding: 0;
}
.eris_header .main_header .nav li {
  padding: 0;
}
.eris_header .main_header .nav li a {
  border-right: 0;
  color: #8d857b;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 30px 8px;
  font-size: 12px;
}
@media (max-width: 990px) {
  .eris_header .main_header .nav li a {
    padding: 0;
  }
}
.eris_header .main_header .nav li a:hover,
.eris_header .main_header .nav li a:focus {
  color: #184cce;
}
.eris_header .main_header .nav li .active {
  color: #184cce;
  background-color: transparent;
}
.eris_header .main_header .nav li .dropdown-menu {
  background-color: #040f01;
  position: absolute;
  left: 10px;
  top: 78px;
}
@media (max-width: 990px) {
  .eris_header .main_header .nav li .dropdown-menu {
    position: initial;
    width: 100%;
  }
}
.eris_header .main_header .nav li .dropdown-menu li a {
  color: #ffffff;
}
.eris_header .main_header .nav li .dropdown-menu li a::after {
  display: none;
}
.eris_header .main_header .nav li .dropdown-menu li a.active {
  color: #ffffff;
}
.eris_header .main_header .nav li .dropdown-menu li a:hover,
.eris_header .main_header .nav li .dropdown-menu li a:focus {
  color: #ffffff;
}
.eris_header .main_header .navbar {
  margin-bottom: 0;
  border: 0;
  display: inline-block;
  float: right;
  position: initial;
}
@media (max-width: 990px) {
  .eris_header .main_header .navbar .navbar-collapse ul {
    text-align: left;
    position: relative;
    font-size: 0;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  .eris_header .main_header .navbar .navbar-collapse ul li {
    margin: 0;
    display: block;
    padding: 0;
    position: initial;
  }
  .eris_header .main_header .navbar .navbar-collapse ul li a {
    background-color: transparent;
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ffffff;
    position: initial;
    display: block;
    padding: 15px 20px;
    text-align: left;
    line-height: 1;
    background-color: #000000;
    border: none;
  }
  .eris_header .main_header .navbar .navbar-collapse ul li a.active {
    background-color: #ffffff;
    color: #000000;
    border-radius: 0;
    border: none;
  }
  .eris_header .main_header .navbar .navbar-collapse ul li a.active:hover,
  .eris_header .main_header .navbar .navbar-collapse ul li a.active:focus {
    background-color: #ffffff;
    color: #000000;
    border: none;
  }
  .eris_header .main_header .navbar .navbar-collapse ul li a:hover,
  .eris_header .main_header .navbar .navbar-collapse ul li a:focus {
    background-color: #ffffff;
    color: #000000;
    border: none;
    border-radius: 0;
  }
}
.eris_header .main_header .navbar ul {
  text-align: center;
  position: relative;
  font-size: 0;
}
.eris_header .main_header .navbar ul:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.eris_header .main_header .navbar ul li {
  margin: 0;
  display: inline-block;
  padding: 0 10px;
}
.eris_header .main_header .navbar ul li a {
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  padding: 0;
  margin: 0;
  position: relative;
  line-height: 55px;
  background-color: transparent;
}
.eris_header .main_header .navbar ul li a::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 40%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  display: block;
  height: 4px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  pointer-events: none;
}
.eris_header .main_header .navbar ul li a.active {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
  background-color: transparent;
}
.eris_header .main_header .navbar ul li a.active::after {
  visibility: visible;
  opacity: 1;
}
.eris_header .main_header .navbar ul li a:hover,
.eris_header .main_header .navbar ul li a:focus {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
  background-color: transparent;
}
.eris_header .main_header .navbar ul li a:hover::after,
.eris_header .main_header .navbar ul li a:focus::after {
  visibility: visible;
  opacity: 1;
}
.eris_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .eris_header .main_header .navbar-collapse {
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 101;
    text-align: center;
    top: 110px;
  }
}
.eris_banner {
  background-color: #262f2a;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding-top: 250px;
  padding-bottom: 100px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 540px) {
  .eris_banner {
    text-align: center;
  }
}
.eris_banner::after {
  content: '';
  background: url(../images/eris_banner_after.png);
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 540px) {
  .eris_banner::after {
    display: none;
  }
}
.eris_banner .eris_banner_head {
  font-size: 55px;
  color: #ffffff;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0.5px;
  margin-top: 70px;
  margin-bottom: 25px;
}
@media (max-width: 1366px) {
  .eris_banner .eris_banner_head {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 540px) {
  .eris_banner .eris_banner_head {
    margin-top: 0;
  }
}
.eris_banner .eris_banner_text {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 55px;
}
@media (max-width: 1366px) {
  .eris_banner .eris_banner_text {
    font-size: 16px;
  }
}
.eris_banner .eris_banner_btn {
  background-color: #ffffff;
  color: #1b251d;
  font-size: 14px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 5px;
  border: 2px solid #ffffff;
  padding: 0 20px;
  margin-right: 30px;
  transition: 0.7s all ease-in-out;
}
@media (max-width: 540px) {
  .eris_banner .eris_banner_btn {
    font-size: 10px;
    line-height: 47px;
    padding: 0 12px;
    margin-bottom: 70px;
  }
}
.eris_banner .eris_banner_btn.btn_transparent {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  margin-right: 0;
  transition: 0.7s all ease-in-out;
}
.eris_banner .eris_banner_btn.btn_transparent:active,
.eris_banner .eris_banner_btn.btn_transparent:hover,
.eris_banner .eris_banner_btn.btn_transparent:focus {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  color: #1b251d;
  transition: 0.7s all ease-in-out;
}
.eris_banner .eris_banner_btn.btn_white:active,
.eris_banner .eris_banner_btn.btn_white:hover,
.eris_banner .eris_banner_btn.btn_white:focus {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  transition: 0.7s all ease-in-out;
}
.eris_banner .eris_banner_bg {
  text-align: right;
  position: relative;
  z-index: 1;
}
@media (max-width: 540px) {
  .eris_banner .eris_banner_bg {
    text-align: center;
  }
}
.eris_banner .eris_banner_bg img {
  width: 100%;
}
.guven_banner {
  padding: 315px 0;
  position: relative;
  background-color: #262f2a;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 540px) {
  .guven_banner {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 50px;
  }
}
.guven_banner::after {
  content: '';
  background: url(../images/eris_banner_after.png);
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 540px) {
  .guven_banner::after {
    display: none;
  }
}
.guven_banner .eris_banner_head {
  font-size: 55px;
  color: #ffffff;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0.5px;
  width: 70%;
  margin-top: 0;
  margin-bottom: 25px;
}
@media (max-width: 1366px) {
  .guven_banner .eris_banner_head {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 540px) {
  .guven_banner .eris_banner_head {
    margin-top: 0;
    width: 100%;
    font-size: 35px;
  }
}
.guven_banner .eris_banner_text {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 55px;
}
@media (max-width: 1366px) {
  .guven_banner .eris_banner_text {
    font-size: 16px;
  }
}
.guven_banner .eris_banner_btn {
  background-color: #ffffff;
  color: #1b251d;
  font-size: 14px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 5px;
  border: 2px solid #ffffff;
  padding: 0 20px;
  margin-right: 30px;
  transition: 0.7s all ease-in-out;
}
@media (max-width: 540px) {
  .guven_banner .eris_banner_btn {
    font-size: 10px;
    line-height: 47px;
    padding: 0 12px;
    margin-bottom: 70px;
  }
}
.guven_banner .eris_banner_btn.btn_transparent {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  margin-right: 0;
  transition: 0.7s all ease-in-out;
}
.guven_banner .eris_banner_btn.btn_transparent:active,
.guven_banner .eris_banner_btn.btn_transparent:hover,
.guven_banner .eris_banner_btn.btn_transparent:focus {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  color: #1b251d;
  transition: 0.7s all ease-in-out;
}
.guven_banner .eris_banner_btn.btn_white:active,
.guven_banner .eris_banner_btn.btn_white:hover,
.guven_banner .eris_banner_btn.btn_white:focus {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  transition: 0.7s all ease-in-out;
}
.eris_feature {
  background-color: #ffffff;
  padding: 150px 0;
}
.eris_feature .feature_item {
  text-align: left;
  margin-bottom: 60px;
}
@media (max-width: 540px) {
  .eris_feature .feature_item {
    margin-top: 40px;
    text-align: center;
  }
}
.eris_feature .feature_item img {
  margin-bottom: 20px;
  height: 50px;
  width: auto;
}
.eris_feature .feature_item .feature_item_head {
  font-size: 20px;
  color: #1b251d;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.eris_feature .feature_item .feature_item_text {
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-size: 16px;
  margin-bottom: 10px;
}
.eris_get_app {
  background-color: #262f2a;
  padding-top: 150px;
  padding-bottom: 0;
}
@media (max-width: 540px) {
  .eris_get_app {
    text-align: center;
  }
}
.eris_get_app img {
  max-width: 625px;
}
@media (max-width: 540px) {
  .eris_get_app img {
    max-width: 100%;
    margin-top: 30px;
  }
}
.eris_get_app .getapp_head {
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 25px;
  font-size: 35px;
  font-weight: 600;
  padding-top: 130px;
}
@media (max-width: 540px) {
  .eris_get_app .getapp_head {
    padding-top: 0;
  }
}
.eris_get_app .getapp_text {
  margin-bottom: 45px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.eris_get_app .eris_app_btn {
  background-color: #ffffff;
  color: #1b251d;
  font-size: 14px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ffffff;
  padding: 0 20px;
  margin-right: 30px;
  transition: 0.7s all ease-in-out;
}
@media (max-width: 540px) {
  .eris_get_app .eris_app_btn {
    margin-bottom: 30px;
    margin-right: 0;
  }
}
.eris_get_app .eris_app_btn:active,
.eris_get_app .eris_app_btn:hover,
.eris_get_app .eris_app_btn:focus {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  transition: 0.7s all ease-in-out;
}
.eris_get_app .eris_app_btn:last-child {
  margin-right: 0;
}
.price_sec_title {
  text-align: center;
  margin-bottom: 75px;
}
.price_sec_title .price_head {
  color: #1b251d;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media (max-width: 540px) {
  .price_sec_title .price_head {
    font-size: 30px;
  }
}
.price_sec_title .price_text {
  color: #242c38;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 540px) {
  .price_sec_title .price_text {
    font-size: 14px;
    width: 100%;
  }
}
.eris_price_section {
  padding: 150px 0;
  background-color: #ffffff;
}
.eris_price_section .eris_price_box {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 50px 0;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.eris_price_section .eris_price_box .price_box_head {
  color: #262f2a;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  text-transform: uppercase;
}
.eris_price_section .eris_price_box .price_box_features {
  padding: 10px 0;
  margin: 0;
  list-style: none;
}
.eris_price_section .eris_price_box .price_box_features li {
  display: block;
  list-style: none;
  color: #242c38;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 20px;
}
.eris_price_section .eris_price_box .price_box_price {
  margin-bottom: 30px;
}
.eris_price_section .eris_price_box .price_box_price .price_simbel {
  font-size: 25px;
  font-weight: 600;
  color: #1b251d;
  vertical-align: super;
  padding-right: 7px;
}
.eris_price_section .eris_price_box .price_box_price .price_box_title {
  color: #1b251d;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 5px;
  display: inline-block;
}
.eris_price_section .eris_price_box .price_box_price .price_time {
  font-size: 20px;
  font-weight: 600;
  color: #1b251d;
  vertical-align: middle;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 15px;
}
.eris_price_section .eris_price_box .price_box_btn {
  background-color: transparent;
  color: #262f2a;
  border: 2px solid #262f2a;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 14px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.eris_price_section .eris_price_box .price_box_btn:active,
.eris_price_section .eris_price_box .price_box_btn:hover,
.eris_price_section .eris_price_box .price_box_btn:focus {
  background-color: #262f2a;
  color: #ffffff;
  border: 2px solid #262f2a;
}
.eris_subscribe_section {
  padding: 80px 0;
  background-color: #36af30;
}
.eris_subscribe_section .eris_subscribe {
  position: relative;
  overflow: hidden;
  padding: 0 190px;
}
@media (max-width: 540px) {
  .eris_subscribe_section .eris_subscribe {
    padding: 0;
  }
}
.eris_subscribe_section .eris_subscribe input {
  border-radius: 5px;
  border: 1px solid #262f2a;
  color: #262f2a;
  height: 60px;
  width: 100%;
  display: block;
  padding: 0 20px;
  font-size: 14px;
  padding: 0 10px;
  outline: none;
  background-color: transparent;
}
.eris_subscribe_section .eris_subscribe input::-webkit-input-placeholder {
  color: #262f2a;
}
.eris_subscribe_section .eris_subscribe input::-moz-placeholder {
  color: #262f2a;
}
.eris_subscribe_section .eris_subscribe input:-ms-input-placeholder {
  color: #262f2a;
}
.eris_subscribe_section .eris_subscribe input:-moz-placeholder {
  color: #262f2a;
}
.eris_subscribe_section .eris_subscribe button {
  font-size: 14px;
  color: #ffffff;
  border-radius: 5px;
  padding: 0 10px;
  background-color: #262f2a;
  text-transform: uppercase;
  height: 60px;
  width: 100%;
  border: none;
  outline: none;
  margin: 0;
}
.eris_common_banner {
  background-image: url(../images/eris_common_banner_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 350px 0;
  position: relative;
  text-align: center;
}
@media (max-width: 540px) {
  .eris_common_banner {
    padding-top: 190px;
    padding-bottom: 100px;
  }
}
.eris_common_banner::after {
  content: '';
  background: url(../images/eris_banner_after.png);
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 540px) {
  .eris_common_banner::after {
    display: none;
  }
}
.eris_common_banner .common_banner_head {
  font-size: 55px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .eris_common_banner .common_banner_head {
    font-size: 35px;
  }
}
.eris_common_banner .common_banner_text {
  color: #ffffff;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.5px;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .eris_common_banner .common_banner_text {
    width: 100%;
    font-size: 16px;
  }
}
.eris_about_feature {
  padding: 150px 0;
  background-color: #ffffff;
}
.eris_about_feature .feature_box {
  margin-bottom: 60px;
  margin-top: 50px;
}
.eris_about_feature .feature_box.text-left {
  text-align: left;
}
@media (max-width: 540px) {
  .eris_about_feature .feature_box.text-left {
    text-align: center;
  }
}
.eris_about_feature .feature_box.text-right {
  text-align: right;
}
@media (max-width: 540px) {
  .eris_about_feature .feature_box.text-right {
    text-align: center;
  }
}
.eris_about_feature .feature_box .feature_icon {
  display: inline-block;
  position: relative;
  font-size: 26px;
  color: #262f2a;
  vertical-align: middle;
  line-height: 65px;
  height: 65px;
  width: 65px;
  border: 2px solid #262f2a;
  border-radius: 10px;
  transition: 0.3s all ease-in-out;
  text-align: center;
}
.eris_about_feature .feature_box .feature_item_head {
  font-size: 25px;
  color: #1b251d;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.eris_about_feature .feature_box .feature_item_text {
  font-size: 16px;
  color: #1b251d;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.eris_about_feature .feature_box:hover,
.eris_about_feature .feature_box:focus {
  transition: 0.3s all ease-in-out;
}
.eris_about_feature .feature_box:hover .feature_icon,
.eris_about_feature .feature_box:focus .feature_icon {
  background-color: #262f2a;
  color: #ffffff;
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
}
.eris_about_feature .feature_box:hover .feature_item_head,
.eris_about_feature .feature_box:focus .feature_item_head {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.eris_about_feature .img {
  width: 100%;
}
.eris_team_section {
  padding: 100px 0;
  background-color: #36af30;
}
.eris_team_section .team_item {
  background-color: #ffffff;
  border-radius: 5px;
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item .image_box {
  width: 360px;
  height: 300px;
  object-fit: cover;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item .image_box img {
  width: 360px;
  height: 300px;
  overflow: hidden;
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item .content_box {
  text-align: center;
  padding: 35px 55px;
  background-color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item .content_box .team_name {
  color: #1b251d;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item .content_box .team_post {
  color: #242c38;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.eris_team_section .team_item .content_box .team_text {
  color: #242c38;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
.eris_team_section .team_item .content_box .team_social {
  padding: 0;
  margin: 0;
  list-style: none;
}
.eris_team_section .team_item .content_box .team_social li {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
}
.eris_team_section .team_item .content_box .team_social li:last-child {
  padding-right: 0;
}
.eris_team_section .team_item .content_box .team_social li .team_icon {
  font-size: 16px;
  color: #1b251d;
  text-align: center;
}
.eris_team_section .team_item .content_box .team_social li .team_icon:active,
.eris_team_section .team_item .content_box .team_social li .team_icon:hover,
.eris_team_section .team_item .content_box .team_social li .team_icon:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item:hover,
.eris_team_section .team_item:focus {
  box-shadow: 0 10px 20px 2px rgba(106, 106, 106, 0.15);
  transition: 0.3s all ease-in-out;
}
.eris_team_section .team_item:hover .content_box .team_name,
.eris_team_section .team_item:focus .content_box .team_name {
  color: #262f2a;
}
.eris_team_section .team_item:hover .image_box img,
.eris_team_section .team_item:focus .image_box img {
  transform: scale(1.2);
  transition: 0.3s all ease-in-out;
}
.eris_video_section {
  background-image: url(../images/features-bg-06.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 200px;
  padding-bottom: 250px;
}
@media (max-width: 540px) {
  .eris_video_section {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.eris_video_section::after {
  content: '';
  background: url(../images/eris_video_after.png);
  width: 100%;
  height: 224px;
  position: absolute;
  bottom: 0;
}
@media (max-width: 540px) {
  .eris_video_section::after {
    display: none;
  }
}
.eris_video_section .video_box {
  text-align: center;
}
@media (max-width: 540px) {
  .eris_video_section .video_box {
    margin: 40px 0;
  }
}
.eris_video_section .video_box .video_head {
  font-size: 28px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  text-align: center;
}
.eris_video_section .video_box .video_btn {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background-color: #ffffff;
  color: #262f2a;
  border-radius: 50%;
  padding-left: 6px;
  font-size: 30px;
}
.eris_download {
  background-color: #ffffff;
  padding: 60px 0;
}
@media (max-width: 540px) {
  .eris_download {
    text-align: center;
  }
}
.eris_download .download_head {
  font-size: 34px;
  color: #1b251d;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  margin-top: 150px;
}
@media (max-width: 540px) {
  .eris_download .download_head {
    margin-top: 0;
  }
}
.eris_download .download_text {
  font-size: 16px;
  color: #242c38;
  line-height: 1.5;
  text-align: justify;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}
.eris_download .download_link {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
}
.eris_download .download_link li {
  list-style: none;
  padding-right: 30px;
  display: inline-block;
}
.eris_download .download_link li a {
  color: #242c38;
  font-size: 28px;
  transition: 0.3s all ease-in-out;
}
.eris_download .download_link li a:active,
.eris_download .download_link li a:hover,
.eris_download .download_link li a:focus {
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
.eris_download .download_img {
  text-align: center;
}
.eris_download .download_img img {
  width: 100%;
}
.eris_home_section_2 {
  background-color: #000000;
  padding: 60px 0;
}
.eris_home_section_2 .eris_home_section_2_inner_1 {
  padding-bottom: 20px;
}
.eris_home_section_2 .eris_home_section_2_inner_1 h1 {
  font-size: 22px;
  color: #ffffff;
}
.eris_home_section_2 .eris_home_section_2_inner_1 h4 {
  font-size: 18px;
  color: #8d857b;
  line-height: 30px;
}
.eris_home_section_2 .eris_home_section_2_inner_2 {
  padding-bottom: 20px;
}
.eris_home_section_2 .eris_home_section_2_inner_2 h1 {
  font-size: 22px;
  color: #ffffff;
}
.eris_home_section_2 .eris_home_section_2_inner_2 h4 {
  font-size: 18px;
  color: #8d857b;
  line-height: 30px;
}
.eris_home_section_2 .eris_home_section_2_inner_3 {
  padding-bottom: 20px;
}
.eris_home_section_2 .eris_home_section_2_inner_3 h1 {
  font-size: 22px;
  color: #ffffff;
}
.eris_home_section_2 .eris_home_section_2_inner_3 h4 {
  font-size: 18px;
  color: #8d857b;
  line-height: 30px;
}
.eris_home_section_3 {
  background-color: #ffffff;
  padding: 60px 0;
  display: block;
  text-align: center;
}
.eris_home_section_4 {
  background-color: #ffffff;
  padding: 60px 0;
}
.eris_home_section_4 h4 {
  font-size: 30px;
  color: #000000;
  font-style: inherit;
  font-weight: 300;
  line-height: 45px;
}
.eris_home_section_4 a {
  background-color: transparent;
  padding: 14px 24px;
  border: 3px solid #3c3c3c;
  border-radius: 25px;
  color: #3c3c3c;
  font-size: 18px;
  line-height: 100%;
  display: inline-block;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.eris_home_section_4 a:active {
  background-color: #3c3c3c;
  color: #ffffff;
  border-radius: 25px;
  border: 3px solid #3c3c3c;
}
.eris_home_section_4 a:hover,
.eris_home_section_4 a:focus {
  background-color: #3c3c3c;
  color: #ffffff;
  border-radius: 25px;
  border: 3px solid #3c3c3c;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.eris_home_section_5 {
  background-image: url(../images/home-bg-01.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  padding: 60px 0;
  background-size: cover;
}
.eris_home_section_5 h1 {
  font-size: 42px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
}
.eris_home_section_5 h4 {
  font-size: 18px;
  color: #ffffff;
  line-height: 200%;
  font-weight: 300;
  letter-spacing: 2px;
}
.eris_home_section_5 a {
  background-color: #3b65ce;
  padding: 14px 24px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.eris_home_section_5 a:active {
  background-color: #184cce;
  color: #ffffff;
  border-radius: 25px;
}
.eris_home_section_5 a:hover,
.eris_home_section_5 a:focus {
  background-color: #184cce;
  color: #ffffff;
  border-radius: 25px;
}
.eris_footer .main_footer {
  background-color: #262f2a;
  padding: 110px 0;
}
.eris_footer .main_footer .footer_logo {
  display: inline-block;
  margin-bottom: 25px;
}
.eris_footer .main_footer .footer_text {
  margin-bottom: 20px;
}
.eris_footer .main_footer .footer_text p {
  color: #242c38;
  font-size: 16px;
  text-align: justify;
  line-height: 1.5;
  letter-spacing: 0.5px;
  width: 90%;
}
@media (max-width: 540px) {
  .eris_footer .main_footer .footer_text p {
    width: 100%;
  }
}
.eris_footer .main_footer .footer_social {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 20px;
}
.eris_footer .main_footer .footer_social li {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
}
.eris_footer .main_footer .footer_social li:last-child {
  padding-right: 0;
}
.eris_footer .main_footer .footer_social li a {
  color: #242c38;
  font-size: 16px;
  transition: 0.3s all ease-in-out;
}
.eris_footer .main_footer .footer_social li a:active,
.eris_footer .main_footer .footer_social li a:hover,
.eris_footer .main_footer .footer_social li a:focus {
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.eris_footer .main_footer .widget_head {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 25px;
  letter-spacing: 0.8px;
  line-height: 1.5;
}
.eris_footer .main_footer .widget_inner {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
}
.eris_footer .main_footer .widget_inner li {
  display: inline-block;
  list-style: none;
  width: 100%;
  margin-bottom: 10px;
}
.eris_footer .main_footer .widget_inner li .fa {
  width: 30px;
  color: #242c38;
  font-size: 14px;
  float: left;
  margin-top: 5px;
}
.eris_footer .main_footer .widget_inner li a {
  color: #242c38;
  float: left;
  width: calc(100% - 30px);
  letter-spacing: 0.5px;
  line-height: 1.5;
  font-size: 16px;
}
.eris_footer .main_footer .insta_widget {
  padding: 0;
  margin: 0;
  list-style: none;
}
.eris_footer .main_footer .insta_widget li {
  list-style: none;
  display: inline-block;
  padding: 5px 3px;
}
.eris_footer .main_footer .insta_widget li a {
  width: 85px;
  height: 85px;
  object-fit: cover;
  overflow: hidden;
}
.eris_footer .main_footer .insta_widget li a img {
  width: 85px;
  height: 85px;
  object-fit: cover;
}
.eris_footer .copy_footer {
  padding-top: 45px;
  padding-bottom: 30px;
  background-color: #0f1311;
}
.eris_footer .copy_footer .copy-right {
  text-align: left;
}
.eris_footer .copy_footer .copy-right p {
  color: #242c38;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.5;
}
/**************************************Features*********************************************/
.eris_feature_banner {
  background-image: url(../images/eris_feature_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}
.eris_feature_banner .eris_feature_banner_text h1 {
  font-size: 37px;
  color: #ffffff;
  line-height: 60px;
  font-weight: 600;
}
.eris_feature_banner .eris_feature_banner_text h4 {
  font-size: 18px;
  color: #ffffff;
  line-height: 200%;
  letter-spacing: 1px;
}
.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img .eris_feature_banner_img1 {
  margin-bottom: 30px;
}
.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img .eris_feature_banner_img2 {
  margin-bottom: 30px;
}
.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img .eris_feature_banner_img3 {
  margin-bottom: 30px;
}
.eris_feature_banner .eris_feature_banner_text .eris_feature_banner_img h3 {
  font-size: 18px;
  color: #ffffff;
  padding-top: 23px;
}
.eris_feature_section2 {
  padding: 100px 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.eris_feature_section2 .feature_section2_inner1 {
  text-align: center;
}
.eris_feature_section2 .feature_section2_inner1 img {
  width: 100%;
}
.eris_feature_section2 .feature_section2_inner2 h1 {
  font-size: 34px;
  color: #272727;
  text-align: left;
}
.eris_feature_section2 .feature_section2_inner2 h4 {
  font-size: 16px;
  color: #8d857b;
  line-height: 30px;
  text-align: justify;
}
.eris_feature_section2 .feature_section2_inner2 h2 {
  font-size: 18px;
  color: #272727;
  text-align: left;
}
.eris_feature_section3 {
  background-image: url(../images/home-bg-02.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}
.eris_feature_section3 .feature_section3_inner1 h1 {
  font-size: 32px;
  color: #ffffff;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: 2px;
}
.eris_feature_section3 .feature_section3_inner2 {
  margin-top: 30px;
}
.eris_feature_section3 .feature_section3_inner2 .feature_section3_inner2_box1 {
  text-align: center;
}
.eris_feature_section3 .feature_section3_inner2 .feature_section3_inner2_box2 {
  text-align: center;
}
.eris_feature_section4 {
  padding: 100px 100px;
}
.eris_feature_section4 .feature_section1 h1 {
  font-size: 34px;
  color: #272727;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 50px;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 {
  width: auto;
  padding-bottom: 20px;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 .box1_image {
  text-align: right;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 h1 {
  font-size: 18px;
  color: #272727;
  padding: 20px 0 10px 0;
  text-align: right;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box1 p {
  font-size: 16px;
  color: #8d857b;
  text-align: right;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 {
  width: auto;
  padding-top: 20px;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 .box2_image {
  text-align: right;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 h1 {
  font-size: 18px;
  color: #272727;
  padding: 20px 0 10px 0;
  text-align: right;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner1 .section4_inner1_box2 p {
  font-size: 16px;
  color: #8d857b;
  text-align: right;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner2 .box3_image {
  text-align: center;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner2 .box3_image img {
  width: 100%;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 {
  width: auto;
  padding-bottom: 20px;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 .box4_image {
  text-align: left;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 h1 {
  font-size: 18px;
  color: #272727;
  padding: 20px 0 10px 0;
  text-align: left;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box1 p {
  font-size: 16px;
  color: #8d857b;
  text-align: left;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 {
  width: auto;
  padding-top: 20px;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 .box5_image {
  text-align: left;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 h1 {
  font-size: 18px;
  color: #272727;
  padding: 20px 0 10px 0;
  text-align: left;
}
.eris_feature_section4 .feature_section2 .eris_feature_section4_inner3 .section4_inner3_box2 p {
  font-size: 16px;
  color: #8d857b;
  text-align: left;
}
.eris_feature_section6 {
  padding: 60px 0 60px 0;
}
.eris_feature_section6 .eris_feature_section6_inner1 h1 {
  font-size: 34px;
  color: #272727;
  text-align: left;
}
.eris_feature_section6 .eris_feature_section6_inner1 h4 {
  font-size: 16px;
  color: #8d857b;
  line-height: 30px;
  padding-right: 60px;
  text-align: justify;
}
.eris_feature_section6 .eris_feature_section6_inner2 .sec6_inner2_img img {
  width: 100%;
}
.eris_feature_section7 {
  background-image: url(../images/features-bg-10.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  padding: 300px 0 300px;
  background-size: cover;
}
.eris_feature_section7 h1 {
  font-size: 34px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 4px;
  line-height: 150%;
  margin-bottom: 20px;
}
.eris_feature_section7 .sec7_link {
  text-align: center;
}
.eris_feature_section7 .sec7_link a {
  color: #ffffff;
  font-size: 16px;
}
/**************************************Features*********************************************/
/**************************************Get*********************************************/
.eris_history {
  padding: 60px 0;
  background-color: #ffffff;
}
.eris_history .history_head {
  font-size: 34px;
  color: #1b251d;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.eris_history .history_text {
  text-align: justify;
  font-size: 18px;
  color: #1b251d;
  line-height: 1.8;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.eris_history .histpry_para {
  font-size: 16px;
  color: #242c38;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 30px;
}
.eris_history img {
  width: 100%;
}
.eris_trial {
  background-image: url(../images/get_9.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
  position: relative;
}
.eris_trial .trail_head {
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 25px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.eris_trial .trial_text {
  font-size: 16px;
  color: #ffffff;
  text-align: justify;
  line-height: 1.5;
  margin-bottom: 25px;
  width: 85%;
}
@media (max-width: 540px) {
  .eris_trial .trial_text {
    width: 100%;
  }
}
.eris_trial .detail_btn {
  color: #ffffff;
  background-color: transparent;
  display: inline-block;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
}
.eris_trial .detail_btn:last-child {
  padding-right: 0;
}
.eris_trial img {
  margin-bottom: 40px;
}
.eris_trial .trial_btn {
  background-color: #ffffff;
  color: #1b251d;
  font-size: 14px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ffffff;
  padding: 0 35px;
  transition: 0.5s all ease-in-out;
}
.eris_trial .trial_btn:active,
.eris_trial .trial_btn:hover,
.eris_trial .trial_btn:focus {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  transition: 0.5s all ease-in-out;
}
/**************************************Get*********************************************/
/**************************************Contact*********************************************/
.eris_contact_detail {
  padding-bottom: 60px;
  padding-top: 80px;
  background-color: #ffffff;
}
.eris_contact_detail .detail_head {
  color: #1b251d;
  font-size: 36px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  font-weight: 600;
}
.eris_contact_detail .contact_box {
  text-align: left;
}
.eris_contact_detail .contact_box .box_item {
  display: flex;
  padding: 20px 20px 20px 25px;
  padding-left: 25px;
  margin-bottom: 25px;
  background-color: #8fa2a0;
  position: relative;
}
.eris_contact_detail .contact_box .box_item .box_icon {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  background-color: #262f2a;
  font-size: 30px;
}
.eris_contact_detail .contact_box .box_item .big_box .box_head {
  color: #1b251d;
  text-align: left;
  font-size: 25px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
}
.eris_contact_detail .contact_box .box_item .big_box .box_text {
  color: #242c38;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 540px) {
  .eris_contact_detail .contact_box .box_item .big_box .box_text {
    font-size: 14px;
  }
}
.eris_contact_form {
  padding: 60px 0;
  background-color: #ffffff;
}
.eris_contact_form h1 {
  font-size: 42px;
  color: #1b251d;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media (max-width: 540px) {
  .eris_contact_form h1 {
    font-size: 25px;
  }
}
.eris_contact_form .eris_form input,
.eris_contact_form .eris_form textarea {
  width: 100%;
  line-height: 18px;
  margin-bottom: 25px;
  padding: 15px;
  font-size: 14px;
  color: #1b251d;
  background-color: #d2d0d0;
  border-radius: 5px;
  border: 2px solid #d2d0d0;
  font-weight: normal;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.eris_contact_form .eris_form input::-webkit-input-placeholder,
.eris_contact_form .eris_form textarea::-webkit-input-placeholder {
  color: #1b251d;
}
.eris_contact_form .eris_form input::-moz-placeholder,
.eris_contact_form .eris_form textarea::-moz-placeholder {
  color: #1b251d;
}
.eris_contact_form .eris_form input:-ms-input-placeholder,
.eris_contact_form .eris_form textarea:-ms-input-placeholder {
  color: #1b251d;
}
.eris_contact_form .eris_form input:-moz-placeholder,
.eris_contact_form .eris_form textarea:-moz-placeholder {
  color: #1b251d;
}
.eris_contact_form .eris_form input:focus,
.eris_contact_form .eris_form textarea:focus {
  border: 2px solid #262f2a;
  transition: 0.3s all ease-in-out;
  color: #262f2a;
}
.eris_contact_form .eris_form input:focus::-webkit-input-placeholder,
.eris_contact_form .eris_form textarea:focus::-webkit-input-placeholder {
  color: #262f2a;
}
.eris_contact_form .eris_form input:focus::-moz-placeholder,
.eris_contact_form .eris_form textarea:focus::-moz-placeholder {
  color: #262f2a;
}
.eris_contact_form .eris_form input:focus:-ms-input-placeholder,
.eris_contact_form .eris_form textarea:focus:-ms-input-placeholder {
  color: #262f2a;
}
.eris_contact_form .eris_form input:focus:-moz-placeholder,
.eris_contact_form .eris_form textarea:focus:-moz-placeholder {
  color: #262f2a;
}
.eris_contact_form .eris_form textarea {
  min-height: 150px;
}
.eris_contact_form .eris_form button {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  box-shadow: none;
  background-color: #262f2a;
  border: none;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: 0.3s all ease-in-out;
}
.eris_contact_form .eris_form button:hover,
.eris_contact_form .eris_form button:focus {
  background-color: #1b251d;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
/**************************************Contact*********************************************/
/**********************************************************Eris*****************************************************************************/
/**********************************************************Arden*****************************************************************************/
.arden_header {
  position: absolute;
  padding: 35px 0;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
.arden_header .main_header {
  background-color: transparent;
}
@media (max-width: 990px) {
  .arden_header .main_header {
    position: inherit;
    top: inherit;
    float: left;
    padding: 0 20px;
    width: 100%;
  }
}
.arden_header .main_header .logo_head {
  display: inline-block;
  float: left;
  padding-left: 30px;
  padding-top: 0;
}
.arden_header .main_header .logo_head a {
  width: auto;
  height: auto;
}
.arden_header .main_header .logo_head a img {
  max-width: 150px;
}
@media (max-width: 990px) {
  .arden_header .main_header .logo_head {
    padding-top: 0;
    padding-left: 0;
  }
}
.arden_header .main_header .arden_footer_logo {
  display: inline-block;
  float: left;
  padding-left: 40px;
  overflow: hidden;
  margin-bottom: 30px;
}
.arden_header .main_header .arden_footer_logo a {
  width: auto;
  height: auto;
}
.arden_header .main_header .arden_footer_logo a img {
  max-width: 170px;
  margin-bottom: 20px;
}
.arden_header .main_header .nav {
  min-height: auto;
  padding: 0;
}
.arden_header .main_header .nav li {
  padding: 0;
}
.arden_header .main_header .nav li a {
  border-right: 0;
  color: #8d857b;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 30px 8px;
  font-size: 12px;
}
@media (max-width: 990px) {
  .arden_header .main_header .nav li a {
    padding: 0;
  }
}
.arden_header .main_header .nav li a:hover,
.arden_header .main_header .nav li a:focus {
  color: #262f2a;
}
.arden_header .main_header .nav li .active {
  color: #262f2a;
  background-color: transparent;
}
.arden_header .main_header .nav li .dropdown-menu {
  background-color: #040f01;
  top: 78px;
}
@media (max-width: 990px) {
  .arden_header .main_header .nav li .dropdown-menu {
    position: initial;
    width: 100%;
  }
}
.arden_header .main_header .nav li .dropdown-menu li a {
  color: #ffffff;
}
.arden_header .main_header .nav li .dropdown-menu li a:hover {
  color: #262f2a;
}
.arden_header .main_header .navbar {
  margin-bottom: 0;
  border: 0;
  width: 100%;
}
@media (max-width: 990px) {
  .arden_header .main_header .navbar .navbar-collapse ul {
    text-align: left;
    position: relative;
    font-size: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .arden_header .main_header .navbar .navbar-collapse ul li {
    margin: 0;
    display: block;
    padding: 0;
    position: relative;
  }
  .arden_header .main_header .navbar .navbar-collapse ul li a {
    background-color: #464646;
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ffffff;
    position: relative;
    display: block;
    padding: 15px 20px;
    text-align: left;
    line-height: 1;
    border: none;
  }
  .arden_header .main_header .navbar .navbar-collapse ul li a:active,
  .arden_header .main_header .navbar .navbar-collapse ul li a.active {
    background-color: #262f2a;
    color: #464646;
    border-radius: 0;
    border: none;
  }
  .arden_header .main_header .navbar .navbar-collapse ul li a:active:hover,
  .arden_header .main_header .navbar .navbar-collapse ul li a.active:hover,
  .arden_header .main_header .navbar .navbar-collapse ul li a:active:focus,
  .arden_header .main_header .navbar .navbar-collapse ul li a.active:focus {
    background-color: #262f2a;
    color: #ffffff;
    border: none;
  }
  .arden_header .main_header .navbar .navbar-collapse ul li a:hover,
  .arden_header .main_header .navbar .navbar-collapse ul li a:focus {
    background-color: #262f2a;
    color: #ffffff;
    border: none;
    border-radius: 0;
  }
}
.arden_header .main_header .navbar ul {
  text-align: center;
  position: relative;
  font-size: 0;
}
.arden_header .main_header .navbar ul:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.arden_header .main_header .navbar ul li {
  margin: 0;
  display: inline-block;
  padding: 0 10px;
}
.arden_header .main_header .navbar ul li a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 4px;
  color: #6990ab;
  padding: 0 20px;
  margin: 0;
  position: relative;
  line-height: 55px;
  border: 2px solid transparent;
}
.arden_header .main_header .navbar ul li a.active {
  background-color: transparent;
  color: #262f2a;
}
.arden_header .main_header .navbar ul li a.active:hover,
.arden_header .main_header .navbar ul li a.active:focus {
  background-color: transparent;
}
.arden_header .main_header .navbar ul li a:hover,
.arden_header .main_header .navbar ul li a:focus {
  background-color: transparent;
  color: #262f2a;
}
.arden_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .arden_header .main_header .navbar-collapse {
    background-color: transparent;
    position: absolute;
    right: 0;
    z-index: 101;
    text-align: center;
    top: 110px;
  }
}
.arden_section1 {
  background-image: url(../images/arden_home_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 230px;
}
.arden_section1 h4 {
  font-size: 18px;
  color: #262f2a;
  margin-bottom: 35px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
}
.arden_section1 h1 {
  font-size: 45px;
  color: #ffffff;
  text-align: center;
  line-height: 75px;
  font-weight: 600;
  margin-bottom: 70px;
  letter-spacing: 5px;
}
.arden_section1 a {
  padding: 18px 32px;
  background-color: transparent;
  border: 3px solid #262f2a;
  border-radius: 45px;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 51px;
  margin: 0;
}
.arden_section1 a:active {
  background-color: #262f2a;
  border: 3px solid #262f2a;
  color: #ffffff;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arden_section1 a:hover,
.arden_section1 a:focus {
  background-color: #262f2a;
  border: 3px solid #262f2a;
  color: #ffffff;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arden_section2 {
  padding-top: 130px;
  padding-bottom: 150px;
  background-color: #ffffff;
}
.arden_section2 .arden_sec2_in1 {
  padding-top: 150px;
  padding-bottom: 100px;
}
.arden_section2 .arden_sec2_in1 h1 {
  font-size: 36px;
  color: #262f2a;
  line-height: 50px;
  text-align: left;
  margin-bottom: 40px;
}
.arden_section2 .arden_sec2_in1 p {
  font-size: 18px;
  color: #1b251d;
  text-align: justify;
  line-height: 28px;
  margin-bottom: 40px;
}
.arden_section2 .arden_sec2_in1 h4 {
  font-size: 16px;
  color: #272727;
  text-align: left;
  padding-bottom: 3px;
  position: relative;
}
.arden_section2 .arden_sec2_in1 h4:after {
  content: '';
  border-bottom: 1px solid #262f2a;
  width: 0;
}
.arden_section2 .arden_sec2_in1 h4 a {
  color: #272727;
}
.arden_section2 .arden_sec2_in1 h4:hover,
.arden_section2 .arden_sec2_in1 h4:focus,
.arden_section2 .arden_sec2_in1 h4:active {
  border-bottom: 1px solid #262f2a;
  width: 102px;
  webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding-bottom: 10px;
}
.arden_section2 .arden_sec2_in2 {
  text-align: right;
}
.arden_section2 .arden_sec2_in2 img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.arden_section3 {
  padding-bottom: 150px;
  background-color: #ffffff;
}
.arden_section3 .arden_sec3_in1 {
  text-align: left;
}
.arden_section3 .arden_sec3_in1 img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.arden_section3 .arden_sec3_in2 {
  padding-top: 150px;
  padding-bottom: 100px;
}
.arden_section3 .arden_sec3_in2 h1 {
  font-size: 36px;
  color: #262f2a;
  line-height: 50px;
  text-align: left;
  margin-bottom: 40px;
}
.arden_section3 .arden_sec3_in2 p {
  font-size: 18px;
  color: #1b251d;
  text-align: justify;
  line-height: 28px;
  margin-bottom: 40px;
}
.arden_section3 .arden_sec3_in2 h4 {
  font-size: 16px;
  color: #272727;
  text-align: left;
  padding-bottom: 3px;
  position: relative;
}
.arden_section3 .arden_sec3_in2 h4:after {
  content: '';
  border-bottom: 1px solid #262f2a;
  width: 0;
}
.arden_section3 .arden_sec3_in2 h4 a {
  color: #272727;
}
.arden_section3 .arden_sec3_in2 h4:hover,
.arden_section3 .arden_sec3_in2 h4:active {
  border-bottom: 1px solid #262f2a;
  width: 102px;
  webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding-bottom: 10px;
}
.arden_section4 {
  background-image: url(../images/arden_home_2.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.arden_section4 h1 {
  font-size: 40px;
  color: #ffffff;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 5px;
}
.arden_section5 {
  padding: 100px;
  padding-bottom: 0;
  background-color: #ffffff;
}
.arden_section5 h4 {
  font-size: 18px;
  color: #262f2a;
  margin-bottom: 40px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
}
.arden_section5 h1 {
  font-size: 36px;
  color: #000000;
  letter-spacing: 2px;
  margin-bottom: 80px;
  text-align: center;
}
@media (max-width: 540px) {
  .arden_section5 h1 {
    font-size: 30px;
  }
}
.arden_section6 {
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 100px;
  border-bottom: 1px solid #313f2a;
}
.arden_section6 .arden_sec6_in1 {
  padding-bottom: 25px;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container {
  position: relative;
  width: 100%;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container:hover .arden_sec6_in1_overlay {
  opacity: 1;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay_image {
  display: block;
  width: 100%;
  height: auto;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #464646;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay .arden_sec6_in1_overtext {
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay .arden_sec6_in1_overtext h1 {
  font-size: 15px;
  color: #262f2a;
  margin-bottom: 13px;
  letter-spacing: 2px;
}
.arden_section6 .arden_sec6_in1 .arden_sec6_in1_overlay_container .arden_sec6_in1_overlay .arden_sec6_in1_overtext h5 {
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 2px;
}
.arden_section6 .arden_sec6_in2 {
  padding-bottom: 25px;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container {
  position: relative;
  width: 100%;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container:hover .arden_sec6_in2_overlay {
  opacity: 1;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay_image {
  display: block;
  width: 100%;
  height: auto;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #464646;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay .arden_sec6_in2_overtext {
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay .arden_sec6_in2_overtext h1 {
  font-size: 15px;
  color: #262f2a;
  margin-bottom: 13px;
  letter-spacing: 2px;
}
.arden_section6 .arden_sec6_in2 .arden_sec6_in2_overlay_container .arden_sec6_in2_overlay .arden_sec6_in2_overtext h5 {
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 2px;
}
.arden_section6 .arden_sec6_in3 {
  padding-bottom: 25px;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container {
  position: relative;
  width: 100%;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container:hover .arden_sec6_in3_overlay {
  opacity: 1;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay_image {
  display: block;
  width: 100%;
  height: auto;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #464646;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay .arden_sec6_in3_overtext {
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay .arden_sec6_in3_overtext h1 {
  font-size: 15px;
  color: #262f2a;
  margin-bottom: 13px;
  letter-spacing: 2px;
}
.arden_section6 .arden_sec6_in3 .arden_sec6_in3_overlay_container .arden_sec6_in3_overlay .arden_sec6_in3_overtext h5 {
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 2px;
}
.arden_section7 {
  padding: 100px;
  background-color: #ffffff;
}
.arden_section7 .arden_sec7_in1 h1 {
  font-size: 36px;
  color: #464646;
  letter-spacing: 3px;
  text-align: left;
  margin-bottom: 65px;
}
.arden_section7 .arden_sec7_in1 h4 {
  font-size: 16px;
  color: #262f2a;
  letter-spacing: 2px;
  text-align: left;
  margin-bottom: 18px;
}
.arden_section7 .arden_sec7_in1 p {
  font-size: 18px;
  color: #1b251d;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 1px;
  margin-bottom: 60px;
}
.arden_section7 .arden_sec7_in1 a {
  background-color: #262f2a;
  border: 3px solid #262f2a;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 2px;
  border-radius: 45px;
  line-height: 51px;
  padding: 18px 32px;
}
.arden_section7 .arden_sec7_in1 a:active {
  background-color: transparent;
  border: 3px solid #262f2a;
  color: #262f2a;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arden_section7 .arden_sec7_in1 a:hover,
.arden_section7 .arden_sec7_in1 a:focus {
  background-color: transparent;
  border: 3px solid #262f2a;
  color: #262f2a;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arden_section7 .arden_sec7_in2 {
  margin-top: 106px;
}
.arden_section7 .arden_sec7_in2 h4 {
  font-size: 16px;
  color: #262f2a;
  letter-spacing: 2px;
  text-align: left;
  margin-bottom: 18px;
}
.arden_section7 .arden_sec7_in2 p {
  font-size: 18px;
  color: #1b251d;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 1px;
}
.arden_main_footer .arden_footer {
  padding: 100px 100px;
  background-color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in1 .arden_footer_logo img {
  width: 120px;
  height: auto;
  border: 0;
  vertical-align: middle;
  float: left;
}
.arden_main_footer .arden_footer .arden_footer_in2 {
  margin-bottom: 20px;
}
.arden_main_footer .arden_footer .arden_footer_in2 h2 {
  font-size: 16px;
  color: #262f2a;
  letter-spacing: 2px;
  margin-bottom: 18px;
}
.arden_main_footer .arden_footer .arden_footer_in2 ul {
  display: block;
  line-height: 2.5;
  color: #262f2a;
  letter-spacing: 1px;
}
.arden_main_footer .arden_footer .arden_footer_in2 ul li {
  display: block;
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in2 ul li a {
  color: #262f2a;
  font-size: 16px;
}
.arden_main_footer .arden_footer .arden_footer_in2 ul li a:active {
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in2 ul li a:hover,
.arden_main_footer .arden_footer .arden_footer_in2 ul li a:focus {
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in3 {
  margin-bottom: 20px;
}
.arden_main_footer .arden_footer .arden_footer_in3 h2 {
  font-size: 16px;
  color: #262f2a;
  letter-spacing: 2px;
  margin-bottom: 18px;
}
.arden_main_footer .arden_footer .arden_footer_in3 ul {
  display: block;
  line-height: 2.5;
  color: #262f2a;
  letter-spacing: 1px;
}
.arden_main_footer .arden_footer .arden_footer_in3 ul li {
  display: block;
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in3 ul li a {
  color: #262f2a;
  font-size: 16px;
}
.arden_main_footer .arden_footer .arden_footer_in3 ul li a:active {
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in3 ul li a:hover,
.arden_main_footer .arden_footer .arden_footer_in3 ul li a:focus {
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in4 h2 {
  font-size: 16px;
  color: #262f2a;
  letter-spacing: 2px;
  margin-bottom: 18px;
}
.arden_main_footer .arden_footer .arden_footer_in4 p {
  color: #262f2a;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 1px;
}
.arden_main_footer .arden_footer .arden_footer_in4 p a {
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in4 p a:active {
  color: #262f2a;
}
.arden_main_footer .arden_footer .arden_footer_in4 p a:hover,
.arden_main_footer .arden_footer .arden_footer_in4 p a:focus {
  color: #262f2a;
}
.arden_footer2 {
  background-color: #262f2a;
  padding-top: 50px;
  padding-bottom: 40px;
}
.arden_footer2 .arden_footer2_in1 {
  float: left;
}
.arden_footer2 .arden_footer2_in1 ul {
  display: inline-block;
  margin-left: 95px;
}
.arden_footer2 .arden_footer2_in1 ul li {
  display: inline-block;
  color: #262f2a;
  font-size: 17px;
  padding: 12px;
}
.arden_footer2 .arden_footer2_in1 ul li a {
  color: #262f2a;
  font-size: 17px;
}
.arden_footer2 .arden_footer2_in1 ul li a:active {
  color: #262f2a;
}
.arden_footer2 .arden_footer2_in1 ul li a:hover,
.arden_footer2 .arden_footer2_in1 ul li a:focus {
  color: #262f2a;
}
.arden_footer2 .arden_footer2_in2 {
  text-align: right;
}
.arden_footer2 .arden_footer2_in2 h4 {
  color: #ffffff;
  font-size: 13px;
  margin-right: 95px;
  letter-spacing: 1px;
  padding-top: 20px;
}
/********************arden_about**************************/
.arden_about_banner {
  background-image: url(../images/arden_about_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  padding-top: 500px;
  padding-bottom: 100px;
}
.arden_about_banner h3 {
  font-size: 39px;
  color: #262f2a;
  line-height: 49px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 25px;
  letter-spacing: 6px;
}
.arden_about_banner p {
  font-size: 18px;
  color: #ffffff;
  text-align: justify;
  letter-spacing: 4px;
}
.arden_about_section2 {
  padding-top: 140px;
  padding-bottom: 110px;
}
.arden_about_section2 .arden_about_sec2_in1 h3 {
  font-size: 28px;
  color: #000000;
  line-height: 1.4;
  text-align: left;
  margin-top: 28px;
  margin-bottom: 20px;
}
.arden_about_section2 .arden_about_sec2_in2 h3 {
  font-size: 16px;
  color: #262f2a;
  margin-bottom: 20px;
}
.arden_about_section2 .arden_about_sec2_in2 p {
  font-size: 16px;
  color: #8d857b;
  text-align: justify;
  line-height: 30px;
}
.arden_about_section2 .arden_about_sec2_in3 h3 {
  font-size: 16px;
  color: #262f2a;
  margin-bottom: 20px;
}
.arden_about_section2 .arden_about_sec2_in3 p {
  font-size: 16px;
  color: #8d857b;
  text-align: justify;
  line-height: 30px;
}
.arden_about_section3 {
  padding-bottom: 100px;
}
.arden_about_section3 .arden_about_sec3_in1 img {
  width: 100%;
}
.arden_about_section3 .arden_about_sec3_in2 img {
  width: 100%;
}
.arden_about_section4 {
  padding-bottom: 100px;
}
.arden_about_section4 p {
  font-size: 32px;
  color: #464646;
  line-height: 55px;
  letter-spacing: 2px;
}
.arden_about_section4 .text_center {
  border-bottom: 1px solid;
  border-color: #262f2a;
  padding-bottom: 20px;
}
.arden_about_section5 {
  padding-bottom: 100px;
}
.arden_about_section5 .arden_about_sec5_in1 {
  text-align: center;
}
.arden_about_section5 .arden_about_sec5_in1 img {
  width: 100%;
}
.arden_about_section5 .arden_about_sec5_in2 {
  padding-top: 70px;
}
.arden_about_section5 .arden_about_sec5_in2 h1 {
  text-align: left;
  font-size: 32px;
  color: #000000;
  margin-bottom: 20px;
}
.arden_about_section5 .arden_about_sec5_in2 p {
  font-size: 18px;
  color: #1b251d;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list1 {
  margin-bottom: 20px;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list1 .fa-check {
  float: left;
  margin-right: 10px;
  font-size: 20px;
  text-align: center;
  color: #000000;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list1 h4 {
  font-size: 18px;
  color: #1b251d;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list2 {
  margin-bottom: 20px;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list2 .fa-check {
  float: left;
  margin-right: 10px;
  font-size: 20px;
  text-align: center;
  color: #000000;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list2 h4 {
  font-size: 18px;
  color: #1b251d;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list3 .fa-check {
  float: left;
  margin-right: 10px;
  font-size: 20px;
  text-align: center;
  color: #000000;
}
.arden_about_section5 .arden_about_sec5_in2 .arden_about_sec5_list3 h4 {
  font-size: 18px;
  color: #1b251d;
}
.arden_service_section1 {
  background-image: url(../images/arden_service_1.jpg);
  background-position: center top;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 340px;
  padding-bottom: 280px;
}
.arden_service_section1 h4 {
  font-size: 70px;
  font-weight: 600;
  letter-spacing: 8px;
  margin-bottom: 23px;
  text-align: center;
  color: #ffffff;
}
.arden_service_section1 p {
  font-size: 18px;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 35px;
  letter-spacing: 1px;
}
.arden_service_section2 {
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #ffffff;
}
.arden_service_section2 .arden_service_sec2_in1 {
  text-align: center;
}
.arden_service_section2 .arden_service_sec2_in2 {
  padding-top: 100px;
}
.arden_service_section2 .arden_service_sec2_in2 h1 {
  font-size: 36px;
  color: #000000;
  text-align: left;
  line-height: 50px;
  margin-bottom: 35px;
}
.arden_service_section2 .arden_service_sec2_in2 p {
  font-size: 18px;
  color: #1b251d;
  line-height: 30px;
  margin-bottom: 60px;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list1 {
  margin-bottom: 20px;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list1 i {
  float: left;
  font-size: 18px;
  margin-right: 20px;
  color: #000000;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list1 h4 {
  font-size: 18px;
  color: #1b251d;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list2 {
  margin-bottom: 20px;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list2 i {
  float: left;
  font-size: 18px;
  margin-right: 20px;
  color: #000000;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list2 h4 {
  font-size: 18px;
  color: #1b251d;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list3 i {
  float: left;
  font-size: 18px;
  margin-right: 20px;
  color: #000000;
}
.arden_service_section2 .arden_service_sec2_in2 .arden_service_sec2_in2_list3 h4 {
  font-size: 18px;
  color: #1b251d;
}
.arden_service_section3 {
  background-image: url(../images/arden_service_2.jpg);
  background-position: center top;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
  padding-top: 100px;
}
.arden_service_section3 .arden_service_sec3_in1 {
  margin-bottom: 130px;
}
.arden_service_section3 .arden_service_sec3_in1 h1,
.arden_service_section3 .arden_service_sec3_in1 h6 {
  font-size: 32px;
  color: #262f2a;
  line-height: 43px;
}
.arden_service_section3 .arden_service_sec3_in2 {
  margin-bottom: 130px;
}
.arden_service_section3 .arden_service_sec3_in2 h4 {
  font-size: 16px;
  color: #262f2a;
  padding-bottom: 20px;
}
.arden_service_section3 .arden_service_sec3_in2 p {
  font-size: 16px;
  text-align: justify;
}
.arden_service_section3 .arden_service_sec3_in3 {
  margin-bottom: 130px;
}
.arden_service_section3 .arden_service_sec3_in3 h4 {
  font-size: 16px;
  color: #262f2a;
  padding-bottom: 20px;
}
.arden_service_section3 .arden_service_sec3_in3 p {
  font-size: 16px;
  text-align: justify;
}
.arden_service_section3 .arden_service_sec3_in4 {
  margin-bottom: 30px;
}
.arden_service_section3 .arden_service_sec3_in4 h1,
.arden_service_section3 .arden_service_sec3_in4 span {
  font-size: 40px;
  margin-right: 20px;
  float: left;
  color: #262f2a;
}
.arden_service_section3 .arden_service_sec3_in4 h4 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 6px;
}
.arden_service_section3 .arden_service_sec3_in4 p {
  font-size: 16px;
  overflow: hidden;
}
.arden_service_section3 .arden_service_sec3_in5 {
  margin-bottom: 30px;
}
.arden_service_section3 .arden_service_sec3_in5 h1 {
  font-size: 40px;
  margin-right: 20px;
  float: left;
  color: #262f2a;
}
.arden_service_section3 .arden_service_sec3_in5 h4 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 6px;
}
.arden_service_section3 .arden_service_sec3_in5 p {
  font-size: 16px;
  overflow: hidden;
}
.arden_service_section3 .arden_service_sec3_in6 {
  margin-bottom: 30px;
}
.arden_service_section3 .arden_service_sec3_in6 h1 {
  font-size: 40px;
  margin-right: 20px;
  float: left;
  color: #262f2a;
}
.arden_service_section3 .arden_service_sec3_in6 h4 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 6px;
}
.arden_service_section3 .arden_service_sec3_in6 p {
  font-size: 16px;
  overflow: hidden;
}
.arder_service_section4 {
  background-color: #262f2a;
  padding-top: 85px;
  padding-bottom: 50px;
}
.arder_service_section4 .arder_service_sec4_in1 {
  overflow: hidden;
  margin-bottom: 50px;
}
.arder_service_section4 .arder_service_sec4_in1 h1 {
  font-size: 30px;
  color: #ffffff;
  text-align: left;
  float: left;
  margin-top: 20px;
  font-weight: 600;
  letter-spacing: 2px;
}
.arder_service_section4 .arder_service_sec4_in2 {
  overflow: hidden;
}
.arder_service_section4 .arder_service_sec4_in2 a {
  padding: 20px 37px;
  border: 3px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  float: right;
  border-radius: 40px;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arder_service_section4 .arder_service_sec4_in2 a:active {
  border: 3px solid #ffffff;
  border-radius: 40px;
  padding: 20px 37px;
  background-color: #ffffff;
  color: #262f2a;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arder_service_section4 .arder_service_sec4_in2 a:hover,
.arder_service_section4 .arder_service_sec4_in2 a:focus {
  border: 3px solid #ffffff;
  border-radius: 40px;
  padding: 20px 37px;
  background-color: #ffffff;
  color: #262f2a;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arden_contact {
  background-image: url(../images/arden_contact_bg.jpg);
  background-position: center top;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 334px;
  padding-bottom: 230px;
}
.arden_contact .arden_form {
  margin-top: 40px;
}
.arden_contact .arden_form input,
.arden_contact .arden_form textarea {
  width: 100%;
  outline: none;
  border: 0;
  border-bottom: 2px solid #262f2a;
  border-radius: 0;
  color: #262f2a;
  background-color: transparent;
  height: 60px;
  line-height: 60px;
}
.arden_contact .arden_form input::-webkit-input-placeholder,
.arden_contact .arden_form textarea::-webkit-input-placeholder {
  color: #262f2a;
}
.arden_contact .arden_form input::-moz-placeholder,
.arden_contact .arden_form textarea::-moz-placeholder {
  color: #262f2a;
}
.arden_contact .arden_form input:-ms-input-placeholder,
.arden_contact .arden_form textarea:-ms-input-placeholder {
  color: #262f2a;
}
.arden_contact .arden_form input:-moz-placeholder,
.arden_contact .arden_form textarea:-moz-placeholder {
  color: #262f2a;
}
.arden_contact .arden_form textarea {
  min-height: 90px;
}
.arden_contact .arden_form button {
  padding: 14px 24px;
  border: 3px solid #262f2a;
  border-radius: 25px;
  color: #262f2a;
  background-color: transparent;
  letter-spacing: 1px;
  font-weight: 600;
  margin-top: 40px;
  width: 100%;
  height: auto;
  -webkit-transition: color 0.1s ease-in-out, background 0.7s ease-in-out, border 0.1s ease-in-out;
}
.arden_contact .arden_form button:active,
.arden_contact .arden_form button:hover,
.arden_contact .arden_form button:focus {
  border: 3px solid #262f2a;
  background-color: #262f2a;
  color: #ffffff;
  border-radius: 25px;
  font-weight: 600;
}
/*************************Eris Category***************************************/
.eris_blog_banner {
  background-image: url("/static/themes/nano_lite/images/eris_blog_banner.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 130px;
}
.eris_blog_banner .eris_blog_head {
  font-size: 60px;
  color: #ffffff;
  font-weight: 600;
  padding: 0;
  text-align: center;
  letter-spacing: 2px;
}
.eris_category {
  padding: 90px 0;
}
@media (max-width: 540px) {
  .eris_category {
    padding-bottom: 0;
    padding-top: 50px;
  }
}
.eris_category .eris_sidebar {
  margin-bottom: 30px;
}
.eris_category .eris_sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.eris_category .eris_sidebar ul li {
  display: block;
  line-height: 1.5;
}
.eris_category .eris_sidebar ul li a {
  color: #ffffff;
  background-color: #8d857b;
  padding: 10px 25px;
  margin-bottom: 10px;
  font-size: 14px;
  position: relative;
  display: block;
  z-index: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
  vertical-align: middle;
  transition: all 250ms ease-in-out;
}
.eris_category .eris_sidebar ul li a:active,
.eris_category .eris_sidebar ul li a:hover,
.eris_category .eris_sidebar ul li a:focus {
  transition: all 250ms ease-in-out;
  background-color: #262f2a;
  color: #ffffff;
}
.eris_category .eris_blog_tile {
  margin-bottom: 50px;
}
.eris_category .eris_blog_tile .blog_image_box {
  position: relative;
  width: 100%;
  z-index: -1;
}
.eris_category .eris_blog_tile .blog_image_box img {
  width: 100%;
  max-height: 300px;
  object-fit: contain;
}
.eris_category .eris_blog_tile .blog_content_box {
  background-color: #ffffff;
  width: 90%;
  padding: 20px 30px;
  margin: -40px auto 0;
  z-index: 9999;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.25098039);
}
.eris_category .eris_blog_tile .blog_content_box .blog_title {
  font-size: 20px;
  color: #1b251d;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0 0 20px;
  line-height: 1.5;
  height: 30px;
  overflow: hidden;
}
@media (max-width: 540px) {
  .eris_category .eris_blog_tile .blog_content_box .blog_title {
    font-size: 18px;
  }
}
.eris_category .eris_blog_tile .blog_content_box .slider_text {
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  height: 70px;
  overflow: hidden;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 540px) {
  .eris_category .eris_blog_tile .blog_content_box .slider_text {
    margin-bottom: 40px;
    font-size: 15px;
  }
}
.eris_category .eris_blog_tile .blog_content_box .blog_btn {
  background-color: #000000;
  color: #ffffff;
  padding: 14px 20px;
  border-radius: 25px;
  font-size: 16px;
  letter-spacing: 0.5px;
  display: inline-block;
  transition: all 250ms ease-in-out;
}
@media (max-width: 540px) {
  .eris_category .eris_blog_tile .blog_content_box .blog_btn {
    padding: 13px 14px;
    font-size: 13px;
  }
}
.eris_category .eris_blog_tile .blog_content_box .blog_btn:active,
.eris_category .eris_blog_tile .blog_content_box .blog_btn:hover,
.eris_category .eris_blog_tile .blog_content_box .blog_btn:focus {
  background-color: #262f2a;
  color: #ffffff;
  box-shadow: 0 0 5px 1px rgba(38, 47, 42, 0.7);
  transition: all 250ms ease-in-out;
}
.blog_detail .image_box {
  z-index: -1;
  position: relative;
}
.blog_detail .image_box img {
  width: 100%;
  height: auto;
}
.blog_detail .detail_box {
  background-color: #ffffff;
  width: 90%;
  margin: -70px 5% 0 5%;
  padding: 40px 40px;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.25098039);
  z-index: 9999;
}
.blog_detail .detail_box .blog_title {
  font-size: 24px;
  color: #1b251d;
  letter-spacing: 0.5px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.blog_detail .detail_box .slider_text,
.blog_detail .detail_box p {
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: justify;
  margin-bottom: 40px;
}
/*************************Eris Category***************************************/
/*-- Icon Font  --------------------------------*/
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-style: normal;
}
.flaticon-mobile-banking:before {
  content: "\f100";
}
.flaticon-payment-terminal:before {
  content: "\f101";
}
.flaticon-analytics:before {
  content: "\f102";
}
body {
  color: #242c38;
}
.nn_container_fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
*,
*:focus {
  outline: none;
}
button:hover,
input:hover,
.btn:hover,
button:focus,
input:focus,
.btn:focus,
button:active,
input:active,
.btn:active,
button.focus,
input.focus,
.btn.focus {
  outline: none !important;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
.betsgate_container {
  width: 1300px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  .betsgate_container {
    width: 90%;
  }
}
@media only screen and (max-width: 1200px) {
  .betsgate_container {
    width: 90%;
  }
}
/*-- Header  --------------------------------*/
.betsgate_header {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 101;
}
.betsgate_header .nav a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.betsgate_header .nav a:hover,
.betsgate_header .nav a:focus {
  background: none;
  color: #262f2a;
}
.betsgate_header .nav .open a {
  background-color: transparent;
}
.betsgate_header .nav .dropdown-menu {
  border: none;
  /*min-width: auto;*/
  width: 100%;
}
.betsgate_header .nav .dropdown-menu li a {
  color: #242c38;
}
.betsgate_header .nav .dropdown-menu li a:hover {
  color: #262f2a;
}
/*-- Home Banner  --------------------------------*/
.home_banner {
  background: url(/static/themes/nano_lite/images/bet-bg-1.png) no-repeat center top;
  min-height: 980px;
  position: relative;
  z-index: 1;
}
.home_banner .home_banner_content {
  height: 980px;
  vertical-align: middle;
  display: table-cell;
}
.home_banner .home_banner_content .banner_content_head {
  font-size: 72px;
  color: #ffffff;
  font-weight: 800;
}
.home_banner .home_banner_content .banner_content_text {
  color: #ffffff;
  line-height: 36px;
  font-weight: 400;
}
.second_banner {
  background: url(/static/themes/nano_lite/images/bet-bg-2.jpg) no-repeat center top;
  color: #ffffff;
  padding: 350px 0 80px;
  margin-top: -290px;
  margin-bottom: 70px;
}
.second_banner .second_content {
  max-width: 50%;
  margin: 0 auto;
  line-height: 30px;
  font-weight: 400;
}
.content_row {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 50px 0;
}
.content_row .nn_col {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 0 15px;
}
.content_row .nn_col .content_text {
  line-height: 30px;
  color: #787878;
}
.content_row .nn_col img {
  max-width: 100%;
}
.slider_sec {
  position: relative;
  padding: 200px 0 100px;
}
.slider_sec:after {
  content: '';
  position: absolute;
  background: url(/static/themes/nano_lite/images/bet-bg-3.jpg) no-repeat center top;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main_slider {
  background-color: #ffffff;
  display: block;
  width: 85%;
  padding: 15px 0;
  float: right;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.main_slider .slide_item {
  display: table;
  width: 100%;
}
.main_slider .slide_item .slide_content {
  display: table-cell;
  vertical-align: top;
  width: 320px;
  background-color: #c53733;
  color: #ffffff;
  padding: 20px;
  position: relative;
}
.main_slider .slide_item .slide_content .slide_head {
  font-size: 68px;
  font-weight: 800;
  line-height: 60px;
}
.main_slider .slide_item .slide_content .slide_text {
  line-height: 24px;
  font-size: 16px;
}
.main_slider .slide_item .slide_content .slide_btn {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.main_slider .slide_item .slide_img {
  display: table-cell;
  vertical-align: top;
}
.main_slider .slide_item .slide_btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  color: #c53733;
  padding: 0 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.slider-counter {
  font-size: 75px;
  color: #ffffff;
  font-weight: 800;
  line-height: 80px;
  height: 80px;
}
.slider_left {
  display: inline-block;
  width: 15%;
  text-align: center;
  padding-right: 20px;
}
.slider_left .owl-nav {
  display: block;
  width: 100%;
}
.slider_left .owl-nav div {
  background-color: rgba(255, 255, 255, 0.1);
  margin: 5px 0;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
}
.slider_left .owl-nav div i {
  font-size: 40px;
  color: #ffffff;
  display: block;
  height: 45px;
  line-height: 45px;
}
/*-- Footer  --------------------------------*/
.footer_col {
  background-color: #1a1a1a;
  display: table;
  width: 100%;
  color: #ffffff;
  margin-bottom: 25px;
  padding: 90px 0 60px;
}
.footer_col .nn_col {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.footer_col .footer_nav {
  padding: 0;
  margin-bottom: 20px;
}
.footer_col .footer_nav li {
  display: inline-block;
  padding-right: 40px;
}
.footer_col .footer_nav li:last-child {
  padding-right: 0;
}
.footer_col .footer_nav li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.footer_col .footer_nav li a::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  width: 20px;
  height: 3px;
  background-color: #262f2a;
}
.footer_col .copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 20px;
}
.footer_col .footer_head {
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}
.footer_col .social_link {
  padding: 0;
  margin-bottom: 0;
}
.footer_col .social_link li {
  display: inline-block;
  padding-right: 5px;
}
.footer_col .social_link li:last-child {
  padding-right: 0;
}
.footer_col .social_link li a {
  border: 1px solid #ffffff;
  display: block;
  height: 46px;
  width: 46px;
  line-height: 46px;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
}
/*-- Page Head  --------------------------------*/
.page_head {
  background-position: center top;
  background-repeat: no-repeat;
  color: #ffffff;
}
.page_head.page_contact {
  background-image: url(/static/themes/nano_lite/images/bet-bg-4.jpg);
}
.page_head.page_pricing {
  background-image: url(/static/themes/nano_lite/images/bet-bg-5.jpg);
}
.page_head.page_about {
  background-image: url(/static/themes/nano_lite/images/bet-bg-6.jpg);
}
.page_head.page_mobile {
  background-image: url(/static/themes/nano_lite/images/bet-bg-7.jpg);
}
.page_head.page_odds {
  background-image: url(/static/themes/nano_lite/images/bet-bg-8.jpg);
}
.page_head.page_online {
  background-image: url(/static/themes/nano_lite/images/bet-bg-10.jpg);
}
.page_head.page_payment {
  background-image: url(/static/themes/nano_lite/images/bet-bg-11.jpg);
}
.page_head.page_retails {
  background-image: url(/static/themes/nano_lite/images/bet-bg-12.jpg);
}
.page_head.page_sports {
  background-image: url(/static/themes/nano_lite/images/bet-bg-14.jpg);
}
.page_head.page_virtual {
  background-image: url(/static/themes/nano_lite/images/bet-bg-16.jpg);
}
.page_head.page_casino {
  background-image: url(/static/themes/nano_lite/images/bet-bg-17.jpg);
}
.page_head.page_partner {
  background-image: url(/static/themes/nano_lite/images/bet-bg-18.jpg);
}
.page_head .page_head_text {
  line-height: 30px;
  font-size: 20px;
}
.page_head .nn_col {
  height: 600px;
  vertical-align: bottom;
  display: table-cell;
  float: none;
  padding-bottom: 100px;
}
/*-- Page Section  --------------------------------*/
.contact_section {
  padding: 50px 0;
}
.contact_section .nn_row {
  padding-top: 25px;
  padding-bottom: 25px;
}
.contact_section .contact_box {
  display: table;
  width: 100%;
  border: 1px solid #d2d0d0;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0;
  color: #242c38;
}
.contact_section .contact_box .contact_box_icon {
  display: table-cell;
  width: 80px;
  text-align: center;
}
.contact_section .contact_box .contact_box_value {
  display: table-cell;
}
.sec_head {
  font-size: 48px;
  font-weight: 300;
}
.sec_head b {
  display: block;
  font-weight: 800;
}
.sec_text {
  line-height: 35px;
  color: #787878;
}
.sec_sub_text {
  line-height: 40px;
  font-weight: 400;
}
/*-- Contact Form --------------------------------*/
.contact_form input,
.betsgate_form input,
.contact_form textarea,
.betsgate_form textarea {
  border: 1px solid #d2d0d0;
  background-color: #ffffff;
  height: 60px;
  padding: 0 15px;
  width: 100%;
  font-size: 16px;
  margin-bottom: 12px;
  outline: none;
}
.contact_form textarea,
.betsgate_form textarea {
  height: 150px;
}
.contact_form button,
.betsgate_form button {
  background-image: -moz-linear-gradient(-90deg, #f2ea8e 0, #272a39 100%);
  background-image: -webkit-linear-gradient(-90deg, #f2ea8e 0, #272a39 100%);
  background-image: -ms-linear-gradient(-90deg, #f2ea8e 0, #272a39 100%);
  box-shadow: 0 2px 1px 0 rgba(141, 123, 0, 0.99);
  border: 1px solid #dcc000;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 25px;
  color: #1b251d;
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 15px;
  margin-top: 0;
  float: right;
  width: 150px;
}
/*-- Price Tab --------------------------------*/
.pricing_section {
  padding: 50px 0;
}
.price_tab_nav {
  text-align: center;
  font-size: 0;
}
.price_tab_nav li {
  display: inline-block;
  padding: 0 5px;
}
.price_tab_nav li a {
  display: block;
  height: 75px;
  line-height: 75px;
  width: 200px;
  border: 1px solid #d2d0d0;
  border-radius: 10px;
  font-weight: 500;
  color: #787878;
  font-size: 18px;
}
.price_tab_nav li a i {
  font-size: 50px;
  vertical-align: top;
  display: inline-block;
  height: 73px;
  margin-right: 10px;
}
.price_tab_nav li.active a {
  box-shadow: 0px 0px 10px 0px rgba(38, 47, 42, 0.5), inset 0px 0px 6.7px 3.3px rgba(38, 47, 42, 0.3);
  border: 2px solid #262f2a;
  color: #262f2a;
}
.price_tab_content {
  padding: 50px 0;
}
.price_tab_content .price_content_head {
  line-height: 55px;
  font-weight: 600;
  font-size: 42px;
}
.price_tab_content .price_content_text {
  color: #787878;
  line-height: 36px;
}
.price_tab_content .price_box {
  text-align: center;
  font-size: 0;
  padding: 50px 0;
}
.price_tab_content .price_box .price_list {
  display: inline-block;
  width: 350px;
  border: 1px solid #f8f8f8;
  border-radius: 10px;
  padding: 30px 0;
  margin: 0 10px;
  margin-bottom: 30px;
}
.price_tab_content .price_box .price_list:hover {
  border-color: #262f2a;
  box-shadow: 0px 0px 5.76px 0.24px rgba(38, 47, 42, 0.35);
}
.price_tab_content .price_box .price_list:hover .list_btn {
  background-image: -moz-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  background-image: -webkit-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  background-image: -ms-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  box-shadow: 0px 2px 1px 0px rgba(141, 123, 0, 0.99);
  border: 1px solid #dcc000;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 25px;
  color: #242c38;
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 15px;
  margin: 0;
}
.price_tab_content .price_box .price_list li {
  display: block;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
}
.price_tab_content .price_box .price_list li.list_head {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}
.price_tab_content .price_box .price_list li.list_price {
  line-height: 30px;
}
.price_tab_content .price_box .price_list li.list_price small {
  font-size: 36px;
  font-weight: 700;
}
.price_tab_content .price_box .price_list li.list_price b {
  font-size: 60px;
  font-weight: 700;
}
.price_tab_content .price_box .price_list li.list_price span {
  display: block;
  clear: both;
  color: #787878;
}
.price_tab_content .price_box .price_list li.disabled {
  color: rgba(120, 120, 120, 0.5);
}
.price_tab_content .price_box .price_list li .list_btn {
  background-image: -moz-linear-gradient(-90deg, #b9bcbd 0%, #ccd1d2 100%);
  background-image: -webkit-linear-gradient(-90deg, #b9bcbd 0%, #ccd1d2 100%);
  background-image: -ms-linear-gradient(-90deg, #b9bcbd 0%, #ccd1d2 100%);
  border: 1px solid #b9bcbd;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 25px;
  color: #1a1a1a;
  text-transform: uppercase;
  font-weight: 700;
  width: 150px;
}
.price_modal {
  box-shadow: none;
  border: none;
}
.price_modal .modal-body {
  display: table;
  width: 100%;
  padding: 0;
}
.price_modal .modal-body .modal_left {
  display: table-cell;
  vertical-align: top;
  width: 290px;
  padding: 25px;
  position: relative;
  height: 580px;
}
.price_modal .modal-body .modal_slider {
  display: table-cell;
  vertical-align: top;
  background-color: #8fa2a0;
  padding: 25px 90px;
}
.price_modal .modal_head {
  background-color: #262f2a;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  padding: 15px 30px;
  font-weight: 600;
  margin-left: -25px;
}
.price_modal .list_price {
  line-height: 30px;
  text-align: center;
  padding: 50px 0;
}
.price_modal .list_price small {
  font-size: 36px;
  font-weight: 700;
}
.price_modal .list_price b {
  font-size: 60px;
  font-weight: 700;
}
.price_modal .list_price span {
  display: block;
  clear: both;
  color: #787878;
}
.price_modal .modal_total_list {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 25px;
  bottom: 25px;
  right: 25px;
}
.price_modal .modal_total_list li {
  display: block;
  margin: 5px 0;
  color: #787878;
  font-size: 13px;
}
.price_modal .modal_total_list li.list_head {
  font-size: 16px;
  font-weight: 700;
  color: #242c38;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.price_modal .modal_total_list li .list_value {
  float: right;
  text-align: right;
}
.price_modal .price-box {
  margin: 0 auto;
}
.price_modal .price-box .price-slider {
  margin-bottom: 20px;
  height: 60px;
}
.price_modal .price-box .price-slider .price_slider_head {
  font-weight: 500;
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
  margin-left: -35px;
}
.price_modal .price-box .price-form {
  background: #4ab847;
  display: none;
}
.price_modal .price-box .ui-widget-content {
  border: 1px solid #b9bcbd;
  margin: 0 -50px;
}
.price_modal .price-box .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  height: 32px;
  width: 100px;
  margin: 0 -50px auto !important;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  font-size: 15px;
  top: -15px;
  border: 1px solid #ffffff;
  background: #242c38;
  cursor: pointer;
  border-radius: 15px;
  box-shadow: 0px 0px 5.76px 0.24px rgba(36, 44, 56, 0.4);
}
.price_modal .price-box .ui-slider .ui-slider-handle label {
  margin: 0;
  width: 100%;
  padding: 0 15px;
}
.price_modal .price-box .ui-slider .ui-slider-handle label span {
  color: rgba(255, 255, 255, 0.3);
  height: 30px;
  line-height: 30px;
}
.price_modal .price-box .ui-slider .ui-slider-handle label span:first-child {
  float: left;
}
.price_modal .price-box .ui-slider .ui-slider-handle label span:last-child {
  float: right;
}
.price_modal .price-box .cout_min {
  display: block;
  float: left;
  margin-left: -50px;
  color: #787878;
}
.price_modal .price-box .cout_max {
  display: block;
  float: right;
  margin-right: -50px;
  color: #787878;
}
.price_modal .modal_select {
  margin-top: 20px;
}
.price_modal .modal_select .modal_select_label {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
}
.price_modal .modal_select .modal_select_label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #d2d0d0;
  border-radius: 3px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.price_modal .modal_select .modal_select_label input:checked {
  background-color: #242c38;
  border-color: #1a2028;
  position: relative;
}
.price_modal .modal_select .modal_select_label input:checked:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  line-height: 17px;
}
.price_modal .modal_btn {
  background-image: -moz-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  background-image: -webkit-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  background-image: -ms-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  box-shadow: 0px 2px 1px 0px rgba(141, 123, 0, 0.99);
  border: 1px solid #dcc000;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 25px;
  color: #242c38;
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 15px;
  height: 50px;
  width: 200px;
  margin-top: 0;
  margin-left: -40px;
  font-size: 18px;
  font-weight: 700;
}
/*-- About Page  --------------------------------*/
.about_section {
  padding: 100px 0;
}
.about_section .sm_box {
  background-color: #ebbe62;
  color: #453109;
  height: 75px;
  position: relative;
  padding: 0 25px;
  font-size: 20px;
  font-weight: 500;
  margin-top: 50px;
}
.about_section .sm_box span {
  display: inline-block;
  line-height: 75px;
  font-size: 18px;
}
@media only screen and (max-width: 540px) {
  .about_section .sm_box span {
    font-size: 9px;
    font-weight: 600;
  }
}
.about_section .sm_box img {
  position: absolute;
  right: 20px;
  top: -30px;
}
@media only screen and (max-width: 540px) {
  .about_section .sm_box img {
    width: 35%;
    top: -20%;
    right: 5px;
  }
}
.about_section .bet_sec_btn {
  padding: 12px 30px;
  background-color: #262f2a;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  border: 2px solid #262f2a;
  color: #ffffff;
  text-shadow: none;
  display: inline-block;
  margin-top: 10px;
  transition: 0.3s all ease-in-out;
}
.about_section .bet_sec_btn:active,
.about_section .bet_sec_btn:hover,
.about_section .bet_sec_btn:focus {
  background-color: transparent;
  border: 2px solid #262f2a;
  color: #262f2a;
  transition: 0.3s all ease-in-out;
}
/*-- Mobile Page  --------------------------------*/
.mobile_section {
  padding: 100px 0;
}
.mobile_section .nn_row {
  display: table;
}
.mobile_section .nn_row .nn_col {
  display: table-cell;
  vertical-align: bottom;
  float: none;
}
.mobile_section .nn_row .nn_col .sec_sub_text {
  margin-left: -150px;
}
.mobile_slider_section {
  margin: 100px 0;
}
.mobile_slider_section .slider_col {
  font-size: 0;
}
.mobile_slider_section .slider_col .slider_text {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.mobile_slider_section .slider_col .mobile_slider_col {
  display: inline-block;
  width: 75%;
}
.mobile_slider_section .mobile_slider:after {
  content: '';
  position: absolute;
  left: -27px;
  top: -71px;
  width: 373px;
  background: url(/static/themes/nano_lite/images/bet-mobile.png) no-repeat left center;
  height: 757px;
  padding: 0 30px;
}
.mobile_slider_section .mobile_slider .item {
  text-align: center;
}
.mobile_slider_section .mobile_slider .item img {
  width: auto;
  margin: 0 auto;
}
.mobile_slider_section .mobile_slider .owl-item.active:first-child {
  background-color: #117bff;
}
/*-- Odds Section  --------------------------------*/
.odds_section {
  padding: 50px 0;
}
.odds_comparison {
  background: url(/static/themes/nano_lite/images/bet-bg-9.jpg) no-repeat center center;
  padding: 100px 0;
  color: #ffffff;
  margin-bottom: 50px;
}
.odds_comparison .odds_head {
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
}
.odds_comparison .odds_content {
  line-height: 36px;
  margin: 0 auto 50px;
  width: 75%;
}
.odds_comparison .sm_head {
  font-weight: 400;
}
.odds_comparison .sm_text {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
}
.odds_comparison .sm_text:last-of-type {
  margin-bottom: 0;
}
/*-- Online Betting Section  --------------------------------*/
.online_section {
  padding: 75px 0;
  background: url(/static/themes/nano_lite/images/bet-image-11.jpg) no-repeat center center;
}
.online_section .onlie_list {
  padding: 0;
  margin: 40px 0 0;
}
.online_section .onlie_list li {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font-size: 18px;
  color: #787878;
  padding-left: 40px;
  position: relative;
}
.online_section .onlie_list li:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 0;
}
.online2 {
  padding: 75px 0;
}
.online2 .online2_img {
  margin: 35px 0;
}
.online3 {
  padding-bottom: 75px;
}
.online3 .sm_box {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background-color: #262f2a;
  color: #ffffff;
  padding: 0 50px;
  margin: 10px 3px;
  border-radius: 3px;
  font-weight: 600;
}
/*-- Payment Section  --------------------------------*/
.payment_section {
  padding: 75px 0;
}
.payment_section .nn_row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.payment_section .nn_row .nn_col {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.payment_partner {
  text-align: center;
  padding-bottom: 75px;
}
.payment_partner .partners_list {
  padding: 0;
  margin-top: 50px;
  font-size: 0;
}
.payment_partner .partners_list li {
  display: inline-block;
  padding: 0 40px;
}
.payment_partner .partners_list li:hover img {
  opacity: 1;
  filter: none;
}
.payment_partner .partners_list li img {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
/*-- Reta Section  --------------------------------*/
.retails1 {
  padding: 75px 0;
}
.retails1 .hr {
  margin: 75px 0;
}
.retails2 {
  background: url(/static/themes/nano_lite/images/bet-bg-13.jpg) no-repeat center bottom / cover;
  padding: 75px 0;
  color: #ffffff;
}
.retails2 .sec_text {
  color: #ffffff;
}
/*-- Sports Section  --------------------------------*/
.sports1 {
  padding: 75px 0;
}
.sports1 .hr {
  margin: 50px 0;
}
.sports1 .sec_head {
  margin-top: 0;
}
.sports2 {
  background: url(/static/themes/nano_lite/images/bet-bg-15.jpg) no-repeat center bottom / cover;
  padding: 75px 0;
  color: #ffffff;
}
.sports2 .sec_text {
  color: #ffffff;
}
.sports3 {
  padding: 75px 0;
}
.sports4 {
  padding-bottom: 75px;
}
/*-- Virtual1 Section  --------------------------------*/
.virtual1 {
  padding: 75px 0;
}
.virtual2 {
  padding-bottom: 75px;
}
.virtual2 .sec_head {
  margin-top: 0;
}
.virtual_list {
  padding: 0;
  margin: 0;
}
.virtual_list li {
  display: block;
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
  background-color: #787878;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  padding: 0 25px;
}
.virtual_list li:hover {
  background-color: #242c38;
}
.virtual_list li:last-child {
  margin-bottom: 0;
}
/*-- All Section  --------------------------------*/
.more_btn {
  background-color: #262f2a;
  height: 40px;
  display: inline-block;
  padding: 0 25px;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  color: #242c38;
  font-weight: 600;
}
.lg_text {
  font-size: 72px;
  font-weight: 800;
}
.more_info_btn {
  background-image: -moz-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  background-image: -webkit-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  background-image: -ms-linear-gradient(-90deg, #f2ea8e 0%, #272a39 100%);
  box-shadow: 0px 2px 1px 0px rgba(141, 123, 0, 0.99);
  border: 1px solid #dcc000;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 25px;
  color: #242c38;
  text-transform: uppercase;
  font-weight: 800;
  margin-top: 15px;
}
.mt50 {
  margin-top: 50px;
}
.partner_section {
  padding: 100px 0;
}
.partner_section p {
  font-size: 15px;
}
.partner_list {
  padding: 0;
  margin: 0;
  font-size: 0;
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 990px) {
  .partner_list {
    display: grid;
    grid-template-columns: 100%;
  }
}
.partner_list li {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #f8f8f8;
  border-top: 2px solid #262f2a;
  margin: 8px;
  transition: all 0.3s ease-in-out;
}
.partner_list li:hover {
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.partner_list .list_box {
  padding: 20px;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 540px) {
  .partner_list .list_box {
    display: block;
  }
}
.partner_list .partner_logo {
  display: table-cell;
  vertical-align: middle;
  width: 100px;
}
@media only screen and (max-width: 540px) {
  .partner_list .partner_logo {
    display: inline-block;
    padding-bottom: 20px;
    text-align: center;
  }
}
.partner_list .partner_logo img {
  width: 80%;
}
.partner_list .list_content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px;
}
@media only screen and (max-width: 540px) {
  .partner_list .list_content {
    padding-left: 0;
    display: block;
    text-align: center;
  }
}
.partner_list .list_content .partner_head {
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
@media only screen and (max-width: 540px) {
  .partner_list .list_content .partner_head {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.partner_list .list_content .partner_text {
  color: #787878;
  line-height: 1.5;
  margin-bottom: 0;
  font-size: 15px;
}
.sp_page {
  font-family: 'Rubik', sans-serif;
  position: relative;
}
.sp_page.sp_maintenance {
  background: url(../images/sp-img-01.png) no-repeat right top / cover;
}
.sp_page.sp_construction {
  background: url(../images/sp-img-02.png) no-repeat right top / cover;
}
.sp_page.sp_coming {
  background: url(../images/sp-img-03.png) no-repeat right top / cover;
}
.sp_page.sp_payment {
  background: url(../images/sp-img-04.png) no-repeat right top / cover;
}
.sp_page.sp_policy {
  background: url(../images/sp-img-05.png) no-repeat right top / cover;
}
.sp_page.sp_forbidden {
  background: url(../images/sp-img-06.png) no-repeat right top / cover;
}
.sp_page.sp_not_found {
  background: url(../images/sp-img-07.png) no-repeat right top / cover;
}
.sp_page.sp_http {
  background: url(../images/sp-img-08.png) no-repeat right top / cover;
}
.sp_page .sp_page_content {
  height: 100vh;
  vertical-align: middle;
  display: table-cell;
}
.sp_page .sp_page_content .sp_head {
  color: #262f2a;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 50px;
}
.sp_page .sp_page_content .sp_head.sp_error {
  color: #f1353c;
}
.sp_page .sp_page_content .sp_content {
  font-weight: 200;
  color: #242c38;
  font-size: 30px;
  margin-bottom: 15px;
}
.sp_page .sp_page_content .sp_text {
  font-size: 16px;
  font-weight: 400;
  color: #787878;
  line-height: 30px;
}
body {
  font-family: 'Fira Sans Condensed', sans-serif;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
td,
th,
tr,
ol {
  margin: 0;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
li p,
ul p,
td p,
th p,
tr p,
ol p {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
  display: initial;
  background: initial !important;
  position: initial !important;
}
p a {
  color: inherit;
}
span p,
b p,
strong p,
small p,
bold p,
a p {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
h5 {
  font-size: 18px;
}
@media (max-width: 500px) {
  h5 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  h2 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  h3 {
    font-size: 20px;
  }
}
ul {
  padding: 0;
  list-style: none;
}
h6 {
  font-size: 14px;
  padding: 10px 0px;
}
@media (max-width: 500px) {
  h6 {
    font-size: 12px;
  }
}
.navbar {
  margin-bottom: 0;
  border: 0;
}
header {
  text-align: left;
}
header .navbar-toggle .icon-bar {
  background: #ffffff;
}
header .nn_collapse {
  float: right;
}
@media (max-width: 991px) {
  header .nn_collapse {
    width: 100%;
    padding: 0;
    border: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse {
    display: none !important;
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-collapse.collapse.in {
    display: block !important;
    padding: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    display: block !important;
  }
  header .navbar-header .collapse .icon-bar,
  header .navbar-toggle .icon-bar {
    background: #36af30;
  }
}
@media (max-width: 991px) {
  header .navbar-header .collapse,
  header .navbar-toggle {
    padding: 0;
    margin: 0;
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  header .navbar-header {
    padding-top: 35px;
    float: right;
  }
}
header .collapsing {
  padding: 0;
}
header .dropdown-menu {
  padding: 0;
}
header .dropdown-menu li {
  display: block !important;
  float: none;
  width: 100%;
  border-right: 0;
  border-left: 0;
}
header.bell_fixedheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
@media (max-width: 990px) {
  header.bell_fixedheader {
    width: 100%;
    margin: 0;
  }
}
.nn_container_lite {
  margin-right: auto;
  margin-left: auto;
  max-width: 1400px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}
@media (max-width: 1366px) {
  .nn_container_lite {
    max-width: 1200px;
  }
}
/********************Video******************************************/
.bell_header {
  position: fixed;
  top: 0;
  background-color: #040f01;
  border-bottom: 1px solid #222;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.bell_header .main_header {
  background-color: transparent;
}
@media (max-width: 990px) {
  .bell_header .main_header {
    position: inherit;
    top: inherit;
    float: left;
    width: 100%;
  }
}
.bell_header .main_header .logo_head {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 101;
  padding-right: 30px;
}
@media (max-width: 990px) {
  .bell_header .main_header .logo_head {
    padding-left: 0;
  }
}
.bell_header .main_header .logo_head a {
  width: auto;
  height: auto;
  display: table-cell;
  line-height: 78px;
  height: 78px;
  vertical-align: middle;
  max-width: 140px;
}
.bell_header .main_header .logo_head a bell_logo {
  max-width: 170px;
}
.bell_header .main_header .footer_logo {
  display: inline-block;
  float: left;
  padding-left: 40px;
}
.bell_header .main_header .footer_logo a {
  width: auto;
  height: auto;
}
.bell_header .main_header .footer_logo a img {
  max-width: 170px;
  margin-bottom: 20px;
}
.bell_header .main_header .nav {
  text-align: center;
  font-size: 0;
}
.bell_header .main_header .nav:before {
  position: absolute;
  content: "";
  opacity: 0.2;
  top: -1px;
  width: 55%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.bell_header .main_header .nav .dropdown-menu {
  background-color: #464646;
  border-top: 3px solid #262f2a;
  line-height: 77px;
  border-radius: 0;
  margin-top: 0;
}
@media (max-width: 540px) {
  .bell_header .main_header .nav .dropdown-menu {
    border: none;
  }
}
.bell_header .main_header .nav .dropdown-menu li {
  border-bottom: 1px solid #fff;
  height: auto;
  padding: 10px;
  line-height: 40px;
}
.bell_header .main_header .nav .dropdown-menu li:last-child {
  border: none;
}
.bell_header .main_header .nav .dropdown-menu li a {
  color: #182141;
}
.bell_header .main_header .nav .dropdown-menu li a.active,
.bell_header .main_header .nav .dropdown-menu li a:hover,
.bell_header .main_header .nav .dropdown-menu li a:focus {
  color: #ffffff;
}
.bell_header .main_header .nav .dropdown-menu li a:after {
  display: none;
}
.bell_header .main_header .nav .divider {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0;
  height: 30px;
  margin: 24px auto;
}
.bell_header .main_header .nav li {
  margin: 0;
  display: inline-block;
  padding: 0px 20px;
  height: 78px;
  line-height: 78px;
  float: left;
}
.bell_header .main_header .nav li:hover .dropdown-menu {
  display: block;
}
.bell_header .main_header .nav li a {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: transparent;
  display: initial;
}
.bell_header .main_header .nav li a:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -5px;
  background-color: #262f2a;
  transition: width 0.3s;
}
.bell_header .main_header .nav li a:hover:after,
.bell_header .main_header .nav li a:focus:after,
.bell_header .main_header .nav li a.active:after {
  width: 100%;
}
.bell_header .main_header .nav li .bell_head_button {
  padding: 15px 13px;
  border: 3px solid rgba(38, 47, 42, 0.85);
  color: rgba(38, 47, 42, 0.85);
  font-weight: 600;
  margin-right: 20px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
  margin: 0;
  outline: none;
}
.bell_header .main_header .nav li .bell_head_button:active,
.bell_header .main_header .nav li .bell_head_button:hover,
.bell_header .main_header .nav li .bell_head_button:focus {
  color: #1b211d;
  border: 3px solid #1b211d;
  -webkit-box-shadow: inset 0 0 40px #000000;
  -moz-box-shadow: inset 0 0 40px #000000;
  box-shadow: inset 0 0 40px #000000;
}
.bell_header .main_header .nav li .bell_head_button:after {
  display: none;
}
.bell_header .main_header .navbar {
  margin-bottom: 0;
  border: 0;
  width: 100%;
}
@media (max-width: 990px) {
  .bell_header .main_header .navbar .navbar-collapse ul {
    text-align: left;
    position: relative;
    font-size: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .bell_header .main_header .navbar .navbar-collapse ul li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    box-sizing: border-box;
    height: auto;
    line-height: normal;
    float: none;
  }
  .bell_header .main_header .navbar .navbar-collapse ul li a {
    background-color: transparent;
    border-radius: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 3px;
    color: #ffffff;
    position: relative;
    display: block;
    padding: 20px 20px;
    text-align: left;
    line-height: 1;
    background-color: #000000;
    border: none;
  }
  .bell_header .main_header .navbar .navbar-collapse ul li a.active {
    background-color: #262f2a;
    color: #ffffff;
    border-radius: 0;
    border: none;
  }
  .bell_header .main_header .navbar .navbar-collapse ul li a.active:hover,
  .bell_header .main_header .navbar .navbar-collapse ul li a.active:focus {
    background-color: #000000;
    color: #ffffff;
    border: none;
    border-bottom: 3px solid #262f2a;
  }
  .bell_header .main_header .navbar .navbar-collapse ul li a:hover,
  .bell_header .main_header .navbar .navbar-collapse ul li a:focus {
    background-color: #000000;
    color: #ffffff;
    border: none;
    border-bottom: 3px solid #262f2a;
  }
}
.bell_header .main_header .navbar-collapse {
  padding: 0;
}
@media (max-width: 990px) {
  .bell_header .main_header .navbar-collapse {
    background-color: transparent;
    position: fixed;
    border-top: 3px solid #262f2a;
    left: 0;
    right: 0;
    z-index: 101;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    top: 79px;
  }
}
.bell_slider .bell-carousel .owl-item {
  height: auto;
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .owl-item {
    height: 340px;
  }
}
.bell_slider .bell-carousel .owl-item.owl-animated-out .fadeInUp2 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.bell_slider .bell-carousel .owl-item.active .fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.bell_slider .bell-carousel .owl-item img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .owl-item img {
    width: auto;
    max-width: none;
  }
}
.bell_slider .bell-carousel .carousel-caption {
  left: 5%;
  bottom: 45%;
  text-align: left;
  z-index: 999999999;
  width: 40%;
  padding: 0;
  transform: translateY(50%);
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .carousel-caption {
    width: auto;
    bottom: 37%;
  }
}
.bell_slider .bell-carousel .carousel-caption .slider_title {
  font-size: 100px;
  line-height: 1.2;
  margin-bottom: 10px;
  text-decoration: none;
}
@media (max-width: 990) {
  .bell_slider .bell-carousel .carousel-caption .slider_title {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .bell_slider .bell-carousel .carousel-caption .slider_title {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .carousel-caption .slider_title {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
.bell_slider .bell-carousel .carousel-caption .slider_text {
  font-size: 55px;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: none;
}
@media (max-width: 990) {
  .bell_slider .bell-carousel .carousel-caption .slider_text {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .bell_slider .bell-carousel .carousel-caption .slider_text {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .carousel-caption .slider_text {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 3px;
  }
}
.bell_slider .bell-carousel .owl-controls .owl-buttons {
  width: 100%;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .owl-controls .owl-buttons {
    display: none;
  }
}
@media (max-width: 780px) {
  .bell_slider .bell-carousel .owl-controls .owl-buttons {
    display: none;
  }
}
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 60px;
  background-color: transparent;
  outline: none;
  margin-left: 20px;
  height: auto;
  padding-right: 40px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev:active,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev:hover,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-prev:focus {
  color: #ffffff;
}
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 60px;
  background-color: transparent;
  outline: none;
  height: auto;
  margin-right: 20px;
  padding-left: 40px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next:active,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next:hover,
.bell_slider .bell-carousel .owl-controls .owl-buttons .owl-next:focus {
  color: #ffffff;
}
.bell_slider .bell-carousel .owl-dots,
.bell_slider .bell-carousel .owl-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  text-align: center;
  width: 100%;
}
@media (max-width: 990) {
  .bell_slider .bell-carousel .owl-dots,
  .bell_slider .bell-carousel .owl-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .bell_slider .bell-carousel .owl-dots,
  .bell_slider .bell-carousel .owl-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
  }
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .owl-dots,
  .bell_slider .bell-carousel .owl-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
  }
}
.bell_slider .bell-carousel .owl-dots .owl-dot,
.bell_slider .bell-carousel .owl-pagination .owl-dot,
.bell_slider .bell-carousel .owl-dots .owl-page,
.bell_slider .bell-carousel .owl-pagination .owl-page {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 2px 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  outline: none;
}
.bell_slider .bell-carousel .owl-dots .owl-dot span,
.bell_slider .bell-carousel .owl-pagination .owl-dot span,
.bell_slider .bell-carousel .owl-dots .owl-page span,
.bell_slider .bell-carousel .owl-pagination .owl-page span {
  display: none;
}
.bell_slider .bell-carousel .owl-dots .owl-dot.active,
.bell_slider .bell-carousel .owl-pagination .owl-dot.active,
.bell_slider .bell-carousel .owl-dots .owl-page.active,
.bell_slider .bell-carousel .owl-pagination .owl-page.active {
  background-color: #ffffff;
  position: relative;
}
.bell_slider .bell-carousel .owl-dots .owl-dot.active:after,
.bell_slider .bell-carousel .owl-pagination .owl-dot.active:after,
.bell_slider .bell-carousel .owl-dots .owl-page.active:after,
.bell_slider .bell-carousel .owl-pagination .owl-page.active:after {
  content: '';
  border: 1px solid #ffffff;
  height: 18px;
  width: 18px;
  left: -5px;
  top: -5px;
  position: absolute;
  border-radius: 50%;
}
.bell_slider .bell-carousel .slider_button {
  text-align: center;
  position: absolute;
  left: 108%;
  top: 30%;
  width: 80px;
  height: 80px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 100%);
  border-radius: 50%;
  z-index: 10;
  font-size: 20px;
  border: 6px solid rgba(255, 255, 255, 0.5);
  color: transparent;
  overflow: hidden;
}
.bell_slider .bell-carousel .slider_button:before {
  content: "\f04b";
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  font-size: 90%;
  color: #ffffff;
  width: 68px;
  height: 68px;
  text-align: center;
  display: block;
  line-height: 68px;
}
@media (max-width: 540px) {
  .bell_slider .bell-carousel .slider_button {
    opacity: 0;
  }
}
.bell_slider .bell-carousel .slider_button:after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bell_slider .bell-carousel .slider_button:active,
.bell_slider .bell-carousel .slider_button:hover,
.bell_slider .bell-carousel .slider_button:focus {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 100%);
  border: 6px solid rgba(255, 255, 255, 0.7);
}
.bella_latest {
  margin-top: 50px;
}
.bella_latest .bella_text_box {
  margin-bottom: 50px;
}
.bella_latest .bella_text_box h1 {
  font-size: 70px;
  color: #262f2a;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-weight: 600;
}
.bella_latest .bella_text_box h4 {
  font-size: 40px;
  color: #262f2a;
  font-weight: 600;
  padding: 0;
  margin: 0;
  line-height: 1.3;
}
.bella_latest .bella_text_box p {
  font-size: 16px;
  color: #272727;
  margin-bottom: 40px;
  margin-top: 15px;
  line-height: 1.75;
}
.bella_latest .bella_text_box a {
  font-size: 15px;
  font-weight: 600;
  color: #184cce;
  background-color: #3c3c3c;
  border-radius: 0;
  padding: 18px 28px;
  z-index: 101;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bella_latest .bella_text_box a:active,
.bella_latest .bella_text_box a:hover,
.bella_latest .bella_text_box a:focus {
  background-color: #262f2a;
  color: #ffffff;
}
.bella_latest .video_box {
  margin-bottom: 50px;
}
.bella_latest .video_box .image_box {
  position: relative;
}
.bella_latest .video_box .image_box img {
  width: 100%;
}
.bella_latest .video_box .image_box .play_icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bella_latest .video_box .image_box .play_icon .fa {
  line-height: 55px;
  color: #ffffff;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 100%);
  border: 6px solid rgba(255, 255, 255, 0.5);
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bella_latest .video_box .image_box .play_icon .fa:active,
.bella_latest .video_box .image_box .play_icon .fa:hover,
.bella_latest .video_box .image_box .play_icon .fa:focus {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 100%);
  border: 6px solid rgba(255, 255, 255, 0.8);
}
.bella_latest .video_box .content_box {
  padding: 26px 30px;
  border: 1px solid #3c3c3c;
}
.bella_latest .video_box .content_box .cat_tag {
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #184cce;
  border-bottom: 2px solid #36af30;
  margin-bottom: 8px;
}
.bella_latest .video_box .content_box .video_title {
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 600;
  color: #184cce;
  margin-top: 10px;
  height: 72px;
  overflow: hidden;
}
.bella_latest .video_box .content_box .video_title a {
  color: #184cce;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bella_latest .video_box .content_box .video_title a:active,
.bella_latest .video_box .content_box .video_title a:focus,
.bella_latest .video_box .content_box .video_title a:hover {
  color: #262f2a;
}
.bella_latest .video_box .content_box .video_comment {
  font-size: 13px;
  color: #184cce;
  padding-right: 20px;
}
.bella_latest .video_box .content_box .video_comment .fa {
  color: #184cce;
  padding-right: 3px;
}
.bella_video_sec .bella_text_box {
  position: relative;
}
.bella_video_sec .bella_text_box h1 {
  font-size: 70px;
  color: #262f2a;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-weight: 600;
}
.bella_video_sec .bella_text_box h4 {
  font-size: 40px;
  color: #262f2a;
  font-weight: 600;
  padding: 0;
  margin: 0;
  line-height: 1.3;
}
.bella_video_sec .bella_text_box p {
  font-size: 16px;
  color: #272727;
  margin-bottom: 25px;
  margin-top: 15px;
  line-height: 1.75;
}
.bella_video_sec .bella_text_box a {
  font-size: 15px;
  font-weight: bold;
  color: #184cce;
  background-color: #3c3c3c;
  border-radius: 0;
  padding: 18px 28px;
  float: left;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.bella_video_sec .bella_text_box a:active,
.bella_video_sec .bella_text_box a:hover,
.bella_video_sec .bella_text_box a:focus {
  background-color: #262f2a;
  color: #ffffff;
}
.bella_video_sec .video_box {
  margin-bottom: 50px;
}
.bella_video_sec .video_box .image_box {
  position: relative;
}
.bella_video_sec .video_box .image_box img {
  width: 100%;
}
.bella_video_sec .video_box .image_box .play_icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bella_video_sec .video_box .image_box .play_icon .fa {
  line-height: 55px;
  color: #ffffff;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 100%);
  border: 6px solid rgba(255, 255, 255, 0.5);
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bella_video_sec .video_box .image_box .play_icon .fa:active,
.bella_video_sec .video_box .image_box .play_icon .fa:hover,
.bella_video_sec .video_box .image_box .play_icon .fa:focus {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 100%);
  border: 6px solid rgba(255, 255, 255, 0.8);
}
.bella_video_sec .video_box .content_box {
  padding: 26px 30px;
  border: 1px solid #3c3c3c;
}
.bella_video_sec .video_box .content_box .cat_tag {
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #184cce;
  border-bottom: 2px solid #36af30;
  margin-bottom: 8px;
}
.bella_video_sec .video_box .content_box .video_title {
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 600;
  color: #184cce;
  margin-top: 10px;
}
.bella_video_sec .video_box .content_box .video_title a {
  color: #184cce;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bella_video_sec .video_box .content_box .video_title a:active,
.bella_video_sec .video_box .content_box .video_title a:focus,
.bella_video_sec .video_box .content_box .video_title a:hover {
  color: #262f2a;
}
.bella_video_sec .video_box .content_box .vid_cmnt {
  font-size: 13px;
  color: #184cce;
  padding-right: 20px;
}
.bella_video_sec .video_box .content_box .vid_cmnt .fa {
  color: #184cce;
  padding-right: 3px;
}
.load_more_sec {
  text-align: center;
  margin: 40px 0 90px 0;
}
.load_more_sec .load_btn {
  text-decoration: none;
  box-shadow: none;
  font-size: 16px;
  color: #ffffff;
  background-color: #262f2a;
  line-height: 1;
  border: none;
  text-align: center;
  border-radius: 0;
  padding: 18px 26px;
  font-weight: 600;
  letter-spacing: 1px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.load_more_sec .load_btn:active {
  transition: none;
}
.load_more_sec .load_btn:hover,
.load_more_sec .load_btn:focus {
  background-color: #3b65ce;
  color: #ffffff;
}
.load_more_sec .load_btn .load_icon {
  margin-left: 5px;
  font-size: 18px;
  color: #ffffff;
}
.bell_cat_sec {
  padding: 70px 30px;
  background: linear-gradient(90deg, #ffbb00 0%, #262f2a 100%);
}
.bell_cat_sec .vid_cat_head {
  padding: 0;
  margin: 0;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 40px;
}
.bell_cat_sec .vid_cat ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
@media (max-width: 900px) {
  .bell_cat_sec .vid_cat ul {
    display: block;
    width: 100%;
  }
}
.bell_cat_sec .vid_cat ul li {
  margin: 0;
  padding: 0;
  float: left;
  width: 33.33%;
}
@media (max-width: 900px) {
  .bell_cat_sec .vid_cat ul li {
    float: none;
    width: 100%;
  }
}
.bell_cat_sec .vid_cat ul li a {
  display: block;
  width: 95%;
  padding: 10px 5%;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 15px;
  border-radius: 4px;
  background-color: #666;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_sec .vid_cat ul li a:active,
.bell_cat_sec .vid_cat ul li a:hover,
.bell_cat_sec .vid_cat ul li a:focus {
  background-color: #040f01;
}
@media (max-width: 900px) {
  .bell_cat_sec .vid_cat ul li a {
    display: block;
    width: 100%;
  }
}
.bell_cat_sec .vid_cat ul li .cat_count {
  float: right;
  font-size: 80%;
}
.bell_subscribe {
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: #ffffff;
}
.bell_subscribe .subscribe_head {
  text-align: center;
}
.bell_subscribe .subscribe_head .lett_title {
  font-size: 25px;
  color: #262f2a;
  letter-spacing: 2px;
  font-weight: 900;
  margin-bottom: 20px;
}
.bell_subscribe .subscribe_head .lett_para {
  font-size: 16px;
  color: #626262;
  letter-spacing: 3px;
  font-weight: 400;
}
.bell_subscribe .bell_letter {
  text-align: center;
  margin-top: 30px;
}
.bell_subscribe .bell_letter .bell_email_group {
  display: inline-block;
  margin-right: 12px;
  padding: 0 22px;
  background-color: #ebebeb;
  border-radius: 50px;
}
.bell_subscribe .bell_letter .bell_email_group .fa {
  text-align: center;
  vertical-align: middle;
  font-size: 22px;
  height: 50px;
  line-height: 50px;
  color: #626262;
}
.bell_subscribe .bell_letter .bell_email_group .bell_email {
  line-height: 50px;
  border-radius: 25px;
  background-color: transparent;
  padding: 0 10px;
  min-width: 450px;
  outline: none;
  letter-spacing: 0.5px;
  border: none;
}
.bell_subscribe .bell_letter .bell_button {
  border-radius: 25px;
  border: none;
  padding: 15px 40px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
  color: #ffffff;
  outline: none;
  background: linear-gradient(90deg, #ffbb00 0%, #262f2a 100%);
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_subscribe .bell_letter .bell_button:active,
.bell_subscribe .bell_letter .bell_button:hover,
.bell_subscribe .bell_letter .bell_button:focus {
  -webkit-box-shadow: inset 0 0 40px #000000;
  -moz-box-shadow: inset 0 0 40px #000000;
  box-shadow: inset 0 0 40px #000000;
}
.bell_footer {
  background-color: #262f2a;
  padding-top: 100px;
  font-size: 15px;
  width: 100%;
  height: auto;
}
.bell_footer .main_footer {
  padding-bottom: 20px;
}
.bell_footer .main_footer .bell_footer1 .footer_logo {
  margin-bottom: 30px;
}
.bell_footer .main_footer .bell_footer1 .footer_about p {
  color: #626262;
  text-align: justify;
  width: 80%;
}
.bell_footer .main_footer .bell_footer1 .footer_social {
  margin-top: 35px;
  margin-bottom: 35px;
}
.bell_footer .main_footer .bell_footer1 .footer_social ul li {
  display: inline-block;
}
.bell_footer .main_footer .bell_footer1 .footer_social ul li a {
  color: #ffffff;
  background-color: #8d857b;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
.bell_footer .main_footer .bell_footer1 .footer_social ul li a:active,
.bell_footer .main_footer .bell_footer1 .footer_social ul li a:hover,
.bell_footer .main_footer .bell_footer1 .footer_social ul li a:focus {
  background-color: #262f2a;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.bell_footer .main_footer .bell_footer2 .footer_title {
  font-size: 21px;
  color: #262f2a;
  margin-bottom: 20px;
}
.bell_footer .main_footer .bell_footer2 .footer_links {
  margin-bottom: 35px;
}
.bell_footer .main_footer .bell_footer2 .footer_links li {
  display: block;
  padding: 18px;
  padding-left: 0;
  text-align: left;
}
.bell_footer .main_footer .bell_footer2 .footer_links li .fa {
  margin-right: 12px;
  color: #262f2a;
}
.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.5px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a:active,
.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a:hover,
.bell_footer .main_footer .bell_footer2 .footer_links li .footer_link a:focus {
  color: #ffffff;
}
.bell_footer .main_footer .bell_footer3 .footer_title {
  font-size: 21px;
  color: #262f2a;
  margin-bottom: 20px;
}
.bell_footer .main_footer .bell_footer3 .footer_links li {
  display: block;
  padding: 18px;
  padding-left: 0;
  text-align: left;
}
.bell_footer .main_footer .bell_footer3 .footer_links li .fa {
  margin-right: 12px;
  color: #262f2a;
}
.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.5px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a:active,
.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a:hover,
.bell_footer .main_footer .bell_footer3 .footer_links li .footer_link a:focus {
  color: #ffffff;
}
.bell_footer .main_footer .bell_footer4 .footer_title {
  font-size: 21px;
  color: #262f2a;
  margin-bottom: 20px;
}
.bell_footer .main_footer .bell_footer4 .footer_links li {
  display: flex;
  padding: 18px;
  padding-left: 0;
  text-align: left;
}
.bell_footer .main_footer .bell_footer4 .footer_links li .fa {
  margin-right: 12px;
  color: #262f2a;
  font-size: 18px;
}
.bell_footer .main_footer .bell_footer4 .footer_links li .fa-map-marker {
  font-size: 25px;
}
.bell_footer .main_footer .bell_footer4 .footer_links li .fa-phone {
  font-size: 25px;
}
.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.5px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a:active,
.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a:hover,
.bell_footer .main_footer .bell_footer4 .footer_links li .footer_link a:focus {
  color: #ffffff;
}
.bell_footer .bell_sub_footer {
  padding: 40px 0;
}
.bell_footer .bell_sub_footer .bell_copy {
  letter-spacing: 2px;
  color: #626262;
  text-align: center;
}
/**********************cat-deatail******************************/
.bell_detail_banner {
  background-image: url(../images/video_cat_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 840px;
}
@media (max-width: 540px) {
  .bell_detail_banner {
    height: auto;
  }
}
@media (max-width: 768px) {
  .bell_detail_banner {
    height: auto;
  }
}
.bell_detail_banner .video_over .bell_player {
  height: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}
@media (max-width: 540px) {
  .bell_detail_banner .video_over .bell_player {
    height: auto;
    margin-top: 100px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .bell_detail_banner .video_over .bell_player {
    margin-top: 130px;
    margin-bottom: 50px;
  }
}
.bell_detail_banner .video_over .bell_player iframe {
  position: relative;
  width: 100%;
  height: 610px;
}
@media (max-width: 540px) {
  .bell_detail_banner .video_over .bell_player iframe {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .bell_detail_banner .video_over .bell_player iframe {
    width: 100%;
    height: 300px;
  }
}
.bell_detail_banner .bell_vid_group {
  margin-top: 40px;
  text-align: center;
}
.bell_detail_banner .bell_vid_group ul li {
  display: inline-block;
  padding: 10px;
}
.bell_deatil_social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 990px) {
  .bell_deatil_social ul {
    display: block;
    width: 100%;
  }
}
.bell_deatil_social ul li {
  margin: 0;
  padding: 0;
  display: table-cell;
}
@media (max-width: 990px) {
  .bell_deatil_social ul li {
    display: block;
    width: 100%;
  }
}
.bell_deatil_social ul li .social_btn {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0;
  font-size: 16px;
  position: relative;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.bell_deatil_social ul li .social_btn.fb {
  background-color: #272a39;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_deatil_social ul li .social_btn.fb:active,
.bell_deatil_social ul li .social_btn.fb:hover,
.bell_deatil_social ul li .social_btn.fb:focus {
  background-color: rgba(39, 42, 57, 0.9);
}
.bell_deatil_social ul li .social_btn.tw {
  background-color: #f2ea8e;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_deatil_social ul li .social_btn.tw:active,
.bell_deatil_social ul li .social_btn.tw:hover,
.bell_deatil_social ul li .social_btn.tw:focus {
  background-color: rgba(242, 234, 142, 0.9);
}
.bell_deatil_social ul li .social_btn.yt {
  background-color: #8d7b00;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_deatil_social ul li .social_btn.yt:active,
.bell_deatil_social ul li .social_btn.yt:hover,
.bell_deatil_social ul li .social_btn.yt:focus {
  background-color: rgba(141, 123, 0, 0.9);
}
.bell_deatil_social ul li .social_btn.em {
  background-color: #dcc000;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_deatil_social ul li .social_btn.em:active,
.bell_deatil_social ul li .social_btn.em:hover,
.bell_deatil_social ul li .social_btn.em:focus {
  background-color: rgba(220, 192, 0, 0.9);
}
.bell_deatil_social ul li .social_btn .fa {
  margin-right: 10px;
  font-size: 18px;
}
.bell_cat_details {
  padding-top: 50px;
  text-align: justify;
}
.bell_cat_details .cat_head_text {
  text-align: left;
  margin-bottom: 40px;
}
.bell_cat_details .cat_head_text .vid_cat_text {
  font-size: 14px;
  margin-right: 10px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px solid #36af30;
  color: #184cce;
}
.bell_cat_details .cat_head_text .vid_head_text {
  font-size: 50px;
  color: #184cce;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: 600;
  letter-spacing: 1px;
}
.bell_cat_details .cat_head_text .cat_post_detail {
  color: #184cce;
  margin-top: 10px;
}
.bell_cat_details .cat_head_text .cat_post_detail .cat_author_text {
  font-size: 15px;
  color: #184cce;
  margin-right: 30px;
}
.bell_cat_details .cat_head_text .cat_post_detail .vid_cmnt {
  font-size: 15px;
  color: #184cce;
  padding-right: 20px;
}
.bell_cat_details .cat_head_text .cat_post_detail .vid_cmnt .fa {
  color: #184cce;
  padding-right: 8px;
}
.bell_cat_details .cat_head_text .cat_post_detail .vid_view {
  font-size: 15px;
  color: #184cce;
  padding-right: 20px;
}
.bell_cat_details .cat_head_text .cat_post_detail .vid_view .fa {
  color: #184cce;
  padding-right: 8px;
}
.bell_cat_details .bell_detail blockquote {
  border-color: #262f2a;
  padding: 0 0 0 30px;
}
.bell_cat_details .bell_detail p,
.bell_cat_details .bell_detail slider_text {
  line-height: 1.7;
  margin-bottom: 25px;
  font-size: 15px;
}
.bell_cat_details .bell_detail p strong,
.bell_cat_details .bell_detail slider_text strong {
  color: #262f2a;
  letter-spacing: 0.5px;
}
.bell_cat_details .bell_detail .bell_author_sec {
  height: 280px;
  background-color: #b9bcbd;
  margin-bottom: 40px;
  padding: 60px 0;
}
.bell_cat_details .bell_detail .bell_author_sec .author_pic {
  float: left;
  text-align: center;
  width: 30%;
  border-right: 1px solid #9fa3a4;
}
.bell_cat_details .bell_detail .bell_author_sec .author_pic img {
  border-radius: 50%;
  margin-bottom: 20px;
  width: 80px;
}
.bell_cat_details .bell_detail .bell_author_sec .author_pic h4 {
  color: #184cce;
}
.bell_cat_details .bell_detail .bell_author_sec .author_pic h6 {
  color: #5a5a5a;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail {
  float: right;
  width: 65%;
  padding-right: 50px;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail h4 {
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 10px;
  color: #184cce;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail p {
  color: #5a5a5a;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social {
  margin-top: 30px;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li {
  display: inline-block;
  padding-right: 15px;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a {
  color: #184cce;
  font-size: 23px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a:active,
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a:hover,
.bell_cat_details .bell_detail .bell_author_sec .author_detail .author_social li a:focus {
  color: #d2d0d0;
}
.bell_cat_details .bell_detail .bell_banner_ad {
  padding: 15px 0 30px 0;
  text-align: center;
}
.bell_cat_details .bell_detail .bell_banner_ad a img {
  width: 100%;
  height: auto;
}
.bell_cat_details .bell_detail .bell_cat_tag {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 50px;
}
.bell_cat_details .bell_detail .bell_cat_tag ul li {
  display: inline-block;
  padding: 5px;
}
.bell_cat_details .bell_detail .bell_cat_tag ul li a {
  background-color: #c53733;
  color: #184cce;
  padding: 6px 20px;
  border-radius: 25px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
  font-weight: 600;
}
.bell_cat_details .bell_detail .bell_cat_tag ul li a:active,
.bell_cat_details .bell_detail .bell_cat_tag ul li a:hover,
.bell_cat_details .bell_detail .bell_cat_tag ul li a:focus {
  background-color: #262f2a;
  color: #ffffff;
}
.bell_cat_details .bell_detail .bell_cat_tag ul li .fa {
  font-size: 20px;
  color: #184cce;
}
.bell_cat_details .bell_detail .bell_related {
  margin-bottom: 30px;
}
.bell_cat_details .bell_detail .bell_related h3 {
  color: #262f2a;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.bell_cat_details .bell_detail .bell_related .related_box .image_box {
  position: relative;
}
.bell_cat_details .bell_detail .bell_related .related_box .image_box img {
  width: 100%;
}
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa {
  line-height: 55px;
  color: #ffffff;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 100%);
  border: 6px solid rgba(255, 255, 255, 0.5);
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa:active,
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa:hover,
.bell_cat_details .bell_detail .bell_related .related_box .image_box .play_icon .fa:focus {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 100%);
  border: 6px solid rgba(255, 255, 255, 0.8);
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box {
  padding: 15px 30px;
  border: 1px solid #3c3c3c;
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box .cat_tag {
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #184cce;
  border-bottom: 2px solid #36af30;
  margin-bottom: 8px;
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title {
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 600;
  color: #184cce;
  margin-top: 10px;
  height: 72px;
  overflow: hidden;
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a {
  color: #184cce;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a:active,
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a:focus,
.bell_cat_details .bell_detail .bell_related .related_box .content_box .video_title a:hover {
  color: #262f2a;
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box .vid_cmnt {
  font-size: 13px;
  color: #184cce;
  padding-right: 20px;
}
.bell_cat_details .bell_detail .bell_related .related_box .content_box .vid_cmnt .fa {
  color: #184cce;
  padding-right: 3px;
}
.bell_cat_details .bell_sidebar {
  margin-bottom: 15px;
}
.bell_cat_details .bell_sidebar .bell_search {
  background-color: #c53733;
  padding: 25px 25px;
  margin-bottom: 5px;
}
.bell_cat_details .bell_sidebar .bell_search h3 {
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #262f2a;
  letter-spacing: 0.5px;
}
.bell_cat_details .bell_sidebar .bell_search .search_group {
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  position: relative;
}
.bell_cat_details .bell_sidebar .bell_search .search_group .serch_box {
  width: 100%;
  height: 50px;
  padding: 0 50px 0 10px;
  background-color: transparent;
  box-sizing: border-box;
  position: absolute;
  border: none;
  outline: none;
  font-size: 14px;
  color: #184cce;
  border-left: 10px solid #262f2a;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_details .bell_sidebar .bell_search .search_group .serch_box:focus {
  border-left: 10px solid #184cce;
}
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  background-color: transparent;
}
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span {
  font-size: 25px;
  color: #262f2a;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span:active,
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span:hover,
.bell_cat_details .bell_sidebar .bell_search .search_group .search_icon span:focus {
  color: #184cce;
}
.bell_cat_details .bell_sidebar .side_cat {
  background-color: #c53733;
  padding: 25px 25px;
  margin-bottom: 5px;
}
.bell_cat_details .bell_sidebar .side_cat h3 {
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #262f2a;
  letter-spacing: 0.5px;
}
.bell_cat_details .bell_sidebar .side_cat ul {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
.bell_cat_details .bell_sidebar .side_cat ul li {
  line-height: 1.5;
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #ccd1d2;
}
.bell_cat_details .bell_sidebar .side_cat ul li:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  padding-left: 1px;
  font-size: 90%;
  margin-right: 15px;
}
.bell_cat_details .bell_sidebar .side_cat ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #184cce;
  letter-spacing: 1px;
  cursor: pointer;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cat_details .bell_sidebar .side_cat ul li a:active,
.bell_cat_details .bell_sidebar .side_cat ul li a:hover,
.bell_cat_details .bell_sidebar .side_cat ul li a:focus {
  color: #262f2a;
}
.bell_cat_details .bell_sidebar .bell_side_ad {
  padding: 25px 25px;
  margin-bottom: 5px;
  background-color: #c53733;
  text-align: center;
}
.bell_cat_details .bell_sidebar .bell_side_ad a img {
  width: 100%;
  height: auto;
}
/**********************cat-deatail******************************/
/**********************bell-contact******************************/
.bell_common_banner {
  background-image: url(../images/video_common_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 130px;
}
.bell_common_banner .common_banner_head {
  font-weight: 700;
  padding: 0 1px;
  display: inline-block;
  margin-bottom: 40px;
  color: #ffffff;
  font-size: 60px;
  position: relative;
  letter-spacing: 2px;
  z-index: 5;
}
.contact_sec1 .bell_map {
  padding: 0;
  margin: 0;
  height: 700px;
  background-color: #3c3c3c;
}
.contact_sec1 .bell_map iframe {
  width: 100%;
  height: 100%;
}
.contact_sec1 .cnt_detail {
  padding: 5% 8% 3% 5%;
  background-color: #262f2a;
  min-height: 700px;
}
.contact_sec1 .cnt_detail .bell_address {
  margin-bottom: 50px;
  text-align: left;
}
.contact_sec1 .cnt_detail .bell_address h3 {
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact_sec1 .cnt_detail .bell_address h6 {
  font-size: 24px;
  color: #ffffff;
  font-weight: normal;
}
.contact_sec1 .cnt_detail .bell_email {
  margin-bottom: 50px;
  text-align: left;
}
.contact_sec1 .cnt_detail .bell_email h3 {
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact_sec1 .cnt_detail .bell_email h6 {
  font-size: 24px;
  color: #ffffff;
  font-weight: normal;
}
.contact_sec1 .cnt_detail .bell_mob {
  margin-bottom: 50px;
  text-align: left;
}
.contact_sec1 .cnt_detail .bell_mob h3 {
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact_sec1 .cnt_detail .bell_mob h6 {
  font-size: 24px;
  color: #ffffff;
  font-weight: normal;
}
.contact_sec1 .cnt_detail .bell_social {
  margin-bottom: 50px;
  text-align: left;
}
.contact_sec1 .cnt_detail .bell_social h3 {
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact_sec1 .cnt_detail .bell_social ul {
  margin-top: 30px;
}
.contact_sec1 .cnt_detail .bell_social ul li {
  display: inline-block;
  padding: 0 30px 0 0;
}
.contact_sec1 .cnt_detail .bell_social ul li a {
  color: #ffffff;
  font-size: 25px;
}
.bell_cnt_form {
  padding-bottom: 50px;
  padding-top: 50px;
}
.bell_cnt_form .form_head {
  font-weight: 600;
  color: #000000;
  letter-spacing: 1px;
  margin-bottom: 50px;
}
.bell_cnt_form .bell_form input,
.bell_cnt_form .bell_form textarea {
  width: 100%;
  margin-bottom: 25px;
  outline: none;
  padding: 10px 18px;
  background-color: #c53733;
  border: 3px solid transparent;
  font-size: 15px;
  color: #272727;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cnt_form .bell_form input textarea,
.bell_cnt_form .bell_form textarea textarea {
  min-height: 150px;
}
.bell_cnt_form .bell_form input:focus,
.bell_cnt_form .bell_form textarea:focus {
  border: 3px solid #262f2a;
}
.bell_cnt_form .bell_form input:-webkit-input-placeholder,
.bell_cnt_form .bell_form textarea:-webkit-input-placeholder {
  color: #272727;
}
.bell_cnt_form .bell_form input:-moz-placeholder,
.bell_cnt_form .bell_form textarea:-moz-placeholder {
  color: #272727;
}
.bell_cnt_form .bell_form input:-ms-input-placeholder,
.bell_cnt_form .bell_form textarea:-ms-input-placeholder {
  color: #272727;
}
.bell_cnt_form .bell_form input:-moz-placeholder,
.bell_cnt_form .bell_form textarea:-moz-placeholder {
  color: #272727;
}
.bell_cnt_form .bell_form button {
  border: 0;
  padding: 16px 18px;
  background-color: #184cce;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_cnt_form .bell_form button:active,
.bell_cnt_form .bell_form button:focus,
.bell_cnt_form .bell_form button:hover {
  background-color: #262f2a;
  color: #ffffff;
}
/**********************bell-contact******************************/
/**********************bell-category******************************/
.bell_category_banner {
  background-image: url(../images/video_category_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 130px;
}
.bell_category_banner .category_banner_head {
  font-weight: 700;
  padding: 0 1px;
  display: inline-block;
  margin-bottom: 40px;
  color: #ffffff;
  font-size: 60px;
  position: relative;
  letter-spacing: 2px;
  z-index: 5;
}
.bell_category {
  padding-top: 50px;
}
.bell_category .video_gallery .video_box {
  margin-bottom: 50px;
}
.bell_category .video_gallery .video_box .image_box {
  position: relative;
}
.bell_category .video_gallery .video_box .image_box img {
  width: 100%;
}
.bell_category .video_gallery .video_box .image_box .play_icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bell_category .video_gallery .video_box .image_box .play_icon .fa {
  line-height: 55px;
  color: #ffffff;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.3) 100%);
  border: 6px solid rgba(255, 255, 255, 0.5);
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_category .video_gallery .video_box .image_box .play_icon .fa:active,
.bell_category .video_gallery .video_box .image_box .play_icon .fa:hover,
.bell_category .video_gallery .video_box .image_box .play_icon .fa:focus {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 100%);
  border: 6px solid rgba(255, 255, 255, 0.8);
}
.bell_category .video_gallery .video_box .content_box {
  padding: 26px 30px;
  border: 1px solid #3c3c3c;
}
.bell_category .video_gallery .video_box .content_box .cat_tag {
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #184cce;
  border-bottom: 2px solid #36af30;
  margin-bottom: 8px;
}
.bell_category .video_gallery .video_box .content_box .video_title {
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: 600;
  color: #184cce;
  margin-top: 10px;
}
.bell_category .video_gallery .video_box .content_box .video_title a {
  color: #184cce;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_category .video_gallery .video_box .content_box .video_title a:active,
.bell_category .video_gallery .video_box .content_box .video_title a:focus,
.bell_category .video_gallery .video_box .content_box .video_title a:hover {
  color: #262f2a;
}
.bell_category .video_gallery .video_box .content_box .vid_cmnt {
  font-size: 13px;
  color: #184cce;
  padding-right: 20px;
}
.bell_category .video_gallery .video_box .content_box .vid_cmnt .fa {
  color: #184cce;
  padding-right: 3px;
}
.bell_category .video_gallery .video_box .content_box .video_text {
  margin-top: 20px;
}
.bell_category .video_gallery .video_box .content_box .video_text p,
.bell_category .video_gallery .video_box .content_box .video_text slider_text {
  color: #000000;
  text-align: justify;
  height: 60px;
  overflow: hidden;
}
.bell_category .cat_load_btn {
  padding-bottom: 55px;
}
.bell_category .cat_load_btn .load_btn {
  text-decoration: none;
  box-shadow: none;
  font-size: 16px;
  color: #ffffff;
  background-color: #262f2a;
  line-height: 1;
  border: none;
  text-align: center;
  border-radius: 0;
  padding: 18px 26px;
  font-weight: 600;
  letter-spacing: 1px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_category .cat_load_btn .load_btn:active,
.bell_category .cat_load_btn .load_btn:hover,
.bell_category .cat_load_btn .load_btn:focus {
  background-color: #184cce;
  color: #ffffff;
}
.bell_category .cat_load_btn .load_btn .load_icon {
  margin-left: 5px;
  font-size: 18px;
  color: #ffffff;
}
.bell_category .bell_sidebar {
  margin-bottom: 15px;
}
.bell_category .bell_sidebar .bell_search {
  background-color: #c53733;
  padding: 25px 25px;
  margin-bottom: 5px;
}
.bell_category .bell_sidebar .bell_search h3 {
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #262f2a;
  letter-spacing: 0.5px;
}
.bell_category .bell_sidebar .bell_search .search_group {
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  position: relative;
}
.bell_category .bell_sidebar .bell_search .search_group .serch_box {
  width: 100%;
  height: 50px;
  padding: 0 50px 0 10px;
  background-color: transparent;
  box-sizing: border-box;
  position: absolute;
  border: none;
  outline: none;
  font-size: 14px;
  color: #184cce;
  border-left: 10px solid #262f2a;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_category .bell_sidebar .bell_search .search_group .serch_box:focus {
  border-left: 10px solid #184cce;
}
.bell_category .bell_sidebar .bell_search .search_group .search_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  background-color: transparent;
}
.bell_category .bell_sidebar .bell_search .search_group .search_icon span {
  font-size: 25px;
  color: #262f2a;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_category .bell_sidebar .bell_search .search_group .search_icon span:active,
.bell_category .bell_sidebar .bell_search .search_group .search_icon span:hover,
.bell_category .bell_sidebar .bell_search .search_group .search_icon span:focus {
  color: #184cce;
}
.bell_category .bell_sidebar .side_cat {
  background-color: #c53733;
  padding: 25px 25px;
  margin-bottom: 5px;
}
.bell_category .bell_sidebar .side_cat h3 {
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #262f2a;
  letter-spacing: 0.5px;
}
.bell_category .bell_sidebar .side_cat ul {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
.bell_category .bell_sidebar .side_cat ul li {
  line-height: 1.5;
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #ccd1d2;
}
.bell_category .bell_sidebar .side_cat ul li:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  padding-left: 1px;
  font-size: 90%;
  margin-right: 15px;
}
.bell_category .bell_sidebar .side_cat ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #184cce;
  letter-spacing: 1px;
  cursor: pointer;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_category .bell_sidebar .side_cat ul li a:active,
.bell_category .bell_sidebar .side_cat ul li a:hover,
.bell_category .bell_sidebar .side_cat ul li a:focus {
  color: #262f2a;
}
.bell_category .bell_sidebar .bell_side_ad {
  padding: 25px 25px;
  margin-bottom: 5px;
  background-color: #c53733;
  text-align: center;
}
.bell_category .bell_sidebar .bell_side_ad a img {
  width: 100%;
  height: auto;
}
/**********************bell-category******************************/
/**********************bell-about******************************/
.bell_about_banner {
  background-image: url(../images/video_about_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 130px;
}
.bell_about_banner .banner_head {
  font-weight: 700;
  padding: 0 1px;
  display: inline-block;
  color: #ffffff;
  font-size: 60px;
  position: relative;
  letter-spacing: 2px;
  z-index: 5;
}
.zirjo_slider {
  background-color: #f4bd25;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 60px 10px;
}
.zirjo_slider .car_slider_form {
  background-color: #ffffff;
  padding: 35px;
  padding-top: 12px;
  width: 100%;
  box-shadow: 0 9px 0 0 #ffffff, 0 -9px 0 0 #ffffff, 7px 0 15px -4px rgba(0, 0, 0, 0.4), -7px 0 15px -4px rgba(0, 0, 0, 0.4);
  margin-bottom: 40px;
}
.zirjo_slider .car_slider_form .zirjo_form .car_select {
  position: relative;
}
.zirjo_slider .car_slider_form .zirjo_form .car_select:after {
  content: '\f078';
  font-family: 'FontAwesome';
  color: #f4bd25;
  position: absolute;
  top: 38px;
  right: 15px;
  font-size: 14px;
  pointer-events: none;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .car_select:after {
    font-size: 11px;
    top: 41px;
    right: 15px;
  }
}
.zirjo_slider .car_slider_form .zirjo_form .car_select .user_success {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
  border: 2px solid #d2d0d0;
  color: #f8f8f8;
  font-size: 24px;
  font-weight: 600;
  padding: 9px 10px;
  outline: none;
  -webkit-appearance: none;
}
.zirjo_slider .car_slider_form .zirjo_form .car_select .user_success option {
  font-size: 24px;
  padding: 0 2px 1px;
  display: block;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group {
  width: 100%;
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 25px;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group .fa {
  position: absolute;
  top: 34%;
  left: 7px;
  font-size: 18px;
  color: #f8f8f8;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group .fa-calendar {
  font-size: 15px;
  color: #f8f8f8;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group .input_group_add {
  border-radius: 0;
  border: none;
  background-color: #d2d0d0;
  font-weight: 600;
  font-size: 15px;
  color: #f8f8f8;
  width: 110px;
  text-align: left;
  padding: 0 10px;
  display: table-cell;
  padding-left: 25px;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group .pickup_input {
  border-radius: 0;
  color: #f4bd25;
  font-size: 16px;
  padding: 0 15px;
  box-shadow: none;
  height: 45px;
  width: 100%;
  border: 2px solid #d2d0d0;
  outline: none;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .pickup_group .pickup_input {
    margin-left: -1px;
    padding: 0 7px;
  }
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group input::-webkit-input-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group input::-moz-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group input:-ms-input-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .pickup_group input:-moz-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group {
  width: 100%;
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 25px;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .fa {
  position: absolute;
  top: 34%;
  left: 7px;
  font-size: 18px;
  color: #f8f8f8;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .fa-calendar {
  font-size: 15px;
  color: #f8f8f8;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .input_group_add {
  border-radius: 0;
  border: none;
  background-color: #d2d0d0;
  font-weight: 600;
  font-size: 15px;
  color: #f8f8f8;
  width: 110px;
  text-align: left;
  padding: 0 10px;
  display: table-cell;
  padding-left: 25px;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group .pickup_input {
  border-radius: 0;
  color: #f4bd25;
  font-size: 16px;
  padding: 0 15px;
  box-shadow: none;
  height: 45px;
  width: 100%;
  border: 2px solid #d2d0d0;
  outline: none;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .dropoff_group .pickup_input {
    padding: 0 7px;
  }
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input::-webkit-input-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input::-moz-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input:-ms-input-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .dropoff_group input:-moz-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group {
  width: 100%;
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 25px;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group:after {
  content: '\f078';
  font-family: 'FontAwesome';
  color: #f4bd25;
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 14px;
  pointer-events: none;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .date_group:after {
    font-size: 11px;
    top: 17px;
    right: 9px;
  }
}
@media (max-width: 1366px) {
  .zirjo_slider .car_slider_form .zirjo_form .date_group:after {
    display: none;
  }
}
.zirjo_slider .car_slider_form .zirjo_form .date_group .fa {
  position: absolute;
  top: 34%;
  left: 7px;
  font-size: 18px;
  color: #f8f8f8;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group .fa-calendar {
  font-size: 15px;
  color: #f8f8f8;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group .date_group_add {
  border-radius: 0;
  border: none;
  background-color: #d2d0d0;
  font-weight: 600;
  font-size: 15px;
  color: #f8f8f8;
  width: 110px;
  text-align: left;
  padding: 10px 0 0 10px;
  display: table-cell;
  padding-left: 25px;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group .date_input {
  border-radius: 0;
  color: #f4bd25;
  font-size: 15px;
  padding: 0 12px;
  box-shadow: none;
  height: 48px;
  width: 58%;
  margin-right: 2%;
  border: 2px solid #d2d0d0;
  outline: none;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .date_group .date_input {
    font-size: 11px;
  }
}
@media (max-width: 1366px) {
  .zirjo_slider .car_slider_form .zirjo_form .date_group .date_input {
    padding: 0;
    padding-left: 2px;
    font-size: 12px;
  }
}
.zirjo_slider .car_slider_form .zirjo_form .date_group .time_input {
  border-radius: 0;
  color: #f4bd25;
  font-size: 15px;
  padding: 0 15px;
  box-shadow: none;
  height: 48px;
  width: 40%;
  margin: 0;
  border: 2px solid #d2d0d0;
  outline: none;
  -webkit-appearance: none;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .date_group .time_input {
    padding: 0 4px;
    font-size: 12px;
  }
}
@media (max-width: 1366px) {
  .zirjo_slider .car_slider_form .zirjo_form .date_group .time_input {
    padding: 0 4px;
    font-size: 13px;
  }
}
.zirjo_slider .car_slider_form .zirjo_form .date_group input::-webkit-input-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group input::-moz-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group input:-ms-input-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .date_group input:-moz-placeholder {
  color: #f4bd25;
}
.zirjo_slider .car_slider_form .zirjo_form .car_submit {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: #f4bd25;
  color: #ffffff;
  border-radius: 0;
  box-shadow: 6px 6px 0 #d2d0d0;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 10px 16px;
  width: 100%;
  margin-top: 30px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.zirjo_slider .car_slider_form .zirjo_form .car_submit:active,
.zirjo_slider .car_slider_form .zirjo_form .car_submit:hover,
.zirjo_slider .car_slider_form .zirjo_form .car_submit:focus {
  background-color: #f8f8f8;
  color: #ffffff;
}
@media (max-width: 540px) {
  .zirjo_slider .car_slider_form .zirjo_form .car_submit {
    font-size: 16px;
  }
}
@media (max-width: 1366px) {
  .zirjo_slider .car_slider_form .zirjo_form .car_submit {
    font-size: 16px;
  }
}
.zirjo_slider .car_slect_bg img {
  width: 100%;
}
.bell_about_sec1 {
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  width: 100%;
  background-color: #ffffff;
  padding-top: 100px;
  padding-bottom: 90px;
}
@media (max-width: 540px) {
  .bell_about_sec1 {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.bell_about_sec1 .sec1_part1 {
  padding: 130px 60px;
}
@media (max-width: 540px) {
  .bell_about_sec1 .sec1_part1 {
    padding: 0 10px;
    margin-bottom: 30px;
  }
}
.bell_about_sec1 .sec1_part1 h1 {
  font-size: 48px;
  color: #184cce;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 30px;
  margin-top: 10px;
  letter-spacing: -1px;
}
.bell_about_sec1 .sec1_part1 p {
  font-size: 18px;
  text-align: justify;
  line-height: 1.7;
}
.bell_about_sec1 .sec1_part1 p strong {
  color: #262f2a;
  letter-spacing: 1px;
}
.bell_about_sec1 .sec1_part2 {
  width: 100%;
  height: auto;
}
.bell_about_sec1 .sec1_part2 img {
  width: 100%;
  height: auto;
}
.bell_about_sec2 {
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  width: 100%;
  background-color: #c53733;
  padding-top: 100px;
  padding-bottom: 90px;
}
@media (max-width: 540px) {
  .bell_about_sec2 {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
.bell_about_sec2 .about_sec2_part1 {
  margin-bottom: 60px;
}
.bell_about_sec2 .about_sec2_part1 h1 {
  font-size: 30px;
  color: #184cce;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
.bell_about_sec2 .about_sec2_part1 p {
  font-size: 18px;
  color: #5a5a5a;
}
.bell_about_sec2 .about_sec2_part2 .bell_team {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_bg img {
  width: 100%;
  height: auto;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content {
  padding: 50px;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content h1 {
  color: #184cce;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 5px;
  font-size: 34px;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content h3 {
  font-size: 18px;
  font-weight: 600;
  color: #262f2a;
  line-height: 1.4;
  margin-bottom: 25px;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content p {
  font-size: 16px;
  color: #184cce;
  text-align: justify;
  margin-bottom: 25px;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li {
  display: inline-block;
  padding: 0 20px 0 0;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a {
  color: #ffffff;
  font-size: 18px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #184cce;
  line-height: 35px;
  text-align: center;
}
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a:active,
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a:hover,
.bell_about_sec2 .about_sec2_part2 .bell_team .team_content .team_social ul li a:focus {
  color: #ffffff;
  background-color: #262f2a;
}
.bell_about_sec3 {
  padding-top: 80px;
  padding-bottom: 0;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  width: 100%;
  background-color: #ffffff;
}
.bell_about_sec3 img {
  width: 100%;
  height: auto;
}
.bell_about_sec3 .bell_about_sec3_part1 {
  padding: 150px 70px;
}
@media (max-width: 540px) {
  .bell_about_sec3 .bell_about_sec3_part1 {
    padding: 50px 20px;
  }
}
.bell_about_sec3 .bell_about_sec3_part1 h1 {
  font-size: 35px;
  color: #184cce;
  letter-spacing: 1px;
  line-height: 1.2;
  font-weight: 900;
  margin-bottom: 30px;
}
.bell_about_sec3 .bell_about_sec3_part1 p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #5a5a5a;
  text-align: left;
  margin-bottom: 50px;
}
.bell_about_sec3 .bell_about_sec3_part1 .abt_btn {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  background-color: #262f2a;
  border-radius: 0;
  padding: 18px 28px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.bell_about_sec3 .bell_about_sec3_part1 .abt_btn:active,
.bell_about_sec3 .bell_about_sec3_part1 .abt_btn:hover,
.bell_about_sec3 .bell_about_sec3_part1 .abt_btn:focus {
  background-color: #184cce;
  color: #ffffff;
}
.bell_about_sec4 {
  background-image: url(../images/video_about_sec4_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  width: 100%;
  padding: 180px 0;
}
@media (max-width: 540px) {
  .bell_about_sec4 {
    padding: 60px 0;
  }
}
.bell_about_sec4 h1 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.bell_about_sec4 p {
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-bottom: 50px;
}
.bell_about_sec4 .abt_btn {
  font-size: 15px;
  color: #ffffff;
  background-color: #262f2a;
  font-weight: 600;
  padding: 18px 28px;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
  border: 3px solid transparent;
}
.bell_about_sec4 .abt_btn:active,
.bell_about_sec4 .abt_btn:hover,
.bell_about_sec4 .abt_btn:focus {
  background-color: transparent;
  color: #262f2a;
  border: 3px solid #262f2a;
}
/**********************bell-about******************************/
/**********************Letter Modal******************************/
.modal-newsletter {
  color: #626262;
  font-size: 15px;
}
.modal-newsletter .modal-content {
  padding: 40px;
  border-radius: 0;
  border: none;
}
.modal-newsletter .modal-header {
  border-bottom: none;
  position: relative;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.modal-newsletter h4 {
  color: #000000;
  text-align: center;
  font-size: 30px;
  margin: 0 0 25px;
  font-weight: bold;
  text-transform: capitalize;
}
.modal-newsletter .close {
  background: #c0c3c8;
  position: absolute;
  top: -15px;
  right: -15px;
  color: #ffffff;
  text-shadow: none;
  opacity: 0.5;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  font-size: 16px;
  outline: none;
}
.modal-newsletter .close span {
  position: relative;
  top: 0px;
}
.modal-newsletter .close:hover {
  opacity: 0.8;
}
.modal-newsletter .icon-box {
  color: #262f2a;
  display: inline-block;
  z-index: 9;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.modal-newsletter .icon-box i {
  font-size: 110px;
}
.modal-newsletter .form-control {
  min-height: 46px;
  border-radius: 3px;
  box-shadow: none;
  border-color: #182141;
}
.modal-newsletter .form-control:focus {
  border-color: #262f2a;
  box-shadow: 0 0 8px #262f2a;
}
.modal-newsletter .btn {
  min-height: 46px;
  border-radius: 3px;
  color: #ffffff;
  border-radius: 4px;
  background: #262f2a;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  padding: 6px 20px;
  min-width: 150px;
  border: none;
}
.modal-newsletter .btn:hover {
  background: #0f1311;
  outline: none;
}
.modal-newsletter .btn:focus {
  background: #262f2a;
  outline: none;
}
.modal-newsletter .input-group {
  margin: 30px 0 15px;
}
.hint-text {
  margin: 100px auto;
  text-align: center;
}
/**********************Letter Modal******************************/
/********************Video******************************************/
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*************************Construction********************************/
.corp_banner {
  background-image: url(../images/video_common_banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 130px;
}
.corp_banner .corp_head {
  font-weight: 700;
  padding: 0 1px;
  display: inline-block;
  color: #ffffff;
  font-size: 60px;
  position: relative;
  letter-spacing: 2px;
  z-index: 5;
}
.corp-crumps {
  background-color: #262f2a;
  border: 0;
  padding: 10px 0;
}
.corp-crumps ol {
  background-color: transparent;
  padding: 0;
  margin: 0;
  list-style: none;
}
.corp-crumps ol li {
  font-weight: 300;
  font-size: 16px;
  display: inline-block;
  color: #ffffff;
  padding: 0 5px;
}
.corp-crumps ol li.active {
  color: #6a8476;
}
.corp-crumps ol li a {
  color: #ffffff;
  font-weight: 600;
}
.corp_category {
  padding-bottom: 50px;
  padding-top: 50px;
  background-color: #ffffff;
}
.corp_category .corp_thumb {
  border-radius: 0;
  padding: 0;
  border: 5px solid #d2d0d0;
  margin-top: 40px;
  margin-bottom: 0;
  width: 100%;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.corp_category .corp_thumb:active,
.corp_category .corp_thumb:hover,
.corp_category .corp_thumb:focus {
  border: 5px solid #262f2a;
  background-color: #262f2a;
}
.corp_category .corp_thumb:active .thumb_box,
.corp_category .corp_thumb:hover .thumb_box,
.corp_category .corp_thumb:focus .thumb_box {
  background-color: #262f2a;
  color: #ffffff;
}
.corp_category .corp_thumb img {
  margin: 0 auto;
  width: 100%;
}
.corp_category .corp_thumb .thumb_box {
  background-color: #d2d0d0;
  color: #262f2a;
  padding: 5px 15px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.corp_category .corp_thumb .thumb_box .thumb_caption {
  font-size: 20px;
  display: inline-block;
  line-height: 30px;
}
.corp_category .corp_thumb .thumb_box .cap_icon {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
  float: right;
  height: 45px;
  line-height: 40px;
}
.corp_detail .corp-container {
  display: table;
}
@media (max-width: 540px) {
  .corp_detail .corp-container {
    display: block;
  }
}
.corp_detail .corp-container .corp-left-menu {
  padding: 0;
  border-right: 1px solid #c1bebe;
  background-color: #d2d0d0;
  display: table-cell;
  float: none;
  vertical-align: top;
}
@media (max-width: 540px) {
  .corp_detail .corp-container .corp-left-menu {
    display: block;
    float: none;
  }
}
.corp_detail .corp-container .corp-left-menu .left_caption {
  width: 100%;
  background-color: #262f2a;
  height: 90px;
  padding-top: 36px;
  padding-left: 23px;
}
.corp_detail .corp-container .corp-left-menu .left_caption .left_icon {
  display: inline-block;
  color: #ffffff;
  margin-right: 11px;
  font-size: 22px;
}
.corp_detail .corp-container .corp-left-menu .left_caption h3 {
  font-size: 22px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
}
.corp_detail .corp-container .corp-left-menu .left_list {
  width: 100%;
}
.corp_detail .corp-container .corp-left-menu .left_list ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #d2d0d0;
}
.corp_detail .corp-container .corp-left-menu .left_list ul li {
  display: block;
}
.corp_detail .corp-container .corp-left-menu .left_list ul li a {
  font-size: 18px;
  color: #262f2a;
  letter-spacing: 0.5px;
  font-weight: 400;
  display: block;
  padding: 25px;
  background-color: #d2d0d0;
  border-bottom: 1px solid #c1bebe;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 1366px) {
  .corp_detail .corp-container .corp-left-menu .left_list ul li a {
    font-size: 16px;
  }
}
.corp_detail .corp-container .corp-left-menu .left_list ul li a:active,
.corp_detail .corp-container .corp-left-menu .left_list ul li a:focus,
.corp_detail .corp-container .corp-left-menu .left_list ul li a:hover {
  background-color: #262f2a;
  color: #ffffff;
}
.corp_detail .corp-container .corp-right-menu {
  padding: 0;
  display: table-cell;
  float: none;
}
@media (max-width: 540px) {
  .corp_detail .corp-container .corp-right-menu {
    display: block;
    float: none;
  }
}
.corp_detail .corp-container .corp-right-menu .right_crumbs {
  padding: 36px 36px;
  background-color: #262f2a;
  height: 90px;
}
.corp_detail .corp-container .corp-right-menu .right_crumbs ol {
  background-color: transparent;
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.corp_detail .corp-container .corp-right-menu .right_crumbs ol li {
  font-size: 16px;
  display: inline-block;
  color: #ffffff;
  padding: 0 5px;
}
.corp_detail .corp-container .corp-right-menu .right_crumbs ol li.active {
  color: #ffffff;
}
.corp_detail .corp-container .corp-right-menu .right_crumbs ol li a {
  color: #ffffff;
  font-size: 16px;
}
.corp_detail .corp-container .corp-right-menu .detail_box {
  padding: 30px 40px;
}
.corp_detail .corp-container .corp-right-menu .detail_box .right_caption {
  color: #262f2a;
  letter-spacing: 0.5px;
  text-align: left;
  margin-bottom: 30px;
}
.corp_detail .corp-container .corp-right-menu .detail_box .banner_img {
  margin-bottom: 20px;
}
.corp_detail .corp-container .corp-right-menu .detail_box .banner_img img {
  width: 100%;
  height: auto;
}
.corp_detail .corp-container .corp-right-menu .detail_box .slider_text,
.corp_detail .corp-container .corp-right-menu .detail_box p {
  text-align: justify;
  font-size: 16px;
  line-height: 25px;
  color: #272727;
  margin-bottom: 20px;
}
.corp_detail .corp-container .corp-right-menu .detail_box .slider_text strong,
.corp_detail .corp-container .corp-right-menu .detail_box p strong {
  color: #010101;
}
.corp_detail .corp-container .corp-right-menu .detail_box .img_group {
  margin-top: 30px;
}
.corp_detail .corp-container .corp-right-menu .detail_box .img_group img {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}
/*************************Construction********************************/
/* ----------------------------------
    - Theme: Maydos
----------------------------------*/
body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
html {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#main_wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
@media (max-width: 960px) {
  #main_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .article {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}
/* Hide screen reader only text */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* Tuesday Closure Banner */
.tuesday-closure-banner {
  background: linear-gradient(135deg, #5c0000 0%, #8b0000 100%);
  color: #ffffff;
  padding: 12px 0;
  width: 100%;
  position: relative;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  animation: slideDown 0.5s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.tuesday-closure-banner .banner-content {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: relative;
}

.tuesday-closure-banner .banner-icon {
  font-size: 20px;
  color: #ffffff;
  flex-shrink: 0;
}

.tuesday-closure-banner .banner-text {
  flex: 1;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
}

.tuesday-closure-banner .banner-text strong {
  font-weight: 600;
  margin-right: 5px;
}

.tuesday-closure-banner .banner-close {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.tuesday-closure-banner .banner-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.tuesday-closure-banner .banner-close:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .tuesday-closure-banner .banner-content {
    flex-wrap: wrap;
    gap: 10px;
  }

  .tuesday-closure-banner .banner-text {
    font-size: 13px;
    flex-basis: 100%;
    order: 1;
  }

  .tuesday-closure-banner .banner-icon {
    order: 0;
    font-size: 18px;
  }

  .tuesday-closure-banner .banner-close {
    order: 2;
    position: absolute;
    top: 5px;
    right: 10px;
  }
}

/* Sticky header styles - applied via JavaScript */
.maydos_header.header-sticky-fixed {
  transition: all 0.3s ease;
}

body.header-sticky-active {
  transition: padding-top 0.3s ease;
}

.maydos_header .nn_container_fluid {
  display: flex;
  max-width: 1920px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  position: relative;
}
@media (max-width: 960px) {
  .maydos_header .nn_container_fluid {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}
.maydos_header .top-header {
  background-color: #000000;
  color: #ffffff;
}
.maydos_header .top-header .address {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
}
.maydos_header .top-header .address li {
  gap: 8px;
  display: flex;
  align-items: center;
}
.maydos_header .top-header .address li p {
  display: inline;
}
.maydos_header .top-header .address a {
  color: #ffffff;
}
@media (max-width: 960px) {
  .maydos_header .top-header .address {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}
.maydos_header .top-header .social {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
}
.maydos_header .top-header .social a {
  color: #ffffff;
}
@media (max-width: 960px) {
  .maydos_header .top-header {
    display: none;
  }
  .maydos_header .top-header .nn_container_fluid {
    display: flex;
  }
}
.maydos_header .main_header {
  background-color: #ffffff;
  min-height: 80px;
  display: flex;
  align-items: center;
  position: relative;
}
.maydos_header .main_header .nn_container_fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.maydos_header .main_header .logo_head {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .maydos_header .main_header {
    min-height: auto;
    padding: 0;
    position: relative;
    z-index: 100;
  }
  .maydos_header .main_header .nn_container_fluid {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    position: relative;
  }
  .maydos_header .main_header .logo_head {
    position: initial;
    transform: none;
    display: flex;
    float: none;
    justify-content: flex-end;
    align-items: center;
    order: 2;
    margin: 0;
    flex: 0 0 auto;
  }
  .maydos_header .main_header .logo_head img {
    max-height: 40px;
  }
  .maydos_header .main_header .navbar {
    order: 1;
    justify-content: flex-start;
    width: auto;
    flex: 0 0 auto;
    margin: 0;
  }
  .maydos_header .main_header .right-menu {
    order: 3;
    width: 100%;
    flex: 1 1 100%;
    justify-content: center;
    padding: 15px 0 0 0;
    margin-top: 0;
    display: flex;
    gap: 15px;
  }
  .maydos_header .main_header .right-menu .btn-default {
    font-size: 14px;
    padding: 0 20px;
    height: 36px;
    white-space: nowrap;
  }
}
.maydos_header .navbar {
  margin-bottom: 0;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.maydos_header .navbar .container-menu {
  position: relative;
  height: 100%;
  width: 100%;
}
.maydos_header .navbar .navbar-header {
  float: left;
  position: relative;
}
.maydos_header .navbar .navbar-header .navbar-toggle {
  display: block;
  border: none;
  background: transparent;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  z-index: 1001;
  transition: transform 0.3s ease;
}
@media (max-width: 960px) {
  .maydos_header .navbar .navbar-header .navbar-toggle:not(.collapsed) {
    transform: rotate(90deg);
  }
}
/* Desktop: Hamburger butonu görünür ve çalışır */
@media (min-width: 961px) {
  .maydos_header .navbar .navbar-header .navbar-toggle {
    display: block;
  }
}
/* Mobil: Hamburger butonu görünür */
@media (max-width: 960px) {
  .maydos_header .navbar .navbar-header .navbar-toggle {
    display: block;
  }
}
.maydos_header .navbar .navbar-header .navbar-toggle:focus {
  outline: none;
}
.maydos_header .navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: #000000;
  width: 32px;
  height: 3px;
  border-radius: 1px;
  display: block;
  transition: all 0.3s ease;
}
.maydos_header .navbar .navbar-header .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 7px;
}
/* Hamburger animation */
.maydos_header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar.top-bar {
  transform: rotate(45deg) translate(8px, 8px);
}
.maydos_header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar.middle-bar {
  opacity: 0;
}
.maydos_header .navbar .navbar-header .navbar-toggle:not(.collapsed) .icon-bar.bottom-bar {
  transform: rotate(-45deg) translate(7px, -7px);
}
/* Hamburger menu is now visible on all screen sizes */
.maydos_header .navbar .navbar-collapse {
  position: absolute;
  left: 80px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 99;
  display: flex;
  align-items: center;
}
/* Desktop: Menü toggle edilebilir (yatay) */
@media (min-width: 961px) {
  .maydos_header .navbar .navbar-collapse.collapse {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    transition: opacity 0.3s ease, height 0.3s ease;
    opacity: 0;
    align-items: center;
  }
  .maydos_header .navbar .navbar-collapse.in {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    overflow: visible !important;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    opacity: 1;
  }
  .maydos_header .navbar .navbar-collapse {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    transition: opacity 0.3s ease, height 0.3s ease;
    display: flex;
    align-items: center;
  }
  .maydos_header .navbar .navbar-collapse .nn_navbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .maydos_header .navbar .navbar-collapse .nn_navbar li a {
    line-height: 1;
    vertical-align: middle;
  }
}
/* Mobil: Hamburger menü ile açılır (dikey) */
@media (max-width: 960px) {
  /* Prevent body scrolling when menu is open */
  body.menu-open {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
    height: 100%;
  }

  .maydos_header .navbar .navbar-collapse.collapse {
    display: none !important;
    overflow: hidden !important;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    height: 0 !important;
  }

  .maydos_header .navbar .navbar-collapse.in {
    display: block !important;
    height: auto !important;
    opacity: 1;
  }

  .maydos_header .navbar .navbar-collapse {
    position: fixed;
    left: 50%;
    top: 60px;
    transform: translateX(-50%) translateY(0);
    width: 90vw !important;
    max-width: 400px !important;
    min-width: 280px !important;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin: 0 !important;
  }

  .maydos_header .navbar .navbar-collapse.collapse {
    transform: translateX(-50%) translateY(-10px);
  }

  .maydos_header .navbar .navbar-collapse.in {
    transform: translateX(-50%) translateY(0);
  }

  .maydos_header .navbar .navbar-collapse.collapse {
    transform: translateX(-50%) translateY(-10px);
  }


  /* Logo in top right when menu is open */
  .maydos_header .main_header .navbar-collapse.in ~ .logo_head {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1001;
    display: flex !important;
    transform: none !important;
  }

  .maydos_header .main_header .navbar-collapse.in ~ .logo_head img {
    max-height: 35px !important;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar {
    gap: 10px !important;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    text-align: center;
    box-sizing: border-box;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar li {
    width: 100% !important;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    cursor: pointer;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar li:first-child {
    border-top: 1px solid #f0f0f0;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar li:last-child {
    border-bottom: 1px solid #f0f0f0;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease;
    position: relative;
    text-align: center;
    width: 100% !important;
    height: 54px;
    line-height: 54px;
    box-sizing: border-box;
    cursor: pointer;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar li a:hover,
  .maydos_header .navbar .navbar-collapse .nn_navbar li a:focus {
    color: #c53733;
    background-color: #fafafa;
  }

  .maydos_header .navbar .navbar-collapse .nn_navbar li a.active {
    color: #c53733;
    background-color: #fff5f5;
    font-weight: 500;
  }
}
.maydos_header .navbar .navbar-collapse.collapsing {
  height: 0;
  overflow: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}
@media (max-width: 960px) {
  .maydos_header .navbar .navbar-collapse.collapsing {
    transform: translateX(-100%);
    opacity: 0;
  }
}
.maydos_header .navbar .navbar-collapse .nn_navbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  list-style: none;
  padding: 0;
  height: auto;
}
.maydos_header .navbar .navbar-collapse .nn_navbar::after,
.maydos_header .navbar .navbar-collapse .nn_navbar::before {
  display: none;
}
.maydos_header .navbar .navbar-collapse .nn_navbar li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.maydos_header .navbar .navbar-collapse .nn_navbar li a {
  padding: 0;
  white-space: nowrap;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.3s ease;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
}
.maydos_header .navbar .navbar-collapse .nn_navbar li a:hover {
  color: #c53733;
}
.maydos_header .navbar .navbar-collapse .nn_navbar li a.active {
  color: #c53733;
  font-weight: 600;
}
@media (max-width: 960px) {
  .maydos_header .navbar {
    min-height: auto;
    display: inline-flex;
    position: initial;
  }
  .maydos_header .navbar .navbar-header {
    padding: 0 !important;
    float: none !important;
  }
  .maydos_header .navbar .navbar-header .navbar-toggle {
    margin: auto;
    position: initial;
  }
}
.maydos_header .right-menu {
  display: inline-flex;
  gap: 20px;
  color: #000000;
}
.maydos_header .right-menu .btn-default {
  border: 2px solid #000000;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 36px;
  color: #000000;
  transition: all 0.3s ease;
}
.maydos_header .right-menu .btn-default:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
@media (max-width: 960px) {
  .maydos_header .right-menu {
    width: 100%;
    justify-content: center;
    padding: 20px 0;
  }
}
.section-one .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.section-one .nn_row .nn_col:first-child {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-one .title {
  color: #c53733;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
}
.section-one .head {
  font-family: "Playfair Display", serif;
  font-size: 48px;
  margin: 12px auto 24px;
  max-width: 520px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .section-one .head {
    font-size: 28px;
  }
}
.section-one .text {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #787878;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .section-one .text {
    font-size: 16px;
  }
}
.section-one .link {
  border: 2px solid #787878;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 36px;
  color: #787878;
}
@media (max-width: 960px) {
  .section-one .link {
    margin-bottom: 24px;
  }
}
@media (max-width: 960px) {
  .section-one {
    margin-bottom: 24px;
  }
}
/* Mobile image fixes */
.sectio-image-block {
  position: relative;
  overflow: hidden;
}
@media (max-width: 960px) {
  .sectio-image-block {
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  .sectio-image-block img,
  .sectio-image-block .img-1 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  /* General mobile image fixes */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  .nn_col img,
  .nn_row img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .section-six .sectio-image-block,
  .section-six .sectio-image-block img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
  /* Container overflow fixes */
  .nn_container_fluid,
  .container-fluid,
  .nn_container {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .nn_row,
  .nn_col {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  /* Ensure all sections are properly aligned */
  .nn_section,
  section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}
.section-two .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  text-align: center;
}
@media (max-width: 960px) {
  .section-two .grid {
    display: block;
  }
}
.section-two .grid [class^="col"] {
  position: relative;
  background: #f8f8f8;
}
.section-two .grid .col1 {
  grid-area: 1 / 1 / 2 / 2;
}
.section-two .grid .col1 .content {
  height: auto;
  bottom: 40px;
}
@media (max-width: 960px) {
  .section-two .grid .col1 .content {
    position: absolute;
    bottom: 0;
  }
}
.section-two .grid .col1 .title,
.section-two .grid .col1 .head {
  color: #ffffff;
}
.section-two .grid .col2 {
  grid-area: 2 / 1 / 3 / 2;
}
.section-two .grid .col3 {
  grid-area: 1 / 2 / 3 / 3;
}
.section-two .grid .col3 .content .link {
  border-color: #ffffff;
  color: #ffffff;
}
@media (max-width: 960px) {
  .section-two .grid .col3 .content {
    position: absolute;
    bottom: 0;
  }
}
.section-two .grid .col4 {
  grid-area: 1 / 3 / 2 / 4;
}
.section-two .grid .col5 {
  grid-area: 2 / 3 / 3 / 4;
}
.section-two .grid .col5 .content {
  height: auto;
  bottom: 40px;
}
@media (max-width: 960px) {
  .section-two .grid .col5 .content {
    position: absolute;
    bottom: 0;
  }
}
.section-two .grid .col5 .title,
.section-two .grid .col5 .head {
  color: #ffffff;
}
.section-two .grid .title {
  color: #c53733;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
}
.section-two .grid .head {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  margin: 12px auto 24px;
  max-width: 400px;
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .section-two .grid .head {
    font-size: 24px;
  }
}
.section-two .grid .link {
  border: 2px solid #787878;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 40px;
  color: #787878;
}
.section-two .grid .image {
  height: 100%;
  width: 100%;
}
.section-two .grid .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 960px) {
  .section-two .grid .image,
  .section-two .grid .image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  .section-two .grid [class^="col"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }
}
.section-two .grid .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.section-two .grid .content * {
  pointer-events: auto;
}
@media (max-width: 960px) {
  .section-two .grid .content {
    position: initial;
    padding: 20px;
  }
}
.section-three {
  margin: 60px auto;
}
.section-three .text {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  max-width: 760px;
  margin: 20px auto;
  text-align: center;
  line-height: 150%;
  font-weight: 400;
}
@media (max-width: 960px) {
  .section-three .text {
    font-size: 16px;
  }
}
.section-four {
  background-color: #1a1a1a;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
}
.section-four .nn_row {
  display: flex;
  align-items: center;
  margin: 0 -30px;
}
@media (max-width: 1024px) {
  .section-four .nn_row {
    align-items: stretch;
  }
}
@media (max-width: 1024px) {
  .section-four .nn_row {
    margin: 0 -15px;
  }
}
@media (max-width: 960px) {
  .section-four .nn_row {
    margin: 0 !important;
  }
}
.section-four .head {
  font-family: "Playfair Display", serif;
  font-size: 26px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .section-four .head {
    font-size: 24px;
    margin-bottom: 24px;
    margin-top: 40px;
  }
}
.section-four .text {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 40px;
}
.section-four .link {
  border: 2px solid #ffffff;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 40px;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .section-four .link {
    margin-bottom: 40px;
  }
}
.section-four .lg-image {
  height: 100%;
}
.section-four .lg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-four .images {
  height: 100%;
}
.section-four .images img {
  width: 100%;
  height: 50%;
  object-fit: cover;
}
@media (max-width: 960px) {
  .section-four .lg-image,
  .section-four .lg-image img,
  .section-four .images,
  .section-four .images img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  .section-four .nn_col {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }
}
.section-five {
  margin: 60px auto;
  text-align: center;
}
.section-five .title {
  color: #c53733;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
}
.section-five .head {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  margin: 12px auto 24px;
  max-width: 520px;
  font-weight: 400;
}
.section-five .grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
}
.section-five .grid .col {
  position: relative;
}
.section-five .grid .col:hover .insta {
  transition: all 0.3 ease-in;
  opacity: 1;
}
.section-five .grid .col .insta {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  opacity: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  gap: 12px;
}
.section-five .grid .col .insta i {
  font-size: 44px;
}
.section-five .grid .col .insta a {
  color: #ffffff;
  transition: transform 0.2s ease;
}
.section-five .grid .col .insta a:hover {
  transform: scale(1.1);
}
@media (max-width: 960px) {
  .section-five .grid {
    grid-template-columns: auto auto;
  }
  .section-five .grid .col,
  .section-five .grid .col img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
}
.section-six .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.section-six .nn_row .nn_col:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-six .title {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
  margin-bottom: 24px;
}
.section-six .head {
  font-family: "Playfair Display", serif;
  font-size: 32px;
  margin: 12px auto 40px;
  max-width: 520px;
  font-weight: 400;
}
.section-six .address {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
}
.section-six .text {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #787878;
  line-height: 150%;
}
.section-six .buttons {
  margin-bottom: 40px;
  display: flex;
  gap: 12px;
}
.section-six .link {
  border: 2px solid #787878;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 40px;
  color: #787878;
}
.section-six .link.one {
  background-color: #1a1a1a;
  color: #ffffff;
  border: none;
}
.maydos_footer .main-footer {
  background-color: #8fa2a0;
  color: #ffffff;
  padding: 60px 0;
}
.maydos_footer .head {
  font-family: "Playfair Display", serif;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
.maydos_footer .text {
  font-size: 15px;
  line-height: 150%;
}
.maydos_footer .address {
  margin-bottom: 36px;
}
.maydos_footer .address:last-child {
  margin-bottom: 0;
}
.maydos_footer .address i {
  margin-right: 4px;
  font-size: 20px;
}
.maydos_footer .address p {
  display: inline;
}
.maydos_footer .address a {
  color: #ffffff;
}
.maydos_footer .link {
  border: 2px solid #ffffff;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 40px;
  color: #ffffff;
  margin-bottom: 36px;
}
.maydos_footer .time {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
  font-size: 16px;
}
.maydos_footer .time span {
  display: block;
}
.maydos_footer .footer-menu {
  margin-bottom: 40px;
}
.maydos_footer .footer-menu li {
  line-height: 1.7;
}
.maydos_footer .footer-menu li a {
  color: #ffffff;
}
.maydos_footer .social {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.maydos_footer .social li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.maydos_footer .social a {
  color: #ffffff;
  font-size: 24px;
  display: inline-block;
  text-decoration: none;
  transition: color 0.3s ease;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.maydos_footer .social a:hover {
  color: #c53733;
}
.maydos_footer .social a .fa {
  display: inline-block;
  font-size: 24px;
}
.maydos_footer .footer_copyright {
  background-color: #272a39;
  padding: 16px 0;
  color: #ffffff;
}
.maydos_footer .footer_copyright .nn_container_fluid .nn_row {
  display: flex;
  align-items: center;
}
.maydos_footer .footer_copyright .nn_container_fluid .nn_row p {
  margin: 0;
}
/* About ----*/
.maydos_about .sm-text {
  color: #c53733;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
  transform: rotate(-90deg);
  position: absolute;
  left: -80px;
}
@media (max-width: 960px) {
  .maydos_about .sm-text {
    transform: none;
    position: initial;
    margin-top: 24px;
  }
}
.maydos_about .title {
  font-family: "Playfair Display", serif;
  font-size: 36px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .maydos_about .title {
    font-size: 24px;
  }
}
.maydos_about .text {
  margin-bottom: 24px;
  line-height: 150%;
}
.maydos_about .sectio-image-block {
  margin: 0 -15px;
  position: relative;
}
@media (max-width: 960px) {
  .maydos_about .sectio-image-block {
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  .maydos_about .sectio-image-block img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
.maydos_about .sectio-image-block .head {
  font-family: "Playfair Display", serif;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: white;
  font-size: 36px;
}
.maydos_about .nn_row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.about-one .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.about-one .nn_row .nn_col:first-child {
  background: #1a1a1a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 960px) {
  .about-one .nn_row .nn_col:first-child {
    padding: 24px;
  }
}
.about-one .text {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #ffffff;
  line-height: 150%;
}
.about-one .sectio-image-block {
  margin: 0 -15px;
  position: relative;
}
@media (max-width: 960px) {
  .about-one .sectio-image-block {
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  .about-one .sectio-image-block img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
.about-one .sectio-image-block .head {
  height: auto;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-two .nn_row .nn_col:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 100px;
  position: relative;
}
@media (max-width: 960px) {
  .about-two .nn_row .nn_col:last-child {
    padding: 0 15px;
  }
}
.about-three .nn_row .nn_col:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 100px;
  position: relative;
  text-align: right;
}
.about-three .nn_row .nn_col:first-child .sm-text {
  left: auto;
  right: -170px;
}
@media (max-width: 960px) {
  .about-three .nn_row .nn_col:first-child {
    padding: 0 15px;
    text-align: left;
  }
}
.maydos_contact .sectio-image-block {
  margin: 0 -15px;
}
@media (max-width: 960px) {
  .maydos_contact .sectio-image-block {
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  .maydos_contact .sectio-image-block img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
.maydos_contact .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.maydos_contact .title {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 24px;
  font-weight: 600;
}
.maydos_contact .head {
  font-family: "Playfair Display", serif;
  font-size: 32px;
  margin: 12px auto 40px;
  max-width: 520px;
  font-weight: 400;
}
.maydos_contact .address {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
}
.maydos_contact .text {
  margin-bottom: 24px;
  line-height: 150%;
  font-size: 16px;
  max-width: 640px;
}
.maydos_contact .buttons {
  margin-bottom: 40px;
  display: flex;
  gap: 12px;
}
@media (max-width: 960px) {
  .maydos_contact .buttons {
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }
  .maydos_contact .buttons .link {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center;
    box-sizing: border-box;
  }
}
.maydos_contact .link {
  border: 2px solid #787878;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 40px;
  color: #787878;
}
.maydos_contact .link.one {
  background-color: #1a1a1a;
  color: #ffffff;
  border: none;
}
.contact-one .nn_row .nn_col:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact-two .nn_row .nn_col:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact-three .nn_row .nn_col:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 960px) {
  .contact-one .nn_row,
  .contact-two .nn_row,
  .contact-three .nn_row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-direction: column;
  }
  .contact-one .nn_row .nn_col,
  .contact-two .nn_row .nn_col,
  .contact-three .nn_row .nn_col {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
  }
  .contact-one .nn_row .nn_col:first-child,
  .contact-two .nn_row .nn_col:last-child,
  .contact-three .nn_row .nn_col:first-child {
    align-items: flex-start;
    text-align: left;
    padding: 20px 15px;
  }
  .maydos_contact .sectio-image-block {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .maydos_contact .sectio-image-block img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
.maydos_form {
  max-width: 600px;
  width: 100%;
  text-align: left;
  padding: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  animation: fadeInUp 0.8s ease-out;
  transition: all 0.3s ease;
}

.maydos_form:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.maydos_form .form-field {
  margin-bottom: 20px;
  position: relative;
  animation: fadeInUp 0.6s ease-out both;
}

.maydos_form .form-field:nth-child(1) {
  animation-delay: 0.1s;
}

.maydos_form .form-field:nth-child(2) {
  animation-delay: 0.2s;
}

.maydos_form .form-field:nth-child(3) {
  animation-delay: 0.3s;
}

.maydos_form .form-field:nth-child(4) {
  animation-delay: 0.4s;
}

.maydos_form .form-field label {
  font-weight: 600;
  font-size: 13px;
  color: #333333;
  margin-bottom: 6px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}

.maydos_form .form-field:hover label {
  color: #5c0000;
}

.maydos_form .form-field input {
  border: 1px solid #e0e0e0;
  height: 42px;
  padding: 0 14px;
  font-size: 15px;
  border-radius: 6px;
  background-color: #ffffff;
  color: #333333;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
}

.maydos_form .form-field input:focus {
  outline: none;
  border-color: #5c0000;
  box-shadow: 0 0 0 2px rgba(92, 0, 0, 0.1);
  transform: translateY(-1px);
  background-color: #ffffff;
}

.maydos_form .form-field input:hover:not(:focus) {
  border-color: #b0b0b0;
}

.maydos_form .form-field input::placeholder {
  color: #999999;
  opacity: 0.7;
}

.maydos_form .form-field textarea {
  border: 1px solid #e0e0e0;
  font-size: 15px;
  height: 120px;
  padding: 12px 14px;
  resize: vertical;
  border-radius: 6px;
  background-color: #ffffff;
  color: #333333;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1.6;
}

.maydos_form .form-field textarea:focus {
  outline: none;
  border-color: #5c0000;
  box-shadow: 0 0 0 2px rgba(92, 0, 0, 0.1);
  transform: translateY(-1px);
  background-color: #ffffff;
}

.maydos_form .form-field textarea:hover:not(:focus) {
  border-color: #b0b0b0;
}

.maydos_form .form-field textarea::placeholder {
  color: #999999;
  opacity: 0.7;
}

.maydos_form .form-field button {
  background: linear-gradient(135deg, #5c0000 0%, #8b0000 100%);
  color: #ffffff !important;
  height: 44px;
  padding: 0 24px;
  border: none;
  min-width: 140px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(92, 0, 0, 0.25);
}

.maydos_form .form-field button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
}

.maydos_form .form-field button:hover {
  background: linear-gradient(135deg, #8b0000 0%, #5c0000 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(92, 0, 0, 0.35);
  letter-spacing: 0.8px;
}

.maydos_form .form-field button:hover::before {
  width: 300px;
  height: 300px;
}

.maydos_form .form-field button:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(92, 0, 0, 0.3);
}

.maydos_form .form-field button:disabled {
  background: #cccccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.maydos_form .form-field button:disabled:hover {
  transform: none;
  box-shadow: none;
}

/* Required field indicator */
.maydos_form .field-required label::after {
  content: '*';
  color: #f1353c;
  margin-left: 4px;
  font-weight: 700;
  font-size: 16px;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

/* Form message styling */
#form-message {
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.6;
  animation: slideDown 0.4s ease-out;
  border-left: 4px solid;
}

#form-message.success {
  background-color: #d4edda;
  color: #155724;
  border-color: #28a745;
}

#form-message.error {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #dc3545;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 960px) {
  .maydos_form {
    margin-bottom: 24px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
  }

  .maydos_form:hover {
    transform: none;
  }

  .maydos_form .form-field {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
    margin-bottom: 20px;
  }

  .maydos_form .form-field input,
  .maydos_form .form-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    font-size: 16px; /* Prevents zoom on iOS */
  }

  .maydos_form .form-field input:focus,
  .maydos_form .form-field textarea:focus {
    transform: none;
  }

  .maydos_form .form-field button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    min-width: 100%;
  }

  .maydos_form .form-field button:hover {
    transform: translateY(-2px);
  }
}
.maydos_menu .menu-one .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.maydos_menu .menu-one .nn_row .nn_col:last-child {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.maydos_menu .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.maydos_menu .title {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
}
@media (max-width: 960px) {
  .maydos_menu .title {
    margin-top: 24px;
  }
}
.maydos_menu .head {
  color: #c53733;
  font-family: "Playfair Display", serif;
  font-size: 40px;
  margin: 12px auto 24px;
  max-width: 520px;
  font-weight: 400;
}
.maydos_menu .text {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #787878;
  line-height: 150%;
}
.maydos_menu .sectio-image-block {
  margin: 0 -15px;
}
.maydos_menu .sectio-image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maydos_menu .link {
  border: 2px solid #787878;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  height: 36px;
  color: #787878;
}
.maydos_menu .menu_two {
  padding: 80px;
}
.maydos_menu .menu_two .nn_container {
  max-width: 1600px;
}
.maydos_menu .menu_two .head {
  color: #1a1a1a;
  font-size: 32px;
}
.maydos_menu .menu_two .tab_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 40px;
}
.maydos_menu .menu_two .tab_nav li.active a {
  border-bottom: 2px solid #8fa2a0;
}
.maydos_menu .menu_two .tab_nav li a {
  color: #8fa2a0;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 6px 0;
}
.maydos_menu .menu_two .tab_content .tab-pane {
  background-color: #1a1a1a;
  color: #ffffff;
  text-align: left;
  padding: 48px;
}
@media (max-width: 960px) {
  .maydos_menu .menu_two .tab_content .tab-pane {
    padding: 15px 0;
  }
}
.maydos_menu .menu_two .tab_content .menu-cat {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 24px;
}
.maydos_menu .menu_two .tab_content .menu-cat .menu-head {
  margin-bottom: 8px;
}
@media (max-width: 960px) {
  .maydos_menu .menu_two .tab_content .menu-cat {
    margin-bottom: 15px;
  }
}
.maydos_menu .menu_two .tab_content .menu-item {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
.maydos_menu .menu_two .tab_content .menu-text {
  font-weight: 400;
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 22px;
}
.maydos_menu .menu_two .tab_content .space {
  height: 80px;
}
.maydos_menu .menu_two .tab_content .menu-head {
  font-family: "Playfair Display", serif;
  font-size: 28px;
  margin-bottom: 32px;
}
.maydos_menu .menu_two .tab_content .menu-head + .menu-text {
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .maydos_menu .menu_two {
    padding: 15px;
  }
}
.maydos_menu .menu-three .nn_row .head {
  color: #1a1a1a;
}
.maydos_menu .menu-three .nn_row .nn_col:first-child {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.maydos_menu .menu_four {
  padding: 80px;
}
.maydos_menu .menu_four .nn_container {
  max-width: 1600px;
}
.maydos_menu .menu_four .head {
  color: #1a1a1a;
  font-size: 32px;
}
.maydos_menu .menu_four .tab_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 40px;
}
.maydos_menu .menu_four .tab_nav li.active a {
  border-bottom: 2px solid #8fa2a0;
}
.maydos_menu .menu_four .tab_nav li a {
  color: #8fa2a0;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 6px 0;
}
@media (max-width: 960px) {
  .maydos_menu .menu_four .tab_nav {
    flex-direction: column;
    gap: 10px;
  }
}
.maydos_menu .menu_four .tab_content .tab-pane {
  background-color: #1a1a1a;
  color: #ffffff;
  padding: 48px;
}
.maydos_menu .menu_four .tab_content .menu-item {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
.maydos_menu .menu_four .tab_content .menu-text {
  font-weight: 400;
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 60px;
}
.maydos_menu .menu_four .tab_content .menu-text:last-child {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .maydos_menu .menu_four .tab_content .menu-text {
    margin-bottom: 30px;
  }
}
.maydos_menu .menu_four .tab_content .menu-head {
  font-family: "Playfair Display", serif;
  font-size: 28px;
  margin-bottom: 32px;
}
@media (max-width: 960px) {
  .maydos_menu .menu_four {
    padding: 15px;
  }
}
.maydos_gallery .gallery-one .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.maydos_gallery .gallery-one .nn_row .nn_col:last-child {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.maydos_gallery .nn_row {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: stretch;
}
.maydos_gallery .title {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 8px;
}
@media (max-width: 960px) {
  .maydos_gallery .title {
    margin-top: 24px;
  }
}
.maydos_gallery .head {
  color: #c53733;
  font-family: "Playfair Display", serif;
  font-size: 48px;
  margin: 12px auto 24px;
  max-width: 520px;
  font-weight: 400;
}
.maydos_gallery .text {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #787878;
  line-height: 150%;
}
.maydos_gallery .sectio-image-block {
  margin: 0 -15px;
}
.maydos_gallery .sectio-image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maydos_gallery .gallery-two {
  padding: 60px 0;
}
.maydos_gallery .gallery-two .gallery-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 16px;
}
@media (max-width: 960px) {
  .maydos_gallery .gallery-two .gallery-grid {
    grid-template-columns: auto auto;
  }
}
.maydos_gallery .gallery-two .img_grid a {
  position: relative;
  display: block;
  cursor: pointer;
}
.maydos_gallery .gallery-two .img_grid a:hover {
  opacity: 1;
}
.maydos_gallery .gallery-two .img_grid a:hover .gal_hover {
  transform: scale(1);
  border: 20px solid #b0aba4;
  display: none;
}
.maydos_gallery .gallery-two .img_grid a .gal_hover {
  transition: all 0.4s ease-in-out;
  transform: scale(0);
  background-color: #c8c4bf;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.maydos_gallery .gallery-two .img_grid a img {
  width: 100%;
  height: 100%;
}
.fancybox-image {
  border: 10px solid #ffffff;
}
/* Gallery Lightbox Styles */
.gallery-lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 50%);
  overflow: hidden;
}
.gallery-lightbox.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox .lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox .lightbox-content img {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
  border: 10px solid #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
.gallery-lightbox .lightbox-close {
  position: absolute;
  top: 30px;
  right: 40px;
  color: #ffffff;
  font-size: 42px;
  font-weight: 200;
  cursor: pointer;
  z-index: 10000;
  line-height: 1;
  transition: color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
  font-family: Arial, sans-serif;
}
.gallery-lightbox .lightbox-close:hover {
  color: #c53733;
  opacity: 1;
}
.gallery-lightbox .lightbox-prev,
.gallery-lightbox .lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 36px;
  font-weight: 200;
  cursor: pointer;
  z-index: 10000;
  padding: 10px 12px;
  user-select: none;
  transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.05);
  opacity: 0.85;
  line-height: 1;
  font-family: Arial, sans-serif;
}
.gallery-lightbox .lightbox-prev {
  left: 30px;
}
.gallery-lightbox .lightbox-next {
  right: 30px;
}
.gallery-lightbox .lightbox-prev:hover,
.gallery-lightbox .lightbox-next:hover {
  color: #ffffff;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.7);
}
.gallery-lightbox .lightbox-counter {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .gallery-lightbox .lightbox-prev,
  .gallery-lightbox .lightbox-next {
    font-size: 28px;
    padding: 8px 10px;
    font-weight: 200;
  }
  .gallery-lightbox .lightbox-prev {
    left: 10px;
  }
  .gallery-lightbox .lightbox-next {
    right: 10px;
  }
  .gallery-lightbox .lightbox-close {
    top: 15px;
    right: 20px;
    font-size: 36px;
    font-weight: 200;
  }
  .gallery-lightbox .lightbox-content img {
    border: 5px solid #ffffff;
  }
}
.link.one:hover {
  background-color: #c53733;
  color: #ffffff !important;
}
.link:hover {
  border-color: #c53733 !important;
  color: #c53733 !important;
}
.site-editor .tab_content .tab-pane {
  display: block;
  opacity: 1;
  margin-bottom: 10px;
}
.site-editor .section-five .grid .col .insta {
  height: auto;
  padding: 10px 0;
  top: auto;
  bottom: 0;
}
@media (max-width: 960px) {
  .nn_row {
    display: block !important;
  }
}
@media (max-width: 960px) {
  .head {
    font-size: 20px !important;
  }
}

/* ============================================
   ENHANCED TEXT, IMAGE AND BUTTON EFFECTS
   ============================================ */

/* Text Effects - Headings */
.nn_editable.head,
h1.head,
h2.head {
  animation: fadeInUp 0.8s ease-out;
  transition: all 0.3s ease;
}

.nn_editable.head:hover,
h1.head:hover,
h2.head:hover {
  color: #5c0000;
  transform: translateY(-2px);
  text-shadow: 0 2px 8px rgba(92, 0, 0, 0.2);
}

/* Text Effects - Titles */
.nn_editable.title,
h4.title,
h3.title {
  animation: fadeInUp 0.6s ease-out 0.2s both;
  transition: all 0.3s ease;
  letter-spacing: 1px;
}

.nn_editable.title:hover,
h4.title:hover,
h3.title:hover {
  color: #5c0000;
  transform: translateX(5px);
  letter-spacing: 1.5px;
}

/* Text Effects - Body Text */
.nn_editable.text,
.text,
p.text {
  animation: fadeIn 0.8s ease-out 0.4s both;
  transition: all 0.3s ease;
  line-height: 1.8;
}

.nn_editable.text:hover,
.text:hover,
p.text:hover {
  color: #333333;
  transform: scale(1.02);
}

/* Image Effects */
img,
.image img,
.sectio-image-block img,
.grid .image img {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 8px;
  overflow: hidden;
}

img:hover,
.image img:hover,
.sectio-image-block img:hover,
.grid .image img:hover {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  filter: brightness(1.1);
}

/* Image Container Effects */
.image,
.sectio-image-block {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.image::before,
.sectio-image-block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 0, 0, 0.1) 0%, rgba(139, 0, 0, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
  pointer-events: none;
}

.image:hover::before,
.sectio-image-block:hover::before {
  opacity: 1;
}

/* Button/Link Effects */
.link,
a.link {
  display: inline-block;
  padding: 12px 30px;
  background-color: #5c0000;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  animation: fadeInUp 0.8s ease-out 0.6s both;
}

.link::before,
a.link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.link:hover,
a.link:hover {
  background-color: #8b0000;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 20px rgba(92, 0, 0, 0.4);
  letter-spacing: 1.5px;
}

.link:hover::before,
a.link:hover::before {
  left: 100%;
}

.link:active,
a.link:active {
  transform: translateY(-1px) scale(1.02);
}

/* Button Default Effects */
.btn-default,
a.btn-default {
  display: inline-block;
  padding: 12px 30px;
  background-color: #5c0000;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;
  border: 2px solid #5c0000;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.btn-default::after,
a.btn-default::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
}

.btn-default:hover,
a.btn-default:hover {
  background-color: #8b0000;
  border-color: #8b0000;
  color: #ffffff !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(92, 0, 0, 0.4);
}

.btn-default:hover::after,
a.btn-default:hover::after {
  width: 300px;
  height: 300px;
}

.btn-default:active,
a.btn-default:active {
  transform: translateY(-1px);
}

/* Animation Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Staggered Animation for Grid Items */
.grid .col1,
.grid .col2,
.grid .col3,
.grid .col4,
.grid .col5 {
  animation: fadeInUp 0.8s ease-out both;
}

.grid .col1 {
  animation-delay: 0.1s;
}

.grid .col2 {
  animation-delay: 0.2s;
}

.grid .col3 {
  animation-delay: 0.3s;
}

.grid .col4 {
  animation-delay: 0.4s;
}

.grid .col5 {
  animation-delay: 0.5s;
}

/* Content Sections Animation */
.content {
  animation: fadeInUp 0.8s ease-out both;
}

/* Smooth Scroll Behavior */
html {
  scroll-behavior: smooth;
}

/* Enhanced Focus States for Accessibility */
.link:focus,
.btn-default:focus,
a.link:focus,
a.btn-default:focus {
  outline: 3px solid #5c0000;
  outline-offset: 3px;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
  img:hover,
  .image img:hover,
  .sectio-image-block img:hover {
    transform: scale(1.02);
  }

  .link:hover,
  a.link:hover,
  .btn-default:hover,
  a.btn-default:hover {
    transform: translateY(-2px) scale(1.02);
  }

  .nn_editable.head:hover,
  h1.head:hover,
  h2.head:hover {
    transform: translateY(0);
  }
}