:root {

  --theme-color: #DC143C;

  --title-color: #051b35;

  --text-color: #333333;

  --white-color: #fff;

  --bg-color: #051b35;

  --blue-color: #067ae6; }



html {

  scroll-behavior: smooth; }



ul, ol {

  padding: 0;

  margin: 0; }



li {

  list-style-type: none; }



body,

html {

  margin: 0;

  padding: 0;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }



* {

  box-sizing: border-box; }



.wrapper-full {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto; }



.wrapper {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto; }



@media (min-width: 576px) {

  .wrapper {

    max-width: 540px; } 
  
    .carousel-item img{

      height: 300px;
    
    }   
  }



@media (min-width: 768px) {

  .wrapper {

    max-width: 720px; } 
    .carousel-item img{

      height: 300px;
    
    }   
  }



@media (min-width: 992px) {

  .wrapper {

    max-width: 960px; } }



@media (min-width: 1200px) {

  .wrapper {

    max-width: 1140px; } }



.clear {

  clear: both; }



.img-responsive,

img {

  max-width: 100%; }



.d-grid {

  display: grid; }



.d-flex {

  display: flex;

  display: -webkit-flex; }



.text-center {

  text-align: center; }



.text-left {

  text-align: left; }



.text-right {

  text-align: right; }



button,

select {

  outline: none;

  -moz-appearance: none;

       appearance: none;

  -webkit-appearance: none; }



button,

.btn,

select {

  cursor: pointer;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }



a {

  text-decoration: none; }



iframe {

  border: none; }



ul {

  margin: 0;

  padding: 0; }



h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  padding: 0; }



.p-relative {

  position: relative; }



.p-absolute {

  position: absolute; }



.p-fixed {

  position: fixed; }



.p-sticky {

  position: -webkit-sticky;

  position: sticky; }



.btn-default {

  color: #333;

  background-color: #fff;

  border-color: #ccc; }



.column a {

  display: block; }



.column a img {

  display: block; }



a.brand-logo {

  color: var(--theme-color);

  font-weight: bold;

  font-size: 42px; }



a.theme-button {

  background: var(--theme-color);

  padding: 15px 20px;

  color: var(--white-color);

  border-radius: 4px;

  font-size: 17px;

  text-decoration: none;

  display: inline-block;

  margin-top: 40px;

  font-weight: 600; }





.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0; }



.sr-only-focusable:active,

.sr-only-focusable:focus {

  position: static;

  width: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  clip: auto; }



.menka-headers-7 {

  background: var(--bg-color); }





  .menka-headers-7 #wrap {

    display: inline-block;

    position: relative;

    padding: 0;

    position: relative; }

  .menka-headers-7 .cont-info-head p {

    color: #fff;

    font-size: 14px; }

  .menka-headers-7 .cont-info-head p a {

    color: #fff; }

  .menka-headers-7 .cont-info-head p span {

    margin-right: 5px; }

  .menka-headers-7 #wrap input[type="search"] {

    height: 36px;

    font-size: 15px;

    display: inline-block;

    font-weight: 100;

    border: none;

    outline: none;

    color: #333;

    padding: 0px 10px;

    width: 0px;

    background: none;

    z-index: 3;

    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);

    cursor: pointer; }

  .menka-headers-7 #wrap input[type="search"]:focus:hover {

    border-bottom: 1px solid var(--theme-color); }

  .menka-headers-7 #wrap input[type="search"]:focus {

    width: 300px;

    z-index: 1;

    border-bottom: 1px solid var(--theme-color);

    cursor: text;

    background: #ffffff; }

  .menka-headers-7 #wrap button[type="submit"] {

    display: inline-block;

    color: red;

    float: right;

    background: none;

    border: none;

    z-index: 9;

    cursor: pointer;

    padding: 0;

    background: #fff;

    height: 36px;

    width: 36px;

    border-bottom: 1px solid var(--theme-color); }

  .menka-headers-7 #wrap input[type="submit"]:hover {

    opacity: 0.8; }

  .menka-headers-7 .logo {

    z-index: 9; }

  .menka-headers-7 #headers-7_sur {

    background: #051b35; }

  .menka-headers-7 .d-flex {

    display: flex; }

  .menka-headers-7 .header-align {

    justify-content: space-between;

    align-items: center; }

  .menka-headers-7 a.brand-logo {

    color: #DC143C;

    font-weight: bold;

    font-size: 30px; }

  .menka-headers-7 input#nav {

    display: none; }

  .menka-headers-7 label.nav {

    display: none; }

  .menka-headers-7 ul.nav-links li {

    display: inline-block;

    font-weight: 400; }

  .menka-headers-7 ul.nav-links li:last-child {

    margin-left: auto; }

  .menka-headers-7 ul.nav-links li a {

    font-size: 14px;

    color: #999;

    text-decoration: none;

    padding: 0px 5px;

    display: block;

    text-transform: uppercase;

    font-weight: bold; }

  .menka-headers-7 ul.nav-links li a:hover {

    color: #000000; }

  .menka-headers-7 input[type="submit"]:focus {

    outline-offset: none;

    outline: none; }

  .menka-headers-7 span.fa.fa-search {

    color: var(--bg-color); }

  @media (max-width: 800px) {

    .menka-headers-7 label {

      width: 40px;

      position: absolute;

      top: 23px;

      right: 13px;

      cursor: pointer;

      z-index: 99;

      height: 40px; }

    .menka-headers-7 label.nav {

      display: block; }

    .menka-headers-7 label:before {

      content: '';

      background: #304659;

      width: 32px;

      height: 3px;

      position: absolute;

      top: 0px;

      left: 0px;

      border-radius: 10px;

      transition: all 0.5s; }

    .menka-headers-7 label:after {

      content: '';

      background: #304659;

      width: 32px;

      height: 3px;

      position: absolute;

      top: 22px;

      left: 0px;

      border-radius: 10px;

      transition: all 0.2s; }

    .menka-headers-7 input#nav {

      display: block; }

    .menka-headers-7 input {

      height: 0px;

      opacity: 1;

      display: block;

      transition: opacity 0.2s; }

    .menka-headers-7 ul.nav-links li {

      display: block; }

    .menka-headers-7 input:before {

      content: '';

      background: #304659;

      width: 32px;

      height: 3px;

      position: absolute;

      top: 34px;

      right: 21px;

      border-radius: 10px;

      z-index: 50; }

    .menka-headers-7 input:checked {

      opacity: 0; }

    .menka-headers-7 input:checked ~ label:before {

      top: 12px;

      -webkit-animation: linetop 0.2s linear 0.2s;

              animation: linetop 0.2s linear 0.2s;

      -webkit-animation-fill-mode: forwards;

              animation-fill-mode: forwards; }

    .menka-headers-7 input:checked ~ label:after {

      top: 12px;

      -webkit-animation: linebottom 0.2s linear 0.2s;

              animation: linebottom 0.2s linear 0.2s;

      -webkit-animation-fill-mode: forwards;

              animation-fill-mode: forwards; }

    .menka-headers-7 nav {

      position: absolute;

      top: 0px;

      left: 0px;

      width: 100%;

      height: 0%;

      color: #fff;

      overflow-y: auto;

      overflow-x: hidden;

      transition: all 0.2s; }

    .menka-headers-7 input:checked ~ nav {

      height: auto; }

    .menka-headers-7 nav > ul {

      margin-top: 4.4rem;

      transform: translate(0%, 0%);

      transition: 0.2s;

      transition-delay: 0.2s;

      background: #3b5266; }

    .menka-headers-7 input:checked ~ nav > ul {

      opacity: 1; }

    .menka-headers-7 nav > ul > li {

      padding: 15px 0;

      padding-left: 0px;

      cursor: pointer;

      transition: all 0.2s; }

    .menka-headers-7 nav > ul > li:hover {

      background: #49637a; }

    .menka-headers-7 ul.nav-links li:hover {

      background: #49637a; }

    .menka-headers-7 ul.nav-links li a:hover {

      color: #fff; }

    @-webkit-keyframes linetop {

      0% {

        transform: rotate(0deg); }

      100% {

        transform: rotate(45deg); } }

    @keyframes linetop {

      0% {

        transform: rotate(0deg); }

      100% {

        transform: rotate(45deg); } }

    @-webkit-keyframes linebottom {

      0% {

        transform: rotate(0deg); }

      100% {

        transform: rotate(-45deg); } }

    @keyframes linebottom {

      0% {

        transform: rotate(0deg); }

      100% {

        transform: rotate(-45deg); } }

    .menka-headers-7 nav > ul > li {

      padding: 8px 0; }

    .menka-headers-7 #wrap button[type="submit"] {

      top: -8px;

      right: 2.8em; }

    .menka-headers-7 #wrap input[type="search"] {

      top: -18px;

      right: 2.8em; }

    .menka-headers-7 ul.nav-links li a {

      padding: 0px 38px;

      color: #ffffff; } }

  @media (max-width: 768px) {

    .menka-headers-7 #wrap button[type="submit"] {

      top: -8px;

      right: 2.8em; }

    .menka-headers-7 #wrap input[type="search"] {

      top: -18px;

      right: 2.8em; } }

  @media (max-width: 667px) {

    .menka-headers-7 ul.nav-links li a {

      padding: 0px 32px; } }

  @media (max-width: 540px) {

    .menka-headers-7 #wrap input[type="search"]:focus {

      width: 200px; } 

      .carousel-item img{

        height: 300px;
      
      }   
    
    }

  @media (max-width: 480px) {

    .menka-headers-7 ul.nav-links li a {

      padding: 0px 26px; }

    .menka-headers-7 #wrap input[type="search"]:focus {

      width: 180px; } 
    
      .carousel-item img{

        height: 300px;
      
      }
    
    }

  @media (max-width: 440px) {

    .menka-headers-7 a.actionbg {

      margin-right: 45px; }

    .menka-headers-7 label {

      right: 3px; }

    .menka-headers-7 label:before {

      width: 28px; }

    .menka-headers-7 label:after {

      width: 28px; }

    .menka-headers-7 input:before {

      width: 28px; }

    .menka-headers-7 input:before {

      right: 15px; }

    .menka-headers-7 #wrap button[type="submit"] {

      right: 3em; }

    .menka-headers-7 #wrap input[type="search"] {

      right: 3em; }

    .menka-headers-7 ul.nav-links li a {

      padding: 0px 18px; }

    .menka-headers-7 #wrap input[type="search"]:focus {

      width: 160px; } }

  @media (max-width: 414px) {

    .menka-headers-7 #wrap input[type="search"]:focus {

      width: 130px; } }



/*--//headers-7--*/

.menka-header-4 {

  background-color: #fff;

  z-index: 9;

  padding: 0;

  position: -webkit-sticky;

  position: sticky;

  top: 0; }



.menka-header-4 {

  /*-- Headers-4 block --*/

  /*-- /Headers-4 block --*/

  /* navbar-start */

  /* navigation */

  /* CSS Document */

  /* Giving a background-color to the nav container. */

  /* Since we'll have the "ul li" "float:left"

 * we need to add a clear after the container. */

  /* Removing padding, margin and "list-style" from the "ul",

 * and adding "position:reltive" */

  /* Positioning the navigation items inline */

  /* Styling the links */

  /* Background color change on Hover */

  /* Hide Dropdowns by Default

 * and giving it a position of absolute */

  /* Display Dropdowns on Hover */

  /* Fisrt Tier Dropdown */

  /* Second, Third and more Tiers	

 * We move the 2nd and 3rd etc tier dropdowns to the left

 * by the amount of the width of the first tier.

*/

  /* Change ' +' in order to change the Dropdown symbol */

  /* Media Queries

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

  /* //navigation */

  /* navbar-end */

  /*-- responsive design --*/

  /*-- /responsive design --*/ }

  .menka-header-4 #headers4-block {

    background-color: #fff;

    z-index: 9;

    padding: 0;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); }

  .menka-header-4 .header-align {

    grid-template-columns: 1fr auto auto;

    align-items: center; }

  .menka-header-4 input#nav {

    display: none; }

  .menka-header-4 label.nav {

    display: none; }

  .menka-header-4 ul.nav-links li {

    display: inline-block;

    font-weight: 400; }

  .menka-header-4 ul.nav-links li:last-child {

    margin-left: auto; }

  .menka-header-4 ul.nav-links li a {

    font-size: 15px;

    color: #3b5266;

    text-decoration: none;

    padding: 0px 17px;

    display: block; }

  .menka-header-4 ul.nav-links li a:hover {

    color: #000000; }

  .menka-header-4 .toggle-2,

  .menka-header-4 .toggle,

  .menka-header-4 [id^=drop] {

    display: none; }

  .menka-header-4 nav {

    margin: 0;

    padding: 0; }

  .menka-header-4 nav:after {

    content: "";

    display: table;

    clear: both; }

  .menka-header-4 nav ul {

    padding: 0;

    margin: 0;

    list-style: none;

    position: relative; }

  .menka-header-4 nav ul li {

    display: inline-block;

    position: relative;

    margin: 0 15px; }

  .menka-header-4 nav ul li:last-child {

    margin-right: 0; }

  .menka-header-4 nav a {

    transition: none;

    font-style: normal;

    line-height: 25px;

    padding: 20px 0;

    font-size: 14px;

    color: #000;

    text-decoration: none;

    display: block;

    text-transform: uppercase;

    font-weight: bold; }

  .menka-header-4 .angle-dropdown {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 0.1em;

    vertical-align: .18em;

    content: "";

    border-top: 0.3em solid #000;

    border-right: 0.2em solid transparent;

    border-bottom: 0;

    border-left: 0.2em solid transparent; }

  .menka-header-4 .angle-dropdown-sub {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 0.1em;

    vertical-align: .18em;

    content: "";

    border-top: 0.3em solid #000;

    border-right: 0.2em solid transparent;

    border-bottom: 0;

    border-left: 0.2em solid transparent;

    transform: rotate(-90deg); }

  .menka-header-4 nav a:hover {

    color: #437de7;

    transition: 0.3s ease; }

  .menka-header-4 nav a.active {

    color: #437de7;

    transition: 0.3s ease; }

  .menka-header-4 nav ul ul {

    display: none;

    position: absolute;

    top: 65px;

    background: #ffffff;

    z-index: 999;

    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);

    left: 0px;

    width: 150px; }

  .menka-header-4 nav ul ul:before {

    content: '';

    width: 10px;

    height: 10px;

    background: #fff;

    border-left: 1px #EAEDF2 solid;

    border-top: 1px #EAEDF2 solid;

    display: block;

    transform: translateX(-50%) rotateZ(45deg);

    position: absolute;

    top: -6px;

    left: 25px;

    z-index: 1001; }

  .menka-header-4 nav ul ul ul {

    display: none;

    position: absolute;

    top: 0px;

    left: 150px;

    width: 140px;

    background: #ffffff;

    z-index: 999; }

  .menka-header-4 nav ul li:hover > ul {

    display: inherit; }

  .menka-header-4 nav ul ul li {

    width: 100%;

    float: none;

    display: list-item;

    position: relative;

    margin: 2px 0;

    border-bottom: 2px solid #f7f7f7; }

  .menka-header-4 nav ul ul li:nth-child(last) {

    border-bottom: none; }

  .menka-header-4 nav ul ul li a {

    display: block;

    padding: 5px 12px;

    text-align: left; }

  .menka-header-4 nav ul ul li a:hover {

    background: transparent;

    transition: 0.3s ease; }

  .menka-header-4 nav ul ul ul li {

    position: relative;

    top: 0;

    left: 0px;

    /* has to be the same number as the "width" of "nav ul ul li" */ }

  .menka-header-4 li > a:only-child:after {

    content: ''; }

  @media all and (max-width: 992px) {

    .menka-header-4 {

      /* Hide the navigation menu by default */

      /* Also hide the  */

      /* Stylinf the toggle lable */

      /* Display Dropdown when clicked on Parent Lable */

      /* width */

      /* Track */

      /* Handle */

      /* Handle on hover */

      /* Change menu item's width to 100% */

      /* Hide Dropdowns by Default */

      /* Hide menus on hover */

      /* Fisrt Tier Dropdown */ }

      .menka-header-4 .logo {

        float: left; }

      .menka-header-4 #headers4-block {

        padding: 10px 0; }

      .menka-header-4 nav a {

        padding: 5px 0;

        display: block; }

      .menka-header-4 nav li {

        text-align: left; }

      .menka-header-4 .navigation {

        float: none; }

      .menka-header-4 .nav-mobile-block {

        display: block !important; }

      .menka-header-4 nav a.border-left {

        border-left: none !important; }

      .menka-header-4 .toggle + a,

      .menka-header-4 .menu {

        display: none; }

      .menka-header-4 .toggle {

        display: block;

        text-decoration: none;

        border: none;

        margin-bottom: 0;

        cursor: pointer;

        color: #fff;

        text-align: left;

        padding-left: 15px; }

      .menka-header-4 span.fa.fa-bars {

        float: right;

        background: var(--blue-color);

        display: inline-block;

        line-height: 40px;

        padding: 0 15px;

        margin-top: -45px; }

      .menka-header-4 .menu .toggle {

        float: none;

        margin: auto;

        padding: 5px 0;

        font-weight: normal;

        font-size: 15px;

        background: transparent;

        color: #111; }

      .menka-header-4 .toggle:hover {

        opacity: .8;

        transition: 0.5s all;

        -webkit-transition: 0.5s all;

        -moz-transition: 0.5s all;

        -o-transition: 0.5s all;

        -ms-transition: 0.5s all; }

      .menka-header-4 [id^=drop]:checked + ul {

        display: block;

        padding: 10px 15px;

        background: #fff;

        width: 100%;

        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);

        overflow-y: scroll;

        max-height: 400px; }

      .menka-header-4 nav ul ul::-webkit-scrollbar,

      .menka-header-4 ul.menu::-webkit-scrollbar {

        width: 3px; }

      .menka-header-4 nav ul ul::-webkit-scrollbar-track,

      .menka-header-4 ul.menu::-webkit-scrollbar-track {

        box-shadow: inset 0 0 5px #ffffff;

        border-radius: 5px; }

      .menka-header-4 nav ul ul::-webkit-scrollbar-thumb,

      .menka-header-4 ul.menu::-webkit-scrollbar-thumb {

        background: rgba(0, 0, 0, 0.5); }

      .menka-header-4 nav ul {

        float: right; }

      .menka-header-4 nav {

        margin: 0 0 0 0px;

        order: 3; }

      .menka-header-4 nav ul li {

        display: block;

        width: 100%;

        margin: 0; }

      .menka-header-4 nav a:hover,

      .menka-header-4 nav ul ul ul a {

        background-color: transparent; }

      .menka-header-4 nav ul ul {

        float: none;

        position: static;

        color: #ffffff;

        /* has to be the same number as the "line-height" of "nav a" */ }

      .menka-header-4 nav ul ul li:hover > ul,

      .menka-header-4 nav ul li:hover > ul {

        display: none; }

      .menka-header-4 nav ul ul li {

        display: block;

        width: 100%;

        padding: 0; }

      .menka-header-4 nav ul ul ul li {

        position: static;

        /* has to be the same number as the "width" of "nav ul ul li" */ }

      .menka-header-4 .navigation nav a {

        margin: 8px 0; }

      .menka-header-4 label.toggle.toogle-2,

      .menka-header-4 label.toggle.toogle-3,

      .menka-header-4 label.toggle.toogle-4,

      .menka-header-4 label.toggle.toogle-5,

      .menka-header-4 label.toggle.toogle-6,

      .menka-header-4 label.toggle.toogle-7,

      .menka-header-4 label.toggle.toogle-8,

      .menka-header-4 label.toggle.toogle-9 {

        display: inline-block;

        transition: none;

        font-style: normal;

        line-height: 25px;

        color: #000;

        font-weight: bold;

        font-size: 16px; }

      .menka-header-4 nav ul ul {

        border-left: 2px solid var(--blue-color);

        border-top: none; }

      .menka-header-4 nav ul ul ul {

        border-left: 2px solid var(--blue-color);

        border-top: none;

        position: static; }

      .menka-header-4 nav ul ul li a {

        padding: 5px 0px; }

      .menka-header-4 .angle-dropdown-sub {

        transform: rotate(0deg); } }

  @media (max-width: 800px) {

    .menka-header-4 .logo,

    .menka-header-4 .button {

      z-index: 9; } }

  @media (max-width: 440px) {

    .menka-header-4 [id^=drop]:checked + ul {

      max-height: 300px; } }



.menka-block-1 .banner-bg {

  background: url("../images/bannerbg.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed; }



.menka-block-1 #banner {

  color: #fff;

  padding: 15rem 0;

  display: block;

  background: linear-gradient(to right, rgba(37, 104, 239, 0.8), rgba(255, 86, 79, 0.8)); }



.menka-block-1 p {

  color: #fff;

  margin: 10px 0 0 0px;

  white-space: nowrap;

  overflow: hidden;

  width: 100%;

  -webkit-animation: type 4s steps(60, end);

  animation: type 4s steps(60, end);

  font-size: 35px;

  font-weight: bold;

  line-height: 40px; }



.menka-block-1 p:nth-child(2) {

  -webkit-animation: type2 8s steps(60, end);

          animation: type2 8s steps(60, end); }



.menka-block-1 span {

  -webkit-animation: blink 1s infinite;

          animation: blink 1s infinite; }



@-webkit-keyframes type {

  from {

    width: 0; } }



@keyframes type {

  from {

    width: 0; } }



@-webkit-keyframes type2 {

  0% {

    width: 0; }

  50% {

    width: 0; }

  100% {

    width: 100; } }



@keyframes type2 {

  0% {

    width: 0; }

  50% {

    width: 0; }

  100% {

    width: 100; } }



@-webkit-keyframes blink {

  to {

    opacity: .0; } }



@keyframes blink {

  to {

    opacity: .0; } }



.menka-block-1 ::-moz-selection {

  background: black; }



.menka-block-1 ::selection {

  background: black; }



@media all and (max-width: 992px) {

  .menka-block-1 p {

    font-size: 30px;

    line-height: 35px; }

  .menka-block-1 #banner {

    padding: 12rem 0; } }



@media all and (max-width: 991px) {

  .menka-block-1 p {

    font-size: 25px;

    line-height: 30px; } }



@media all and (max-width: 768px) {

  .menka-block-1 #banner {

    padding: 10rem 0; } }



@media all and (max-width: 767px) {

  .menka-block-1 p {

    white-space: normal;

    -webkit-animation: none;

    animation: none;

    font-size: 25px;

    line-height: 33px; }

  .menka-block-1 p:nth-child(2) {

    -webkit-animation: none;

            animation: none; } }



@media all and (max-width: 568px) {

  .menka-block-1 #banner {

    padding: 8rem 0; } 
  
    .carousel-item img{

      height: 300px;
    
    }
  
  }



@media all and (max-width: 440px) {

  .menka-block-1 #banner {

    padding: 6rem 0; } }



/*--/content with photo5--*/

.menka-content-photo-5 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-content-photo-5 .content {

    padding: 0 0 4.5em 0;

    position: relative; }

  .menka-content-photo-5 .d-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 90px; }



  .menka-content-photo-5 .content-photo {

    position: absolute;

    right: 0;

    width: 30%;

    top: 0; }

  .menka-content-photo-5 .content-left h3 {

    font-size: 50px;

    line-height: 55px;

    color: var(--title-color); }

  .menka-content-photo-5 .content-left p {

    font-size: 16px;

    line-height: 28px;

    color: var(--text-color);

    margin-top: 10px; }

  @media (max-width: 1680px) {

    .menka-content-photo-5 .content-photo {

      width: 35%; } }

  @media (max-width: 1440px) {

    .menka-content-photo-5 .content-photo {

      width: 40%; } }

  @media (max-width: 1280px) {

    .menka-content-photo-5 .d-grid {

      grid-column-gap: 40px; } }

  @media (max-width: 1080px) {

    .menka-content-photo-5 .content-left {

      padding: 4rem 0px 0rem; }

    .menka-content-photo-5 .content-left h3 {

      font-size: 45px;

      line-height: 50px; } }

  @media (max-width: 1050px) {

    .menka-content-photo-5 .content-left {

      padding: 3.5rem 0px 0rem; }

    .menka-content-photo-5 .content-left h3 {

      font-size: 45px;

      line-height: 50px; } }

  @media (max-width: 1024px) {

    .menka-content-photo-5 .content-left {

      padding: 3.5rem 0px 2em; }

    .menka-content-photo-5 .content-photo {

      width: 50%; } }

  @media (max-width: 992px) {

    .menka-content-photo-5 .content-photo {

      width: 100%;

      position: static; }

    .menka-content-photo-5 .content {

      padding: 4.5rem 0 0 0; }

    .menka-content-photo-5 .content-photo img {

      display: block; } }

  @media (max-width: 800px) {

    .menka-content-photo-5 .d-grid {

      grid-template-columns: 1fr;

      grid-row-gap: 3.5rem; }

    .menka-content-photo-5 .content-left {

      padding: 0rem 0px 1em; } }

  @media (max-width: 736px) {

    .menka-content-photo-5 .content {

      padding: 3.5rem 0 0 0; } }

  @media (max-width: 568px) {

    .menka-content-photo-5 .content-left h3 {

      font-size: 40px;

      line-height: 45px; } }

  @media (max-width: 480px) {

    .menka-content-photo-5 .content {

      padding: 3em 0; }

    .menka-content-photo-5 .d-grid {

      grid-template-columns: 1fr;

      grid-row-gap: 2.5rem; } }

  @media (max-width: 375px) {

    .menka-content-photo-5 .content-left h3 {

      font-size: 35px;

      line-height: 40px; } }



/*--//content with photo5--*/

.menka-content-with-photo-19 {

  /* //Reset Code */

  /* content with photo 19 */

  /* //content with photo 19 */

  /* responsive */

  /* //responsive */ }

  .menka-content-with-photo-19 .d-grid {

    display: grid; }

  .menka-content-with-photo-19 .grid-col-2 {

    grid-template-columns: 1fr 1fr; }

  .menka-content-with-photo-19 .grid-col-3 {

    grid-template-columns: 1fr 1fr 1fr; }

  .menka-content-with-photo-19 .grid-col-4 {

    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .menka-content-with-photo-19 .align-items-center {

    align-items: center; }

  .menka-content-with-photo-19 a.action {

    border: none;

    color: #304659;

    font-size: 17px;

    line-height: 25px;

    font-weight: 600;

    display: inline-block; }

  .menka-content-with-photo-19 a.action img {

    margin-left: 4px; }

  .menka-content-with-photo-19 .actionbg {

    border: none;

    font-weight: 600;

    display: inline-block;

    font-size: 17px;

    line-height: 45px;

    color: #F5F9FC;

    background: #304659;

    width: 103px;

    height: 45px;

    text-align: center;

    cursor: pointer; }

  .menka-content-with-photo-19 .align-center {

    text-align: center; }

  .menka-content-with-photo-19 p.text-tag {

    color: #8298AB;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

    line-height: 20px; }

  .menka-content-with-photo-19 p.sub-paragraph {

    font-weight: normal;

    font-size: 16px;

    line-height: 28px;

    color: #e2e2e2; }

  .menka-content-with-photo-19 .content-photo-19 {

    background: linear-gradient(to right, #ff564f, #067ae6);

    padding: 4.5rem 0; }

  .menka-content-with-photo-19 .content-photo-left_19con {

    padding-left: 8vw; }

  .menka-content-with-photo-19 .content-photo-left_19con span {

    font-size: 65px;

    color: var(--white-color); }

  .menka-content-with-photo-19 .main-contek-19 {

    align-items: center;

    grid-gap: 10px; }

  .menka-content-with-photo-19 .content-photo-left_19con h4 a {

    font-size: 35px;

    line-height: 40px;

    color: var(--white-color);

    margin: 25px 0 20px;

    display: inline-block; }

  @media (max-width: 1440px) {

    .menka-content-with-photo-19 .content-photo-left_19con {

      padding-left: 5vw; } }

  @media (max-width: 1280px) {

    .menka-content-with-photo-19 .content-photo-left_19con {

      padding-left: 3vw; }

    .menka-content-with-photo-19 .content-photo-left_19con h4 a {

      font-size: 32px;

      line-height: 35px;

      margin: 20px 0 15px; } }

  @media (max-width: 991px) {

    .menka-content-with-photo-19 .main-contek-19 {

      grid-gap: 40px;

      grid-template-columns: 1fr; }

    .menka-content-with-photo-19 .content-photo-left_19con {

      padding-left: 0;

      order: 1; }

    .menka-content-with-photo-19 .content-photo-right_sur {

      order: 2; } }

  @media (max-width: 736px) {

    .menka-content-with-photo-19 .content-photo-19 {

      padding: 3.5rem 0; } }

  @media (max-width: 480px) {

    .menka-content-with-photo-19 .content-photo-19 {

      padding: 2.5rem 0; } }



.menka-content-with-photo-19 {

  /* responsive */

  /* //responsive */ }

  .menka-content-with-photo-19 .csslider {

    text-align: left;

    position: relative;

    margin-bottom: 0px; }

  .menka-content-with-photo-19 .csslider > input {

    display: none; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {

    margin-left: -900%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {

    margin-left: -800%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {

    margin-left: -700%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {

    margin-left: -600%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {

    margin-left: -500%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {

    margin-left: -400%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {

    margin-left: -300%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {

    margin-left: -200%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {

    margin-left: -100%; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {

    margin-left: 0%; }

  .menka-content-with-photo-19 .csslider > ul {

    position: relative;

    /* height: 760px; */

    z-index: 1;

    font-size: 0;

    line-height: 0;

    margin: 0 auto;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    box-sizing: border-box; }

  .menka-content-with-photo-19 .csslider > ul > li {

    position: relative;

    display: inline-block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    font-size: 15px;

    font-size: initial;

    line-height: normal;

    transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);

    vertical-align: top;

    box-sizing: border-box;

    white-space: normal; }

  .menka-content-with-photo-19 .csslider > ul > li img {

    width: 100%; }

  .menka-content-with-photo-19 .csslider > ul > li.scrollable {

    overflow-y: scroll; }

  .menka-content-with-photo-19 .csslider > .navigation {

    position: absolute;

    bottom: 10%;

    left: 49%;

    z-index: 10;

    margin-bottom: -10px;

    font-size: 0;

    line-height: 0;

    text-align: center;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  .menka-content-with-photo-19 .csslider > .navigation > div {

    margin-left: -100%; }

  .menka-content-with-photo-19 .csslider > .navigation label {

    position: relative;

    display: inline-block;

    cursor: pointer;

    border-radius: 50%;

    margin: 0 4px;

    padding: 5px;

    background: var(--theme-color);

    opacity: 0.7; }

  .menka-content-with-photo-19 .csslider > .navigation label:hover:after {

    opacity: 1; }

  .menka-content-with-photo-19 .csslider > .navigation label:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -6px;

    margin-top: -6px;

    background: #fff;

    border: 1px solid var(--theme-color);

    border-radius: 50%;

    padding: 5px;

    opacity: 0; }

  .menka-content-with-photo-19 .csslider > .arrows {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  .menka-content-with-photo-19 .csslider.inside .navigation {

    bottom: 10px;

    margin-bottom: 10px; }

  .menka-content-with-photo-19 .csslider.inside .navigation label {

    border: 1px solid #7e7e7e; }

  .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {

    opacity: 1; }

  .menka-content-with-photo-19 .csslider > .arrows {

    position: absolute;

    top: 50%;

    width: 100%;

    height: 26px;

    z-index: 1;

    box-sizing: content-box; }

  .menka-content-with-photo-19 .csslider > .arrows label {

    display: none;

    position: absolute;

    top: -50%;

    width: 40px;

    height: 40px;

    cursor: pointer; }

  .menka-content-with-photo-19 .csslider > .arrows label:hover {

    margin: 0 0px; }

  .menka-content-with-photo-19 .csslider > .arrows label:before {

    content: '';

    position: absolute;

    top: -100%;

    left: -100%;

    height: 300%;

    width: 300%; }

  .menka-content-with-photo-19 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

    display: block;

    left: 5%;

    right: auto;

    background: url(../images/left.png) no-repeat center; }

  .menka-content-with-photo-19 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

  .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

  .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

    display: block;

    right: 5%;

    left: auto;

    background: url(../images/right.png) no-repeat center; }

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(1):checked ~ ul #bg,

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(2):checked ~ ul #bg1,

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(3):checked ~ ul #bg2,

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(4):checked ~ ul #bg3 {

    width: 100%;

    transition: 0.5s 0.5s;

    text-align: center;

    padding: 0;

    height: 100%; }

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(1):checked ~ ul #bg div,

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(2):checked ~ ul #bg1 div,

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(3):checked ~ ul #bg2 div,

  .menka-content-with-photo-19 #slider1 > input:nth-of-type(4):checked ~ ul #bg3 div {

    transform: translate(0);

    transition: 0.5s 0.9s; }

  @media screen and (max-width: 1280px) {

    .menka-content-with-photo-19 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 3%; }

    .menka-content-with-photo-19 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

      left: 3%; } }

  @media screen and (max-width: 900px) {

    .menka-content-with-photo-19 .csslider > .navigation {

      bottom: 10%; } }

  @media screen and (max-width: 800px) {

    .menka-content-with-photo-19 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 7%; }

    .menka-content-with-photo-19 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

      left: 7%; } }

  @media screen and (max-width: 480px) {

    .menka-content-with-photo-19 .csslider > .arrows label {

      padding: 6px; }

      .carousel-item img{

        height: 300px;
      
      }
    }

  @media screen and (max-width: 414px) {

    .carousel-item img{

      height: 300px;
    
    }

    .menka-content-with-photo-19 .csslider > .arrows label {

      padding: 5px; }

    .menka-content-with-photo-19 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 6%; }

    .menka-content-with-photo-19 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

      left: 6%; }

    .menka-content-with-photo-19 .csslider > .navigation {

      bottom: 15%; } }

  @media screen and (max-width: 384px) {

    .carousel-item img{

      height: 300px;
    
    }

    .menka-content-with-photo-19 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 8%; }

    .menka-content-with-photo-19 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

      left: 8%; } }

  @media screen and (max-width: 320px) {

    .menka-content-with-photo-19 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 9%; }

    .menka-content-with-photo-19 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

    .menka-content-with-photo-19 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

    .menka-content-with-photo-19 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

      left: 9%; } }



.menka-grids-1 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-grids-1 .grids-content {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 15px;

    align-items: start; }

  .menka-grids-1 .column {

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); }

  .menka-grids-1 .grids {

    background: #fff;

    padding: 5rem 0; }

  .menka-grids-1 .grids h4 a {

    font-size: 30px;

    line-height: 35px;

    color: var(--title-color);

    margin-top: 8px;

    display: inline-block;

    padding: 0 10px; }

  .menka-grids-1 .grids h4 a:hover {

    color: var(--theme-color);

    transition: 0.3s ease; }

  .menka-grids-1 .column a img:hover {

    -webkit-filter: grayscale(70%);

    filter: grayscale(70%);

    transition: 0.3s ease; }

  .menka-grids-1 .grids p {

    margin-top: 10px;

    font-weight: normal;

    font-size: 15px;

    line-height: 24px;

    color: var(--text-color);

    padding: 0 10px 10px 10px; }

  @media (max-width: 991px) {

    .menka-grids-1 .grids-content {

      grid-template-columns: 1fr 1fr;

      grid-row-gap: 50px; } }

  @media (max-width: 415px) {

    .menka-grids-1 .grids-content {

      grid-template-columns: 1fr; }

    .menka-grids-1 .grids h4 a {

      margin-top: 15px; }

    .menka-grids-1 .grids p {

      margin-top: 10px; } }

  @media (max-width: 384px) {

    .menka-grids-1 .feature h3 {

      font-size: 27px;

      line-height: 28px;

      margin-top: 25px; }

    .menka-grids-1 .feature p {

      font-size: 16px;

      margin: 15px auto 0; } }



.menka-content-23 {

  /*-- Content-23-block --*/ }

  .menka-content-23 #content23-block {

    padding: 4.5rem 0;

    background-color: var(--blue-color); }

  .menka-content-23 .text-center {

    text-align: center; }

  .menka-content-23 .content23-head {

    max-width: 750px;

    margin: 0 auto 50px; }

  .menka-content-23 .content23-head h3 {

    font-size: 35px;

    line-height: 40px;

    text-align: center;

    color: var(--white-color);

    max-width: 600px;

    margin: 0 auto; }

  .menka-content-23 .content23-head p {

    margin-top: 25px;

    font-style: normal;

    font-weight: normal;

    font-size: 17px;

    line-height: 25px;

    text-align: center;

    color: #e2e2e2; }

  .menka-content-23 .d-grid {

    display: grid; }

  .menka-content-23 .content23-col-2 {

    grid-template-columns: 1fr; }

  .menka-content-23 .content23-grid {

    background: url(../images/content23gridbg2.jpg) no-repeat 0px 0px;

    background-size: cover;

    padding: 10rem 3rem;

    background-attachment: fixed; }

  .menka-content-23 .content23-grid h4 a {

    font-size: 3rem;

    text-align: center;

    color: #fff;

    margin-bottom: 20px;

    display: inline-block; }

  .menka-content-23 .content23-grid h4 a:hover {

    opacity: 0.8; }

  .menka-content-23 .content23-grid p {

    font-style: normal;

    font-weight: normal;

    font-size: 30px;

    line-height: 40px;

    color: #e2e2e2;

    max-width: 450px;

    margin-left: auto; }

  @media all and (max-width: 1080px) {

    .menka-content-23 .content23-grid {

      padding: 8rem 2rem; } }

  @media all and (max-width: 1050px) {

    .menka-content-23 .content23-grid h4 a {

      font-size: 2.5rem; }

    .menka-content-23 .content23-grid p {

      font-size: 25px;

      line-height: 35px; } }

  @media all and (max-width: 900px) {

    .menka-content-23 .content23-grid {

      padding: 7rem 1.5rem; } }

  @media all and (max-width: 768px) {

    .menka-content-23 .content23-grid {

      padding: 5rem 1rem; }

    .menka-content-23 .content23-grid h4 a {

      margin-bottom: 10px; } }

  @media all and (max-width: 736px) {

    .menka-content-23 .content23-grid h4 a {

      font-size: 2rem; }

    .menka-content-23 .content23-grid p {

      font-size: 22px;

      line-height: 30px; } }

  @media all and (max-width: 500px) {

    .menka-content-23 .content23-col-2 {

      grid-template-columns: 1fr;

      grid-row-gap: 5px; }

    .menka-content-23 #content23-block {

      padding: 3rem 0; }

    .menka-content-23 .content23-head p {

      margin-top: 20px; }

    .menka-content-23 .content23-head {

      margin: 0 auto 30px; } }

  @media all and (max-width: 320px) {

    .menka-content-23 .content23-head h3 {

      font-size: 30px;

      line-height: 35px; } }



.menka-text-9 {

  /* //Reset Code */

  /* text */

  /* left side content */

  /* //left side content */

  /* right side content */

  /* //right side content */

  /* //text */

  /* responsive */

  /* //responsive */ }

  .menka-text-9 .d-grid {

    display: grid; }

  .menka-text-9 .grid-col-2 {

    grid-template-columns: 1fr 1fr; }

  .menka-text-9 .grid-col-3 {

    grid-template-columns: 1fr 1fr 1fr; }

  .menka-text-9 .grid-col-4 {

    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .menka-text-9 a.action {

    border: none;

    color: #304659;

    font-size: 17px;

    line-height: 25px;

    font-weight: 600;

    display: inline-block; }

  .menka-text-9 a.action img {

    margin-left: 4px; }

  .menka-text-9 .align-center {

    text-align: center; }

  .menka-text-9 .text-element-9 {

    padding: 4.5rem 0; }

  .menka-text-9 .grid-text-9 {

    grid-gap: 60px;

    grid-template-columns: 0.3fr 1fr; }

  .menka-text-9 .right-text-9 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 30px; }

  .menka-text-9 h3.news-title {

    font-size: 50px;

    color: var(--title-color);

    margin-bottom: 2rem; }

  .menka-text-9 h6.text-left-inner-9 a {

    font-size: 15px;

    line-height: 20px;

    color: var(--text-color); }

  .menka-text-9 h6.text-left-inner-9 a:hover, .menka-text-9 h4.text-head-text-9 a:hover {

    color: var(--theme-color);

    transition: 0.3s ease; }

  .menka-text-9 span.sub-inner-text-9 {

    font-weight: normal;

    font-size: 15px;

    line-height: 20px;

    color: #8298AB;

    margin-top: 6px;

    display: inline-block; }

  .menka-text-9 hr {

    opacity: 0.25;

    border: 1px solid #8298AB;

    margin: 20px 0 14px; }

  .menka-text-9 h4.text-head-text-9 a {

    font-size: 30px;

    line-height: 35px;

    color: var(--text-color);

    margin: 10px 0 5px;

    display: inline-block; }

  .menka-text-9 label.date {

    font-size: 14px;

    color: #7b7b7b;

    margin-bottom: 15px;

    display: inline-block; }

  .menka-text-9 p.sub-head-text-9 {

    font-weight: normal;

    margin-bottom: 40px;

    font-size: 16px;

    line-height: 28px;

    color: var(--text-color); }

  .menka-text-9 p.sub-head-text-9 a {

    font-size: 17px;

    color: var(--blue-color);

    margin-left: 5px; }

  .menka-text-9 p.sub-head-text-9 a:hover {

    text-decoration: underline;

    color: var(--theme-color); }

  .menka-text-9 p.text-tag {

    color: var(--white-color);

    font-size: 13px;

    font-weight: normal;

    padding: 6px 15px;

    background: var(--blue-color);

    display: inline-block;

    border-radius: 4px; }

  @media (max-width: 1080px) {

    .menka-text-9 h5.sub-head-text-9 {

      font-size: 23px; } }

  @media (max-width: 991px) {

    .menka-text-9 .right-text-9 {

      grid-template-columns: 1fr; } }

  @media (max-width: 900px) {

    .menka-text-9 h5.sub-head-text-9 {

      font-size: 21px; } }

  @media (max-width: 768px) {

    .menka-text-9 h5.sub-head-text-9 {

      font-size: 19px;

      line-height: 28px; }

    .menka-text-9 h6.heading-small-text-9 {

      font-size: 18px; }

    .menka-text-9 p.sub-para {

      margin-top: 15px; } }

  @media (max-width: 736px) {

    .menka-text-9 .grid-text-9 {

      grid-template-columns: 1fr; }

    .menka-text-9 p.sub-head-text-9 {

      margin-bottom: 20px; } }

  @media (max-width: 600px) {

    .menka-text-9 p.sub-para {

      font-size: 16px; }

    .menka-text-9 h5.sub-head-text-9 {

      font-size: 18px;

      margin-bottom: 30px; }

    .menka-text-9 .right-text-9 {

      grid-template-columns: 1fr; } }

  @media (max-width: 568px) {

    .menka-text-9 h6.text-left-inner-9 a {

      font-size: 14.5px; }

    .menka-text-9 span.sub-inner-text-9 {

      font-size: 14px; } }

  @media (max-width: 480px) {

    .menka-text-9 .left-text-9 {

      grid-template-columns: 1fr 1fr;

      grid-gap: 15px; }

    .menka-text-9 .text-element-9 {

      padding: 3rem 0 2.5rem 0; }

    .menka-text-9 h3.news-title {

      margin-bottom: 1rem; } }



.menka-customers-11 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-customers-11 .customers11-content {

    max-width: 800px;

    margin: auto; }

  .menka-customers-11 .customers11 {

    background: url(../images/customers11.jpg) no-repeat 0px 0px;

    background-size: cover;

    background-attachment: fixed; }

  .menka-customers-11 .overlay {

    padding: 4.5rem 0;

    background: linear-gradient(to right, rgba(37, 104, 239, 0.8), rgba(255, 86, 79, 0.8)); }

  .menka-customers-11 .customers11 h3 {

    font-size: 45px;

    line-height: 50px;

    color: #fff;

    margin-bottom: 50px; }

  .menka-customers-11 .customers11 p {

    color: #fff;

    font-size: 25px;

    line-height: 35px; }

  .menka-customers-11 .customers11 p span {

    display: block;

    font-size: 60%; }

  .menka-customers-11 .d-grid {

    display: grid;

    grid-column-gap: 15px;

    grid-template-columns: 10% auto 15%; }

  .menka-customers-11 .display-columns {

    align-self: center; }

  .menka-customers-11 .display-columns img {

    border-radius: 50%; }

  @media (max-width: 992px) {

    .menka-customers-11 .customers11 h3 {

      font-size: 40px;

      line-height: 47px; }

    .menka-customers-11 .customers11 p {

      font-size: 23px;

      line-height: 30px; } }

  @media (max-width: 768px) {

    .menka-customers-11 .customers11 h3 {

      font-size: 34px;

      line-height: 42px; }

    .menka-customers-11 .customers11 p {

      font-size: 20px;

      line-height: 25px; }

    .menka-customers-11 .customers11 h3 {

      margin-bottom: 30px; } }

  @media (max-width: 667px) {

    .menka-customers-11 .d-grid {

      grid-template-columns: 12% auto 18%; } }

  @media (max-width: 568px) {

    .menka-customers-11 .customers11 h3 {

      font-size: 30px;

      line-height: 35px; } }

  @media (max-width: 480px) {

    .menka-customers-11 .customers11 p {

      font-size: 18px;

      line-height: 24px; }

    .menka-customers-11 .d-grid {

      grid-column-gap: 10px; }

    .menka-customers-11 .overlay {

      padding: 40px 0; }

    .menka-customers-11 .d-grid {

      grid-template-columns: 17% auto; }

    .menka-customers-11 .customers11-content a img {

      margin-top: 10px; } }

  @media (max-width: 415px) {

    .menka-customers-11 .customers11 h3 {

      font-size: 26px;

      line-height: 32px; } }

  @media (max-width: 384px) {

    .menka-customers-11 .customers11 h3 {

      font-size: 25px;

      line-height: 30px;

      margin-bottom: 20px; } }



.menka-forms-28 {

  /* form 28 */

  /* //form 28 */

  /* responsive */

  /* //responsive */ }

  .menka-forms-28 .grid-col-2 {

    grid-template-columns: 1fr 1fr; }

  .menka-forms-28 .grid-col-3 {

    grid-template-columns: 1fr 1fr 1fr; }

  .menka-forms-28 .grid-col-4 {

    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .menka-forms-28 .align-items-center {

    align-items: center; }

  .menka-forms-28 a.action {

    border: none;

    color: #304659;

    font-size: 17px;

    line-height: 25px;

    font-weight: 600;

    display: inline-block; }

  .menka-forms-28 p.sub {

    font-size: 13px;

    line-height: 20px;

    color: var(--blue-color);

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 20px; }

  .menka-forms-28 a.action img {

    margin-left: 4px; }

  .menka-forms-28 .actionbg {

    border: none;

    font-weight: 600;

    display: inline-block;

    font-size: 17px;

    color: #F5F9FC;

    background: var(--theme-color);

    text-align: center;

    cursor: pointer; }

  .menka-forms-28 .align-center {

    text-align: center;

    max-width: 600px;

    margin: 0 auto; }

  .menka-forms-28 p.text-tag {

    color: #8298AB;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

    line-height: 20px; }

  .menka-forms-28 p.sub-paragraph {

    color: #3B5266;

    font-size: 17px;

    line-height: 25px;

    font-weight: normal; }

  .menka-forms-28 .form-28 {

    padding: 4.5rem 0; }

  .menka-forms-28 h4.title-cont-foem28 {

    font-size: 35px;

    line-height: 40px;

    color: var(--title-color); }

  .menka-forms-28 form.menka-forms-28-form input {

    background: #ffffff;

    padding: 14px;

    font-size: 15px;

    color: var(--text-color);

    width: 100%;

    border: 1px solid #ececec;

    border-right-color: transparent; }

  .menka-forms-28 form.menka-forms-28-form input:focus {

    border: 1px solid var(--theme-color);

    border-right-color: transparent;

    outline: none; }

  .menka-forms-28 button.actionbg {

    width: 100%; }

  .menka-forms-28 form.menka-forms-28-form {

    grid-template-columns: 2fr 1fr;

    margin: 3rem 0 1rem; }

  .menka-forms-28 p.small-para-28form {

    font-size: 15px;

    line-height: 20px;

    color: #8298AB; }

  @media (max-width: 414px) {

    .menka-forms-28 form.menka-forms-28-form {

      grid-template-columns: 1fr;

      margin: 2rem 0 1rem; }

    .menka-forms-28 button.actionbg {

      padding: 13px 0;

      margin-top: 10px; }

    .menka-forms-28 form.menka-forms-28-form input {

      border-right-color: #ececec; }

    .menka-forms-28 form.menka-forms-28-form input:focus {

      border-right-color: var(--theme-color); } }

  @media (max-width: 384px) {

    .menka-forms-28 .form-28 {

      padding: 40px 0; } }



.menka-footer-22 {

  /*--footers--*/

  /*--responsive--*/

  /*--//responsive--*/ }

  .menka-footer-22 .footer {

    padding: 4.5rem 0px 0 0;

    background: #0a1e35; }

  .menka-footer-22 .text-txt h3 {

    color: #304659;

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 20px; }

  .menka-footer-22 .sub-one-left h6,

  .menka-footer-22 .sub-two-right h6 {

    color: var(--white-color);

    font-size: 15px;

    line-height: 20px;

    text-transform: uppercase;

    margin-bottom: 20px;

    border-bottom: 1px solid rgba(23, 54, 88, 0.4);

    padding-bottom: 10px; }

  .menka-footer-22 .sub-one-left p,

  .menka-footer-22 .sub-two-right p {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    color: #c7c7c7; }

  .menka-footer-22 .sub-columns {

    display: grid;

    grid-template-columns: 1.5fr 1fr 2fr;

    grid-gap: 50px;

    margin-top: 50px; }

  .menka-footer-22 ul.social li,

  .menka-footer-22 ul.jst-link li {

    display: inline-block;

    margin-right: 15px; }

  .menka-footer-22 ul.social li a {

    color: #fff; }

  .menka-footer-22 ul.social li a:hover {

    opacity: 0.8;

    transition: 0.3s ease; }

  .menka-footer-22 ul.social li a span {

    color: #fff;

    font-size: 15px; }

  .menka-footer-22 .columns p,

  .menka-footer-22 .columns p a {

    font-size: 15px;

    line-height: 20px;

    color: #8298AB; }

  .menka-footer-22 .sub-two-right ul li a {

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    color: #c7c7c7;

    margin: 0 0 10px 0;

    display: block; }

  .menka-footer-22 .columns p a {

    color: #fff; }

  .menka-footer-22 .columns p a:hover {

    color: #fff;

    text-decoration: underline; }

  .menka-footer-22 .right-side h4 {

    font-size: 30px;

    line-height: 40px;

    color: var(--white-color); }

  .menka-footer-22 .copyright-footer {

    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    grid-gap: 20px; }

  .menka-footer-22 .below-section {

    margin-top: 5rem;

    background: var(--bg-color);

    padding: 1rem 0rem;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);

    justify-content: space-between; }

  .menka-footer-22 .column2 span {

    font-size: 20px;

    color: #fff;

    vertical-align: middle;

    margin-right: 10px;

    width: 25px;

    text-align: center; }

  .menka-footer-22 .column2 a {

    text-decoration: none;

    color: #c7c7c7;

    line-height: 25px;

    font-size: 17px;

    font-weight: normal;

    font-style: normal; }

  .menka-footer-22 .href2 {

    margin-top: 10px;

    border-top: 1px solid rgba(23, 54, 88, 0.4);

    border-bottom: 1px solid rgba(23, 54, 88, 0.4);

    padding: 10px 0; }

  .menka-footer-22 .contact-para {

    color: #c7c7c7;

    line-height: 25px;

    font-size: 17px;

    margin-top: 10px;



    border-top: 1px solid rgba(23, 54, 88, 0.4);

    border-bottom: 1px solid rgba(23, 54, 88, 0.4);

    padding: 10px 0; 
  
  }

  .menka-footer-22 #movetop {

    display: none;

    position: fixed;

    bottom: 0;

    right: 0;

    z-index: 99;

    font-size: 12px;

    border: none;

    outline: none;

    cursor: pointer;

    color: var(--theme-color);

    width: 45px;

    height: 45px;

    background: #eee;

    padding: 0;

    line-height: 45px;

    transition: 0.5s ease-out; }

  .menka-footer-22 #movetop:hover {

    background: var(--theme-color);

    color: var(--white-color); }

  @media (max-width: 1080px) {

    .menka-footer-22 .text-txt {

      grid-gap: 50px; } }

  @media (max-width: 992px) {

    .menka-footer-22 .text-txt {

      grid-template-columns: 1fr; } }

  @media (max-width: 800px) {

    .menka-footer-22 .subscride-link h4 {

      margin-top: 60px; }

    .menka-footer-22 .right-side h4 {

      font-size: 28px;

      line-height: 33px; }

    .menka-footer-22 .sub-columns {

      margin-top: 60px; } }

  @media (max-width: 768px) {

    .menka-footer-22 .below-section {

      grid-template-columns: 1fr 1fr; }

    .menka-footer-22 .copyright-footer {

      grid-template-columns: 1fr; }

    .menka-footer-22 .columns.text-right {

      text-align: center !important; }

    .menka-footer-22 ul.social {

      text-align: center; } }

  @media (max-width: 736px) {

    .menka-footer-22 .sub-columns {

      grid-template-columns: 1fr; }

    .menka-footer-22 .sub-one-left h6, .menka-footer-22 .sub-two-right h6 {

      margin-bottom: 10px;

      padding-bottom: 7px; }

    .menka-footer-22 .footer {

      padding: 3.5rem 0px 0 0; } }

  @media (max-width: 568px) {

    .menka-footer-22 .footer {

      padding: 2.5rem 0px 0 0; }

    .menka-footer-22 .subscride-link h4 {

      margin-top: 50px; }

    .menka-footer-22 .text-txt {

      grid-gap: 40px; }

    .menka-footer-22 .below-section {

      margin-top: 3em; }

    .menka-footer-22 .sub-columns {

      margin-top: 50px; } }

  @media (max-width: 440px) {

    .menka-footer-22 .below-section {

      grid-template-columns: 1fr; }

    .menka-footer-22 .right-side h4 {

      font-size: 25px; } }



.menka-text-1 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-text-1 .text1 {

    background: #f3f3f3;

    padding: 12px 0; }

  .menka-text-1 ol.breadcrumb {

    margin: 0;

    padding: 0; }

  .menka-text-1 ol.breadcrumb li {

    color: #3B5266;

    font-size: 14px;

    line-height: 20px;

    text-decoration: none; }

  .menka-text-1 ol.breadcrumb li a {

    color: var(--blue-color); }

  .menka-text-1 .text1-content ol.breadcrumb li {

    display: inline-block; }

  .menka-text-1 span.sequence {

    margin: 0 5px; }

  @media (max-width: 480px) {

    .menka-text-1 ol.breadcrumb span {

      margin: 1px 6px; } }



.menka-content-with-photo-8 {

  /*--responsive--*/

  /*--//responsive--*/ }

  .menka-content-with-photo-8 .content-main {

    padding: 4.5rem 0px; }

  .menka-content-with-photo-8 .content-with {

    float: left;

    width: 50%; }

  .menka-content-with-photo-8 .video {

    float: left;

    width: 50%;

    text-align: right; }

  .menka-content-with-photo-8 .video img {

    cursor: pointer; }

  .menka-content-with-photo-8 p.info {

    width: 75%;

    display: inline-block;

    font-size: 25px;

    line-height: 35px;

    color: var(--text-color); }

  .menka-content-with-photo-8 p.sub-info2 {

    margin-top: 15px; }

  .menka-content-with-photo-8 p.sub-info4 {

    margin-top: 30px; }

  .menka-content-with-photo-8 p.sub-info3 {

    margin-top: 7px; }

  .menka-content-with-photo-8 a.info-link {

    font-size: 35px;

    color: var(--title-color); }

  .menka-content-with-photo-8 a.info-link:hover {

    color: var(--theme-color);

    transition: 0.3s ease; }

  .menka-content-with-photo-8 p.sub-info5 {

    margin-top: 7px; }

  .menka-content-with-photo-8 img {

    width: 100%; }

  @media (max-width: 1440px) {

    .menka-content-with-photo-8 p.info {

      width: 80%; } }

  @media (max-width: 1366px) {

    .menka-content-with-photo-8 p.info {

      width: 90%; } }

  @media (max-width: 1280px) {

    .menka-content-with-photo-8 p.info {

      width: 95%; }

    .menka-content-with-photo-8 a.info-link {

      font-size: 30px; }

    .menka-content-with-photo-8 p.info {

      font-size: 20px; } }

  @media (max-width: 1024px) {

    .menka-content-with-photo-8 p.sub-info2 {

      margin-top: 15px; }

    .menka-content-with-photo-8 p.sub-info4 {

      margin-top: 25px; }

    .menka-content-with-photo-8 a.info-link {

      font-size: 28px; } }

  @media (max-width: 991px) {

    .menka-content-with-photo-8 .content-with {

      float: none;

      width: 100%;

      margin-bottom: 3rem; }

    .menka-content-with-photo-8 .video {

      float: none;

      width: 100%;

      text-align: left;

      margin-top: 25px; }

    .menka-content-with-photo-8 p.info {

      width: 100%; } }

  @media (max-width: 767px) {

    .menka-content-with-photo-8 .content-main {

      padding: 3.5rem 0; } }

  @media (max-width: 568px) {

    .menka-content-with-photo-8 a.info-link {

      font-size: 25px; }

    .menka-content-with-photo-8 .content-with {

      padding-top: 0px; } }

  @media (max-width: 480px) {

    .menka-content-with-photo-8 .content-main {

      padding: 2.5rem 0 3rem; }

    .menka-content-with-photo-8 .content-with {

      margin-bottom: 2rem; } }



.menka-content-12 {

  /*-- Products4-block --*/ }

  .menka-content-12 .history-bg-color {

    background: var(--blue-color);

    padding: 4.5rem 0; }

  .menka-content-12 img {

    max-width: 100%; }

  .menka-content-12 .content-heading {

    color: var(--title-color);

    line-height: 25px;

    font-size: 20px; }

  .menka-content-12 .content-para {

    font-style: normal;

    max-width: 86%;

    margin-top: 10px;

    font-weight: normal;

    font-size: 15.5px;

    line-height: 25px;

    color: var(--text-color); }

  .menka-content-12 h3.history-head {

    font-size: 50px;

    color: var(--white-color);

    margin-bottom: 2rem; }

  .menka-content-12 .content12 {

    display: grid;

    text-align: left;

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 30px;

    grid-row-gap: 40px; }

  .menka-content-12 .text-center {

    text-align: center; }

  .menka-content-12 section.tab-content {

    display: none;

    padding: 38px 0 0; }

  .menka-content-12 input {

    display: none; }

  .menka-content-12 label.tabtle {

    display: inline-block;

    padding: 10px 5px;

    font-weight: bold;

    border: none;

    font-size: 20px;

    line-height: 25px;

    text-align: center;

    color: #8298AB;

    margin: 0;

    width: 33.33%;

    float: left;

    background: #eee;

    font-weight: normal;

    padding: 15px 20px;

    border: 2px solid #eee; }

  .menka-content-12 label.tabtle:before {

    font-family: fontawesome;

    font-weight: normal;

    margin-right: 10px; }

  .menka-content-12 label.tabtle:hover {

    color: #304659;

    cursor: pointer; }

  .menka-content-12 input:checked + label.tabtle {

    line-height: 25px;

    text-align: center;

    color: var(--title-color);

    background: #ffffff;

    opacity: 1;

    border-bottom: 2px solid #fff; }

  .menka-content-12 #tab1:checked ~ #content1,

  .menka-content-12 #tab2:checked ~ #content2,

  .menka-content-12 #tab3:checked ~ #content3,

  .menka-content-12 #tab4:checked ~ #content4 {

    display: block;

    background: #fff;

    padding: 50px;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); }

  @media screen and (max-width: 992px) {

    .menka-content-12 .content12 {

      grid-template-columns: 1fr; }

    .menka-content-12 .content12 {

      margin-top: 0px; }

    .menka-content-12 .content-para {

      max-width: 100%; }

    .menka-content-12 .content12 {

      grid-row-gap: 30px; }

    .menka-content-12 #tab1:checked ~ #content1,

    .menka-content-12 #tab2:checked ~ #content2,

    .menka-content-12 #tab3:checked ~ #content3,

    .menka-content-12 #tab4:checked ~ #content4 {

      padding: 30px; } }

  @media screen and (max-width: 800px) {

    .menka-content-12 label.tabtle:before {

      margin: 0;

      font-size: 18px; } }

  @media screen and (max-width: 736px) {

    .menka-content-12 h3.history-head {

      font-size: 40px; }

    .menka-content-12 .history-bg-color {

      padding: 3.5rem 0; } }

  @media screen and (max-width: 600px) {

    .menka-content-12 .grid-col-4 {

      grid-row-gap: 20px; }

    .menka-content-12 h3.heading-title {

      font-size: 38px;

      line-height: 42px;

      margin-bottom: 30px; } }

  @media screen and (max-width: 440px) {

    .menka-content-12 .grid-col-4 {

      grid-row-gap: 10px;

      grid-column-gap: 10px; }

    .menka-content-12 h3.heading-title {

      font-size: 35px;

      line-height: 40px;

      margin-bottom: 25px; }

    .menka-content-12 section.tab-content {

      padding: 28px 0 0; }

    .menka-content-12 .history-bg-color {

      padding: 3rem 0; } }



.menka-teams-1 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-teams-1 .d-grid {

    display: grid; }

  .menka-teams-1 .teams1 {

    padding: 4.5rem 0; }

  .menka-teams-1 .team-info {

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 25px; }

  .menka-teams-1 .teams1-content h2 {

    font-size: 55px;

    line-height: 60px;

    color: var(--title-color);

    margin-bottom: 10px; }

  .menka-teams-1 p.team-text {

    font-size: 17px;

    line-height: 25px;

    color: var(--text-color);

    margin-bottom: 40px;

    max-width: 350px; }

  .menka-teams-1 .team-info p {

    font-size: 17px;

    line-height: 25px;

    color: var(--theme-color); }

  .menka-teams-1 .social a {

    display: inline-block;

    margin-right: 10px; }

  .menka-teams-1 .social {

    margin-top: 100%; }

  .menka-teams-1 .position-relative {

    position: relative; }

  .menka-teams-1 h3.name-pos a {

    font-size: 50px;

    line-height: 55px;

    color: #000000;

    opacity: 0.75;

    position: absolute;

    z-index: 9;

    top: 28%;

    left: 80%;

    width: 100%;

    background: white;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);

    padding: 10px; }

  .menka-teams-1 .column a img {

    display: block; }

  .menka-teams-1 .social a {

    background: #c7c7c7;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    line-height: 35px;

    text-align: center;

    color: #fff; }

  .menka-teams-1 .social a.facebook {

    background: #3b5998; }

  .menka-teams-1 .social a.twitter {

    background: #1da1f2; }

  .menka-teams-1 .social a span {

    font-size: 15px;

    line-height: 35px;

    color: #fff; }

  @media (max-width: 1080px) {

    .menka-teams-1 h3.name-pos a {

      font-size: 45px;

      line-height: 48px;

      top: 30%;

      width: 100%; } }

  @media (max-width: 992px) {

    .menka-teams-1 .teams1-content h2 {

      font-size: 48px;

      line-height: 55px; } }

  @media (max-width: 800px) {

    .menka-teams-1 .teams1-content h2 {

      font-size: 44px;

      line-height: 50px; }

    .menka-teams-1 h3.name-pos a {

      font-size: 35px;

      line-height: 40px;

      width: 100%; } }

  @media (max-width: 736px) {

    .menka-teams-1 .teams1 {

      padding: 3.5rem 0; } }

  @media (max-width: 480px) {

    .menka-teams-1 .team-info {

      grid-column-gap: 15px; }

    .menka-teams-1 .teams1 {

      padding: 3rem 0; } }

  @media (max-width: 415px) {

    .menka-teams-1 p.team-text {

      margin-bottom: 30px; }

    .menka-teams-1 .teams1-content h2 {

      font-size: 38px;

      line-height: 40px; }

    .menka-teams-1 h3.name-pos a {

      font-size: 33px;

      line-height: 35px; } }



/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

.owl-carousel,

.owl-carousel .owl-item {

  -webkit-tap-highlight-color: transparent;

  position: relative; }



.owl-carousel {

  display: none;

  width: 100%;

  z-index: 1; }



.owl-carousel .owl-stage {

  position: relative;

  touch-action: manipulation;

  -moz-backface-visibility: hidden; }



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0; }



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0, 0, 0); }



.owl-carousel .owl-item,

.owl-carousel .owl-wrapper {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0); }



.owl-carousel .owl-item {

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-touch-callout: none; }



.owl-carousel .owl-item img {

  display: block;

  width: 100%; }



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

  display: none; }



.no-js .owl-carousel,

.owl-carousel.owl-loaded {

  display: block; }



.owl-carousel .owl-dot,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-nav .owl-prev {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev,

.owl-carousel button.owl-dot {

  background: 0 0;

  color: inherit;

  border: none;

  padding: 0 !important;

  color: #304659; }



.owl-carousel.owl-loading {

  opacity: 0;

  display: block; }



.owl-carousel.owl-hidden {

  opacity: 0; }



.owl-carousel.owl-refresh .owl-item {

  visibility: hidden; }



.owl-carousel.owl-drag .owl-item {

  touch-action: pan-y;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.owl-carousel.owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: grab; }



.owl-carousel.owl-rtl {

  direction: rtl; }



.owl-carousel.owl-rtl .owl-item {

  float: right; }



.owl-carousel .animated {

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both; }



.owl-carousel .owl-animated-in {

  z-index: 0; }



.owl-carousel .owl-animated-out {

  z-index: 1; }



.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

          animation-name: fadeOut; }



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



@keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



.owl-height {

  transition: height .5s ease-in-out; }



.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  transition: opacity .4s ease; }



.owl-carousel .owl-item .owl-lazy:not([src]),

.owl-carousel .owl-item .owl-lazy[src^=""] {

  max-height: 0; }



.owl-carousel .owl-item img.owl-lazy {

  transform-style: preserve-3d; }



.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000; }



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url(owl.video.play.png) no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: transform .1s ease; }



.owl-carousel .owl-video-play-icon:hover {

  transform: scale(1.3, 1.3); }



.owl-carousel .owl-video-playing .owl-video-play-icon,

.owl-carousel .owl-video-playing .owl-video-tn {

  display: none; }



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity .4s ease; }



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%; }



/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

.owl-theme .owl-dots,

.owl-theme .owl-nav {

  text-align: center;

  -webkit-tap-highlight-color: transparent; }



.owl-dots {

  margin-top: 50px; }



.owl-theme .owl-nav [class*=owl-] {

  color: #FFF;

  font-size: 14px;

  margin: 5px;

  padding: 4px 7px;

  background: #D6D6D6;

  display: inline-block;

  cursor: pointer;

  border-radius: 3px;

  font-size: 40px !important; }



.owl-theme .owl-nav [class*=owl-]:hover {

  background: transparent;

  opacity: .8;

  color: #000;

  text-decoration: none;

  outline: none;

  box-shadow: none; }



.owl-theme .owl-nav [class*=owl-]:focus, .owl-theme:focus, .owl-dots:focus, .owl-dot:focus {

  outline: none;

  box-shadow: none; }



.owl-theme .owl-nav .disabled {

  opacity: .5;

  cursor: default; }



.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 30px; }



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1; }



.owl-theme .owl-dots .owl-dot span {

  width: 9px;

  height: 9px;

  margin: 5px 5px;

  background: #fff;

  display: block;

  border: 1px solid var(--theme-color);

  -webkit-backface-visibility: visible;

  transition: opacity .2s ease;

  border-radius: 30px;

  position: relative; }



button.owl-next, button.owl-prev {

  position: absolute;

  top: 30%; }



button.owl-prev {

  left: -40px; }



button.owl-next {

  right: -40px; }



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: var(--theme-color); }



@media all and (max-width: 992px) {

  button.owl-prev {

    left: -10px; }

  button.owl-next {

    right: -10px; } }



@media all and (max-width: 991px) {

  button.owl-prev {

    left: -30px; }

  button.owl-next {

    right: -30px; } }



@media all and (max-width: 640px) {

  .owl-dots {

    margin-top: 30px; } }



@media all and (max-width: 568px) {

  button.owl-prev {

    left: -10px; }

  button.owl-next {

    right: -10px; } }



@media all and (max-width: 440px) {

  button.owl-next {

    right: -30px; }

  button.owl-prev {

    left: -30px; } }



@media all and (max-width: 414px) {

  button.owl-next {

    right: -20px; }

  button.owl-prev {

    left: -20px;

    left: -20px; } }



.menka-block-5 #timeline {

  display: flex;

  background-color: #031625; }



.menka-block-5 #timeline:hover .tl-item {

  width: 23.3333%; }



.menka-block-5 .tl-item {

  transform: translate3d(0, 0, 0);

  position: relative;

  width: 25%;

  min-height: 400px;

  color: #fff;

  overflow: hidden;

  transition: width 0.5s ease; }



.menka-block-5 .tl-item:before,

.menka-block-5 .tl-item:after {

  transform: translate3d(0, 0, 0);

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%; }



.menka-block-5 .tl-item:after {

  background: rgba(6, 122, 230, 0.55);

  opacity: 1;

  transition: opacity 0.5s ease; }



.menka-block-5 .tl-item:before {

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);

  z-index: 1;

  opacity: 0;

  transform: translate3d(0, 0, 0) translateY(50%);

  transition: opacity 0.5s ease, transform 0.5s ease; }



.menka-block-5 .tl-item:hover {

  width: 30% !important; }



.menka-block-5 .tl-item:hover:after {

  opacity: 0; }



.menka-block-5 .tl-item:hover:before {

  opacity: 1;

  transform: translate3d(0, 0, 0) translateY(0);

  transition: opacity 1s ease, transform 1s ease 0.25s; }



.menka-block-5 .tl-item:hover .tl-content {

  opacity: 1;

  transform: translateY(0);

  transition: all 0.75s ease 0.5s; }



.menka-block-5 .tl-item:hover .tl-bg {

  -webkit-filter: grayscale(0);

  filter: grayscale(0); }



.menka-block-5 .tl-content {

  transform: translate3d(0, 0, 0) translateY(25px);

  position: relative;

  z-index: 1;

  text-align: center;

  margin: 0 1.618em;

  top: 25%;

  opacity: 0; }



.menka-block-5 .tl-content h1 {

  font-size: 28px;

  color: var(--white-color);

  margin: 25px 0 20px;

  font-weight: bold;

  display: inline-block; }



.menka-block-5 p.para {

  font-weight: normal;

  font-size: 16px;

  line-height: 28px;

  color: #e2e2e2; }



.menka-block-5 .tl-bg {

  transform: translate3d(0, 0, 0);

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-size: cover;

  background-position: center center;

  transition: -webkit-filter 0.5s ease;

  transition: filter 0.5s ease;

  transition: filter 0.5s ease, -webkit-filter 0.5s ease;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%); }



@media screen and (max-width: 992px) {

  .menka-block-5 .tl-content {

    top: 15%; } }



@media screen and (max-width: 800px) {

  .menka-block-5 #timeline {

    flex-wrap: wrap; }

  .menka-block-5 .tl-item {

    width: 50%;

    min-height: 350px; }

  .menka-block-5 .tl-item:hover {

    width: 50% !important; }

  .menka-block-5 #timeline:hover .tl-item {

    width: 50%; } }



@media screen and (max-width: 500px) {

  .carousel-item img{

    height: 300px;
  
  }

  .menka-block-5 .tl-item {

    width: 100%;

    min-height: 300px; }

  .menka-block-5 .tl-item:hover {

    width: 100% !important; }

  .menka-block-5 #timeline:hover .tl-item {

    width: 100%; } }



.menka-services-4 {

  /*-- Services4-block --*/ }

  .menka-services-4 #services4-block {

    padding: 4.5rem 0; }

  .menka-services-4 h3.heading-title {

    font-size: 45px;

    line-height: 50px;

    text-align: center;

    color: var(--title-color);

    max-width: 750px;

    margin: 0 auto 50px; }

  .menka-services-4 .d-grid {

    display: grid; }

  .menka-services-4 .grid-col-2 {

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 30px; }

  .menka-services-4 .service-col-2 {

    background: url("../images/services4servicetwocolbg.jpg") no-repeat 0px 0px;

    background-size: cover; }

  .menka-services-4 .service-col-2.image2 {

    background: url("../images/services4servicetwocolbg2.jpg") no-repeat 0px 0px;

    background-size: cover; }

  .menka-services-4 .overlay, .menka-services-4 .overlay1 {

    background: rgba(0, 0, 0, 0.42);

    padding: 3rem 4rem; }

  .menka-services-4 .service-col-2 h6 {

    font-size: 13px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #fff; }

  .menka-services-4 .service-col-2 h4 a {

    font-size: 25px;

    line-height: 30px;

    text-align: center;

    color: #ffffff;

    margin-top: 15px;

    margin-bottom: 15px;

    display: block; }

  .menka-services-4 .service-col-2 h4 a:hover {

    opacity: 0.95; }

  .menka-services-4 .service-col-2 p {

    font-style: normal;

    text-align: center;

    max-width: 301px;

    margin: auto;

    font-weight: normal;

    font-size: 16px;

    line-height: 28px;

    color: #e2e2e2; }

  .menka-services-4 .service-col-1 {

    background: url("../images/services4serviceonecolbg.jpg") no-repeat 0px 0px;

    background-size: cover;

    margin-top: 30px; }

  .menka-services-4 .overlay1 {

    padding: 8rem 4rem; }

  .menka-services-4 .service-col-1 h6 {

    font-size: 13px;

    line-height: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #ffffff; }

  .menka-services-4 .service-col-1 h4 a {

    color: #ffffff;

    margin-top: 20px;

    margin-bottom: 20px;

    font-size: 45px;

    line-height: 50px;

    text-align: center;

    display: block; }

  .menka-services-4 .service-col-1 h4 a:hover {

    opacity: 0.95; }

  .menka-services-4 .service-col-1 p {

    font-style: normal;

    font-weight: normal;

    font-size: 17px;

    line-height: 25px;

    text-align: center;

    color: #e2e2e2;

    max-width: 556px;

    margin: auto; }

  .menka-services-4 a.play-button {

    width: 50px;

    height: 50px;

    display: inline-block;

    margin-top: 30px;

    opacity: 0.65; }

  .menka-services-4 a.play-button:hover {

    opacity: 1; }

  .menka-services-4 section.tab-content {

    display: none;

    padding: 38px 0 0; }

  .menka-services-4 a.action {

    margin-top: 40px;

    display: inline-block; }

  .menka-services-4 input {

    display: none; }

  .menka-services-4 label.tabtle {

    display: inline-block;

    padding: 12px 24px;

    border: 1px solid transparent;

    font-size: 16px;

    text-align: center;

    color: #8298AB;

    font-weight: normal;

    background: #eee; }

  .menka-services-4 label.tabtle:before {

    font-family: fontawesome;

    font-weight: normal;

    margin-right: 10px; }

  .menka-services-4 label.tabtle:hover {

    color: #304659;

    cursor: pointer; }

  .menka-services-4 input:checked + label.tabtle {

    text-align: center;

    color: #fffcfc;

    background: var(--bg-color); }

  .menka-services-4 #tab1:checked ~ #content1,

  .menka-services-4 #tab2:checked ~ #content2,

  .menka-services-4 #tab3:checked ~ #content3,

  .menka-services-4 #tab4:checked ~ #content4 {

    display: block; }

  @media all and (max-width: 1024px) {

    .menka-services-4 .grid-col-4 {

      grid-column-gap: 20px; }

    .menka-services-4 h3.heading-title {

      font-size: 42px;

      line-height: 48px;

      margin-bottom: 46px; }

    .menka-services-4 label.tabtle {

      font-size: 19px; } }

  @media screen and (max-width: 900px) {

    .menka-services-4 .grid-col-2 {

      grid-template-columns: 1fr;

      grid-row-gap: 30px; } }

  @media screen and (max-width: 800px) {

    .menka-services-4 label.tabtle:before {

      margin: 0;

      font-size: 18px; }

    .menka-services-4 .grid-col-4 {

      grid-template-columns: 1fr 1fr;

      grid-row-gap: 30px; }

    .menka-services-4 h3.heading-title {

      font-size: 40px;

      line-height: 45px;

      margin-bottom: 40px; }

    .menka-services-4 label.tabtle {

      font-size: 18px;

      padding: 10px 20px; }

    .menka-services-4 .overlay1,

    .menka-services-4 .overlay {

      padding: 3rem 4rem; }

    .menka-services-4 .service-col-1 h4 a {

      font-size: 25px;

      line-height: 30px;

      margin-top: 15px;

      margin-bottom: 15px; } }

  @media screen and (max-width: 600px) {

    .carousel-item img{

      height: 300px;
    
    }

    .menka-services-4 .grid-col-4 {

      grid-row-gap: 20px; }

    .menka-services-4 h3.heading-title {

      font-size: 32px;

      line-height: 36px;

      margin-bottom: 30px;

      padding: 0 15px; }

    .menka-services-4 #services4-block {

      padding: 3rem 0; }

    .menka-services-4 .overlay1,

    .menka-services-4 .overlay {

      padding: 2rem 2rem; } }

  @media screen and (max-width: 440px) {

    .menka-services-4 h3.heading-title {

      font-size: 32px;

      line-height: 36px;

      margin-bottom: 25px; }

    .menka-services-4 section.tab-content {

      padding: 28px 0 0; }

    .menka-services-4 .service-col-2 h4 a {

      font-size: 22px;

      line-height: 27px; }

    .menka-services-4 .grid-col-2 {

      grid-row-gap: 20px; }

    .menka-services-4 .overlay1 {

      margin-top: 20px; }

    .menka-services-4 .overlay {

      padding: 2rem 1rem; }

    .menka-services-4 a.action {

      margin-top: 30px; }

    .menka-services-4 label.tabtle {

      font-size: 16px;

      padding: 9px 18px; } }



.menka-features-14 {

  /*-- features14 --*/ }

  .menka-features-14 #features14-block {

    padding: 4.5rem 0;

    background-color: #f9f9f9; }

  .menka-features-14 .wrapper-max {

    max-width: 750px;

    margin: 0 auto; }

  .menka-features-14 h3.features14-headtext {

    font-size: 34px;

    line-height: 40px;

    color: var(--title-color);

    margin-bottom: 50px; }

  .menka-features-14 .features14-grids {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 30px; }

  .menka-features-14 .features14-grid span {

    font-size: 50px;

    color: var(--theme-color); }

  .menka-features-14 .features14-grid h5 a {

    margin-top: 25px;

    display: block;

    font-size: 20px;

    line-height: 25px;

    color: var(--title-color); }

  .menka-features-14 .features14-grid h5 a:hover {

    opacity: 0.88; }

  .menka-features-14 .features14-grid p {

    font-style: normal;

    font-weight: normal;

    font-size: 17px;

    line-height: 25px;

    color: var(--text-color);

    margin-top: 10px;

    margin-bottom: 20px; }

  @media all and (max-width: 991px) {

    .menka-features-14 .features14-grids {

      grid-template-columns: 1fr 1fr;

      grid-row-gap: 30px; } }

  @media all and (max-width: 600px) {

    .menka-features-14 #features14-block {

      padding: 3rem 0; } }

  @media all and (max-width: 568px) {

    .menka-features-14 .features14-grids {

      grid-template-columns: 1fr;

      grid-row-gap: 25px; }

    .menka-features-14 .features14-grid h5 a {

      margin-top: 15px; }

    .menka-features-14 .features14-grid p {

      margin-top: 5px;

      margin-bottom: 15px; } }

  @media all and (max-width: 440px) {

    .menka-features-14 h3.features14-headtext {

      font-size: 30px;

      line-height: 38px; } }



/* content-7 */

.menka-content-7 {

  /* responsive code */ }

  .menka-content-7 .content_sur {

    padding: 4.5rem 0; }

  .menka-content-7 .content_sur h3 {

    font-size: 50px;

    line-height: 55px;

    color: var(--title-color);

    max-width: 700px; }

  .menka-content-7 .content-top-right_sur p {

    color: #8298AB;

    font-size: 20px;

    line-height: 30px; }

  .menka-content-7 .video {

    margin-top: 3rem; }

  .menka-content-7 .video iframe {

    width: 100%;

    height: 550px; }

  .menka-content-7 .content-top-1 {

    margin-top: 3em; }

  .menka-content-7 .content-top_sur {

    float: left;

    width: 65%;

    box-sizing: border-box;

    margin-right: 10%; }

  .menka-content-7 .content-top-left_sur {

    float: left;

    width: 45%;

    margin-right: 8%;

    box-sizing: border-box; }

  .menka-content-7 .content-top-middle_sur {

    float: left;

    width: 45%;

    box-sizing: border-box; }

  .menka-content-7 .content-top-right_sur {

    float: left;

    width: 25%;

    box-sizing: border-box; }

  .menka-content-7 .content-top_sur p {

    font-size: 20px;

    line-height: 30px;

    color: var(--text-color); }

  @media screen and (max-width: 1024px) {

    .menka-content-7 .content_sur h3 {

      font-size: 48px; }

    .menka-content-7 .content-top-right_sur {

      width: 30%; }

    .menka-content-7 .content-top-middle_sur {

      width: 47%; }

    .menka-content-7 .content-top-left_sur {

      width: 47%;

      margin-right: 6%; }

    .menka-content-7 .content-top_sur {

      width: 64%;

      margin-right: 6%; }

    .menka-content-7 .video iframe {

      height: 450px; } }

  @media screen and (max-width: 900px) {

    .menka-content-7 .content_sur h3 {

      font-size: 38px;

      line-height: 48px; }

    .menka-content-7 .video iframe {

      height: 400px; } }

  @media screen and (max-width: 736px) {

    .menka-content-7 .content-top_sur p, .menka-content-7 .content-top-right_sur p {

      font-size: 17px;

      line-height: 25px; }

    .menka-content-7 .content_sur h3 {

      font-size: 35px;

      line-height: 45px; }

    .menka-content-7 .content_sur {

      padding: 3.5rem 0; }

    .menka-content-7 .video iframe {

      height: 350px; } }

  @media screen and (max-width: 600px) {

    .menka-content-7 .content-top_sur {

      width: 100%;

      margin-right: 0%; }

    .menka-content-7 .content-top-right_sur {

      width: 100%; }

    .menka-content-7 .content-top-left_sur {

      width: 100%;

      margin-right: 0%; }

    .menka-content-7 .content-top-middle_sur {

      width: 100%;

      margin: 4% 0; }

    .menka-content-7 .video {

      margin-top: 2rem; } }

  @media screen and (max-width: 480px) {

    .menka-content-7 .content-top-1 {

      margin-top: 1.2em; }

    .menka-content-7 .content_sur h3 {

      font-size: 28px;

      line-height: 38px; }

    .menka-content-7 .content_sur {

      padding: 2.5rem 0; }

    .menka-content-7 .video iframe {

      height: 300px; } }

  @media screen and (max-width: 440px) {

    .menka-content-7 .content_sur h3 {

      font-size: 26px;

      line-height: 35px; } }

  @media screen and (max-width: 415px) {

    .menka-content-7 .content-top_sur p, .menka-content-7 .content-top-right_sur p {

      font-size: 15px;

      line-height: 24px; } }

  @media screen and (max-width: 387px) {

    .menka-content-7 .content_sur h3 {

      font-size: 29px;

      line-height: 34px; } }

  @media screen and (max-width: 320px) {

    .menka-content-7 .content_sur h3 {

      font-size: 26px;

      line-height: 30px; }

    .menka-content-7 .content_sur h3 {

      font-size: 24px;

      line-height: 28px; } }



/* //content-7 */

.menka-content-11 .menka-content-11-content {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-column-gap: 70px; }



.menka-content-11 {

  background: linear-gradient(to right, rgba(37, 104, 239, 0.8), rgba(255, 86, 79, 0.8));

  padding: 4.5rem 0; }



.menka-content-11 .content-text h4 {

  font-size: 35px;

  line-height: 40px;

  color: #fff;

  margin-bottom: 40px; }



.menka-content-11 .content-text-left p, .menka-content-11 .content-text-right p {

  font-weight: normal;

  font-size: 16px;

  line-height: 28px;

  color: #e2e2e2; }



.menka-content-11 span.number {

  width: 30px;

  height: 30px;

  line-height: 26px;

  border: 1px solid #fff;

  display: block;

  text-align: center;

  border-radius: 50%;

  color: #fff;

  margin-top: 5px; }



.menka-content-11 .columns {

  display: grid;

  grid-auto-flow: column;

  grid-column-gap: 15px; }



.menka-content-11 .content-text-left, .menka-content-11 .content-text-right {

  display: grid;

  grid-template-columns: 1fr;

  grid-gap: 30px; }



/*-- responsive design --*/

@media (max-width: 800px) {

  .menka-content-11 .menka-content-11-content {

    grid-column-gap: 40px; }

  .menka-content-11 .content-text h4 {

    font-size: 30px;

    line-height: 35px;

    margin-bottom: 30px; } }



@media (max-width: 668px) {

  .menka-content-11 .menka-content-11-content {

    grid-column-gap: 40px; } }



@media (max-width: 640px) {

  .menka-content-11 .menka-content-11-content {

    grid-template-columns: 1fr;

    grid-row-gap: 50px; } }



@media (max-width: 480px) {

  .menka-content-11 {

    padding: 40px 0px; }

  .content-text h4 {

    font-size: 27px;

    line-height: 32px;

    margin-bottom: 20px; }

  .menka-content-11 .content-text-left, .menka-content-11 .content-text-right {

    grid-gap: 20px; } }



@media (max-width: 415px) {

  .menka-content-11 span.number {

    width: 28px;

    height: 28px;

    line-height: 24px; }

  .menka-content-11 .columns {

    grid-column-gap: 10px; } }



/*-- //responsive design --*/

.menka-text-11 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-text-11 .text11 {

    padding: 4.5rem 0 50px 0px; }

  .menka-text-11 .text11-content {

    max-width: 700px;

    margin: auto; }

  .menka-text-11 .text11-content p {

    font-size: 17px;

    line-height: 28px;

    color: var(--text-color);

    margin-top: 30px; }

  @media (max-width: 480px) {

    .menka-text-11 .text11-content p {

      margin-top: 15px; }

    .menka-text-11 .text11 {

      padding: 3.5rem 0 40px 0px; } }



.menka-text-22 {

  /* //Reset Code */

  /*--text--*/

  /*-- //text --*/

  /*--responsive--*/

  /*--//responsive--*/ }

  .menka-text-22 .text {

    padding: 50px 0px; }

  .menka-text-22 .text-txt {

    max-width: 700px;

    margin: 0px auto; }

  .menka-text-22 .text-txt h3 {

    color: var(--title-color);

    font-size: 25px;

    line-height: 30px;

    margin-bottom: 20px; }

  .menka-text-22 .text-txt p {

    font-size: 17px;

    line-height: 28px;

    color: var(--text-color);

    margin-top: 15px; }

  .menka-text-22 .two-columns {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 30px;

    margin-top: 50px; }

  .menka-text-22 .right-column p:nth-child(1) {

    margin-top: 0; }

  @media (max-width: 1080px) {

    .menka-text-22 .text {

      padding: 40px 0px; }

    .menka-text-22 .two-columns {

      grid-gap: 20px;

      margin-top: 40px; } }

  @media (max-width: 640px) {

    .menka-text-22 .two-columns {

      grid-template-columns: 1fr; } }

  @media (max-width: 600px) {

    .menka-text-22 .text-txt h3 {

      font-size: 24px;

      margin-bottom: 15px; }

    .menka-text-22 .two-columns {

      margin-top: 30px; }

    .menka-text-22 .text {

      padding: 0px 0 2.5rem 0px; } }



.menka-text-19-main {

  /* //Reset Code */

  /* text 19 */

  /* //text 19 */

  /* responsive */

  /* //responsive */ }

  .menka-text-19-main .d-grid {

    display: grid; }

  .menka-text-19-main .grid-col-2 {

    grid-template-columns: 1fr 1fr; }

  .menka-text-19-main .grid-col-3 {

    grid-template-columns: 1fr 1fr 1fr; }

  .menka-text-19-main .grid-col-4 {

    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .menka-text-19-main .align-items-center {

    align-items: center; }

  .menka-text-19-main a.action {

    border: none;

    color: #304659;

    font-size: 17px;

    line-height: 25px;

    font-weight: 600;

    display: inline-block; }

  .menka-text-19-main a.action img {

    margin-left: 4px; }

  .menka-text-19-main .actionbg {

    border: none;

    font-weight: 600;

    display: inline-block;

    font-size: 17px;

    line-height: 45px;

    color: #F5F9FC;

    background: #304659;

    width: 103px;

    height: 45px;

    text-align: center;

    cursor: pointer; }

  .menka-text-19-main .align-center {

    text-align: center; }

  .menka-text-19-main p.text-tag {

    color: var(--text-color);

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

    line-height: 20px; }

  .menka-text-19-main p.sub-paragraph {

    color: var(--text-color);

    font-size: 17px;

    line-height: 25px;

    font-weight: normal; }

  .menka-text-19-main .menka-text-19 {

    padding: 2rem 0 4.5rem 0; }

  .menka-text-19-main .text-main-9 {

    grid-gap: 10px;

    max-width: 700px;

    margin: 0 auto; }

  .menka-text-19-main .grids-text-19 {

    grid-gap: 10px; }

  .menka-text-19-main h5.textstyle-text-19 {

    color: var(--title-color);

    font-size: 25px;

    line-height: 30px;

    margin-bottom: 20px; }

  .menka-text-19-main .text-main-9 ul li {

    list-style-type: none;

    margin-bottom: 10px; }

  .menka-text-19-main .text-main-9 ul li a {

    font-weight: normal;

    font-size: 17px;

    line-height: 25px;

    color: var(--text-color); }

  .menka-text-19-main .text-main-9 ul li a:hover {

    color: var(--theme-color);

    transition: 0.3s ease; }

  .menka-text-19-main .text-main-9 ul li:last-child {

    margin-bottom: 0; }

  @media (max-width: 1024px) {

    .menka-text-19-main .menka-text-19 {

      padding: 0rem 0 4.5rem 0; } }

  @media (max-width: 736px) {

    .menka-text-19-main .menka-text-19 {

      padding: 0rem 0 3.5rem 0; } }

  @media (max-width: 414px) {

    .menka-text-19-main .grids-text-19 {

      grid-gap: 0;

      grid-template-columns: 1fr; }

    .menka-text-19-main .text-main-9 ul:nth-child(1) li:last-child {

      margin-bottom: 10px; } }



.menka-block-2 {

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-block-2 .d-grid {

    display: grid; }

  .menka-block-2 .teams1 {

    padding: 4.5rem 0; }

  .menka-block-2 .align-team-items {

    grid-template-columns: 1fr 1fr;

    grid-gap: 50px; }

  .menka-block-2 .item {

    border: 1px solid #eee; }

  .menka-block-2 .team-info {

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 25px; }

  .menka-block-2 .teams1-content h2 {

    font-size: 55px;

    line-height: 60px;

    color: var(--title-color);

    margin-bottom: 10px; }

  .menka-block-2 p.team-text {

    font-size: 17px;

    line-height: 25px;

    color: var(--text-color);

    margin-bottom: 40px;

    max-width: 350px; }

  .menka-block-2 .team-info p {

    font-size: 17px;

    line-height: 25px;

    color: var(--theme-color);

    padding-top: 1rem; }

  .menka-block-2 .social a {

    display: inline-block;

    margin-right: 10px; }

  .menka-block-2 .social {

    margin-top: 100%; }

  .menka-block-2 .position-relative {

    position: relative; }

  .menka-block-2 h3.name-pos a {

    font-size: 50px;

    line-height: 55px;

    color: #000000;

    opacity: 0.75;

    position: absolute;

    z-index: 9;

    top: 28%;

    left: 80%;

    width: 100%;

    background: white;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);

    padding: 10px; }

  .menka-block-2 .column a img {

    display: block; }

  .menka-block-2 .social a {

    background: #c7c7c7;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    line-height: 35px;

    text-align: center;

    color: #fff; }

  .menka-block-2 .social a.facebook {

    background: #3b5998; }

  .menka-block-2 .social a.twitter {

    background: #1da1f2; }

  .menka-block-2 .social a span {

    font-size: 15px;

    line-height: 35px;

    color: #fff; }

  @media (max-width: 1080px) {

    .menka-block-2 h3.name-pos a {

      font-size: 45px;

      line-height: 48px;

      top: 30%;

      width: 100%; } }

  @media (max-width: 992px) {

    .menka-block-2 .teams1-content h2 {

      font-size: 48px;

      line-height: 55px; } }

  @media (max-width: 800px) {

    .menka-block-2 .teams1-content h2 {

      font-size: 44px;

      line-height: 50px; }

    .menka-block-2 h3.name-pos a {

      font-size: 35px;

      line-height: 40px;

      width: 100%; } }

  @media (max-width: 767px) {

    .menka-block-2 .align-team-items {

      grid-template-columns: 1fr; } }

  @media (max-width: 736px) {

    .menka-block-2 .teams1 {

      padding: 3.5rem 0; } }

  @media (max-width: 480px) {

    .menka-block-2 .team-info {

      grid-column-gap: 15px; }

    .menka-block-2 .teams1 {

      padding: 3rem 0; }

    .menka-block-2 .social {

      margin-top: 80%; } }

  @media (max-width: 415px) {

    .menka-block-2 p.team-text {

      margin-bottom: 30px; }

    .menka-block-2 .teams1-content h2 {

      font-size: 38px;

      line-height: 40px; }

    .menka-block-2 h3.name-pos a {

      font-size: 33px;

      line-height: 35px; } }



.menka-teams-21 .column1 img {

  width: 100%; }



.menka-teams-21 .grid {

  display: grid; }



.menka-teams-21 .grid-column-2 {

  grid-template-columns: 1fr 2fr;

  grid-gap: 40px; }



.menka-teams-21 span.info {

  width: 200px;

  display: inline-block;

  color: var(--theme-color);

  line-height: 25px;

  font-size: 17px;

  font-style: normal;

  font-weight: bold; }



.menka-teams-21 .team-head {

  color: var(--title-color);

  line-height: 50px;

  font-size: 45px;

  margin-bottom: 25px;

  font-weight: normal; }



.menka-teams-21 .text {

  color: var(--text-color);

  line-height: 32px;

  font-size: 20px;

  font-weight: normal;

  font-style: normal;

  margin-right: auto;

  max-width: 580px;

  margin-bottom: 60px; }



.menka-teams-21 .team-para {

  margin-bottom: 25px;

  color: var(--text-color);

  line-height: 25px;

  font-size: 17px; }



.menka-teams-21 p.team-para a {

  color: var(--bg-color); }



.menka-teams-21 p.team-para a:hover {

  text-decoration: underline; }



.menka-teams-21 .column2 {

  align-self: center; }



.menka-teams-21 .column1 a img {

  display: block; }



@media (max-width: 1200px) {

  .menka-teams-21 .grid-column-2 {

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 30px; } }



@media (max-width: 992px) {

  .menka-teams-21 .column2 {

    padding: 18px; } }



@media (max-width: 850px) {

  .menka-teams-21 .grid-column-2 {

    grid-template-columns: 0.7fr 1fr;

    grid-column-gap: 25px; } }



@media (max-width: 800px) {

  .menka-teams-21 .text {

    line-height: 28px;

    font-size: 18px;

    margin-bottom: 40px; }

  .menka-teams-21 .team-head {

    line-height: 45px;

    font-size: 40px;

    margin-bottom: 20px; } }



@media (max-width: 736px) {

  .menka-teams-21 .team-para {

    margin-bottom: 20px;

    line-height: 20px;

    font-size: 16px; } }



@media (max-width: 700px) {

  .menka-teams-21 .column2 {

    padding: 18px 0; }

  .menka-teams-21 .team-para {

    margin-bottom: 15px;

    line-height: 19px;

    font-size: 15px; }

  .menka-teams-21 span.info {

    width: 150px; }

  .menka-teams-21 .text {

    line-height: 25px;

    font-size: 16px;

    margin-bottom: 30px; }

  .menka-teams-21 .team-head {

    line-height: 40px;

    font-size: 35px;

    margin-bottom: 15px; } }



@media (max-width: 640px) {

  .menka-teams-21 span.info {

    width: 120px; } }



@media (max-width: 484px) {

  .menka-teams-21 .grid-column-2 {

    grid-template-columns: 1fr;

    grid-row-gap: 10px; }

  .menka-teams-21 .column2 {

    padding: 36px 16px; }

  .menka-teams-21 span.info {

    width: 112px;

    font-size: 14px; } }



@media (max-width: 375px) {

  .menka-teams-21 .column2 {

    padding: 20px 16px 40px; }

  .menka-teams-21 .text {

    margin-bottom: 20px; }

  .menka-teams-21 .team-para {

    margin-bottom: 5px; } }



.menka-contacts-2 a {

  display: inline-block; }



.menka-contacts-2 .grid {

  display: grid; }



.menka-contacts-2 .grid-column-2 {

  grid-template-columns: 1fr 1fr; }



.menka-contacts-2 .contact-main {

  margin-top: 4.5rem;

  margin-bottom: 4.5rem; }



.menka-contacts-2 .header {

  color: var(--title-color);

  line-height: 50px;

  font-size: 45px; }



.menka-contacts-2 .head-main {

  font-weight: normal;

  font-style: normal;

  max-width: 78%;

  font-size: 16px;

  line-height: 28px;

  color: var(--text-color);

  margin-top: 25px; }



.menka-contacts-2 .column2 a {

  text-decoration: none;

  color: var(--text-color);

  line-height: 25px;

  font-size: 17px;

  font-weight: normal;

  font-style: normal; }



.menka-contacts-2 .href1 {

  margin-top: 45px; }



.menka-contacts-2 .href2 {

  margin-top: 10px;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

  padding: 10px 0; }



.menka-contacts-2 .contact-para {

  color: var(--text-color);

  line-height: 25px;

  font-size: 17px;

  margin-top: 10px; }



.menka-contacts-2 .column2 span {

  font-size: 20px;

  color: var(--blue-color);

  vertical-align: middle;

  margin-right: 10px;

  width: 25px;

  text-align: center; }



.menka-contacts-2 .follow {

  margin-top: 45px;

  color: var(--title-color);

  font-size: 20px;

  font-style: normal;

  margin-bottom: 15px;

  font-weight: bold; }



.menka-contacts-2 .column3 a {

  background: #000;

  padding: 10px; }



.menka-contacts-2 .column3 a.facebook {

  background: #3b5998; }



.menka-contacts-2 .column3 a.twitter {

  background: #1da1f2; }



.menka-contacts-2 .column3 a.google {

  background: #dd4b39; }



.menka-contacts-2 .column3 a span {

  color: #fff;

  font-size: 18px; }



@media (max-width: 992px) {

  .menka-contacts-2 .grid-column-2 {

    grid-template-columns: 1fr; }

  .menka-contacts-2 .head-main {

    max-width: 100%; } }



@media (max-width: 736px) {

  .menka-contacts-2 .contact-main {

    margin-top: 3.5rem;

    margin-bottom: 3.5rem; } }



@media (max-width: 576px) {

  .menka-contacts-2 .header {

    line-height: 45px;

    font-size: 40px; } }



@media (max-width: 480px) {

  .menka-contacts-2 .contact-main {

    margin-top: 2.5rem;

    margin-bottom: 2.5rem; }

  .menka-contacts-2 .header {

    line-height: 40px;

    font-size: 35px; } }



.menka-contacts-9-main {

  /* contacts */

  /* //contacts */

  /* responsive */

  /* //responsive */ }

  .menka-contacts-9-main .d-grid {

    display: grid; }

  .menka-contacts-9-main .grid-col-2 {

    grid-template-columns: 1fr 1fr; }

  .menka-contacts-9-main .grid-col-3 {

    grid-template-columns: 1fr 1fr 1fr; }

  .menka-contacts-9-main .grid-col-4 {

    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .menka-contacts-9-main a.action {

    border: none;

    color: #304659;

    font-size: 17px;

    line-height: 25px;

    font-weight: 600;

    display: inline-block; }

  .menka-contacts-9-main a.action img {

    margin-left: 4px; }

  .menka-contacts-9-main .align-center {

    text-align: center; }

  .menka-contacts-9-main .contacts-9 {

    min-height: 60vw;

    padding-bottom: 80px;

    position: relative; }

  .menka-contacts-9-main h4.sub-feat-text {

    color: var(--title-color);

    margin-bottom: 15px;

    font-size: 35px;

    line-height: 40px; }

  .menka-contacts-9-main p.sub-para {

    color: #3B5266;

    font-size: 17px;

    line-height: 25px;

    font-weight: normal;

    margin-bottom: 40px; }

  .menka-contacts-9-main .map-content-9 form {

    display: grid;

    grid-gap: 20px;

    max-width: 650px;

    margin: 0 auto; }

  .menka-contacts-9-main .twice-two {

    display: grid;

    grid-gap: 20px;

    grid-template-columns: 1fr 1fr; }

  .menka-contacts-9-main .map-content-9 form input,

  .menka-contacts-9-main .map-content-9 form textarea {

    width: 100%;

    background: #fff;

    outline: none;

    width: 100%;

    font-size: 17px;

    padding: 10px 15px;

    color: var(--title-color);

    border: 2px solid #eee; }

  .menka-contacts-9-main .map-content-9 form input:focus, .menka-contacts-9-main .map-content-9 form textarea:focus {

    border: 2px solid var(--text-color); }

  .menka-contacts-9-main .map-content-9 form textarea {

    resize: none;

    min-height: 140px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,

 Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

  .menka-contacts-9-main button {

    cursor: -webkit-grab;

    font-weight: 600;

    margin: 0 auto;

    background: var(--theme-color);

    color: #fff;

    text-decoration: none;

    padding: 0px 30px;

    text-align: center;

    font-size: 18px;

    display: inline-block;

    width: 100%;

    height: 45px;

    line-height: 45px;

    border: none;

    border-radius: 4px; }

  .menka-contacts-9-main .map-content-9 {

    background: #fff;

    max-width: 946px;

    margin: 0 auto;

    padding: 60px 070px;

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -64%;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); }

  .menka-contacts-9-main .contacts-sub-9 {

    position: relative; }

  .menka-contacts-9-main .contacts-sub-9 iframe {

    width: 100%;

    min-height: 540px; }

  @media (max-width: 1440px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 67vw; } }

  @media (max-width: 1366px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 71vw; } }

  @media (max-width: 1280px) {

    .menka-contacts-9-main .contacts-sub-9 iframe {

      min-height: 450px; }

    .menka-contacts-9-main .map-content-9 {

      bottom: -84%; } }

  @media (max-width: 1080px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 84vw; } }

  @media (max-width: 1050px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 87vw; } }

  @media (max-width: 1024px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 90vw; } }

  @media (max-width: 991px) {

    .menka-contacts-9-main .map-content-9 {

      max-width: 800px; }

    .menka-contacts-9-main .contacts-9 {

      padding-bottom: 50px; } }

  @media (max-width: 900px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 100vw; } }

  @media (max-width: 800px) {

    .menka-contacts-9-main .map-content-9 {

      max-width: 600px; }

    .menka-contacts-9-main h4.sub-feat-text {

      margin-bottom: 10px;

      font-size: 33px; }

    .menka-contacts-9-main p.sub-para {

      font-size: 15px; }

    .menka-contacts-9-main .map-content-9 {

      padding: 50px 50px; }

    .menka-contacts-9-main .contacts-9 {

      min-height: 110vw; } }

  @media (max-width: 768px) {

    .menka-contacts-9-main .contacts-sub-9 iframe {

      min-height: 410px; }

    .menka-contacts-9-main .map-content-9 {

      bottom: -90%; } }

  @media (max-width: 736px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 114vw; } }

  @media (max-width: 667px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 126vw; } }

  @media (max-width: 640px) {

    .menka-contacts-9-main .map-content-9 {

      padding: 40px;

      max-width: 500px; }

    .menka-contacts-9-main .contacts-9 {

      min-height: 131vw; } }

  @media (max-width: 600px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 140vw; } }

  @media (max-width: 568px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 147vw; } }

  @media (max-width: 480px) {

    .menka-contacts-9-main h4.sub-feat-text {

      margin-bottom: 8px;

      font-size: 30px; }

    .menka-contacts-9-main p.sub-para {

      font-size: 14px;

      margin-bottom: 35px;

      line-height: 20px; }

    .menka-contacts-9-main .map-content-9 {

      max-width: 400px;

      bottom: -108%; }

    .menka-contacts-9-main .twice-two {

      grid-template-columns: 1fr; }

    .menka-contacts-9-main button {

      width: 100%; }

    .menka-contacts-9-main .contacts-9 {

      min-height: 190vw; } }

  @media (max-width: 414px) {

    .menka-contacts-9-main .map-content-9 {

      padding: 40px 30px;

      margin: 0 1.5em; }

    .menka-contacts-9-main .contacts-9 {

      min-height: 220vw; } }

  @media (max-width: 384px) {

    .menka-contacts-9-main .map-content-9 {

      bottom: -118%; }

    .menka-contacts-9-main h4.sub-feat-text {

      margin-bottom: 20px;

      font-size: 28px;

      line-height: 28px; }

    .menka-contacts-9-main .contacts-9 {

      min-height: 248vw; } }

  @media (max-width: 375px) {

    .menka-contacts-9-main .contacts-9 {

      min-height: 254vw; } }

  @media (max-width: 320px) {

    .menka-contacts-9-main .map-content-9 {

      margin: 0 1em; }

    .menka-contacts-9-main .contacts-9 {

      min-height: 296vw; } }



.menka-portfolio-8 {

  /*--resposive---*/ }

  .menka-portfolio-8 .portfolio-main {

    padding: 4.5rem 0; }

  .menka-portfolio-8 h3.protolio-title {

    font-size: 35px;

    line-height: 40px;

    margin-bottom: 30px;

    color: var(--title-color); }

  .menka-portfolio-8 .d-grid {

    display: grid; }

  .menka-portfolio-8 .align-row-two-left-big {

    grid-template-columns: 2fr 1fr;

    grid-gap: 20px; }

  .menka-portfolio-8 .align-row-one {

    grid-template-columns: 1fr;

    grid-gap: 20px;

    margin-top: 20px; }

  .menka-portfolio-8 .align-row-two {

    grid-template-columns: 1fr 1fr;

    grid-gap: 20px;

    margin-top: 20px; }

  .menka-portfolio-8 .align-row-three {

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 20px;

    margin-top: 20px; }

  .menka-portfolio-8 .align-row-four {

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 20px;

    margin-top: 20px; }

  .menka-portfolio-8 .align-row-one {

    grid-template-columns: 1fr;

    grid-gap: 20px;

    margin-top: 20px; }

  .menka-portfolio-8 .align-row-two-right-big {

    grid-template-columns: 1fr 2fr;

    grid-gap: 20px;

    margin-top: 20px; }

  .menka-portfolio-8 img {

    width: 100%; }

  .menka-portfolio-8 .protfolio-item img {

    display: block; }

  .menka-portfolio-8 .protfolio-item a img:hover {

    -webkit-filter: grayscale(80%);

    filter: grayscale(80%);

    transition: 0.3s ease-in; }

  @media (max-width: 1024px) {

    .menka-portfolio-8 h3.protolio-title {

      font-size: 33px;

      line-height: 40px; }

    .menka-portfolio-8 h3.protolio-title {

      margin-bottom: 15px; } }

  @media (max-width: 991px) {

    .menka-portfolio-8 .align-row-two-left-big {

      grid-gap: 10px; }

    .menka-portfolio-8 .align-row-one, .menka-portfolio-8 .align-row-two, .menka-portfolio-8 .align-row-three, .menka-portfolio-8 .align-row-four, .menka-portfolio-8 .align-row-one, .menka-portfolio-8 .align-row-two-right-big {

      grid-gap: 10px;

      margin-top: 10px; } }

  @media (max-width: 768px) {

    .menka-portfolio-8 h3.protolio-title {

      font-size: 30px;

      line-height: 35px; } }

  @media (max-width: 736px) {

    .menka-portfolio-8 .portfolio-main {

      padding: 3.5rem 0; } }

  @media (max-width: 568px) {

    .menka-portfolio-8 h3.protolio-title {

      font-size: 27px;

      line-height: 33px; } }

  @media (max-width: 568px) {

    .menka-portfolio-8 h3.protolio-title {

      font-size: 25px;

      line-height: 33px; } }

  @media (max-width: 480px) {

    .menka-portfolio-8 .portfolio-main {

      padding: 2.5rem 0; } }

  @media (max-width: 375px) {

    .menka-portfolio-8 h3.protolio-title {

      font-size: 22px;

      line-height: 29px; }

    .menka-portfolio-8 .align-row-two-left-big {

      grid-gap: 5px; }

    .menka-portfolio-8 .align-row-one, .menka-portfolio-8 .align-row-two, .menka-portfolio-8 .align-row-three, .menka-portfolio-8 .align-row-four, .menka-portfolio-8 .align-row-one, .menka-portfolio-8 .align-row-two-right-big {

      grid-gap: 5px;

      margin-top: 5px; } }



.menka-error-page {

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

    Page

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

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

    Content

    --------------------*/ }

  .menka-error-page ::-moz-selection {

    background: #CDD4DE; }

  .menka-error-page ::selection {

    background: #CDD4DE; }

  .menka-error-page .page {

    z-index: 1;

    background: #0D0C1E;

    min-height: 100vh;

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

    background-size: cover; }

  .menka-error-page .content {

    text-align: center;

    padding: 9rem 0;

    color: #ffffff;

    min-height: 100vh;

    background: linear-gradient(to right, rgba(37, 104, 239, 0.8), rgba(255, 86, 79, 0.8)); }

    .menka-error-page .content h1 {

      font-weight: 900;

      font-size: 165px;

      line-height: 1; }

    .menka-error-page .content h2 {

      font-weight: 700;

      font-size: 34px;

      margin-bottom: 6px; }

    .menka-error-page .content p {

      font-weight: 300;

      font-size: 22px;

      margin-bottom: 50px;

      margin-top: 50px; }

    .menka-error-page .content a {

      text-transform: uppercase;

      background: var(--title-color); }

    @media (max-width: 736px) {

      .menka-error-page .content h1 {

        font-size: 145px; }

      .menka-error-page .content h2 {

        font-size: 32px; }

      .menka-error-page .content p {

        font-size: 20px; } }

    @media (max-width: 568px) {

      .menka-error-page .content h1 {

        font-size: 125px; }

      .menka-error-page .content h2 {

        font-size: 30px; }

      .menka-error-page .content p {

        font-size: 18px; } }

    @media (max-width: 480px) {

      .menka-error-page .content h1 {

        font-size: 105px; } }



.menka-timeline-block {

  /* Variables */

  /* Styling */ }

  .menka-timeline-block .timeline {

    margin: 4em auto;

    position: relative;

    max-width: 46em; }

    .menka-timeline-block .timeline:before {

      background-color: #ececec;

      content: '';

      margin-left: -1px;

      position: absolute;

      top: 0;

      left: 2em;

      width: 2px;

      height: 100%; }

  .menka-timeline-block .timeline-event {

    position: relative; }

    .menka-timeline-block .timeline-event:hover .timeline-event-icon {

      rotate: -45deg;

      background-color: #DC143c; }

    .menka-timeline-block .timeline-event:hover .timeline-event-thumbnail {

      box-shadow: inset 40em 0 0 0 #DC143c; }

  .menka-timeline-block .timeline-event-copy {

    padding: 2em;

    position: relative;

    top: -1.875em;

    left: 4em;

    width: 80%; }

    .menka-timeline-block .timeline-event-copy h3 {

      font-size: 1.75em;

      color: var(--title-color); }

    .menka-timeline-block .timeline-event-copy h4 {

      font-size: 0.875em;

      margin-bottom: 1.2em;

      color: #757575;

      margin-top: 6px;

      font-style: italic;

      font-weight: normal; }

    .menka-timeline-block .timeline-event-copy strong {

      font-weight: 700; }

    .menka-timeline-block .timeline-event-copy p:not(.timeline-event-thumbnail) {

      padding-bottom: 1.2em;

      font-size: 16px;

      line-height: 28px;

      color: var(--text-color); }

  .menka-timeline-block .timeline-event-icon {

    transition: transform 0.2s ease-in;

    background-color: var(--bg-color);

    outline: 10px solid #ececec;

    display: block;

    margin: 0.5em 0.5em 0.5em -0.5em;

    position: absolute;

    top: 0;

    left: 2em;

    width: 1em;

    height: 1em; }

  .menka-timeline-block .timeline-event-thumbnail {

    transition: box-shadow 0.3s ease-in 0.1s;

    color: white;

    font-size: 0.75em;

    background-color: var(--blue-color);

    display: inline-block;

    margin-bottom: 25px;

    padding: 10px; }

  @media (max-width: 736px) {

    .menka-timeline-block .timeline {

      margin: 3.5em auto; } }

  @media (max-width: 480px) {

    .menka-timeline-block .timeline {

      margin: 2.5em auto; }

    .menka-timeline-block .timeline-event-copy {

      padding: 2em 1em; } }



.menka-form1 {

  /* The container */

  /* Hide the browser's default checkbox */

  /* Create a custom checkbox */

  /* On mouse-over, add a grey background color */

  /* When the checkbox is checked, add a blue background */

  /* Create the checkmark/indicator (hidden when not checked) */

  /* Show the checkmark when checked */

  /* Style the checkmark/indicator */

  /*-- responsive design --*/

  /*-- //responsive design --*/ }

  .menka-form1 .form-content {

    display: flex; }

  .menka-form1 .top {

    display: flex;

    justify-content: space-between;

    align-items: center; }

  .menka-form1 .form-content h3 {

    font-size: 50px;

    line-height: 40px;

    color: #fff;

    margin-top: 25px; }

  .menka-form1 .form-content h5 {

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 13px;

    line-height: 20px;

    color: #fff; }

  .menka-form1 .form-content p {

    margin-top: 25px;

    font-weight: normal;

    font-size: 16px;

    line-height: 28px;

    color: #e2e2e2; }

  .menka-form1 .form-content a.btn {

    text-align: center;

    margin-bottom: 70px;

    background: #fff;

    padding: 15px 30px;

    color: var(--theme-color);

    border-radius: 4px;

    font-size: 17px;

    text-decoration: none;

    display: inline-block;

    margin-top: 40px; }

  .menka-form1 .form-left {

    width: 30%;

    float: left;

    padding: 30px;

    box-sizing: border-box;

    min-height: 100vh;

    padding-bottom: 60px; }

  .menka-form1 .form-right {

    width: 70%;

    float: left;

    text-align: center;

    background: url(../images/loginbg2.jpg) no-repeat center;

    background-size: cover;

    box-sizing: border-box;

    min-height: 100%;

    position: relative; }

  .menka-form1 .overlay {

    background: rgba(220, 20, 60, 0.75);

    min-height: inherit; }

  .menka-form1 .grid-info-form {

    top: 50%;

    left: 50%;

    text-align: center;

    color: #fff;

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

    max-width: 500px;

    margin: 0 auto;

    position: absolute; }

  .menka-form1 a.sign-in {

    color: var(--title-color);

    font-size: 16px;

    font-weight: normal;

    float: right;

    text-decoration: underline; }

  .menka-form1 .signin-form {

    margin-top: 25px;

    width: 100%;

    overflow: hidden; }

  .menka-form1 .middle {

    margin-top: 80px; }

  .menka-form1 .middle h4 {

    font-size: 32px;

    color: var(--title-color);

    font-weight: normal; }

  .menka-form1 .middle P {

    max-width: 100%;

    margin: auto;

    margin-top: 5px;

    color: var(--text-color);

    font-size: 16px; }

  .menka-form1 .signin-form label {

    color: var(--text-color);

    font-size: 15px;

    display: block;

    line-height: 33px; }

  .menka-form1 .signin-form .form-input {

    margin-bottom: 15px; }

  .menka-form1 .form-input input {

    background: #fff;

    outline: none;

    width: 100%;

    font-size: 17px;

    padding: 10px 15px;

    color: var(--title-color);

    border: 2px solid #eee; }

  .menka-form1 .form-input input:focus {

    border: 2px solid var(--text-color); }

  .menka-form1 .signin-form button.btn {

    background: var(--theme-color);

    color: #fff;

    text-decoration: none;

    padding: 0px 30px;

    text-align: center;

    font-size: 18px;

    display: inline-block;

    width: 100%;

    height: 45px;

    line-height: 45px;

    margin-top: 30px;

    border: none;

    border-radius: 4px; }

  .menka-form1 .form-content p.agree {

    font-size: 15px;

    line-height: 20px;

    color: #3B5266; }

  .menka-form1 .container {

    display: block;

    position: relative;

    padding-left: 30px;

    margin-bottom: 0px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  .menka-form1 .container input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0; }

  .menka-form1 .checkmark {

    position: absolute;

    top: 6px;

    left: 0;

    height: 21px;

    width: 21px;

    background-color: #E1E9F0; }

  .menka-form1 .container:hover input ~ .checkmark {

    background-color: #E1E9F0; }

  .menka-form1 .container input:checked ~ .checkmark {

    background-color: #304659; }

  .menka-form1 .checkmark:after {

    content: "";

    position: absolute;

    display: none; }

  .menka-form1 .container input:checked ~ .checkmark:after {

    display: block; }

  .menka-form1 .container .checkmark:after {

    left: 7px;

    top: 3px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg); }

  @media (max-width: 1080px) {

    .menka-form1 .form-left {

      width: 40%; }

    .menka-form1 .form-right {

      width: 60%; }

    .menka-form1 .middle {

      margin-top: 80px; }

    .menka-form1 .middle h4 {

      font-size: 30px;

      line-height: 30px; }

    .menka-form1 .form-content h3 {

      font-size: 45px; }

    .menka-form1 .signin-form {

      margin-top: 45px; }

    .menka-form1 .grid-info-form {

      width: 100%; } }

  @media (max-width: 900px) {

    .menka-form1 .form-left {

      padding: 20px; } }

  @media (max-width: 800px) {

    .menka-form1 .grid-info-form {

      padding: 0 15px; }

    .menka-form1 .form-content h3 {

      font-size: 38px;

      margin-top: 20px; }

    .menka-form1 .signin-form button.btn {

      margin-top: 20px; }

    .menka-form1 .middle P {

      margin-top: 10px; } }

  @media (max-width: 736px) {

    .menka-form1 .signin-form label {

      font-size: 14px; }

    .menka-form1 .signin-form {

      margin-top: 30px; }

    .menka-form1 .middle P {

      font-size: 16px; }

    .menka-form1 a.sign-in {

      font-size: 20px; }

    .menka-form1 .middle h4 {

      font-size: 26px;

      line-height: 30px; }

    .menka-form1 .form-content a.btn {

      margin-top: 30px;

      margin-bottom: 50px; } }

  @media (max-width: 667px) {

    .menka-form1 .form-content {

      flex-direction: column; }

    .menka-form1 .form-left {

      padding: 30px 30px;

      width: 100%; }

    .menka-form1 .form-right {

      width: 100%; }

    .menka-form1 .signin-form {

      margin-bottom: 0px; }

    .menka-form1 .form-left {

      min-height: 400px;

      padding-bottom: 50px; }

    .menka-form1 .grid-info-form {

      top: 0;

      left: 0;

      transform: translate(0%, 0%);

      position: static;

      padding: 55px 15px; }

    .menka-form1 .form-content a.btn {

      margin-top: 30px;

      margin-bottom: 0px; } }

  @media (max-width: 600px) {

    .menka-form1 .middle {

      margin-top: 60px; } }

  @media (max-width: 480px) {

    .menka-form1 .form-left {

      padding: 30px 16px;

      padding-bottom: 50px; } }

  @media (max-width: 415px) {

    .menka-form1 .form-content h3 {

      font-size: 35px; }

    .menka-form1 .signin-form label {

      font-size: 13px; } }



.menka-gallery-4 {

  /*-- gallery4 block --*/

  /* main slider */

  /*-- /main-slider --*/

  /*-- slider responsive --*/

  /*-- /slider responsive --*/ }

  .menka-gallery-4 #gallery4-block {

    padding: 3rem 0 4.5rem; }

  .menka-gallery-4 h3.gallery4-head {

    font-size: 35px;

    line-height: 40px;

    color: var(--title-color);

    margin-bottom: 40px; }

  .menka-gallery-4 .main-slider {

    position: relative;

    z-index: 1; }

  .menka-gallery-4 .slider-info a img {

    transition: 0.3s ease-in;

    -webkit-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in;

    width: 100%; }

  .menka-gallery-4 .slider-info a img:hover {

    -webkit-filter: grayscale(80%);

    /* Safari 6.0 - 9.0 */

    filter: grayscale(80%);

    transition: 0.3s ease-in;

    -webkit-transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    -moz-transition: 0.3s ease-in;

    -ms-transition: 0.3s ease-in; }

  .menka-gallery-4 .csslider > input {

    display: none; }

  .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {

    margin-left: -900%; }

  .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {

    margin-left: -800%; }

  .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {

    margin-left: -700%; }

  .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {

    margin-left: -600%; }

  .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {

    margin-left: -500%; }

  .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {

    margin-left: -400%; }

  .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {

    margin-left: -300%; }

  .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {

    margin-left: -200%; }

  .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {

    margin-left: -100%; }

  .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {

    margin-left: 0%; }

  .menka-gallery-4 .csslider > ul {

    position: relative;

    z-index: 1;

    font-size: 0;

    line-height: 0;

    margin: 0 auto;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    box-sizing: border-box;

    scroll-behavior: smooth; }

  .menka-gallery-4 .csslider > ul > li {

    position: relative;

    display: inline-block;

    width: 100%;

    font-size: initial;

    line-height: normal;

    transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);

    vertical-align: top;

    box-sizing: border-box;

    white-space: normal;

    scroll-behavior: smooth; }

  .menka-gallery-4 .csslider > ul > li.scrollable {

    overflow-y: scroll;

    scroll-behavior: smooth; }

  .menka-gallery-4 .csslider > .navigation {

    position: absolute;

    bottom: -5%;

    z-index: 10;

    font-size: 0;

    line-height: 0;

    text-align: center;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width: 100%;

    scroll-behavior: smooth; }

  .menka-gallery-4 .csslider > .navigation label {

    position: relative;

    display: inline-block;

    cursor: pointer;

    padding: 3px 50px;

    background: #f3f3f3;

    opacity: 0.7;

    margin: 0; }

  .menka-gallery-4 .csslider > .navigation label:hover:after {

    opacity: 1; }

  .menka-gallery-4 .csslider > .navigation label:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -50px;

    margin-top: -3px;

    background: var(--theme-color);

    padding: 3px 50px;

    opacity: 0; }

  .menka-gallery-4 .csslider > .arrows {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  .menka-gallery-4 .csslider.inside .navigation {

    bottom: 10px;

    margin-bottom: 10px; }

  .menka-gallery-4 .csslider.inside .navigation label {

    border: 1px solid #7e7e7e; }

  .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,

  .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,

  .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,

  .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,

  .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,

  .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,

  .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,

  .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,

  .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,

  .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,

  .menka-gallery-4 .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {

    opacity: 1; }

  .menka-gallery-4 .csslider > .arrows {

    position: absolute;

    top: 45px;

    width: 100%;

    height: 26px;

    z-index: 1;

    box-sizing: content-box; }

  .menka-gallery-4 .csslider > .arrows label {

    display: none;

    position: absolute;

    padding: 8px;

    box-shadow: inset 2px -2px 0 1px #304659;

    cursor: pointer;

    transition: box-shadow 0.15s, margin 0.15s; }

  .menka-gallery-4 .csslider > .arrows label:hover {

    box-shadow: inset 3px -3px 0 2px #000000;

    margin: 0 0px; }

  .menka-gallery-4 .csslider > .arrows label:before {

    content: '';

    position: absolute;

    top: -100%;

    left: -100%;

    height: 300%;

    width: 300%; }

  .menka-gallery-4 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

  .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

  .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

  .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

  .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

  .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

  .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

  .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

  .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

  .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

  .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

  .menka-gallery-4 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

    display: block;

    right: 45px;

    top: 4px;

    transform: rotate(45deg); }

  .menka-gallery-4 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

  .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

  .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

  .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

  .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

  .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

  .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

  .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

  .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

  .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

  .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

  .menka-gallery-4 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

    display: block;

    right: 15px;

    top: 4px;

    left: auto;

    transform: rotate(225deg); }

  .menka-gallery-4 #slider1 > input:nth-of-type(1):checked ~ ul #bg,

  .menka-gallery-4 #slider1 > input:nth-of-type(2):checked ~ ul #bg1,

  .menka-gallery-4 #slider1 > input:nth-of-type(3):checked ~ ul #bg2,

  .menka-gallery-4 #slider1 > input:nth-of-type(4):checked ~ ul #bg3 {

    width: 100%;

    transition: 0.5s 0.5s;

    text-align: center;

    padding: 0;

    height: 100%; }

  .menka-gallery-4 #slider1 > input:nth-of-type(1):checked ~ ul #bg div,

  .menka-gallery-4 #slider1 > input:nth-of-type(2):checked ~ ul #bg1 div,

  .menka-gallery-4 #slider1 > input:nth-of-type(3):checked ~ ul #bg2 div,

  .menka-gallery-4 #slider1 > input:nth-of-type(4):checked ~ ul #bg3 div {

    transform: translate(0);

    transition: 0.5s 0.9s; }

  @media (max-width: 800px) {

    .menka-gallery-4 h3.gallery4-head {

      font-size: 30px;

      line-height: 37px; } }

  @media (max-width: 800px) {

    .menka-gallery-4 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-gallery-4 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 12px; } }

  @media (max-width: 500px) {

    .menka-gallery-4 h3.gallery4-head {

      margin-bottom: 20px; }

    .menka-gallery-4 .csslider > .arrows {

      top: 75px; }

    .menka-gallery-4 .csslider > .arrows {

      bottom: -35px;

      top: auto; }

    .menka-gallery-4 .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,

    .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),

    .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),

    .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),

    .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),

    .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),

    .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),

    .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),

    .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),

    .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),

    .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),

    .menka-gallery-4 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {

      right: auto;

      left: 20px; }

    .menka-gallery-4 .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,

    .menka-gallery-4 .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),

    .menka-gallery-4 .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),

    .menka-gallery-4 .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),

    .menka-gallery-4 .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),

    .menka-gallery-4 .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),

    .menka-gallery-4 .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),

    .menka-gallery-4 .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),

    .menka-gallery-4 .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),

    .menka-gallery-4 .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),

    .menka-gallery-4 .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),

    .menka-gallery-4 .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {

      right: 20px; }

    .menka-gallery-4 .csslider > .navigation {

      bottom: -25px; }

    .menka-gallery-4 #gallery4-block {

      padding: 2rem 0 4rem; }

    .menka-gallery-4 .csslider > .navigation label {

      padding: 2px 40px; }

    .menka-gallery-4 .csslider > .navigation label:after {

      margin-left: -40px;

      padding: 2px 40px; } }

  @media (max-width: 440px) {

    .menka-gallery-4 h3.gallery4-head {

      font-size: 26px;

      line-height: 34px; }

    .menka-gallery-4 .csslider > .navigation label {

      padding: 2px 30px; }

    .menka-gallery-4 .csslider > .navigation label:after {

      margin-left: -30px;

      padding: 2px 30px; } }

  @media (max-width: 375px) {

    .menka-gallery-4 .csslider > .navigation label {

      padding: 2px 25px; }

    .menka-gallery-4 .csslider > .navigation label:after {

      margin-left: -25px;

      padding: 2px 25px; } }



.menka-block-3 .faq-page {

  padding: 4rem 0; }



.menka-block-3 .transition, .menka-block-3 p, .menka-block-3 ul li i:before, .menka-block-3 ul li i:after {

  transition: all 0.25s ease-in-out; }



.menka-block-3 .flipIn, .menka-block-3 h1, .menka-block-3 ul li {

  -webkit-animation: flipdown 0.5s ease both;

          animation: flipdown 0.5s ease both; }



.menka-block-3 .no-select, .menka-block-3 h2 {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.menka-block-3 h2 {

  font-size: 20px;

  line-height: 34px;

  font-weight: normal;

  display: block;

  background-color: #fefffa;

  margin: 0;

  cursor: pointer; }



.menka-block-3 p {

  color: rgba(48, 69, 92, 0.8);

  font-size: 16px;

  line-height: 26px;

  position: relative;

  overflow: hidden;

  max-height: 800px;

  opacity: 1;

  transform: translate(0, 0);

  margin-top: 14px;

  z-index: 2; }



.menka-block-3 ul {

  list-style: none;

  perspective: 900;

  padding: 0;

  margin: 0; }



.menka-block-3 ul li {

  position: relative;

  padding: 10px 40px 10px 15px;

  border: 1px solid #e0e0e0;

  margin: 0 0 20px 0; }



.menka-block-3 ul li:nth-of-type(1) {

  -webkit-animation-delay: 0.5s;

          animation-delay: 0.5s; }



.menka-block-3 ul li:nth-of-type(2) {

  -webkit-animation-delay: 0.75s;

          animation-delay: 0.75s; }



.menka-block-3 ul li:nth-of-type(3) {

  -webkit-animation-delay: 1s;

          animation-delay: 1s; }



.menka-block-3 ul li:nth-of-type(4) {

  -webkit-animation-delay: 1.25s;

          animation-delay: 1.25s; }



.menka-block-3 ul li:nth-of-type(5) {

  -webkit-animation-delay: 1.50s;

          animation-delay: 1.50s; }



.menka-block-3 ul li:nth-of-type(6) {

  -webkit-animation-delay: 1.75s;

          animation-delay: 1.75s; }



.menka-block-3 ul li i {

  position: absolute;

  transform: translate(-6px, 0);

  margin-top: 16px;

  right: 15px; }



.menka-block-3 ul li i:before, .menka-block-3 ul li i:after {

  content: "";

  position: absolute;

  background-color: #ff6873;

  width: 3px;

  height: 9px; }



.menka-block-3 ul li i:before {

  transform: translate(-2px, 0) rotate(45deg); }



.menka-block-3 ul li i:after {

  transform: translate(2px, 0) rotate(-45deg); }



.menka-block-3 ul li input[type=checkbox] {

  position: absolute;

  cursor: pointer;

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: 0; }



.menka-block-3 ul li input[type=checkbox]:checked ~ p {

  margin-top: 0;

  max-height: 0;

  opacity: 0;

  transform: translate(0, 50%); }



.menka-block-3 ul li input[type=checkbox]:checked ~ i:before {

  transform: translate(2px, 0) rotate(45deg); }



.menka-block-3 ul li input[type=checkbox]:checked ~ i:after {

  transform: translate(-2px, 0) rotate(-45deg); }



@-webkit-keyframes flipdown {

  0% {

    opacity: 0;

    transform-origin: top center;

    transform: rotateX(-90deg); }

  5% {

    opacity: 1; }

  80% {

    transform: rotateX(8deg); }

  83% {

    transform: rotateX(6deg); }

  92% {

    transform: rotateX(-3deg); }

  100% {

    transform-origin: top center;

    transform: rotateX(0deg); } }



@keyframes flipdown {

  0% {

    opacity: 0;

    transform-origin: top center;

    transform: rotateX(-90deg); }

  5% {

    opacity: 1; }

  80% {

    transform: rotateX(8deg); }

  83% {

    transform: rotateX(6deg); }

  92% {

    transform: rotateX(-3deg); }

  100% {

    transform-origin: top center;

    transform: rotateX(0deg); } }



@media (max-width: 736px) {

  .menka-block-3 .faq-page {

    padding: 3rem 0; }

  .menka-block-3 h2 {

    font-size: 18px;

    line-height: 30px; } }



@media (max-width: 480px) {

  .menka-block-3 .faq-page {

    padding: 2.5rem 0; }

  .menka-block-3 h2 {

    font-size: 16px;

    line-height: 25px; } }



.menka-blog-page-content {

  /*-- blog --*/

  /*-- //blog --*/ }

  .menka-blog-page-content .relief-blog {

    padding: 4.5rem 0; }

  .menka-blog-page-content .more a {

    background: var(--theme-color);

    padding: 15px 20px;

    color: var(--white-color);

    border-radius: 4px;

    font-size: 17px;

    text-decoration: none;

    display: inline-block;

    margin-top: 40px;

    font-weight: 600;

    opacity: 0.85; }

  .menka-blog-page-content .more a:hover {

    opacity: 1;

    transition: 0.3s ease; }

  .menka-blog-page-content .menkas-blog-leftr a img {

    display: block;

    width: 100%; }

  .menka-blog-page-content .align-news-grid {

    grid-template-columns: 68% 29%;

    grid-gap: 3%; }

  .menka-blog-page-content .page-blog {

    margin: 60px 0 0 145px; }

  .menka-blog-page-content .menkas-blog-leftr p {

    margin: 2rem 0 0;

    font-size: 16px;

    line-height: 28.6px;

    color: var(--text-color); }

  .menka-blog-page-content .menkas-blog-leftr ul {

    margin: 7px 0 40px; }

  .menka-blog-page-content .menkas-blog-leftr ul li {

    display: inline-block;

    margin: 0 2rem 0 0; }

  .menka-blog-page-content .menkas-blog-leftr ul li:last-child {

    margin: 0; }

  .menka-blog-page-content .menkas-blog-leftr ul li a {

    font-size: 14px;

    color: #949494;

    text-decoration: none; }

  .menka-blog-page-content .menkas-blog-leftr ul li a span {

    margin-right: 3px;

    vertical-align: baseline; }

  .menka-blog-page-content .menkas-blog-leftr ul li a:hover {

    color: #848484;

    text-decoration: none; }

  .menka-blog-page-content .w3-agile-blog-right h3, .menka-blog-page-content .response h4, .menka-blog-page-content .coment-form h4 {

    margin: 0 0 1rem;

    font-size: 20px;

    color: var(--title-color); }

  .menka-blog-page-content .w3-agile-blog-right ul {

    padding: 0 0 0 2em;

    margin: 0; }

  .menka-blog-page-content .w3-agile-blog-right ul li {

    margin: 5px 0;

    list-style-type: square; }

  .menka-blog-page-content .w3-agile-blog-right ul li a {

    color: var(--text-color);

    line-height: 28px;

    text-decoration: none;

    padding: 8px 0px;

    border-radius: 4px; }

  .menka-blog-page-content .w3-agile-blog-right ul li a:hover {

    opacity: 0.8; }

  .menka-blog-page-content ul.w3-tag2 li a {

    color: var(--white-color);

    line-height: 28px;

    text-decoration: none;

    background: var(--bg-color);

    padding: 8px 10px;

    border-radius: 4px; }

  .menka-blog-page-content .w3-blog-left-grid {

    background: rgba(247, 247, 247, 0.55);

    padding: 2rem;

    margin-bottom: 3rem; }

  .menka-blog-page-content .agile-info-recent {

    border-bottom: 1px solid #eee;

    padding: 2rem 0; }

  .menka-blog-page-content a.blog-title {

    color: var(--title-color); }

  .menka-blog-page-content a.blog-title:hover {

    opacity: 0.9; }

  .menka-blog-page-content p.menkaayouts-post-date {

    font-size: 15px;

    color: #949494;

    margin-top: 0; }

  .menka-blog-page-content h3.wthree-post-title {

    font-weight: 600;

    font-size: 35px;

    margin: 5px 0px; }

  .menka-blog-page-content .wom {

    float: left;

    width: 25%;

    margin-top: 2px; }

  .menka-blog-page-content .wom img {

    width: 100%; }

  .menka-blog-page-content .wom-right {

    float: right;

    width: 70%; }

  .menka-blog-page-content .wom-right h4 a {

    color: var(--theme-color);

    font-size: 14px;

    text-decoration: none;

    text-transform: uppercase; }

  .menka-blog-page-content .wom-right h4 a:hover {

    text-decoration: none; }

  .menka-blog-page-content .wom-right h4 {

    margin: 0 0 3px; }

  .menka-blog-page-content .wom-right p {

    font-size: 14px;

    line-height: 22.4px;

    color: var(--text-color); }

  .menka-blog-page-content .recent-grid:nth-child(2) {

    margin: 2em 0; }

  .menka-blog-page-content .align-insta-pics {

    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .menka-blog-page-content .align-insta-pics img {

    display: block; }

  .menka-blog-page-content .footer-top-grid1 ul.w3-tag2 {

    padding: 0;

    margin: 0 0 8px; }

  .menka-blog-page-content .footer-top-grid1 ul.w3-tag2 li {

    display: inline-block; }

  .menka-blog-page-content .footer-top-grid1 ul.w3-tag2 {

    display: block; }

  .menka-blog-page-content a.older {

    text-decoration: none;

    color: #000000;

    font-size: 20px;

    float: left; }

  .menka-blog-page-content a.older span {

    font-size: 15px;

    vertical-align: baseline; }

  .menka-blog-page-content a.top-old {

    float: right; }

  .menka-blog-page-content iframe.w3-blog-video {

    width: 100%;

    height: 350px; }

  .menka-blog-page-content aside {

    background: #fafafa;

    padding: 2rem; }

  .menka-blog-page-content .blog-subscribe form {

    display: flex; }

  .menka-blog-page-content .blog-subscribe input {

    padding: .8em 1em;

    outline: none;

    font-size: 18px;

    color: #000;

    border: 1px solid #eee;

    border-radius: 0;

    -webkit-border-radius: 0;

    -o-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    width: 82%; }

  .menka-blog-page-content .blog-subscribe input:focus {

    box-shadow: none;

    border: 1px solid var(--theme-color); }

  .menka-blog-page-content .blog-subscribe form button[type="submit"] {

    display: inline-block;

    padding: 8px 16px;

    background-color: var(--theme-color);

    color: #ffffff;

    font-size: 15px;

    border-radius: 0;

    border: none;

    width: 18%; }

  .menka-blog-page-content .blog-subscribe p {

    margin-top: 8px;

    font-size: 14px; }

  .menka-blog-page-content .comments-grid-right h4 {

    font-size: 18px;

    color: #333333; }

  .menka-blog-page-content p.date {

    font-size: 15px;

    color: #949494;

    margin: 0.5rem 0 1rem 0; }

  .menka-blog-page-content a.reply {

    font-size: 15px;

    color: var(--theme-color);

    margin-top: 2rem;

    display: inline-block; }

  .menka-blog-page-content a.reply:hover {

    opacity: 0.8; }

  .menka-blog-page-content p.comment-w3 {

    font-size: 15px;

    color: #5d5d5d;

    line-height: 22px; }

  .menka-blog-page-content ul.share {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 1rem 0;

    margin: 2em 0; }

  .menka-blog-page-content ul.share li {

    display: inline-block;

    margin: 0 15px 0px 0;

    color: #333333;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600; }

  .menka-blog-page-content ul.share li a {

    display: block;

    width: 35px;

    height: 35px;

    line-height: 35px;

    color: #fff;

    text-align: center; }

  .menka-blog-page-content ul.share li a.facebook {

    background: #3b5998; }

  .menka-blog-page-content ul.share li a.twitter {

    background: #1da1f2; }

  .menka-blog-page-content ul.share li a.googleplus {

    background: #dd4b39; }

  .menka-blog-page-content .align-post-comments {

    grid-template-columns: 1fr 3fr;

    grid-gap: 30px;

    margin-top: 1.5rem; }

  .menka-blog-page-content h3.aside-title {

    font-size: 40px;

    color: var(--title-color); }

  .menka-blog-page-content h3.reply-title {

    font-size: 30px;

    color: var(--title-color);

    margin-top: 5rem; }

  .menka-blog-page-content .comment-top input[type="text"], .menka-blog-page-content .comment-top input[type="email"], .menka-blog-page-content .comment-top textarea {

    width: 100%;

    outline: none;

    border: 1px solid #e2e2e2;

    padding: 0.7em 1em;

    font-size: 0.9em;

    color: #777;

    margin: 0 0 0.7em; }

  .menka-blog-page-content .comment-top textarea {

    min-height: 150px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

  .menka-blog-page-content button.submit {

    background: var(--theme-color);

    padding: 15px 20px;

    color: var(--white-color);

    border-radius: 4px;

    font-size: 17px;

    text-decoration: none;

    display: inline-block;

    margin-top: 20px;

    font-weight: 600;

    opacity: 0.8;

    border: none; }

  .menka-blog-page-content button.submit:hover {

    opacity: 1;

    transition: 0.3s ease; }

  .menka-blog-page-content .form-control:focus {

    box-shadow: none;

    border: 1px solid #e2e2e2;

    background: #fff; }

  .menka-blog-page-content p.msg-w3 {

    font-size: 14px;

    color: #868686;

    margin-bottom: 15px; }

  @media (max-width: 1024px) {

    .menka-blog-page-content aside {

      padding: 2rem 1rem; } }

  @media (max-width: 1024px) {

    .menka-blog-page-content .align-news-grid {

      grid-template-columns: 100%;

      grid-gap: 50px; } }

  @media (max-width: 736px) {

    .menka-blog-page-content .relief-blog {

      padding: 3.5rem 0; } }

  @media (max-width: 500px) {

    .menka-blog-page-content .w3-blog-left-grid {

      padding: 1rem 1rem 2rem; }

    .menka-blog-page-content h3.aside-title {

      font-size: 30px; } }

  @media (max-width: 480px) {

    .menka-blog-page-content .relief-blog {

      padding: 2.5rem 0; }

    .menka-blog-page-content h3.wthree-post-title {

      font-size: 30px; } }

  @media (max-width: 384px) {

    .menka-blog-page-content h3.wthree-post-title {

      font-size: 26px; }

    .menka-blog-page-content .menkas-blog-leftr ul li {

      margin: 0 0.5rem 0 0; } }



.menka-grid-2 .search-results-block {

  padding: 4rem 0; }



.menka-grid-2 .grid {

  display: grid;

  margin-top: 20px; }



.menka-grid-2 .grid-column-2 {

  grid-template-columns: 1fr 1fr 1fr;

  grid-gap: 35px; }



.menka-grid-2 .grid-para {

  color: var(--title-color);

  line-height: 22px;

  font-size: 17px;

  padding: 15px;

  font-weight: normal; }



.menka-grid-2 .column {

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); }



.menka-grid-2 .column a {

  display: block; }



.menka-grid-2 .column a img {

  width: 100%;

  display: block; }



.menka-grid-2 .paragraph {

  color: var(--theme-color);

  padding: 15px;

  line-height: 20px;

  font-size: 15px;

  font-weight: normal;

  font-style: normal;

  padding-top: 0; }



.menka-grid-2 h3.found-title {

  font-size: 30px;

  font-weight: normal;

  margin-bottom: 2rem;

  color: var(--text-color); }



@media (max-width: 992px) {

  .menka-grid-2 .grid-column-2 {

    grid-gap: 20px; } }



@media (max-width: 736px) {

  .menka-grid-2 .search-results-block {

    padding: 3.5rem 0; } }



@media (max-width: 767px) {

  .menka-grid-2 .grid-column-2 {

    grid-template-columns: 1fr 1fr; } }



@media (max-width: 500px) {

  .menka-grid-2 .grid-column-2 {

    grid-template-columns: 1fr;

    grid-gap: 30px; }

  .menka-grid-2 h3.found-title {

    font-size: 25px;

    margin-bottom: 1rem; } }



@media (max-width: 480px) {

  .menka-grid-2 .search-results-block {

    padding: 2.5rem 0; } }



/*--product--*/

.ecommerce-align {

  grid-template-columns: 0.3fr 1fr;

  grid-gap: 30px; }



.banner-top {

  text-align: center;

  width: 100%;

  height: 150px;

  display: block;

  background: url(../images/back.jpg) no-repeat center;

  padding: 3em 0;

  background-size: cover; }



.banner-top h2 {

  font-size: 2.5em;

  color: #fff;

  float: left;

  font-weight: 700;

  text-transform: uppercase; }



.banner-top h3 {

  font-size: 0.9em;

  color: #fff;

  margin-top: 1em;

  float: right; }



.banner-top h3 a {

  color: #FF7000; }



.banner-top h3 label {

  margin: 0 0.4em; }



/*--banner--*/

.categories h3,

.price h3,

.colors h3,

.sellers h3 {

  font-size: 20px;

  color: #FFFFFF;

  margin: 0;

  padding: 10px;

  background: var(--blue-color);

  font-weight: normal; }



.categories {

  background: #f9f9f9; }



.price,

.colors,

.sellers {

  margin-top: 2rem;

  background: #f9f9f9; }



ul.cate,

.price-head,

.color-top {

  padding: 20px 15px; }



.product-head {

  padding: 20px 15px; }



.align-price {

  grid-template-columns: 1fr 1fr;

  grid-column-gap: 20px; }



ul.star {

  margin-top: 12px; }



ul.star li {

  display: inline-block; }



ul.star span {

  color: #a9a90e;

  font-size: 13px;

  vertical-align: text-top; }



.categories ul li {

  display: block;

  color: #999;

  font-size: 1em;

  margin-bottom: 1em; }



.categories ul li a:hover {

  color: var(--theme-color); }



.categories ul li a {

  color: var(--title-color);

  text-decoration: none;

  font-size: 15px; }



ul.cate ul {

  margin-left: 15px;

  border-left: 1px solid #eee;

  padding-left: 15px; }



.price-head1 {

  padding-left: 0; }



.price-head2 {

  padding-right: 0; }



/*--price--*/

.price-top1 {

  border: 1px solid #999; }



span.price-top {

  display: inline-block;

  color: #999;

  font-size: 1em;

  padding: 3px 6px; }



.price-top1 input[type="text"] {

  width: 75%;

  border: none;

  border-left: 1px solid #999;

  padding: 3px 6px;

  outline: none;

  color: #999;

  font-size: 1em; }



/*--//price--*/

/*--color--*/

.color-top ul li {

  display: inline-block; }



.color-top ul li a {

  text-decoration: none; }



.color-top ul li a i {

  width: 30px;

  height: 30px;

  display: block;

  background: #d52685;

  border: 1px solid #8C8C8C; }



.color-top ul li a i.color7 {

  background: #553a99; }



.color-top ul li a i.color1 {

  background: #6cbc35; }



.color-top ul li a i.color2 {

  background: #fd9f3e; }



.color-top ul li a i.color3 {

  background: #08538c; }



.color-top ul li a i.color4 {

  background: #fff; }



.color-top ul li a i.color5 {

  background: #51B6F3; }



.color-top ul li a i.color6 {

  background: #F93333; }



/*--//color--*/

/*----*/

.fashion-grid {

  float: left;

  width: 24%; }



h6.best2 {

  font-size: 1.5em;

  font-weight: 800; }



h6.best2 a {

  color: var(--bg-color);

  text-decoration: none;

  font-size: 22px; }



h6.best2 a:hover {

  color: var(--theme-color); }



.fashion-grid1 {

  float: right;

  width: 68%; }



span.price-in1 {

  font-size: 1em;

  padding: 0.5em 0 0.2em;

  display: block;

  color: var(--theme-color); }



span.price-in1 del {

  font-size: 0.8em;

  color: #999;

  margin-right: 0.5em; }



.fashion-grid1 p {

  font-size: 0.9em;

  line-height: 1.8em;

  color: #999; }



.product-go {

  margin-bottom: 1em; }



/*----*/

.mens-toolbar p {

  color: #000;

  font-size: 1em;

  display: inline-block; }



.mens-toolbar p select {

  color: #000;

  font-size: 0.9em;

  outline: none;

  cursor: pointer;

  padding: 5px 20px 5px 5px;

  background: #fff;

  border: 1px solid #d6d6d6; }



.mens-toolbar {

  padding: 1em 1em;

  background: #f9f9f9;

  margin-bottom: 2rem; }



.showing {

  margin: 0 3em; }



.product {

  padding: 4.5rem 0; }



.item-gr:nth-child(7),

.item-gr:nth-child(8),

.item-gr:nth-child(9) {

  margin-bottom: 0em; }



.grid-pro {

  border: 1px solid #E2E2E2;

  border: 5px solid #ffffff;

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

  padding: 1em; }



/*--//product--*/

.mid-popular {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  grid-gap: 30px; }



.women h6 a {

  color: var(--text-color);

  text-decoration: none;

  font-weight: normal;

  font-size: 15px; }



.women {

  text-align: center;

  margin-top: 1em; }



.women h6 {

  font-size: 1.15em;

  margin-top: 0.4em; }



.women h6 a {

  color: var(--text-color);

  text-decoration: none; }



.women h6 a:hover {

  color: #000000; }



.women p {

  font-size: 1em;

  color: #999;

  margin: 0.9em 0; }



.women p del {

  font-size: 0.9em;

  margin-right: 4px; }



em.item_price {

  font-style: normal;

  color: var(--theme-color);

  font-weight: 600; }



.but,

[class*="but-"] {

  position: relative;

  display: inline-block;

  overflow: hidden;

  height: 32px;

  min-width: 135px;

  line-height: 32px;

  color: #fff;

  background: var(--text-color);

  transition: ease 0.35s all;

  text-decoration: none;

  font-size: 13px; }



.but:hover,

[class*="but-"]:hover {

  background: var(--blue-color);

  color: #fff;

  text-decoration: none; }



.but-hover1:hover {

  line-height: 102px; }



.but-hover1:before {

  content: attr(data-text);

  color: #fff;

  position: absolute;

  top: -2.75em; }



/*-----*/

.grid-pro .grid-product figure {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0 0 20px 0;

  width: 100%; }



.grid-pro .grid-product figure:hover .grid-img + .grid-img {

  right: 100%; }



.grid-pro .grid-product figure > a {

  display: block;

  float: left;

  width: 100%;

  z-index: 1; }



.grid-pro .grid-product figure > a .grid-img {

  width: 100%;

  line-height: 0;

  will-change: right;

  transform: translateZ(0); }



.grid-pro .grid-product figure > a .grid-img img {

  width: 100%; }



.grid-pro .grid-product figure > a .grid-img + .grid-img {

  position: absolute;

  top: 0;

  right: 0;

  transition: right 0.7s cubic-bezier(0.75, 0, 0.175, 1), opacity 0.7s cubic-bezier(0.75, 0, 0.175, 1); }



.grid-pro .grid-product figure > a .grid-img + .grid-img img {

  max-width: none; }



.grid-product {

  width: 70%;

  margin: 0 auto; }



@media (max-width: 1200px) {

  .mid-popular {

    grid-gap: 20px; } }



@media (max-width: 1100px) {

  .mid-popular {

    grid-template-columns: 1fr 1fr 1fr; } }



@media (max-width: 992px) {

  .ecommerce-align {

    grid-template-columns: 0.35fr 1fr;

    grid-gap: 25px; }

  .price-top1 input[type="text"] {

    width: 70%; } }



@media (max-width: 900px) {

  .price-top1 input[type="text"] {

    width: 65%; } }



@media (max-width: 800px) {

  .ecommerce-align {

    grid-template-columns: 1fr;

    grid-gap: 35px; }

  .product-bottom {

    order: 2; } }



@media (max-width: 736px) {

  .product {

    padding: 3.5rem 0; } }



@media (max-width: 600px) {

  .mid-popular {

    grid-template-columns: 1fr 1fr; } }



@media (max-width: 568px) {

  .mens-toolbar p {

    font-size: 0.875em; }

  .showing {

    margin: 0 2em; } }



@media (max-width: 520px) {

  .showing {

    margin: 0 1em; } }



@media (max-width: 480px) {

  .product {

    padding: 2.5rem 0; }

  .mens-toolbar p {

    display: block; }

  .showing {

    margin: 1rem 0; } }



@media (max-width: 400px) {

  .grid-pro {

    padding: 0em;

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

  .women {

    margin-top: 0em; }

  .grid-pro .grid-product figure {

    margin: 0 0 0px 0; }

  .mid-popular {

    grid-gap: 15px; }

  .categories h3, .price h3, .colors h3, .sellers h3 {

    font-size: 18px;

    padding: 8px 15px; } }



.menka-ecommerce-single {

  /*--single--*/

  /*----*/

  /* start tabs */

  /*-- single-page --*/ }

  .menka-ecommerce-single .span_2_of_a1 h3 {

    color: #000;

    text-transform: uppercase;

    font-size: 1.8em;

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

    font-weight: 700; }

  .menka-ecommerce-single p.in-para {

    color: #999;

    font-size: 1em;

    line-height: 2em;

    margin: 1em 0;

    border-bottom: 1px solid #f0f0f0;

    border-top: 3px double #f0f0f0;

    padding: 1em 0; }

  .menka-ecommerce-single .price_single {

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 1em; }

  .menka-ecommerce-single span.reducedfrom {

    color: #01CFCF;

    font-size: 1.5em;

    float: left; }

  .menka-ecommerce-single .price_single a {

    float: right;

    margin-top: 0.5em; }

  .menka-ecommerce-single .sap_tabs {

    padding: 1em 0; }

  .menka-ecommerce-single .resp-tabs-list {

    width: 100%;

    list-style: none;

    padding: 0;

    background: #ECECEC; }

  .menka-ecommerce-single .resp-tab-item:first-child {

    border-left: none; }

  .menka-ecommerce-single .resp-tab-item {

    cursor: pointer;

    padding: 12px 18px;

    display: inline-block;

    margin: 0;

    text-align: center;

    list-style: none;

    float: left;

    outline: none;

    transition: all 0.3s ease-out;

    background: #ECECEC; }

  .menka-ecommerce-single .resp-tab-active {

    background: #FF7000;

    color: #fff; }

  .menka-ecommerce-single .resp-tab-item span {

    font-size: 1em; }

  .menka-ecommerce-single .resp-tabs-container {

    padding: 0px;

    clear: left; }

  .menka-ecommerce-single h2.resp-accordion {

    cursor: pointer;

    padding: 5px;

    display: none; }

  .menka-ecommerce-single .resp-tab-content {

    display: none; }

  .menka-ecommerce-single .resp-content-active,

  .menka-ecommerce-single .resp-accordion-active {

    display: block; }

  .menka-ecommerce-single h2.resp-accordion {

    font-size: 1em;

    margin: 0px;

    padding: 10px 15px;

    background: #f77462;

    margin: 10px 0;

    color: #fff; }

  .menka-ecommerce-single h2.resp-accordion:hover {

    background: #6CC5D9;

    text-shadow: none;

    color: #FFF; }

  .menka-ecommerce-single .facts {

    padding: 1em 0; }

  .menka-ecommerce-single .facts p {

    color: #999;

    font-size: 1em;

    line-height: 1.7em;

    padding: 0 0 1em; }

  .menka-ecommerce-single .facts ul li {

    list-style: none;

    color: #999;

    font-size: 1em;

    padding: 0.3em 0; }

  .menka-ecommerce-single .color {

    background: #eee;

    margin: 1em 0;

    padding: 1em; }

  .menka-ecommerce-single .color p,

  .menka-ecommerce-single .color span {

    color: #000;

    font-size: 1em;

    float: left;

    font-weight: 300; }

  .menka-ecommerce-single .color p {

    width: 40%; }

  .menka-ecommerce-single .menka-ecommerce-single-section {

    padding: 4.5rem 0; }

  .menka-ecommerce-single .align-items {

    grid-template-columns: 0.7fr 1fr;

    grid-gap: 40px; }

  .menka-ecommerce-single .galleryContainer {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-content: center;

    position: relative; }

  .menka-ecommerce-single .gallery {

    position: relative;

    display: flex;

    justify-content: center;

    align-content: center; }

  .menka-ecommerce-single .gallery input {

    display: none; }

  .menka-ecommerce-single .galleryImage {

    transition: opacity 0.25s ease-out;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain; }

  .menka-ecommerce-single .gallery > img:first-of-type {

    position: relative !important;

    display: flex !important;

    top: 0 !important;

    left: 0 !important;

    z-index: 10; }

  .menka-ecommerce-single .arrowsContainer {

    position: absolute;

    bottom: 0px;

    left: 0px;

    height: 100%;

    display: none;

    justify-content: space-between;

    align-items: flex-end;

    width: 100%;

    z-index: 20;

    overflow: hidden; }

  .menka-ecommerce-single .arrowsContainer img {

    width: 100px;

    background: white;

    opacity: 0.4;

    padding-bottom: 20px;

    transition: 0.1s ease; }

  .menka-ecommerce-single .leftArrow {

    border-top-right-radius: 10px;

    position: absolute;

    bottom: -20px;

    left: -30px;

    padding-left: 40px;

    padding-right: 15px; }

  .menka-ecommerce-single .rightArrow {

    border-top-left-radius: 10px;

    position: absolute;

    bottom: -20px;

    right: -30px;

    padding-right: 40px;

    padding-left: 15px; }

  .menka-ecommerce-single .leftArrow:active,

  .menka-ecommerce-single .rightArrow:active {

    transform: scale(0.95, 0.95); }

  .menka-ecommerce-single .thumbnails {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: nowrap;

    overflow-x: auto;

    overflow-y: hidden;

    height: 5%;

    z-index: 30;

    margin-top: 10px;

    /*border-left: 6px solid black;*/

    scroll-snap-type: mandatory;

    -ms-scroll-snap-type: x mandatory;

    scroll-snap-type: x mandatory;

    -webkit-overflow-scrolling: touch; }

  .menka-ecommerce-single .thumbnailImage img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover; }

  .menka-ecommerce-single .thumbnailImage {

    margin: 0 5px;

    -moz-scroll-snap-align: start;

    -ms-scroll-snap-align: start;

    scroll-snap-align: start; }

  .menka-ecommerce-single .thumbnailImage:first-child {

    margin-left: 0px; }

  .menka-ecommerce-single .thumbnailImage:last-child {

    margin-right: 0px; }

  .menka-ecommerce-single #c1:checked + #i1 {

    opacity: 1; }

  .menka-ecommerce-single #c2:checked + #i2 {

    opacity: 1; }

  .menka-ecommerce-single #c3:checked + #i3 {

    opacity: 1; }

  .menka-ecommerce-single #c4:checked + #i4 {

    opacity: 1; }

  .menka-ecommerce-single #c5:checked + #i5 {

    opacity: 1; }

  .menka-ecommerce-single #c6:checked + #i6 {

    opacity: 1; }

  .menka-ecommerce-single #c7:checked + #i7 {

    opacity: 1; }

  .menka-ecommerce-single #c8:checked + #i8 {

    opacity: 1; }

  .menka-ecommerce-single #c9:checked + #i9 {

    opacity: 1; }

  .menka-ecommerce-single #c10:checked + #i10 {

    opacity: 1; }

  .menka-ecommerce-single #c11:checked + #i11 {

    opacity: 1; }

  .menka-ecommerce-single #c12:checked + #i12 {

    opacity: 1; }

  .menka-ecommerce-single #c13:checked + #i13 {

    opacity: 1; }

  .menka-ecommerce-single #c1:checked + #i1 + #arrows1 {

    display: flex; }

  .menka-ecommerce-single #c2:checked + #i2 + #arrows2 {

    display: flex; }

  .menka-ecommerce-single #c3:checked + #i3 + #arrows3 {

    display: flex; }

  .menka-ecommerce-single #c4:checked + #i4 + #arrows4 {

    display: flex; }

  .menka-ecommerce-single #c5:checked + #i5 + #arrows5 {

    display: flex; }

  .menka-ecommerce-single #c6:checked + #i6 + #arrows6 {

    display: flex; }

  .menka-ecommerce-single .thumbnails label,

  .menka-ecommerce-single .arrowsContainer label {

    cursor: pointer;

    overflow: hidden; }

  .menka-ecommerce-single .thumbnails label img {

    transition: 0.3s ease; }

  .menka-ecommerce-single .thumbnails label img:hover {

    transform: scale(1.2, 1.2); }

  .menka-ecommerce-single label:focus {

    box-shadow: 0px 0px 7px 1px white; }

  .menka-ecommerce-single .single-right-left h3 {

    text-transform: capitalize;

    font-size: 24px;

    color: var(--blue-color);

    margin: 0;

    font-weight: 600; }

  .menka-ecommerce-single .rating-single {

    float: left;

    margin: 10px 0; }

  .menka-ecommerce-single ul.rating-single li {

    display: inline-block; }

  .menka-ecommerce-single span.fa.yellow-star {

    color: #a9a90e; }

  .menka-ecommerce-single .simpleCart_shelfItem .caption h6 {

    color: var(--theme-color);

    font-size: 1.8em; }

  .menka-ecommerce-single .desc_single {

    margin: 2em 0; }

  .menka-ecommerce-single .desc_single h5 {

    color: #000;

    font-size: 1.2em; }

  .menka-ecommerce-single .single-right-left p {

    text-transform: capitalize;

    margin: .5em 0 0;

    color: #777;

    font-size: 1em;

    line-height: 1.6; }

  .menka-ecommerce-single .justify-content-between {

    justify-content: space-between !important; }

  .menka-ecommerce-single .sp_title {

    color: #000;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    margin-bottom: 1rem; }

  .menka-ecommerce-single ul {

    list-style-type: none; }

  .menka-ecommerce-single ul.single_specific li {

    color: #000;

    font-size: 1em;

    text-transform: capitalize;

    word-spacing: 4px;

    line-height: 1.8; }

  .menka-ecommerce-single ul.single_specific li span {

    color: #777;

    padding-left: 2px; }

  .menka-ecommerce-single ul.single_serv a {

    color: #000; }

  .menka-ecommerce-single li.gap {

    margin-top: 1em; }

  .menka-ecommerce-single .description {

    margin: 1.5em 0; }

  .menka-ecommerce-single .description h5 {

    color: #545454;

    font-size: 0.9em;

    margin-bottom: 12px; }

  .menka-ecommerce-single .description input[type="text"] {

    padding: 8px 8px;

    color: #000;

    font-size: 13px;

    width: 45%;

    outline: none; }

  .menka-ecommerce-single .description input[type="submit"] {

    color: #fff;

    font-size: 15px;

    background: var(--theme-color);

    border: none;

    outline: none;

    text-transform: capitalize;

    transition: .5s all;

    padding: 0 20px;

    cursor: pointer; }

  .menka-ecommerce-single .description input[type="submit"]:hover {

    background: var(--title-color); }

  .menka-ecommerce-single a.action {

    font-size: 16px;

    text-align: center;

    color: #F5F9FC;

    background: var(--blue-color);

    width: 120px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    transition: 0.5s ease-out; }

  .menka-ecommerce-single .col-md-si {

    padding-top: 2rem; }

  .menka-ecommerce-single h3.related {

    margin-top: 3rem;

    font-size: 30px;

    color: var(--title-color); }

  .menka-ecommerce-single ul.emi-views {

    margin: 1rem 0; }

  .menka-ecommerce-single ul.emi-views li {

    display: block;

    line-height: 30px;

    font-size: 15px;

    color: var(--title-color); }

  .menka-ecommerce-single ul.emi-views li span {

    font-weight: bold; }

  .menka-ecommerce-single a.action.cart {

    background: #eee;

    color: var(--title-color); }

  .menka-ecommerce-single a.action.cart:hover {

    background: var(--blue-color);

    color: var(--white-color); }

  @media (max-width: 736px) {

    .menka-ecommerce-single .align-items {

      grid-template-columns: 1fr;

      grid-gap: 35px; } }



.menka-ecommerce-cart .ecommerce-add-products {

  padding: 4.5rem 0; }



.menka-ecommerce-cart .checkout-right h4 {

  font-size: 27px;

  margin-bottom: 30px; }



.menka-ecommerce-cart td.invert-image {

  width: 12%; }



.menka-ecommerce-cart table.timetable_sub tr,

.menka-ecommerce-cart table.timetable_sub td,

.menka-ecommerce-cart table.timetable_sub th {

  border: 1px solid #eee; }



.menka-ecommerce-cart table.timetable_sub {

  width: 100%;

  margin: 0 auto; }



.menka-ecommerce-cart table.timetable_sub {

  border-collapse: collapse;

  border: 1px solid #eee; }



.menka-ecommerce-cart table.timetable_sub tr:nth-child(even) {

  background: #f3f3f3; }



.menka-ecommerce-cart .timetable_sub th {

  color: var(--white-color);

  font-weight: bold;

  font-size: 16px;

  padding: 13px;

  letter-spacing: 0px;

  background: #dd3e3e;

  text-transform: uppercase; }



.menka-ecommerce-cart .timetable_sub td {

  padding: 10px;

  font-size: 14px;

  color: #212121; }



.menka-ecommerce-cart td.product-name {

  font-size: 16px;

  max-width: 350px;

  font-weight: 600;

  color: #333; }



.menka-ecommerce-cart td.product-name a {

  color: #333; }



.menka-ecommerce-cart td.product-name span {

  color: var(--blue-color);

  display: block;

  font-weight: normal;

  margin: 15px 0; }



.menka-ecommerce-cart td.product-name li {

  list-style-type: none;

  font-weight: normal;

  color: #787878; }



.menka-ecommerce-cart td.product-name li a {

  color: #333; }



.menka-ecommerce-cart td.price {

  color: var(--theme-color);

  font-size: 20px;

  text-align: center; }



.menka-ecommerce-cart .rem {

  position: relative;

  text-align: center; }



.menka-ecommerce-cart .close1,

.menka-ecommerce-cart .close2,

.menka-ecommerce-cart .close3 {

  cursor: pointer;

  font-size: 16px;

  color: #666;

  transition: color 0.2s ease-in-out; }



.menka-ecommerce-cart .value-minus,

.menka-ecommerce-cart .value-plus {

  height: 40px;

  line-height: 24px;

  width: 40px;

  display: inline-block;

  cursor: pointer;

  position: relative;

  text-align: center;

  -webkit-user-select: none;

  -moz-user-select: none;

  border: none;

  vertical-align: bottom; }



.menka-ecommerce-cart .quantity-select .entry.value-minus:before,

.menka-ecommerce-cart .quantity-select .entry.value-plus:before {

  content: "";

  width: 10px;

  height: 2px;

  background: #777;

  left: 40%;

  top: 50%;

  position: absolute; }



.menka-ecommerce-cart .table-responsive {

  overflow-x: inherit; }



.menka-ecommerce-cart .quantity-select .entry.value-plus:after {

  content: "";

  height: 10px;

  width: 2px;

  background: #777;

  left: 50%;

  top: 40%;

  position: absolute; }



.menka-ecommerce-cart .value {

  cursor: default;

  width: 40px;

  height: 40px;

  padding: 8px 0px;

  color: #333;

  line-height: 24px;

  border: 1px solid #E5E5E5;

  background-color: #fff;

  text-align: center;

  display: inline-block;

  margin-right: 3px; }



.menka-ecommerce-cart .quantity-select .entry.value-minus {

  margin-left: 0; }



.menka-ecommerce-cart .checkout-left {

  margin-top: 50px; }



.menka-ecommerce-cart .address_form_agile h4 {

  color: #1accfd;

  font-size: 24px;

  margin-bottom: 30px;

  letter-spacing: 0px; }



.menka-ecommerce-cart .information-wrapper input,

.menka-ecommerce-cart .information-wrapper select {

  width: 100%;

  font-size: 15px;

  letter-spacing: 0px;

  padding: 13px 10px;

  margin-bottom: 20px;

  outline: none;

  border: none;

  border-bottom: 1px solid #FF5722;

  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.31); }



.menka-ecommerce-cart button.submit.check_out {

  padding: 12px 25px;

  letter-spacing: 0px;

  background: #1accfd;

  font-size: 16px;

  color: #fff;

  border: none;

  outline: none;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

  -ms-transition: 0.5s all;

  margin-top: 20px; }



.menka-ecommerce-cart button.submit.check_out:hover {

  background: #FF5722;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -o-transition: 0.5s all;

  -ms-transition: 0.5s all; }



.menka-ecommerce-cart h5.price {

  font-size: 15px;

  color: #8e8e8e;

  margin-bottom: 9px; }



.menka-ecommerce-cart h6.totla-pay {

  font-size: 17px;

  color: #000;

  padding-top: 9px;

  border-top: 1px solid #000; }



.menka-ecommerce-cart .checkout-left {

  margin-top: 2rem;

  text-align: right; }



.menka-ecommerce-cart .checkout-right-basket a.shop {

  text-decoration: none;

  cursor: pointer;

  font-size: 16px;

  text-align: center;

  padding: 0 20px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  transition: 0.5s ease-out;

  background: #eee;

  color: var(--title-color); }



.menka-ecommerce-cart .checkout-right-basket a.shop:hover {

  color: #F5F9FC;

  background: var(--blue-color); }



.menka-ecommerce-cart .checkout-right-basket a.proceed {

  text-decoration: none;

  cursor: pointer;

  font-size: 16px;

  text-align: center;

  color: #F5F9FC;

  background: var(--blue-color);

  width: 120px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  transition: 0.5s ease-out; }



.menka-ecommerce-cart .checkout-right-basket a span {

  margin-left: 7px;

  color: #1accfd;

  font-size: 20px; }



.menka-ecommerce-cart .quantity-select {

  text-align: center; }



.menka-ecommerce-cart .quantity {

  width: 20%;

  margin: auto; }



.menka-ecommerce-cart input[type="number"] {

  -webkit-appearance: none;

  border: 1px solid #051b35;

  padding: 10px;

  width: 100%;

  color: var(--theme-color); }



@media (max-width: 1050px) {

  .menka-ecommerce-cart .timetable_sub th {

    padding: 13px; } }



@media (max-width: 992px) {

  .menka-ecommerce-cart td.product-name {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 160px; }

  .menka-ecommerce-cart .quantity {

    width: 50%; } }



@media (max-width: 736px) {

  .menka-ecommerce-cart .checkout-right {

    margin: 0 -80px; }

  .menka-ecommerce-cart .ecommerce-add-products {

    padding: 3.5rem 0; } }



@media (max-width: 700px) {

  .menka-ecommerce-cart .checkout-right {

    margin: 0 -70px; } }



@media (max-width: 667px) {

  .menka-ecommerce-cart .checkout-right {

    margin: 0 -60px; }

  .menka-ecommerce-cart .table-responsive {

    overflow: hidden;

    overflow-x: auto; } }



@media (max-width: 640px) {

  .menka-ecommerce-cart .checkout-right {

    margin: 0 -40px; }

  .menka-ecommerce-cart .quantity {

    width: 75%; } }



@media (max-width: 600px) {

  .menka-ecommerce-cart .checkout-right {

    margin: 0 -20px; } }



@media (max-width: 599px) {

  .menka-ecommerce-cart .checkout-right {

    margin: 0 0px; } }



@media (max-width: 480px) {

  .menka-ecommerce-cart .timetable_sub td.invert-image {

    padding: 5px 0px; }

  .menka-ecommerce-cart .timetable_sub td.invert {

    padding: 5px 5px; }

  .menka-ecommerce-cart .ecommerce-add-products {

    padding: 40px 0px 40px; }

  .menka-ecommerce-cart .ecommerce-add-products {

    padding: 2.5rem 0; } }



@media (max-width: 385px) {

  .menka-ecommerce-cart .timetable_sub td.invert {

    padding: 4px 3px; } }



@media (max-width: 320px) {

  .menka-ecommerce-cart td.total-price {

    width: 100%; } }



.menka-coming-soon-block .logo {

  position: absolute;

  left: 0;

  right: 0;

  top: 30px; }



.menka-coming-soon-block a.brand-logo {

  color: #fff;

  font-weight: bold;

  font-size: 30px; }



.menka-coming-soon-block .coming-section {

  min-height: 100vh; }



.menka-coming-soon-block .coming-section {

  position: relative;

  background: url(../images/gallery1.jpg) no-repeat center center/cover; }



.menka-coming-soon-block .coming-section:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  min-height: 100vh;

  background-color: rgba(33, 33, 33, 0.5); }



.menka-coming-soon-block header,

.menka-coming-soon-block .content,

.menka-coming-soon-block footer {

  position: absolute; }



.menka-coming-soon-block header,

.menka-coming-soon-block footer {

  width: 100%; }



.menka-coming-soon-block .content {

  position: absolute; }



.menka-coming-soon-block .content {

  top: 50%;

  left: 50%;

  text-align: center;

  color: #fff;

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

  max-width: 500px;

  margin: 0 auto; }



.menka-coming-soon-block .content h1 {

  margin-top: 0;

  font-size: 30px;

  text-transform: uppercase;

  line-height: 38px;

  font-weight: bold; }



.menka-coming-soon-block .content form {

  margin: auto;

  display: table; }



.menka-coming-soon-block .content input {

  font-size: 16px;

  width: 100%; }



.menka-coming-soon-block .content input[type=email] {

  padding: 12px;

  background: #fff;

  border: none;

  border-radius: 4px;

  text-align: center;

  font-weight: bold;

  text-transform: capitalize; }



.menka-coming-soon-block .content button[type=submit] {

  padding: 12px 24px;

  color: #fff;

  cursor: pointer;

  transition: all .235s ease-in-out;

  border: none;

  background: var(--theme-color);

  border-radius: 4px;

  text-transform: uppercase;

  font-weight: bold;

  width: 100%;

  margin-top: 12px;

  font-size: 15px;

  opacity: 0.75; }



.menka-coming-soon-block .content button[type=submit]:hover {

  opacity: 1;

  transition: 0.3s ease; }



.menka-coming-soon-block .countdown {

  margin: auto;

  display: table;

  font-size: 28px;

  font-weight: 500; }



.menka-coming-soon-block .countdown > div {

  float: left;

  min-width: 80px;

  margin: 40px 0;

  opacity: 0.75;

  font-size: 40px;

  border-right: 1px solid #afafaf; }



.menka-coming-soon-block .countdown > div:last-child {

  border-right: none; }



.menka-coming-soon-block p.subscribe {

  font-size: 18px;

  margin-bottom: 10px;

  color: #fff; }



.menka-coming-soon-block .countdown span {

  position: relative;

  display: block;

  font-size: 12px;

  text-align: center;

  text-transform: uppercase; }



@media (max-width: 800px) {

  .menka-coming-soon-block .content {

    width: 100%; } }



@media (max-width: 667px) {

  .menka-coming-soon-block .content h1 {

    font-size: 28px;

    line-height: 36px; } }



@media (max-width: 500px) {

  .menka-coming-soon-block .content h1 {

    font-size: 26px;

    line-height: 34px; }

  .menka-coming-soon-block .countdown > div {

    font-size: 36px; } }



@media (max-width: 414px) {

  .menka-coming-soon-block .content {

    padding: 0 16px; } }



@media (max-width: 384px) {

  .menka-coming-soon-block .content h1 {

    font-size: 24px;

    line-height: 30px; }

  .menka-coming-soon-block .countdown > div {

    font-size: 34px; }

  .menka-coming-soon-block p.subscribe {

    font-size: 16px;

    margin-bottom: 8px; } }



.menka-text-8-block {

  /*---resposive----*/ }

  .menka-text-8-block .d-grid-1 {

    display: grid;

    grid-template-columns: 100%; }

  .menka-text-8-block .text-bg-image {

    background-image: url("../images/services4servicetwocolbg2.jpg");

    background-size: cover;

    min-height: 450px;

    background-attachment: fixed;

    position: relative; }

  .menka-text-8-block h6.text-logo {

    font-size: 13px;

    line-height: 20px;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 10px; }

  .menka-text-8-block h3.text-title {

    font-size: 45px;

    line-height: 50px;

    color: #fff;

    margin: 0 auto; }

  .menka-text-8-block .text {

    text-align: center;

    position: absolute;

    padding: 25px 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.63); }

  .menka-text-8-block .d-grid-2 {

    display: grid;

    grid-template-columns: 100%; }

  .menka-text-8-block .text-content-text {

    background-color: #f9f9f9;

    padding: 2rem 0 4.5rem 0; }

  .menka-text-8-block p.text2-text {

    font-size: 16px;

    line-height: 28px;

    color: var(--text-color);

    margin-top: 25px;

    max-width: 700px;

    margin-left: auto;

    margin-right: auto; }

  @media (max-width: 1024px) {

    .menka-text-8-block h3.text-title {

      font-size: 40px; } }

  @media (max-width: 900px) {

    .menka-text-8-block h3.text-title {

      font-size: 35px; } }

  @media (max-width: 767px) {

    .menka-text-8-block h3.text-title {

      font-size: 30px;

      line-height: 40px; }

    .menka-text-8-block p {

      font-size: 16px; }

    .menka-text-8-block p.text-text {

      padding: 20px 0; }

    .menka-text-8-block .text-bg-image {

      min-height: 260px; }

    .menka-text-8-block .text-content-text {

      padding: 2rem 0 3.5rem 0; } }

  @media (max-width: 568px) {

    .menka-text-8-block h3.text-title {

      font-size: 25px;

      line-height: 36px; }

    .menka-text-8-block p {

      font-size: 15px; } }

  @media (max-width: 480px) {

    .menka-text-8-block p.text-text {

      padding: 15px 0; }

    .menka-text-8-block .text-bg-image {

      min-height: 323px; }

    .menka-text-8-block .text-content-text {

      padding: 1rem 0 2.5rem 0; } }



.menka-text-15 {

  /*-- text15-block --*/ }

  .menka-text-15 #text15-block {

    padding: 4rem 0 4.5rem; }

  .menka-text-15 .d-grid {

    display: grid; }

  .menka-text-15 .text15-max-align {

    max-width: 700px;

    margin: 0 auto; }

  .menka-text-15 h5.text15-heading {

    font-size: 20px;

    line-height: 25px;

    color: var(--title-color);

    margin-bottom: 20px; }

  .menka-text-15 p.text15-para {

    font-style: normal;

    font-weight: normal;

    font-size: 17px;

    line-height: 25px;

    color: var(--text-color);

    margin-bottom: 20px; }

  .menka-text-15 .text15-left p {

    font-size: 17px;

    line-height: 25px;

    color: var(--text-color); }

  .menka-text-15 .text15-list li {

    font-size: 17px;

    line-height: 35px;

    color: var(--title-color);

    list-style-type: circle; }

  .menka-text-15 .text15-list {

    margin-top: 20px; }

  @media all and (max-width: 667px) {

    .menka-text-15 .text15-left p {

      font-size: 17px;

      line-height: 25px;

      color: #3B5266;

      width: 82%; } }

  @media all and (max-width: 640px) {

    .menka-text-15 .text15-left p {

      font-size: 17px;

      line-height: 25px;

      color: #3B5266;

      width: 100%; } }

  @media all and (max-width: 480px) {

    .menka-text-15 #text15-block {

      padding: 3rem 0; } }

  @media all and (max-width: 384px) {

    .menka-text-15 h5.text15-heading {

      margin-bottom: 15px; } }



body {

  margin: 0px;

  padding: 0px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }



/* Responsive */

@media only screen and (max-width: 600px) {

  /* Tables

    parameters: width, alignment, padding */

  table[class=scale] {

    width: 100% !important; }

  table[class=scale-300] {

    width: 100% !important;

    height: 300px !important; }

  table[class=scale-90] {

    width: 90% !important; }

  /* Td */

  td[class=scale-left] {

    width: 100% !important;

    text-align: left !important; }

  td[class=scale-height] {

    height: 70px !important; }

  td[class=scale-left-bottom] {

    width: 100% !important;

    text-align: left !important;

    padding-bottom: 24px !important; }

  td[class=scale-left-top] {

    width: 100% !important;

    text-align: left !important;

    padding-top: 24px !important; }

  td[class=scale-left-all] {

    width: 100% !important;

    text-align: left !important;

    padding-top: 24px !important;

    padding-bottom: 24px !important; }

  td[class=scale-center] {

    width: 100% !important;

    text-align: center !important; }

  td[class=scale-center-both] {

    width: 100% !important;

    text-align: center !important;

    padding-left: 20px !important;

    padding-right: 20px !important; }

  td[class=scale-center-bottom] {

    width: 100% !important;

    text-align: center !important;

    padding-bottom: 24px !important; }

  td[class=scale-center-top] {

    width: 100% !important;

    text-align: center !important;

    padding-top: 24px !important; }

  td[class=scale-center-all] {

    width: 100% !important;

    text-align: center !important;

    padding-top: 24px !important;

    padding-bottom: 24px !important;

    padding-left: 20px !important;

    padding-right: 20px !important; }

  td[class=scale-right] {

    width: 100% !important;

    text-align: right !important; }

  td[class=scale-right-bottom] {

    width: 100% !important;

    text-align: right !important;

    padding-bottom: 24px !important; }

  td[class=scale-right-top] {

    width: 100% !important;

    text-align: right !important;

    padding-top: 24px !important; }

  td[class=scale-right-all] {

    width: 100% !important;

    text-align: right !important;

    padding-top: 24px !important;

    padding-bottom: 24px !important; }

  td[class=scale-center-bottom-both] {

    width: 100% !important;

    text-align: center !important;

    padding-bottom: 24px !important;

    padding-left: 20px !important;

    padding-right: 20px !important; }

  td[class=scale-center-top-both] {

    width: 100% !important;

    text-align: center !important;

    padding-top: 24px !important;

    padding-left: 20px !important;

    padding-right: 20px !important; }

  td[class=reset] {

    height: 0px !important; }

  td[class=scale-center-topextra] {

    width: 100% !important;

    text-align: center !important;

    padding-top: 84px !important; }

  img[class="reset"] {

    display: inline !important; }

  img[class="scale-inline"] {

    display: inline !important; } }



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





.projectFactsWrap{

    display: flex;

  margin-top: 30px;

  flex-direction: row;

  flex-wrap: wrap;

}





#projectFacts .fullWidth{

  padding: 0;

}



.projectFactsWrap .item{

  width: 25%;

  height: 100%;

  padding: 50px 0px;

  text-align: center;

}



.projectFactsWrap .item:nth-child(1){

  background: rgb(16, 31, 46);

}



.projectFactsWrap .item:nth-child(2){

  background: rgb(18, 34, 51);

}



.projectFactsWrap .item:nth-child(3){

  background: rgb(21, 38, 56);

}



.projectFactsWrap .item:nth-child(4){

  background: rgb(23, 44, 66);

}



.projectFactsWrap .item p.number{

  font-size: 40px;

  padding: 0;

  font-weight: bold;

}



.projectFactsWrap .item p{

  color: rgba(255, 255, 255, 0.8);

  font-size: 18px;

  margin: 0;

  padding: 10px;

  font-family: 'Open Sans';

}





.projectFactsWrap .item span{

  width: 60px;

  background: rgba(255, 255, 255, 0.8);

  height: 2px;

  display: block;

  margin: 0 auto;

}





.projectFactsWrap .item i{

  vertical-align: middle;

  font-size: 50px;

  color: rgba(255, 255, 255, 0.8);

}





.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{

  color: white;

}



.projectFactsWrap .item:hover span{

  background: white;

}



@media (max-width: 786px){

  .projectFactsWrap .item {

     flex: 0 0 50%;

  }

}

.carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 300px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    background-color: #000;

}

.carousel-caption1 {

  position: absolute;

  right: 0%;

  bottom: 25px;

  left: 0%;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #fff;

  text-align: center;

  background-color: transparent;

}

.timeline {

    list-style: none;

    padding: 20px 0 20px;

    position: relative;

}



.timeline:before {

  top: 0;

  bottom: 0;

  position: absolute;

  content: " ";

  width: 3px;

  background-color: #d65050;

  left: 50%;

  margin-left: -1.5px;

}



.timeline > li {

  margin-bottom: 20px;

  position: relative;

}



.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}



.timeline > li:after {

  clear: both;

}



.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}



.timeline > li:after {

  clear: both;

}



.timeline > li > .timeline-panel {

  width: 46%;

  float: left;

  border: 1px solid #d4d4d4;

  border-radius: 2px;

  padding: 20px;

  position: relative;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

  background-color: #fff;

}



.timeline > li > .timeline-panel:before {

  position: absolute;

  top: 26px;

  right: -15px;

  display: inline-block;

  border-top: 15px solid transparent;

  border-left: 15px solid #ccc;

  border-right: 0 solid #ccc;

  border-bottom: 15px solid transparent;

  content: " ";

}



.timeline > li > .timeline-panel:after {

  position: absolute;

  top: 27px;

  right: -14px;

  display: inline-block;

  border-top: 14px solid transparent;

  border-left: 14px solid #fff;

  border-right: 0 solid #fff;

  border-bottom: 14px solid transparent;

  content: " ";

}



.timeline > li > .timeline-badge {

  color: #fff;

  width: 50px;

  height: 50px;

  line-height: 50px;

  font-size: 1.4em;

  text-align: center;

  position: absolute;

  top: 16px;

  left: 50%;

  margin-left: -25px;

  background-color: #999999;

  z-index: 100;

  border-top-right-radius: 50%;

  border-top-left-radius: 50%;

  border-bottom-right-radius: 50%;

  border-bottom-left-radius: 50%;

}



.timeline > li.timeline-inverted > .timeline-panel {

  float: right;

}



.timeline > li.timeline-inverted > .timeline-panel:before {

  border-left-width: 0;

  border-right-width: 15px;

  left: -15px;

  right: auto;

}



.timeline > li.timeline-inverted > .timeline-panel:after {

  border-left-width: 0;

  border-right-width: 14px;

  left: -14px;

  right: auto;

}



.timeline-badge.primary {

    background-color: #2e6da4 !important;

}



.timeline-badge.success {

    background-color: #3f903f !important;

}



.timeline-badge.warning {

    background-color: #f0ad4e !important;

}



.timeline-badge.danger {

    background-color: #d9534f !important;

}



.timeline-badge.info {

    background-color: #5bc0de !important;

}



.timeline-title {

    margin-top: 0;

    color: inherit;

}



.timeline-body > p,

.timeline-body > ul {

    margin-bottom: 0;

}



.timeline-body > p + p {

  margin-top: 5px;

}



@media (max-width: 767px) {

  ul.timeline:before {

    left: 40px;

  }

  

  ul.timeline > li > .timeline-panel {

    width: calc(100% - 90px);

    width: -moz-calc(100% - 90px);

    width: -webkit-calc(100% - 90px);

  }

  

  ul.timeline > li > .timeline-badge {

    left: 15px;

    margin-left: 0;

    top: 16px;

  }

  

  ul.timeline > li > .timeline-panel {

    float: right;

  }

  

  ul.timeline > li > .timeline-panel:before {

    border-left-width: 0;

    border-right-width: 15px;

    left: -15px;

    right: auto;

  }

  

  ul.timeline > li > .timeline-panel:after {

    border-left-width: 0;

    border-right-width: 14px;

    left: -14px;

    right: auto;

  }

}

.text-logo-red{

    color: #d65050;

}

.bg-logo-red{

    background-color: #d65050;

}

.boder-l{

    border-left: 3px solid #d65050;

}



#demo {

    height:100%;

    position:relative;

    overflow:hidden;

  }

  

  

  .green{

    background-color:#6fb936;

  }

          .thumb{

              margin-bottom: 30px;

          }

          

          .page-top{

              margin-top:85px;

          }

  

     

  img.zoom {

      width: 100%;

      height: 200px;

      border-radius:5px;

      object-fit:cover;

      -webkit-transition: all .3s ease-in-out;

      -moz-transition: all .3s ease-in-out;

      -o-transition: all .3s ease-in-out;

      -ms-transition: all .3s ease-in-out;

  }

          

   

  .transition {

      -webkit-transform: scale(1.2); 

      -moz-transform: scale(1.2);

      -o-transform: scale(1.2);

      transform: scale(1.2);

  }

      .modal-header {

     

       border-bottom: none;

  }

      .modal-title {

          color:#000;

      }

      .modal-footer{

        display:none;  

      }

      .ptpb-80{

        padding-top: 80px;

        padding-bottom: 80px;

      }



      .social{

        position: fixed;

        top: 70%;

        display: grid;

      }

     

      .social a img:first-child{

        width: 50px;

        margin-bottom: 5px;

        color: #fff;

      }

.carousel-item img{

  height: 500px;

}     

@media only screen and (max-width: 600px) {
  .carousel-item img{

    height: 300px;
  
  }    
}