/* Css Share */
@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.5; }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.5; }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
/*Body*/
body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 16px;
  background: #fff;
  overflow-x: hidden;
  color: #525252; }
  body.other-page {
    padding-top: 230px; }
  body.rtl {
    direction: rtl;
    font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }

img {
  max-width: 100%; }

a {
  cursor: pointer; }

a:hover {
  text-decoration: none; }

.no-style {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.btn {
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-size: 14px;
  text-transform: initial; }

.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.go-to-top {
  border: 0;
  border-radius: 50%;
  background: #282828;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  .go-to-top.active {
    opacity: 1;
    visibility: visible; }
  .go-to-top:hover {
    background: #000; }

body.rtl .go-to-top {
  right: auto;
  left: 30px; }

@media (max-width: 767px) {
  .go-to-top {
    right: 20px;
    bottom: 20px; } }
.show-ipad {
  display: none !important; }

.show-mobile {
  display: none !important; }

.animated {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms; }

.animate-delay-1000ms {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animate-delay-800ms {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms; }

/*Woo qty*/
.woocommerce #quantity input::-webkit-outer-spin-button,
.woocommerce #quantity input::-webkit-inner-spin-button,
.woocommerce #content .quantity input::-webkit-outer-spin-button,
.woocommerce #content .quantity input::-webkit-inner-spin-button, .woocommerce-page #quantity input::-webkit-outer-spin-button,
.woocommerce-page #quantity input::-webkit-inner-spin-button,
.woocommerce-page #content .quantity input::-webkit-outer-spin-button,
.woocommerce-page #content .quantity input::-webkit-inner-spin-button {
  display: none; }

.woocommerce .quantity, .woocommerce-page .quantity {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  padding-right: 33px;
  display: inline-block;
  border: 1px solid #e1e1e1; }

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
  width: 60px;
  height: 34px;
  float: left;
  padding: 0 15px;
  margin: 0;
  text-align: center;
  border-right: 0;
  font-weight: 700;
  outline: none;
  border: 0;
  -moz-appearance: textfield; }
  .woocommerce .quantity input.qty::-webkit-inner-spin-button, .woocommerce .quantity input.qty::-webkit-outer-spin-button, .woocommerce-page .quantity input.qty::-webkit-inner-spin-button, .woocommerce-page .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }

.woocommerce .quantity noindex:-o-prefocus, .woocommerce .quantity input[type=number], .woocommerce-page .quantity noindex:-o-prefocus, .woocommerce-page .quantity input[type=number] {
  padding-right: 1.2em; }

.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 33px;
  height: 22px;
  text-decoration: none;
  overflow: visible;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
  color: #e1e1e1;
  border-left: 1px solid #e1e1e1;
  text-shadow: none;
  line-height: 1;
  background-image: none;
  font-size: 14px;
  line-height: 20px; }

.woocommerce .quantity .minus,
.woocommerce-page .quantity .minus {
  border-top: 1px solid #e1e1e1; }

.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover {
  color: #333; }

.woocommerce .quantity .plus, .woocommerce-page .quantity .plus {
  top: 0;
  right: 0;
  border-bottom: 0;
  border-radius: 0; }

.woocommerce .quantity .minus, .woocommerce-page .quantity .minus {
  bottom: 0;
  right: 0;
  border-radius: 0; }

.woocommerce table.cart img {
  width: 60px; }

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #309044; }
  .woocommerce #respond input#submit.alt:hover,
  .woocommerce a.button.alt:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover {
    background: #000; }

body.rtl .woocommerce .quantity .minus,
body.rtl .woocommerce-page .quantity .minus,
body.rtl .woocommerce .quantity .plus,
body.rtl .woocommerce-page .quantity .plus {
  right: auto;
  left: 0;
  border-left: 0;
  border-right: 1px solid #e1e1e1;
  padding: 4px 0; }
body.rtl .woocommerce .quantity, body.rtl .woocommerce-page .quantity {
  padding: 0 0 0 33px; }

@media (max-width: 992px) {
  .show-ipad {
    display: block !important; }

  .hide-ipad {
    display: none; }

  body.other-page {
    padding-top: 60px; } }
@media (max-width: 767px) {
  .show-mobile {
    display: block !important; }

  .hide-mobile {
    display: none; } }
@media (min-width: 300px) {
  .container-fluid {
    padding: 0 15px; } }
@media (min-width: 900px) {
  .container {
    width: 100%;
    padding: 0 30px; } }
@media (min-width: 1400px) {
  .container-fluid {
    max-width: 1400px; } }
@media (min-width: 1600px) {
  .container-fluid {
    max-width: 1600px; } }
.box-mouse {
  float: left;
  width: 100%;
  height: 120px;
  position: relative; }

.mouse_scroll {
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 105px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  cursor: pointer;
  pointer-events: auto; }

.m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  width: 16px;
  height: 16px; }

.unu {
  margin-top: 1px; }

.unu, .doi, .trei {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
  animation: mouse-scroll 1s infinite; }

.unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: alternate; }

.doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  animation-delay: .2s;
  animation-direction: alternate;
  margin-top: 16px; }

.trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate;
  margin-top: 16px; }

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px; }

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite; }

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); } }
@-moz-keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@-o-keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@-moz-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@-o-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@media (max-width: 767px) {
  .doi, .trei {
    margin-top: 10px; } }
/* Css Header */
#header {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  #header.other-page {
    background: #000; }
  #header.active {
    background: #000; }
    #header.active .header-bottom {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
      #header.active .header-bottom:before {
        height: 80px; }
    #header.active .box .search {
      padding: 15px 0; }
    #header.active .box .search input[type=text] {
      line-height: 44px; }
    #header.active .logo img {
      max-height: 46px; }
  #header .header-top {
    background: #fff;
    float: left;
    width: 100%;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
    #header .header-top .header-top_box {
      float: left;
      width: 100%;
      padding: 14px 4%;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      color: #646f7f;
      font-size: 16px; }
      #header .header-top .header-top_box .header-top_left {
        float: left; }
        #header .header-top .header-top_box .header-top_left .left__language {
          float: left; }
          #header .header-top .header-top_box .header-top_left .left__language:hover > div, #header .header-top .header-top_box .header-top_left .left__language:hover > span {
            color: #006649; }
            #header .header-top .header-top_box .header-top_left .left__language:hover > div.button__switch, #header .header-top .header-top_box .header-top_left .left__language:hover > span.button__switch {
              background: #006649; }
          #header .header-top .header-top_box .header-top_left .left__language.active-ar > div.button__switch:before, #header .header-top .header-top_box .header-top_left .left__language.active-ar > span.button__switch:before {
            right: auto;
            left: 2px; }
          #header .header-top .header-top_box .header-top_left .left__language > div, #header .header-top .header-top_box .header-top_left .left__language > span {
            display: inline-block;
            float: left;
            line-height: 22px;
            color: #646f7f;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            #header .header-top .header-top_box .header-top_left .left__language > div.button__switch, #header .header-top .header-top_box .header-top_left .left__language > span.button__switch {
              width: 31px;
              height: 16px;
              background: #646f7f;
              border-radius: 50px;
              position: relative;
              margin: 3px 10px; }
              #header .header-top .header-top_box .header-top_left .left__language > div.button__switch:before, #header .header-top .header-top_box .header-top_left .left__language > span.button__switch:before {
                content: '';
                display: block;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background: #fff;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 2px;
                margin: auto; }
        #header .header-top .header-top_box .header-top_left .gmap {
          margin-left: 145px;
          float: left;
          color: #646f7f;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #header .header-top .header-top_box .header-top_left .gmap:hover {
            color: #006649; }
      #header .header-top .header-top_box .header-top_right {
        float: right; }
        #header .header-top .header-top_box .header-top_right .box-cart {
          float: left;
          margin-right: 55px; }
          #header .header-top .header-top_box .header-top_right .box-cart:hover .box-icon {
            color: #006649; }
          #header .header-top .header-top_box .header-top_right .box-cart .box-icon {
            cursor: pointer;
            pointer-events: auto; }
          #header .header-top .header-top_box .header-top_right .box-cart > ul > li.open .dropdown-menu-mini-cart {
            top: 36px;
            opacity: 1;
            visibility: visible; }
          #header .header-top .header-top_box .header-top_right .box-cart .shop-cart {
            float: left; }
            #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart {
              width: 350px;
              right: -10px;
              left: auto;
              background: #fff;
              padding: 30px;
              position: absolute;
              top: 56px;
              right: 0px;
              opacity: 0;
              visibility: hidden;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s;
              -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
              -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              list-style-type: none;
              margin: auto;
              z-index: 99; }
              #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart:after {
                top: -30px;
                right: 30px;
                border: solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #fff;
                border-width: 20px;
                margin-left: -20px; }
              #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul {
                list-style-type: none;
                padding: 0;
                margin: 0; }
                #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li {
                  float: left;
                  width: 100%;
                  padding-bottom: 15px;
                  margin-bottom: 15px;
                  border-bottom: 1px solid #ddd; }
                  #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .remove {
                    float: right;
                    color: #ee0000;
                    font-size: 24px;
                    margin-left: 5px; }
                  #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li a:not(.remove) {
                    color: #1a4d2d;
                    font-weight: bold; }
                  #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li img {
                    width: 75px;
                    height: auto;
                    margin-right: 20px;
                    float: left; }
                  #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .quantity {
                    display: block;
                    margin-left: 95px;
                    font-size: 16px; }
              #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .total {
                float: left;
                width: 100%;
                font-size: 16px;
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid #ddd; }
                #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
                  float: right; }
              #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons {
                float: left;
                width: 100%; }
                #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a {
                  float: left;
                  width: calc((100% - 20px) / 2);
                  text-align: center; }
                  #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a + a {
                    margin-left: 20px; }
              #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward {
                border-width: 0;
                display: inline-block;
                padding: 12px 10px 10px 10px;
                margin: 0;
                border-radius: 22px;
                background-color: #efecec;
                border-color: #efecec;
                color: #282828;
                min-width: 127px;
                transition: all 0.2s ease-out 0s;
                -webkit-transition: all 0.2s ease-out 0s; }
                #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward.checkout {
                  background-color: #309044;
                  border-color: #309044;
                  color: #fff; }
                #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward:hover {
                  border-radius: 0; }
            #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .nav-item .box-icon {
              border-radius: 50%;
              position: relative;
              line-height: 22px;
              text-align: center;
              pointer-events: auto;
              cursor: pointer;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .nav-item .box-icon > * {
                display: inline-block; }
        #header .header-top .header-top_box .header-top_right .box-info {
          float: right;
          text-align: center;
          max-width: 260px; }
          #header .header-top .header-top_box .header-top_right .box-info .login {
            padding: 0 25px 0 35px;
            position: relative;
            cursor: pointer;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s;
            color: #646f7f;
            text-transform: uppercase;
            font-weight: bold; }
          #header .header-top .header-top_box .header-top_right .box-info .logged {
            position: relative; }
            #header .header-top .header-top_box .header-top_right .box-info .logged > span {
              position: relative;
              cursor: pointer;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s;
              color: #646f7f;
              float: left;
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            #header .header-top .header-top_box .header-top_right .box-info .logged.open > ul {
              top: 36px;
              opacity: 1;
              visibility: visible; }
            #header .header-top .header-top_box .header-top_right .box-info .logged > ul {
              display: block;
              min-width: 230px;
              background: #fff;
              -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
              -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              padding: 10px 0;
              position: absolute;
              top: 56px;
              right: 0px;
              z-index: 999;
              opacity: 0;
              visibility: hidden;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              #header .header-top .header-top_box .header-top_right .box-info .logged > ul:before {
                top: -30px;
                right: 30px;
                border: solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #fff;
                border-width: 20px;
                margin-left: -20px; }
              #header .header-top .header-top_box .header-top_right .box-info .logged > ul > li {
                width: 100%;
                text-align: left; }
                #header .header-top .header-top_box .header-top_right .box-info .logged > ul > li a {
                  display: block;
                  width: 100%;
                  padding: 10px 20px;
                  color: #333;
                  font-size: 16px;
                  transition: all 0.2s ease-out 0s;
                  -webkit-transition: all 0.2s ease-out 0s; }
                  #header .header-top .header-top_box .header-top_right .box-info .logged > ul > li a:hover {
                    background: #f7f8f9; }
  #header .header-bottom {
    float: left;
    width: 100%;
    padding: 50px 4%;
    position: relative;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    overflow: hidden; }
    #header .header-bottom:before {
      content: "";
      display: block;
      width: 1920px;
      height: 190px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: url(../images/bg-header.png) no-repeat center/cover; }
  #header .logo {
    float: left;
    width: 210px;
    line-height: 80px;
    position: relative;
    z-index: 9; }
    #header .logo img {
      max-height: 66px;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
  #header .box {
    float: left;
    width: calc(100% - 210px);
    padding-left: 20px;
    position: relative;
    z-index: 9; }
    #header .box .menu {
      float: left;
      font-size: 20px;
      font-weight: bold; }
      #header .box .menu li {
        display: inline-block;
        line-height: 80px;
        padding: 0 22px;
        position: relative; }
        #header .box .menu li:before {
          content: '';
          display: block;
          width: 5px;
          height: 5px;
          background: #fff;
          border-radius: 50%;
          position: absolute;
          left: -2px;
          top: 40px;
          opacity: 0; }
        #header .box .menu li + li:before {
          opacity: 1; }
        #header .box .menu li a {
          color: #fff;
          line-height: 1.4;
          text-transform: uppercase;
          font-family: 'Baloo Da', Arial, Helvetica, sans-serif;
          font-weight: normal;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          position: relative; }
          #header .box .menu li a:hover:after {
            opacity: 1;
            visibility: visible; }
          #header .box .menu li a:after {
            content: '';
            display: block;
            bottom: -10px;
            left: 0;
            right: 0;
            width: 10px;
            height: 10px;
            margin: auto;
            position: absolute;
            background: url(../images/arrow.png);
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
    #header .box .search {
      position: relative;
      float: right;
      padding: 10px 0;
      font-family: 'TimeBurner', Arial, Helvetica, sans-serif; }
      #header .box .search img {
        position: absolute;
        right: 23px;
        top: 0;
        bottom: 0;
        width: 28px;
        height: 28px;
        margin: auto;
        pointer-events: none; }
      #header .box .search input[type=text] {
        width: 15vw;
        line-height: 54px;
        border: 1px solid #fff;
        border-radius: 50px;
        background: transparent;
        outline: none;
        padding: 4px 70px 0 20%;
        font-size: 16px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
/*        transition: all 0.2s ease-out 0s;*/
/*        -webkit-transition: all 0.2s ease-out 0s;*/
}
        #header .box .search input[type=text]:focus {
          border-color: rgba(255, 255, 255, 0.5); }
        #header .box .search input[type=text]::placeholder {
          /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: white;
          opacity: 1;
          /* Firefox */ }
        #header .box .search input[type=text]:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: white; }
        #header .box .search input[type=text]::-ms-input-placeholder {
          /* Microsoft Edge */
          color: white; }
      #header .box .search input[type=submit] {
        width: 70px;
        line-height: 60px;
        border: 0;
        border-radius: 50%;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 10px; }
    #header .box .social {
      float: right;
      margin-left: 40px; }
      #header .box .social li {
        display: inline-block;
        line-height: 80px; }
        #header .box .social li a {
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #header .box .social li a:hover {
            opacity: 0.6; }
          #header .box .social li a img {
            max-width: 31px; }
    #header .box .box-action {
      float: right;
      margin-left: 20px; }

body.rtl #header .header-top .header-top_box {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
  body.rtl #header .header-top .header-top_box .header-top_left {
    float: right; }
    body.rtl #header .header-top .header-top_box .header-top_left .gmap {
      margin: 0 145px 0 0; }
    body.rtl #header .header-top .header-top_box .header-top_left .left__language {
      float: right; }
      body.rtl #header .header-top .header-top_box .header-top_left .left__language > span, body.rtl #header .header-top .header-top_box .header-top_left .left__language > div {
        float: right;
        line-height: 1;
        padding-top: 5px; }
  body.rtl #header .header-top .header-top_box .header-top_right {
    float: left; }
    body.rtl #header .header-top .header-top_box .header-top_right .box-info {
      float: left; }
      body.rtl #header .header-top .header-top_box .header-top_right .box-info .logged > ul {
        right: auto;
        left: 0; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-info .logged > ul:before {
          left: 30px;
          right: auto; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-info .logged > ul > li {
          text-align: right; }
    body.rtl #header .header-top .header-top_box .header-top_right .box-cart {
      float: right;
      margin: 0 0 0 55px; }
      body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart {
        right: auto;
        left: 0; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart:after {
          right: auto;
          left: 30px; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .remove {
          float: left;
          margin: 0 5px 0 0; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li img {
          float: right;
          margin: 0 0 0 20px; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
          font-family: 'Lato', Arial, Helvetica, sans-serif;
          float: left; }
        body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a {
          float: right; }
          body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a + a {
            margin: 0 20px 0 0; }
body.rtl #header .header-bottom .logo {
  float: right; }
body.rtl #header .box {
  float: right;
  padding: 0 20px 0 0; }
  body.rtl #header .box .box-action {
    float: left;
    margin: 0 20px 0 0; }
  body.rtl #header .box .menu {
    float: right; }
    body.rtl #header .box .menu li:before {
      left: auto;
      right: -2px;
      top: 38px; }
    body.rtl #header .box .menu li a {
      font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
  body.rtl #header .box .social {
    float: left;
    margin: 0 40px 0 0; }
  body.rtl #header .box .search {
    font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
    body.rtl #header .box .search img {
      right: auto;
      left: 23px;
      -ms-transform: rotateY(-180deg);
      -webkit-transform: rotateY(-180deg);
      transform: rotateY(-180deg); }
    body.rtl #header .box .search input[type=text] {
      padding: 4px 20% 0 70px; }
    body.rtl #header .box .search input[type=submit] {
      right: auto;
      left: 0; }
body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .nav-item .box-icon span {
  font-family: 'Lato', Arial, Helvetica, sans-serif; }
body.rtl #header .header-top .header-top_box .header-top_right .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .quantity,
body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .quantity,
body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount,
body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .nav-item .box-icon span {
  font-family: 'Lato', Arial, Helvetica, sans-serif; }

.header-scroll {
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  background: #000;
  z-index: 999;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s; }
  .header-scroll.active {
    top: 0; }
  .header-scroll .scroll-box .logo {
    float: left;
    width: 90px;
    line-height: 60px;
    position: relative;
    z-index: 9; }
    .header-scroll .scroll-box .logo img {
      max-height: 30px;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
  .header-scroll .scroll-box .box {
    float: left;
    width: calc(100% - 90px);
    padding-left: 20px;
    position: relative;
    z-index: 9; }
    .header-scroll .scroll-box .box .menu {
      float: left;
      font-size: 20px;
      font-weight: bold; }
      .header-scroll .scroll-box .box .menu li {
        display: inline-block;
        line-height: 60px;
        padding: 0 22px;
        position: relative; }
        .header-scroll .scroll-box .box .menu li:before {
          content: '';
          display: block;
          width: 5px;
          height: 5px;
          background: #fff;
          border-radius: 50%;
          position: absolute;
          left: -2px;
          top: 30px;
          opacity: 0; }
        .header-scroll .scroll-box .box .menu li + li:before {
          opacity: 1; }
        .header-scroll .scroll-box .box .menu li a {
          color: #fff;
          line-height: 1.4;
          text-transform: uppercase;
          font-family: 'Baloo Da', Arial, Helvetica, sans-serif;
          font-weight: normal;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          position: relative; }
          .header-scroll .scroll-box .box .menu li a:hover:after {
            opacity: 1;
            visibility: visible; }
          .header-scroll .scroll-box .box .menu li a:after {
            content: '';
            display: block;
            bottom: -6px;
            left: 0;
            right: 0;
            width: 6px;
            height: 6px;
            margin: auto;
            position: absolute;
            background: url(../images/arrow.png) no-repeat center/cover;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
    .header-scroll .scroll-box .box .language {
      float: left;
      height: 60px;
      line-height: 62px;
      position: relative;
      font-family: 'Baloo Da', Arial, Helvetica, sans-serif;
      right: 70px; }
      .header-scroll .scroll-box .box .language a {
        color: #fff; }
    .header-scroll .scroll-box .box .action {
      float: right;
      position: relative; }
      .header-scroll .scroll-box .box .action .icon-search {
        position: absolute;
        right: 130px;
        line-height: 60px;
        cursor: pointer;
        pointer-events: auto;
        width: 21px; }
        .header-scroll .scroll-box .box .action .icon-search img {
          width: 20px; }
      .header-scroll .scroll-box .box .action .box-right {
        float: right; }
      .header-scroll .scroll-box .box .action .box-cart {
        position: absolute;
        right: 40px;
        color: #fff; }
        .header-scroll .scroll-box .box .action .box-cart .box-icon {
          cursor: pointer;
          pointer-events: auto; }
        .header-scroll .scroll-box .box .action .box-cart > ul {
          margin: 0; }
        .header-scroll .scroll-box .box .action .box-cart > ul > li.open .dropdown-menu-mini-cart {
          top: 60px;
          opacity: 1;
          visibility: visible; }
        .header-scroll .scroll-box .box .action .box-cart .shop-cart {
          float: left; }
          .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart {
            width: 100%;
            max-width: 450px;
            min-width: 400px;
            right: -10px;
            left: auto;
            background: #fff;
            padding: 30px;
            position: absolute;
            top: 56px;
            right: -50px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s;
            -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            list-style-type: none;
            margin: auto;
            z-index: 99; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart:after {
              top: -30px;
              right: 40px;
              border: solid transparent;
              content: "";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(255, 255, 255, 0);
              border-bottom-color: #fff;
              border-width: 20px;
              margin-left: -20px; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul {
              list-style-type: none;
              padding: 0;
              margin: 0; }
              .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li {
                float: left;
                width: 100%;
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid #ddd; }
                .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .remove {
                  float: right;
                  color: #ee0000;
                  font-size: 24px;
                  margin-left: 5px; }
                .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li a:not(.remove) {
                  color: #1a4d2d;
                  font-weight: bold; }
                .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li img {
                  width: 75px;
                  height: auto;
                  margin-right: 20px;
                  float: left; }
                .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .quantity {
                  display: block;
                  margin-left: 95px;
                  font-size: 16px;
                  color: #333; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .total {
              float: left;
              width: 100%;
              font-size: 16px;
              padding-bottom: 15px;
              margin-bottom: 15px;
              border-bottom: 1px solid #ddd;
              color: #000; }
              .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
                float: right; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons {
              float: left;
              width: 100%; }
              .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a {
                float: left;
                width: calc((100% - 20px) / 2);
                text-align: center; }
                .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a + a {
                  margin-left: 20px; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward {
              border-width: 0;
              display: inline-block;
              padding: 12px 10px 10px 10px;
              margin: 0;
              border-radius: 22px;
              background-color: #efecec;
              border-color: #efecec;
              color: #282828;
              min-width: 127px;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward.checkout {
                background-color: #309044;
                border-color: #309044;
                color: #fff; }
              .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward:hover {
                border-radius: 0; }
          .header-scroll .scroll-box .box .action .box-cart .shop-cart .nav-item .box-icon {
            border-radius: 50%;
            position: relative;
            line-height: 22px;
            text-align: center;
            pointer-events: auto;
            cursor: pointer;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s;
            line-height: 60px; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .nav-item .box-icon > * {
              display: inline-block; }
            .header-scroll .scroll-box .box .action .box-cart .shop-cart .nav-item .box-icon span {
              position: absolute;
              top: 13px;
              line-height: 1;
              right: -8px;
              font-size: 10px;
              background: #9f9f9f;
              width: 18px;
              height: 18px;
              padding: 3px;
              line-height: 14px;
              border-radius: 50%; }
      .header-scroll .scroll-box .box .action .box-info {
        float: right;
        text-align: center;
        max-width: 260px;
        line-height: 60px; }
        .header-scroll .scroll-box .box .action .box-info .login {
          padding: 0 25px 0 35px;
          position: relative;
          cursor: pointer;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          color: #fff;
          text-transform: uppercase;
          font-weight: bold; }
        .header-scroll .scroll-box .box .action .box-info .logged {
          position: relative; }
          .header-scroll .scroll-box .box .action .box-info .logged > span {
            position: relative;
            cursor: pointer;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s;
            color: #fff;
            float: left;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .header-scroll .scroll-box .box .action .box-info .logged.open > ul {
            top: 60px;
            opacity: 1;
            visibility: visible; }
          .header-scroll .scroll-box .box .action .box-info .logged > ul {
            display: block;
            min-width: 230px;
            background: #fff;
            -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
            position: absolute;
            top: 56px;
            right: -15px;
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            .header-scroll .scroll-box .box .action .box-info .logged > ul:before {
              top: -30px;
              right: 2px;
              border: solid transparent;
              content: "";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(255, 255, 255, 0);
              border-bottom-color: #fff;
              border-width: 20px;
              margin-left: -20px; }
            .header-scroll .scroll-box .box .action .box-info .logged > ul > li {
              width: 100%;
              text-align: left;
              line-height: 1.5; }
              .header-scroll .scroll-box .box .action .box-info .logged > ul > li span {
                display: block;
                width: 100%;
                padding: 10px 20px;
                color: #333;
                font-size: 16px;
                max-width: 310px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                background: #d1d1d1;
                font-weight: bold; }
              .header-scroll .scroll-box .box .action .box-info .logged > ul > li a {
                display: block;
                width: 100%;
                padding: 10px 20px;
                color: #333;
                font-size: 16px;
                transition: all 0.2s ease-out 0s;
                -webkit-transition: all 0.2s ease-out 0s; }
                .header-scroll .scroll-box .box .action .box-info .logged > ul > li a:hover {
                  background: #f7f8f9; }

body.rtl .header-scroll .scroll-box .logo {
  float: right; }
body.rtl .header-scroll .scroll-box .box {
  padding: 0 20px 0 0; }
  body.rtl .header-scroll .scroll-box .box .menu {
    float: right; }
    body.rtl .header-scroll .scroll-box .box .menu li:before {
      left: auto;
      right: -2px;
      top: 28px; }
    body.rtl .header-scroll .scroll-box .box .menu li a {
      font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
  body.rtl .header-scroll .scroll-box .box .action {
    float: left;
    position: relative; }
    body.rtl .header-scroll .scroll-box .box .action .icon-search {
      left: 130px;
      right: auto; }
    body.rtl .header-scroll .scroll-box .box .action .box-cart {
      right: auto;
      left: 40px; }
      body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .nav-item .box-icon span {
        right: auto;
        left: -8px; }
      body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart {
        right: auto;
        left: -50px; }
        body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart:after {
          left: 55px;
          right: auto; }
        body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .remove {
          float: left;
          margin: 0 5px 0 0; }
        body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li img {
          float: right;
          margin: 0 0 0 20px; }
        body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
          float: left; }
        body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a {
          float: right; }
          body.rtl .header-scroll .scroll-box .box .action .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a + a {
            margin: 0 20px 0 0; }
    body.rtl .header-scroll .scroll-box .box .action .box-info .logged > ul {
      right: auto;
      left: -15px; }
      body.rtl .header-scroll .scroll-box .box .action .box-info .logged > ul:before {
        right: auto;
        left: 2px;
        margin: 0; }
      body.rtl .header-scroll .scroll-box .box .action .box-info .logged > ul > li {
        text-align: right; }
  body.rtl .header-scroll .scroll-box .box .language {
    right: auto;
    left: 80px;
    position: absolute;
    z-index: 99; }
    body.rtl .header-scroll .scroll-box .box .language a {
      color: #fff; }

.search-layer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  display: none;
  text-align: center; }

.search-layer .lg-outer {
  opacity: 1; }

.search-layer-close {
  font-size: 40px;
  color: #fff;
  margin-top: 50px;
  display: block;
  cursor: pointer;
  pointer-events: auto; }

.search-form {
  text-align: center; }

.btn-search {
  color: #fff;
  background: #309044; }

.search-form-heading {
  margin: 35px 0;
  color: #309044;
  font-size: 64px;
  font-weight: bold; }

.search-form-intro {
  text-transform: uppercase;
  float: left;
  width: 100%; }

.search-form .search-form-input {
  display: inline-block;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(48, 144, 68, 0.5);
  border-radius: 0;
  color: #003562;
  text-align: center;
  padding: 17px;
  width: 100%;
  font-size: 40px;
  outline: none;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  .search-form .search-form-input:focus {
    border-color: #004987;
    -webkit-box-shadow: none;
    box-shadow: none; }

.search-layer .search-form .search-form-input,
.search-layer .search-form .search-form-intro {
  color: #fff; }

.search-results {
  text-align: center; }

.search-result-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.search-result-list-item {
  border-bottom: 1px solid #d6dce0; }

.search-form .btn-search {
  width: 210px;
  line-height: 33px;
  text-align: center;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  margin-top: 34px;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  .search-form .btn-search:hover {
    background: #fff;
    color: #000; }

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s; }
  .lg-backdrop.in {
    opacity: 0.95; }

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s; }

@media (max-width: 1800px) {
  #header .box .menu li {
    padding: 0 15px; } }
@media (max-width: 1600px) {
  #header .header-bottom {
    padding: 50px 4%; }
    #header .header-bottom:before {
      height: 150px; }
  #header .box {
    width: 92%; }
    #header .box .menu {
      font-size: 18px; }
    #header .box .search {
      margin-left: 0px; }
      #header .box .search input[type=text] {
        padding-left: 15%;
        font-size: 14px; }
  #header .logo {
    width: 8%; } }
@media (max-width: 1400px) {
  #header .header-bottom {
    padding: 50px 3%; }
  #header .box .menu {
    font-size: 16px; }
    #header .box .menu li {
      padding: 0 10px; }
  #header .box .search input[type=text] {
    width: 200px; }
  #header .box .social {
    margin-left: 20px; } }
@media (max-width: 1200px) {
  .header-scroll .scroll-box .box .menu {
    font-size: 14px; }

  #header .box .menu {
    width: auto; }
  #header .box .box-action {
    width: auto; }
  #header .box .search {
    margin-left: 20px;
    padding: 17px 0; }
    #header .box .search input[type=text] {
      width: 160px;
      line-height: 40px;
      height: 46px;
      padding-right: 60px; }
    #header .box .search input[type=submit] {
      width: 60px; }
    #header .box .search img {
      width: 18px;
      height: 18px; }
  #header .box .social {
    display: none; } }
@media (max-width: 992px) {
  #header {
    display: none; }

  .search-form-heading {
    font-size: 40px; }

  .header-scroll {
    display: none; } }
/*Css Home*/
/*Banner*/
section.banner {
  height: 100vh;
  min-height: 700px;
  position: relative; }
  section.banner .child {
    height: 100vh;
    min-height: 700px;
    background: no-repeat center /cover;
    position: relative;
    font-family: 'Lulo Clean W01', Arial, Helvetica, sans-serif; }
    section.banner .child.playing video {
      z-index: 99; }
    section.banner .child video {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      z-index: -1;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
    section.banner .child .box {
      display: table-cell;
      width: 100%;
      max-width: 850px;
      color: #fff;
      height: 100vh;
      vertical-align: middle;
      position: relative; }
    section.banner .child h2 {
      display: inline-block;
      font-size: 100px;
      margin: 120px 0 0;
      font-weight: bold;
      line-height: 1.3;
      max-width: 700px; }
    section.banner .child .play {
      display: inline-block;
      position: absolute;
      top: 100px;
      bottom: 0;
      margin: auto;
      right: -88px;
      width: 88px;
      height: 101px;
      cursor: pointer;
      pointer-events: auto;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      section.banner .child .play:hover {
        -ms-transform: scale(0.8);
        /* IE 9 */
        -webkit-transform: scale(0.8);
        /* Safari prior 9.0 */
        transform: scale(0.8);
        /* Standard syntax */ }
      section.banner .child .play img {
        width: 100%;
        height: 100%; }
  section.banner .owl-dots {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: center; }
    section.banner .owl-dots .owl-dot {
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0 5px;
      position: relative; }
      section.banner .owl-dots .owl-dot:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #fff;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
      section.banner .owl-dots .owl-dot.active:before {
        opacity: 1;
        width: 11px;
        height: 11px; }
  section.banner .box-banner-fluid {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

body.rtl section.banner .child .play {
  right: auto;
  left: -110px; }
  body.rtl section.banner .child .play img {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
body.rtl section.banner .child h2 {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }

@media (max-width: 1200px) {
  section.banner .child h2 {
    font-size: 80px; } }
@media (max-width: 1030px) {
  section.banner .child video,
  section.banner .child .play {
    display: none; } }
@media (max-width: 992px) {
  section.banner .child h2 {
    font-size: 70px;
    margin: 80px 0 0; } }
@media (max-width: 767px) {
  section.banner .child h2 {
    font-size: 50px; } }
@media (max-width: 450px) {
  section.banner .child h2 {
    font-size: 40px;
    margin: 0; } }
/*Content Breadcrumbs*/
.content-breadcrumbs {
  background: #f9f9f9;
  padding: 26px calc((100% / 6) + 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .content-breadcrumbs a {
    font-weight: 300;
    color: #7b7b7b;
    font-size: 16px; }
  .content-breadcrumbs > span:not(.current) {
    position: relative;
    top: -1px;
    font-size: 18px;
    padding: 0 5px; }
  .content-breadcrumbs a,
  .content-breadcrumbs > span {
    float: left;
    font-weight: 300; }

body.rtl .content-breadcrumbs a,
body.rtl .content-breadcrumbs > span {
  float: right; }

@media (max-width: 1400px) {
  .content-breadcrumbs {
    padding: 26px calc(100% / 12); } }
@media (max-width: 992px) {
  .content-breadcrumbs {
    display: none; } }
/*Short Banner*/
section.short-banner {
  height: 460px;
  background: no-repeat center /cover;
  position: relative; }
  section.short-banner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2); }

@media (max-width: 992px) {
  section.short-banner {
    height: 330px; } }
@media (max-width: 767px) {
  section.short-banner {
    height: 250px; } }
/*Grid 1*/
section.grid-1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  background: url(../images/bg-2.png); }
  section.grid-1 .left {
    float: left;
    width: 800px;
    padding: 80px 80px 100px calc(100% / 12);
    z-index: 99;
    color: #525252;
    position: relative; }
    section.grid-1 .left .box h2 {
      font-size: 65px;
      color: #525252;
      line-height: 1;
      margin: 0;
      text-transform: uppercase;
      font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; }
      section.grid-1 .left .box h2 b, section.grid-1 .left .box h2 strong {
        font-size: 200px;
        font-weight: 900; }
    section.grid-1 .left .box .text {
      color: #525252;
      line-height: 1.8;
      font-family: 'Helvetica', Arial, Helvetica, sans-serif; }
    section.grid-1 .left .box .learn-more {
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s;
      line-height: 56px;
      background: #309044;
      color: #fff;
      float: left;
      margin: 50px auto auto;
      padding: 0 15px;
      border-radius: 50px;
      font-size: 18px; }
      section.grid-1 .left .box .learn-more:hover {
        background: #282828; }
      section.grid-1 .left .box .learn-more span {
        margin-left: 4px; }
  section.grid-1 .right {
    position: absolute;
    left: 840px;
    top: 0;
    bottom: 0;
    width: 1080px; }
    section.grid-1 .right .bg {
      background: no-repeat center left /cover;
      position: absolute;
      left: 0;
      top: -30px;
      bottom: -100px;
      width: 1080px;
      z-index: 99; }

body.rtl section.grid-1 .right {
  left: auto;
  right: 840px; }
  body.rtl section.grid-1 .right .bg {
    background: no-repeat center right /cover; }
body.rtl section.grid-1 .left .box h2 {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
  body.rtl section.grid-1 .left .box h2 b {
    font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
    display: block; }
body.rtl section.grid-1 .left .box .learn-more {
  float: right; }
  body.rtl section.grid-1 .left .box .learn-more span img {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }

@media (max-width: 1200px) {
  section.grid-1 .left {
    width: 100%;
    max-width: 600px;
    padding: 60px 70px 70px calc(100% / 14); }
    section.grid-1 .left .box h2 {
      font-size: 46px; }
      section.grid-1 .left .box h2 strong, section.grid-1 .left .box h2 b {
        font-size: 135px; }
    section.grid-1 .left .box .learn-more {
      font-size: 16px;
      margin-top: 30px;
      line-height: 50px; }
      section.grid-1 .left .box .learn-more img {
        width: 9px; }
  section.grid-1 .right {
    width: 700px;
    left: 640px; }
    section.grid-1 .right .bg {
      width: 700px;
      top: 0;
      bottom: -20px; }

  body.rtl section.grid-1 .right {
    width: 700px;
    right: 640px; } }
@media (max-width: 450px) {
  section.grid-1 .left {
    width: 100%;
    padding: 30px; }

  section.grid-1 .right {
    display: none; }

  section.grid-1 .left .box h2 {
    font-size: 32px; }
    section.grid-1 .left .box h2 b, section.grid-1 .left .box h2 strong {
      font-size: 90px; } }
/*Promise*/
section.promise {
  text-align: center;
  padding: 80px 0 50px;
  color: #fff;
  background: no-repeat center /cover; }
  section.promise h2 {
    font-size: 60px;
    font-weight: bold;
    margin: 0 0 5px;
    position: relative;
    padding-bottom: 7px; }
    section.promise h2:after {
      content: '';
      display: table;
      margin: auto;
      width: 44px;
      height: 1px;
      background: #fff;
      margin-top: 13px; }
  section.promise .text {
    font-size: 30px;
    width: 100%;
    max-width: 1000px;
    display: table;
    margin: auto;
    font-family: 'Helvetica', Arial, Helvetica, sans-serif; }
  section.promise ul {
    float: left;
    width: 100%;
    margin-top: 65px; }
    section.promise ul li {
      float: left;
      width: 25%; }
      section.promise ul li .icon img {
        height: 200px;
        max-width: none;
        width: auto;
        margin: auto; }
      section.promise ul li .info {
        padding: 0 15px; }
        section.promise ul li .info h3 {
          font-size: 40px;
          font-weight: 300; }
          section.promise ul li .info h3 b, section.promise ul li .info h3 strong {
            font-weight: 900; }
        section.promise ul li .info a {
          font-size: 16px;
          color: #fff;
          font-weight: 500;
          text-transform: uppercase; }
          section.promise ul li .info a:hover {
            text-decoration: underline; }
          section.promise ul li .info a img {
            display: inline-block;
            margin-left: 4px;
            width: 20px; }

body.rtl section.promise ul li {
  float: right; }
body.rtl section.promise ul li .info a img {
  margin: 0 4px 0 0;
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

@media (max-width: 1600px) {
  section.promise ul li .icon img {
    height: 150px; }
  section.promise ul li .info h3 {
    font-size: 32px; } }
@media (max-width: 1300px) {
  section.promise h2 {
    font-size: 40px; }
  section.promise .text {
    font-size: 22px;
    max-width: 700px;
    padding: 0 15px; }

  section.promise ul li .icon img {
    height: 100px; }
  section.promise ul li .info h3 {
    font-size: 26px; }
  section.promise ul li .info a {
    font-size: 14px; }
    section.promise ul li .info a img {
      width: 16px; } }
@media (max-width: 992px) {
  section.promise {
    padding: 50px 0; }

  section.promise ul {
    margin-top: 40px; }
    section.promise ul .owl-dots {
      margin-top: 20px; }
      section.promise ul .owl-dots .owl-dot {
        display: inline-block;
        width: 30px;
        height: 8px;
        border-radius: 5px;
        background: #fff;
        opacity: 0.8;
        margin: 0 3px; }
        section.promise ul .owl-dots .owl-dot.active {
          opacity: 1;
          width: 40px; }

  section.promise ul li {
    width: 100%; } }
@media (max-width: 450px) {
  section.promise h2 {
    font-size: 36px; }
  section.promise .text {
    font-size: 18px; } }
/*Home Product*/
section.home-product {
  padding: 70px 0;
  float: left;
  width: 100%; }
  section.home-product .left {
    float: left;
    width: calc((100% / 12) * 4);
    padding: 0 25px; }
    section.home-product .left h2 {
      color: #525252;
      font-size: 70px;
      margin: 15px 0 10px;
      line-height: 1.2;
      font-weight: 300; }
      section.home-product .left h2 b, section.home-product .left h2 strong {
        font-weight: 900; }
    section.home-product .left .text {
      font-size: 20px;
      color: #525252;
      font-family: 'Helvetica', Arial, Helvetica, sans-serif;
      padding: 0 15px 0 0; }
  section.home-product .right {
    float: left;
    width: calc((100% / 12) * 8); }
    section.home-product .right .slider {
      padding: 0 45px; }
      section.home-product .right .slider .item {
        border-radius: 5px;
        margin: 1px 5%;
        border: 1px solid #efefef;
        padding: 25px 15px; }
        section.home-product .right .slider .item .box-img {
          display: block;
          position: relative; }
          section.home-product .right .slider .item .box-img:before {
            content: '';
            display: block;
            width: 28px;
            height: 28px;
            background: url(../images/icon-search-gray.png) no-repeat center/cover;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: -50px;
            margin: auto;
            opacity: 0;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
          section.home-product .right .slider .item .box-img img {
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
          section.home-product .right .slider .item .box-img:hover:before {
            opacity: 1;
            bottom: 0; }
          section.home-product .right .slider .item .box-img:hover img {
            opacity: 0.1; }
        section.home-product .right .slider .item .info {
          text-align: center;
          position: relative;
          margin-top: 15px;
          padding-top: 55px; }
          section.home-product .right .slider .item .info:before {
            content: '';
            display: block;
            background: #eeeeee;
            width: 60px;
            height: 2px;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            top: 0; }
          section.home-product .right .slider .item .info h3 {
            margin-top: 0;
            font-size: 24px;
            line-height: 1.3;
            font-weight: 300;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
            section.home-product .right .slider .item .info h3 a {
              color: #525252;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              section.home-product .right .slider .item .info h3 a:hover {
                color: #309044; }
          section.home-product .right .slider .item .info .count {
            font-size: 19.5px;
            color: #7fb900;
            font-style: italic;
            margin-bottom: 30px; }
    section.home-product .right .owl-nav .next, section.home-product .right .owl-nav .prev {
      pointer-events: auto;
      cursor: pointer;
      padding: 5px;
      width: 24px;
      height: 36px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
      section.home-product .right .owl-nav .next:before, section.home-product .right .owl-nav .prev:before {
        content: '';
        display: block;
        width: 14px;
        height: 26px;
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px; }
    section.home-product .right .owl-nav .prev {
      left: 10px; }
      section.home-product .right .owl-nav .prev:before {
        background: url(../images/icon-arrow-prev.png) no-repeat center/cover; }
    section.home-product .right .owl-nav .next {
      right: 10px; }
      section.home-product .right .owl-nav .next:before {
        background: url(../images/icon-arrow-next.png) no-repeat center/cover; }

@media (max-width: 1700px) {
  section.home-product .right .slider .item {
    margin: 1px 3%; } }
@media (max-width: 1500px) {
  section.home-product .left h2 {
    font-size: 60px; } }
@media (max-width: 1300px) {
  section.home-product .left h2 {
    font-size: 50px; } }
@media (max-width: 1200px) {
  section.home-product .left {
    width: calc((100% / 12) * 5); }
  section.home-product .right {
    width: calc((100% / 12) * 7); }
    section.home-product .right .slider .item {
      padding: 20px 15px; } }
@media (max-width: 992px) {
  section.home-product .left {
    width: 100%;
    text-align: center;
    margin-bottom: 40px; }
  section.home-product .right {
    width: 100%; }
    section.home-product .right .slider .item .info h3 {
      font-size: 20px; }
    section.home-product .right .slider .item .info .count {
      font-size: 16px; } }
@media (max-width: 767px) {
  section.home-product .right .slider .item .box-img {
    padding: 10px; }

  section.home-product .left .text {
    font-size: 17px;
    padding: 0 15px; }

  section.home-product .left h2 {
    font-size: 40px; }

  section.home-product {
    padding-top: 50px; } }
/*Grid Bg*/
section.grid-bg {
  padding: 90px 0;
  text-align: center; }
  section.grid-bg h2 {
    color: #fff;
    font-weight: bold;
    font-size: 60px;
    line-height: 1.5;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
    position: relative; }
    section.grid-bg h2:after {
      content: '';
      display: table;
      margin: auto;
      width: 44px;
      height: 2px;
      background: #fff;
      margin-top: 7px;
      -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); }
  section.grid-bg a {
    display: table;
    margin: 30px auto auto;
    border-radius: 50px;
    color: #fff;
    background: rgba(48, 144, 68, 0.8);
    padding: 0 25px;
    line-height: 60px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
    section.grid-bg a:hover {
      background: #309044; }

@media (max-width: 1200px) {
  section.grid-bg {
    padding: 70px 0; }
    section.grid-bg h2 {
      font-size: 50px;
      line-height: 1.3;
      margin: 0 0 15px; }
      section.grid-bg h2:after {
        margin-top: 15px; }
    section.grid-bg a {
      font-size: 16px;
      line-height: 50px; } }
@media (max-width: 767px) {
  section.grid-bg h2 {
    font-size: 40px; } }
/*Grid 2*/
section.grid-2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  section.grid-2 .item {
    float: left;
    width: 50%; }
    section.grid-2 .item:not(.image) {
      padding: 210px 100px 180px 60px;
      background: url(../images/bg-5.png) no-repeat left top 50px/cover; }
    section.grid-2 .item.image {
      background: no-repeat center /cover; }
      section.grid-2 .item.image img {
        display: none; }
    section.grid-2 .item h2 {
      font-size: 54px;
      font-weight: 300;
      margin: 0 0 10px;
      position: relative; }
      section.grid-2 .item h2:after {
        content: '';
        display: block; }
    section.grid-2 .item .text {
      font-size: 20px;
      color: #7b8e9c;
      line-height: 1.8;
      font-family: 'Helvetica', Arial, Helvetica, sans-serif; }
    section.grid-2 .item .read-more {
      float: left;
      margin-top: 25px;
      padding: 0 50px;
      line-height: 58px;
      font-size: 20px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 500;
      background: #309044;
      border-radius: 50px;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      section.grid-2 .item .read-more:hover {
        background: #282828; }

body.rtl section.grid-2 .item .read-more {
  float: right; }
body.rtl section.grid-4 ul li + li:after {
  left: auto;
  right: 0; }

@media (max-width: 1200px) {
  section.grid-2 .item:not(.image) {
    padding: 100px 60px; }

  section.grid-2 .item:not(.image) h2 {
    font-size: 46px; }
  section.grid-2 .item:not(.image) .text {
    font-size: 18px; }
  section.grid-2 .item:not(.image) .read-more {
    font-size: 16px;
    line-height: 44px;
    padding: 0 30px; } }
@media (max-width: 992px) {
  section.grid-2 {
    display: block; }
    section.grid-2 .item {
      width: 100%; }
      section.grid-2 .item.image {
        background: transparent; }
        section.grid-2 .item.image img {
          display: block; } }
@media (max-width: 767px) {
  section.grid-2 .item:not(.image) {
    padding: 50px 30px; }
    section.grid-2 .item:not(.image) h2 {
      font-size: 40px; }
    section.grid-2 .item:not(.image) .text {
      font-size: 16px; } }
/*Grid 4*/
section.grid-4 {
  background: url(../images/bg-6.png) no-repeat center/cover;
  padding: 30px;
  color: #fff;
  float: left;
  width: 100%;
  overflow: hidden; }
  section.grid-4 h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 20px; }
    section.grid-4 h2 strong {
      font-weight: 900; }
    section.grid-4 h2:after {
      content: '';
      display: table;
      margin: 15px auto auto;
      width: 44px;
      height: 1px;
      background: rgba(255, 255, 255, 0.8); }
  section.grid-4 .text {
    display: table;
    margin: auto;
    width: 90%;
    max-width: 620px;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 35px;
    font-family: 'Helvetica', Arial, Helvetica, sans-serif; }
  section.grid-4 ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
    section.grid-4 ul li {
      float: left;
      width: 25%;
      padding: 0 15px;
      text-align: center;
      margin-bottom: 20px;
      position: relative; }
      section.grid-4 ul li + li:after {
        content: '';
        display: block;
        width: 1px;
        height: 44px;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
      section.grid-4 ul li h3 {
        margin: 0 0 10px;
        font-size: 40px;
        font-weight: 800; }
      section.grid-4 ul li .short {
        font-size: 20px;
        font-weight: 300; }

@media (max-width: 1400px) {
  section.grid-4 ul li h3 {
    font-size: 32px; }
  section.grid-4 ul li .short {
    font-size: 18px; } }
@media (max-width: 1200px) {
  section.grid-4 ul li h3 {
    font-size: 26px; }
  section.grid-4 ul li .short {
    font-size: 16px; } }
@media (max-width: 992px) {
  section.grid-4 {
    padding: 30px 0; }

  section.grid-4 ul li {
    width: 50%;
    margin: 20px 0; }
    section.grid-4 ul li:nth-child(3):after {
      display: none; } }
@media (max-width: 450px) {
  section.grid-4 .text {
    margin-bottom: 10px; }

  section.grid-4 ul li {
    width: 100%;
    margin: 30px 0; }
    section.grid-4 ul li + li:after {
      display: block !important;
      width: 60px;
      height: 1px;
      bottom: auto;
      top: -30px;
      left: 0;
      right: 0;
      margin: auto; }

  body.rtl section.grid-4 ul li + li:after {
    left: 0;
    right: 0; } }
/*Our story*/
.section-1 .box {
  margin-top: -200px;
  padding: 0 35px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
.section-1 .left {
  padding: 45px 60px 50px 50px;
  display: block;
  float: left;
  width: 52%;
  background: #f7f7f7; }
  .section-1 .left .logo {
    margin-bottom: 5px; }
    .section-1 .left .logo img {
      max-height: 130px;
      max-width: 60%; }
  .section-1 .left .blockquote {
    margin: 7px 0 30px; }
  .section-1 .left .green {
    display: block;
    float: left;
    font-size: 30px;
    color: #006649;
    font-weight: bold;
    width: 100%;
    margin-bottom: 50px;
    font-family: 'Helvetica', Arial, Helvetica, sans-serif;
    line-height: 1.3; }
  .section-1 .left .text {
    width: 100%;
    font-size: 30px;
    color: #474747;
    margin-bottom: 20px;
    line-height: 1.3;
    font-family: 'Helvetica', Arial, Helvetica, sans-serif; }
  .section-1 .left .read-more {
    display: block;
    float: left;
    font-size: 14px;
    color: #013859;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 0 45px;
    line-height: 56px;
    border: 2px solid #013859;
    border-radius: 25px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    text-decoration: none; }
    .section-1 .left .read-more:hover {
      background: #013859;
      color: #fff; }
.section-1 .right {
  width: 48%;
  float: left;
  background: no-repeat center /cover; }

.section-2 {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  background: #c7c7c7; }
  .section-2 .box {
    padding: 0 35px; }
  .section-2 .top {
    background: url(../images/bg-ourstory.jpg) no-repeat center/cover;
    padding: 60px 90px 60px 50px;
    float: left;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .section-2 .top img {
      cursor: pointer;
      float: right;
      opacity: 0.7;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      .section-2 .top img:hover {
        opacity: 1; }
    .section-2 .top h3 {
      font-size: 47px;
      color: #fff;
      text-transform: uppercase;
      float: left;
      line-height: 1.1;
      font-weight: bold;
      margin: 0; }
    .section-2 .top .left {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: left;
      -webkit-justify-content: left;
      justify-content: left;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      flex: 1; }
    .section-2 .top .right {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: right;
      -webkit-justify-content: right;
      justify-content: right;
      -ms-flex-align: right;
      -webkit-align-items: right;
      align-items: right; }
  .section-2 .bottom {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding-bottom: 90px;
    position: relative; }
    .section-2 .bottom .blockquote {
      display: block;
      margin: 70px 0 20px; }
      .section-2 .bottom .blockquote span {
        display: block;
        width: 70px;
        height: 40px;
        font-weight: bold;
        font-size: 168px;
        color: rgba(255, 255, 255, 0.3);
        line-height: 128px; }
    .section-2 .bottom .text {
      padding-left: 90px;
      font-size: 40px;
      color: #fff;
      line-height: 1.4;
      float: left;
      width: 100%;
      max-width: 800px;
      font-family: 'Helvetica', Arial, Helvetica, sans-serif; }
    .section-2 .bottom h2 {
      font-size: 180px;
      font-family: 'Helvetica', Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      position: absolute;
      color: white;
      bottom: 62px;
      right: -10px;
      line-height: 0.8;
      margin: 0;
      opacity: 0.26; }

body.rtl .section-2 .top img,
body.rtl .section-1 .left .blockquote img,
body.rtl .section-2 .bottom .blockquote img {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
body.rtl .section-2 .bottom h2 {
  right: auto;
  left: -10px; }
body.rtl .section-2 .bottom .text {
  float: right;
  padding: 0 90px 0 0; }
body.rtl section.home-product .right .slider .item .info .count span {
  font-family: 'Poppins', Arial, Helvetica, sans-serif; }
body.rtl section.home-product .left {
  float: right; }

@media (max-width: 1200px) {
  .section-1 .left .logo img {
    max-height: 70px; }

  .section-2 .bottom h2 {
    font-size: 120px; }

  .section-1 .box .text {
    font-size: 16px; }

  .section-1 .box .green,
  .section-2 .bottom .text {
    font-size: 20px; }

  .section-2 .bottom .text {
    padding-left: 50px;
    max-width: 60%; }

  .section-2 .top h3 {
    font-size: 40px; }

  .section-2 .top img {
    width: 90px; }

  .section-2 .bottom .blockquote img {
    width: 50px; } }
@media (max-width: 992px) {
  .section-1 .container-fluid {
    padding: 0 30px; }
  .section-1 .box {
    margin: -100px 0 0;
    padding: 0; }
  .section-1 .left {
    width: 100%; }
  .section-1 .right {
    width: 100%;
    height: 500px; }

  .section-2 .container-fluid {
    padding: 0 30px; }
  .section-2 .box {
    padding: 0; } }
@media (max-width: 767px) {
  .section-1 .container-fluid {
    padding: 0; }
  .section-1 .box {
    margin: 0; }
  .section-1 .left {
    padding: 35px 30px; }
  .section-1 .right {
    height: 350px; }

  .section-2 .container-fluid {
    padding: 0; }
  .section-2 .bottom {
    padding: 0 30px 90px; }
    .section-2 .bottom .text {
      width: 100%;
      max-width: 550px; }
    .section-2 .bottom h2 {
      font-size: 80px;
      right: 30px; }

  .section-2 .top {
    display: block;
    padding: 40px 0;
    text-align: center; }
    .section-2 .top h3 {
      width: 100%;
      font-size: 32px; }
    .section-2 .top .right {
      text-align: center;
      margin-top: 20px; }
      .section-2 .top .right .show-popup {
        width: 100%; }
      .section-2 .top .right img {
        display: table;
        margin: auto;
        text-align: center;
        float: none; }

  .section-2 .top .left,
  .section-2 .top .right {
    width: 100%; } }
@media (max-width: 450px) {
  .section-2 .bottom h2 {
    font-size: 50px; } }
/*Single Article*/
section.single-article {
  margin-bottom: 150px; }
  section.single-article .single-article_banner {
    float: left;
    width: 100%;
    background: no-repeat center /cover;
    height: 800px; }
    section.single-article .single-article_banner img {
      display: none; }
  section.single-article .single-article_box {
    float: left;
    width: 100%;
    margin-top: -330px;
    background: #f5f5f5;
    padding: 50px calc(100vw / 12) 110px; }
    section.single-article .single-article_box .box__top {
      float: left;
      width: 100%;
      margin-bottom: 45px;
      position: relative; }
      section.single-article .single-article_box .box__top:after {
        content: '';
        display: block;
        width: 130px;
        height: 3px;
        background: #c91f28; }
      section.single-article .single-article_box .box__top .heading {
        font-size: 30px;
        color: #006649;
        font-weight: bold;
        line-height: 1.6;
        margin: 0 0 20px; }
      section.single-article .single-article_box .box__top .time {
        font-size: 20px;
        color: #7b7b7b;
        font-weight: normal;
        margin-bottom: 20px; }
    section.single-article .single-article_box .paragraph {
      float: left;
      width: 100%;
      font-size: 20px;
      color: #7b7b7b;
      font-weight: normal; }
      section.single-article .single-article_box .paragraph p {
        margin: 0 0 25px; }
      section.single-article .single-article_box .paragraph img {
        height: auto; }

@media (max-width: 1200px) {
  section.single-article .single-article_banner {
    height: 500px; }

  section.single-article .single-article_box {
    margin-top: -200px; } }
@media (max-width: 767px) {
  section.single-article .single-article_banner {
    height: 300px; }

  section.single-article .single-article_box .box__top .heading {
    font-size: 24px; }

  section.single-article {
    margin-bottom: 0; }
    section.single-article .container-fluid {
      padding: 0; }
    section.single-article .single-article_box {
      margin: auto;
      padding-bottom: 60px; }
      section.single-article .single-article_box .box__top .time,
      section.single-article .single-article_box .paragraph {
        font-size: 16px; } }
/*News*/
section.news {
  float: left;
  width: 100%;
  padding: 90px 0 220px;
  background: #fff; }
  section.news .news-box {
    float: left;
    width: 100%; }
    section.news .news-box .items {
      float: left;
      width: 100%; }
      section.news .news-box .items .item {
        float: left;
        width: calc((100% - 20px) / 2);
        margin-bottom: 50px; }
        section.news .news-box .items .item:nth-child(2n) {
          margin-left: 20px; }
        section.news .news-box .items .item:hover .item__img .item__img__bg {
          -ms-transform: scale(1.05);
          /* IE 9 */
          -webkit-transform: scale(1.05);
          /* Safari prior 9.0 */
          transform: scale(1.05);
          /* Standard syntax */ }
        section.news .news-box .items .item .item__img {
          height: 340px;
          overflow: hidden;
          position: relative; }
          section.news .news-box .items .item .item__img .item__img__bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: no-repeat center /cover;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            section.news .news-box .items .item .item__img .item__img__bg img {
              display: none; }
        section.news .news-box .items .item .item__caption {
          margin: -65px 65px 0;
          width: calc(100% - 130px);
          background: #f5f5f5;
          position: relative;
          z-index: 9;
          padding: 24px 50px 32px;
          text-align: center; }
          section.news .news-box .items .item .item__caption .item__caption__heading {
            margin: 0; }
            section.news .news-box .items .item .item__caption .item__caption__heading a {
              display: block;
              color: #293341;
              font-size: 16px;
              line-height: 1.5;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              section.news .news-box .items .item .item__caption .item__caption__heading a:hover {
                color: #309044; }
          section.news .news-box .items .item .item__caption .item__caption__paragraph {
            margin-top: 30px;
            font-size: 12px;
            color: #7b7b7b;
            line-height: 1.9;
            font-weight: normal;
            padding: 0 15px; }
          section.news .news-box .items .item .item__caption .item__caption__more {
            position: absolute;
            bottom: -20px;
            left: 0;
            right: 0; }
            section.news .news-box .items .item .item__caption .item__caption__more a {
              display: table;
              margin: auto;
              background: #309044;
              color: #fff;
              padding: 2px 35px 0;
              line-height: 38px;
              font-size: 10px;
              font-weight: 500;
              text-transform: uppercase;
              border-radius: 50px;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              section.news .news-box .items .item .item__caption .item__caption__more a:hover {
                border-radius: 0; }
              section.news .news-box .items .item .item__caption .item__caption__more a i {
                margin-left: 2px; }

body.rtl section.news .news-box .items .item .item__caption .item__caption__more a i {
  position: relative;
  top: 1px;
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

@media (max-width: 1200px) {
  section.news .news-box .items .item .item__img {
    height: 240px; }
  section.news .news-box .items .item .item__caption {
    margin: -45px 30px 0;
    width: calc(100% - 60px); } }
@media (max-width: 992px) {
  section.news {
    padding: 40px 0 80px; }
    section.news .news-box .items .item {
      width: 100%;
      margin: 0 0 50px !important; } }
@media (max-width: 450px) {
  section.news .news-box .items .item .item__caption {
    width: 100%;
    margin: 0; } }
/*Related Products*/
section.related-products {
  background: #f8f9fd;
  float: left;
  width: 100%;
  padding: 30px 0 50px; }
  section.related-products .related-products_box .related-products_heading {
    font-weight: normal;
    font-size: 40px;
    color: #525252;
    text-align: center;
    margin: 0 0 60px;
    padding-bottom: 13px;
    position: relative; }
    section.related-products .related-products_box .related-products_heading:after {
      content: '';
      display: block;
      width: 45px;
      height: 1px;
      background: #d5d5d6;
      margin: auto;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  section.related-products .related-products_box .related-products_items {
    padding: 0 calc(100vw / 19); }
    section.related-products .related-products_box .related-products_items .item .item__img img {
      width: auto; }
    section.related-products .related-products_box .related-products_items .item .item__info {
      float: left;
      width: 100%;
      padding: 10px 0;
      font-size: 20px; }
      section.related-products .related-products_box .related-products_items .item .item__info .item__info__name {
        margin: 0; }
        section.related-products .related-products_box .related-products_items .item .item__info .item__info__name a {
          font-weight: bold;
          color: #525252; }
      section.related-products .related-products_box .related-products_items .item .item__info .item__info__weight {
        font-weight: 300;
        color: #b2b2b2; }
      section.related-products .related-products_box .related-products_items .item .item__info .item__info__price {
        margin-top: 20px;
        font-weight: bold;
        color: #525252; }
      section.related-products .related-products_box .related-products_items .item .item__info .item__info__more {
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        line-height: 36px;
        background: #309044;
        color: #fff;
        float: left;
        margin: 10px auto auto;
        padding: 0 12px;
        border-radius: 50px;
        font-size: 13px; }
        section.related-products .related-products_box .related-products_items .item .item__info .item__info__more:hover {
          background: #282828; }
        section.related-products .related-products_box .related-products_items .item .item__info .item__info__more span {
          display: inline-block;
          margin-left: 4px;
          width: 8px;
          position: relative;
          top: 3px; }
    section.related-products .related-products_box .related-products_items .owl-nav .next, section.related-products .related-products_box .related-products_items .owl-nav .prev {
      pointer-events: auto;
      cursor: pointer;
      padding: 5px;
      width: 24px;
      height: 36px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
      section.related-products .related-products_box .related-products_items .owl-nav .next:before, section.related-products .related-products_box .related-products_items .owl-nav .prev:before {
        content: '';
        display: block;
        width: 14px;
        height: 26px;
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px; }
    section.related-products .related-products_box .related-products_items .owl-nav .prev {
      left: -30px; }
      section.related-products .related-products_box .related-products_items .owl-nav .prev:before {
        background: url(../images/icon-arrow-prev.png) no-repeat center/cover; }
    section.related-products .related-products_box .related-products_items .owl-nav .next {
      right: -30px; }
      section.related-products .related-products_box .related-products_items .owl-nav .next:before {
        background: url(../images/icon-arrow-next.png) no-repeat center/cover; }

body.rtl section.related-products .related-products_box .related-products_items .item .item__info .item__info__more {
  float: right; }
  body.rtl section.related-products .related-products_box .related-products_items .item .item__info .item__info__more img {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
body.rtl section.related-products .related-products_box .related-products_items .item .item__info .item__info__weight,
body.rtl section.related-products .related-products_box .related-products_items .item .item__info .item__info__price {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  direction: ltr;
  text-align: right; }

@media (max-width: 1200px) {
  section.related-products .related-products_box .related-products_items .item .item__info .item__info__name {
    font-size: 20px; } }
@media (max-width: 767px) {
  section.related-products .related-products_box .related-products_items .owl-nav .prev {
    left: 0; }

  section.related-products .related-products_box .related-products_items .owl-nav .next {
    right: 0; }

  section.related-products .related-products_box .related-products_heading {
    font-size: 32px; }

  section.related-products .related-products_box .related-products_items {
    padding: 0 40px; }

  section.related-products .related-products_box .related-products_items .item .item__info .item__info__name {
    font-size: 18px; } }
@media (max-width: 450px) {
  section.related-products .related-products_box .related-products_items .item {
    text-align: center; }
    section.related-products .related-products_box .related-products_items .item .item__img img {
      display: table;
      margin: auto; }
    section.related-products .related-products_box .related-products_items .item .item__info .item__info__more {
      float: none;
      display: table; }

  body.rtl section.related-products .related-products_box .related-products_items .item {
    text-align: center; }
    body.rtl section.related-products .related-products_box .related-products_items .item .item__img img {
      display: table;
      margin: auto; }
    body.rtl section.related-products .related-products_box .related-products_items .item .item__info .item__info__more {
      float: none;
      display: table; } }
/*Product Detail*/
section#product-detail {
  padding: 100px 0 40px; }
  section#product-detail .content-single-product .box-left {
    float: left;
    /*width: 600px;*/
    width: 56%;
    position: relative; }
    section#product-detail .content-single-product .box-left .onsale {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: absolute;
      top: 5px;
      left: 5px;
      color: #fff;
      line-height: 40px;
      text-align: center;
      font-size: 12px;
      z-index: 99; }
    section#product-detail .content-single-product .box-left .box-img-loader {
      display: inline-block;
      float: right;
      width: calc(100% - 221px);
      margin-left: 0px;
      margin-right: 20px;
      /*background: url(../images/vnloader-sm.GIF) no-repeat center;*/
      margin-bottom: 20px;
      overflow: hidden;
      margin-top: 15px;
      position: relative; }
    section#product-detail .content-single-product .box-left .product-slider-bar {
      display: inline-block;
      float: left;
      width: 100px; }
      section#product-detail .content-single-product .box-left .product-slider-bar:hover .prev-product-foo10, section#product-detail .content-single-product .box-left .product-slider-bar:hover .next-product-foo10 {
        opacity: 0.3; }
      section#product-detail .content-single-product .box-left .product-slider-bar .sidebar {
        margin-bottom: 40px; }
        section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .next,
        section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .prev {
          text-align: center;
          cursor: pointer; }
          section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .next i,
          section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .prev i {
            color: #b2b2b2;
            font-size: 40px; }
        section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .box-img {
          width: 80px;
          cursor: pointer;
          position: relative;
          padding: 7px 0;
          outline: none; }
  section#product-detail .content-single-product .box-right {
    float: left;
    width: calc(44% - 30px);
    margin-left: 30px;
    font-size: 19px;
    margin-bottom: 40px; }
    section#product-detail .content-single-product .box-right .back {
      font-size: 15px;
      color: #555555; }
      section#product-detail .content-single-product .box-right .back i {
        font-size: 8px; }
      section#product-detail .content-single-product .box-right .back b {
        font-weight: normal;
        color: #68899a; }
    section#product-detail .content-single-product .box-right span {
      font-size: 19px;
      color: #68899a;
      font-weight: normal; }
    section#product-detail .content-single-product .box-right .name {
      font-size: 26px;
      color: #111111;
      margin: 30px 0 20px;
      font-weight: bold;
      font-family: 'Lato', Arial, Helvetica, sans-serif; }
    section#product-detail .content-single-product .box-right .price {
      font-size: 26px;
      color: #68899a;
      font-weight: bold;
      margin-bottom: 50px;
      font-family: 'Lato', Arial, Helvetica, sans-serif; }
      section#product-detail .content-single-product .box-right .price del {
        color: #848484;
        font-size: 70%; }
      section#product-detail .content-single-product .box-right .price ins {
        text-decoration: none; }
    section#product-detail .content-single-product .box-right .rate {
      font-size: 20px;
      margin-bottom: 10px;
      font-size: 15px;
      font-weight: bold; }
      section#product-detail .content-single-product .box-right .rate span {
        font-weight: normal;
        font-size: 15px; }
      section#product-detail .content-single-product .box-right .rate i + i {
        margin-left: 4px; }
    section#product-detail .content-single-product .box-right .sku, section#product-detail .content-single-product .box-right .status {
      color: #474747;
      margin: 7px 0;
      font-size: 15px;
      font-weight: bold; }
      section#product-detail .content-single-product .box-right .sku span, section#product-detail .content-single-product .box-right .status span {
        font-weight: normal;
        font-size: 15px; }
    section#product-detail .content-single-product .box-right .description {
      display: block;
      float: left;
      width: 100%;
      padding: 20px 0 0;
      margin: 0 0 40px;
      font-size: 15px;
      color: #555555;
      line-height: 1.7; }
      section#product-detail .content-single-product .box-right .description ul {
        padding: 0 0 0 18px; }
    section#product-detail .content-single-product .box-right #add-to-cart {
      margin: 30px 0 15px; }
      section#product-detail .content-single-product .box-right #add-to-cart .form-item {
        float: left;
        width: calc((100% - 181px) / 2); }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item + .form-item {
          margin-left: 40px; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item.woocommerce {
          width: 100px; }
          section#product-detail .content-single-product .box-right #add-to-cart .form-item.woocommerce input {
            border: 0;
            line-height: 44px;
            height: 44px; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item label {
          display: block;
          font-size: 15px;
          color: #333;
          font-family: 'Lato', Arial, Helvetica, sans-serif;
          font-weight: bold;
          margin-bottom: 15px;
          text-transform: uppercase; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item input, section#product-detail .content-single-product .box-right #add-to-cart .form-item select {
          line-height: 46px;
          border: 1px solid #e1e1e1;
          padding: 0 15px;
          height: 46px;
          width: 100%;
          color: #333;
          outline: none;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          -webkit-appearance: none;
          -moz-appearance: none;
          text-indent: 1px;
          text-overflow: '';
          font-size: 14px;
          font-weight: normal; }
          section#product-detail .content-single-product .box-right #add-to-cart .form-item input:focus, section#product-detail .content-single-product .box-right #add-to-cart .form-item select:focus {
            border-color: #333; }
          section#product-detail .content-single-product .box-right #add-to-cart .form-item input::-ms-expand, section#product-detail .content-single-product .box-right #add-to-cart .form-item select::-ms-expand {
            display: none; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item input[type="number"]::-webkit-outer-spin-button,
        section#product-detail .content-single-product .box-right #add-to-cart .form-item input[type="number"]::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item input[type="number"] {
          -moz-appearance: textfield;
          font-size: 18px;
          font-weight: normal; }
          section#product-detail .content-single-product .box-right #add-to-cart .form-item input[type="number"]:focus {
            border-color: #333; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item .quantity {
          width: 100%; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-item .box-select {
          position: relative;
          width: 100%; }
          section#product-detail .content-single-product .box-right #add-to-cart .form-item .box-select select:focus ~ i {
            color: #333; }
          section#product-detail .content-single-product .box-right #add-to-cart .form-item .box-select i {
            line-height: 48px;
            cursor: pointer;
            pointer-events: none;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 15px;
            font-size: 14px;
            color: #e1e1e1;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
      section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart {
        border-radius: 50px;
        float: left;
        padding: 0 50px;
        line-height: 73px;
        height: 73px;
        font-size: 16px;
        color: #fff;
        background: #309044;
        margin: 30px 0 30px 20px;
        text-align: left;
        cursor: pointer;
        pointer-events: auto;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        outline: none;
        border: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 900;
        font-family: 'Lato', Arial, Helvetica, sans-serif; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart:disabled {
          cursor: not-allowed;
          opacity: 0.6; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart:not(:disabled):hover {
          color: #fff;
          background: #585858;
          border-color: #585858; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart img {
          line-height: 73px;
          margin-right: 20px;
          position: relative;
          top: -2px; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart span {
          color: #fff;
          font-size: 16px;
          font-weight: 900; }
      section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-wishlist {
        border-radius: 50px;
        float: left;
        padding: 0 50px;
        line-height: 73px;
        height: 73px;
        font-size: 16px;
        background: #dddddd;
        color: #333;
        border: 0;
        margin: 30px 0;
        text-align: left;
        cursor: pointer;
        pointer-events: auto;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        outline: none;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Lato', Arial, Helvetica, sans-serif;
        font-weight: 900; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-wishlist:disabled {
          cursor: not-allowed;
          opacity: 0.6; }
        section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-wishlist:not(:disabled):hover {
          color: #fff;
          background: #585858; }
      section#product-detail .content-single-product .box-right #add-to-cart .clear-all {
        color: #111111;
        text-decoration: underline;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 50px;
        cursor: pointer;
        pointer-events: auto;
        font-family: 'Lato', Arial, Helvetica, sans-serif;
        font-size: 13px; }
  section#product-detail .share {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3; }
    section#product-detail .share strong {
      display: block;
      width: 110px;
      text-transform: uppercase;
      float: left;
      font-weight: bold;
      font-size: 12.8px;
      margin-right: 20px;
      padding: 6px 0;
      font-family: 'Lato', Arial, Helvetica, sans-serif; }
    section#product-detail .share .box-item {
      float: right;
      max-width: calc(100% - 131px); }
    section#product-detail .share .box-link {
      float: left;
      padding: 2px 5px 0; }
    section#product-detail .share .box-share {
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 27px; }
      section#product-detail .share .box-share:last-child {
        margin: 0; }
      section#product-detail .share .box-share.pinteres .count {
        margin-left: 9px;
        padding: 0 5px 0 0; }
        section#product-detail .share .box-share.pinteres .count:before {
          top: -1px;
          left: -14px;
          border-top: 14px solid transparent;
          border-bottom: 14px solid transparent;
          border-right: 14px solid #aeaeae; }
        section#product-detail .share .box-share.pinteres .count:after {
          top: 0px;
          left: -13px;
          border-top: 13px solid transparent;
          border-bottom: 13px solid transparent;
          border-right: 13px solid #fff; }
      section#product-detail .share .box-share .count {
        display: inline-block;
        line-height: 26px;
        border: 1px solid #cbced4;
        border-radius: 3px;
        font-size: 12px;
        font-family: 'Lato', Arial, Helvetica, sans-serif;
        font-weight: 300;
        color: #6a7180;
        height: 28px;
        padding: 0 5px;
        position: relative; }
        section#product-detail .share .box-share .count:after, section#product-detail .share .box-share .count:before {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          width: 0; }
        section#product-detail .share .box-share .count:after {
          top: 6px;
          left: -5px;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #fff; }
        section#product-detail .share .box-share .count:before {
          top: 5px;
          left: -6px;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-right: 6px solid #aeaeae; }
  section#product-detail .box-content {
    margin-top: 60px; }
  section#product-detail .box-tab .nav-tabs > li.active > a,
  section#product-detail .box-tab .nav-tabs > li.active > a:hover,
  section#product-detail .box-tab .nav-tabs > li.active > a:focus {
    background: transparent !important; }
    section#product-detail .box-tab .nav-tabs > li.active > a:before, section#product-detail .box-tab .nav-tabs > li.active > a:after,
    section#product-detail .box-tab .nav-tabs > li.active > a:hover:before,
    section#product-detail .box-tab .nav-tabs > li.active > a:hover:after,
    section#product-detail .box-tab .nav-tabs > li.active > a:focus:before,
    section#product-detail .box-tab .nav-tabs > li.active > a:focus:after {
      opacity: 1; }
  section#product-detail .box-tab > .nav-tabs {
    border: 0 !important;
    padding: 5px 0;
    text-align: center; }
    section#product-detail .box-tab > .nav-tabs > li {
      float: none;
      display: inline-block; }
    section#product-detail .box-tab > .nav-tabs > li > a {
      background: transparent !important;
      border: 0 !important;
      color: #282828;
      padding: 10px 15px;
      font-size: 18px;
      position: relative;
      font-family: 'Poppins', Arial, Helvetica, sans-serif; }
      section#product-detail .box-tab > .nav-tabs > li > a:after {
        content: '';
        display: block;
        background: #c91f28;
        height: 4px;
        width: 100%;
        position: absolute;
        bottom: -5px;
        left: 0px;
        right: 0px;
        opacity: 0;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
    section#product-detail .box-tab > .nav-tabs > li + li {
      margin-left: 30px; }
  section#product-detail .box-bg {
    background: #f9f9f9; }
  section#product-detail .tab-content {
    text-align: center; }
    section#product-detail .tab-content > div {
      padding: 40px 0;
      font-size: 16px;
      color: #7b7b7b;
      line-height: 1.9;
      max-width: 1090px;
      margin: auto; }
    section#product-detail .tab-content p {
      margin-bottom: 30px; }
    section#product-detail .tab-content .tab-child .item {
      float: left;
      padding: 0 15px;
      line-height: 30px;
      border: 1px solid #b9b9b9;
      height: 32px;
      font-weight: 500;
      color: #000;
      background: #fff;
      margin: 0 0 20px;
      cursor: pointer;
      pointer-events: auto;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }
      section#product-detail .tab-content .tab-child .item.active {
        background: #e46c6c;
        border-color: #b02323;
        color: #fff; }
      section#product-detail .tab-content .tab-child .item + .item {
        margin-left: 10px; }

body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-item input[type="number"] {
  font-family: 'Lato', Arial, Helvetica, sans-serif; }
body.rtl section#product-detail .box-tab > .nav-tabs > li + li {
  margin-left: 0;
  margin-right: 30px; }
body.rtl section#product-detail .box-tab > .nav-tabs > li > a {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
body.rtl section#product-detail .content-single-product .box-left {
  direction: ltr;
  float: right; }
  body.rtl section#product-detail .content-single-product .box-left .product-slider-bar {
    float: right; }
  body.rtl section#product-detail .content-single-product .box-left .box-img-loader {
    float: left;
    margin: 15px 0 0 20px; }
body.rtl section#product-detail .content-single-product .box-right {
  margin-right: 30px;
  margin-left: 0; }
  body.rtl section#product-detail .content-single-product .box-right .description ul {
    padding: 0 18px 0 0; }
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-wishlist {
  float: right;
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart {
  float: right;
  margin: 30px 20px 30px 0px;
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
body.rtl section#product-detail .content-single-product .box-right .name,
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-item label,
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .clear-all,
body.rtl section#product-detail .share strong {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-item .box-select i {
  right: auto;
  left: 15px; }
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-item {
  float: right; }
  body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-item + .form-item {
    margin: 0 40px 0 0; }
body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart img {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  margin: 0 0 0 20px; }
body.rtl section#product-detail .share strong {
  float: right;
  margin: 0 0 0 12px; }
body.rtl section#product-detail .share .box-link {
  float: right; }
body.rtl section#product-detail .share .box-share {
  float: right;
  margin-top: 2px;
  margin-right: 0;
  margin-left: 27px; }
  body.rtl section#product-detail .share .box-share.pinteres .count {
    padding: 0 5px; }
  body.rtl section#product-detail .share .box-share:last-child {
    margin-left: 0; }
  body.rtl section#product-detail .share .box-share .count {
    margin-right: 7px;
    float: left;
    font-family: 'Lato', Arial, Helvetica, sans-serif; }
    body.rtl section#product-detail .share .box-share .count:before {
      left: auto;
      right: -6px;
      border-right: 0;
      border-left: 6px solid #aeaeae; }
    body.rtl section#product-detail .share .box-share .count:after {
      left: auto;
      right: -5px;
      border-right: 0;
      border-left: 5px solid #fff; }
  body.rtl section#product-detail .share .box-share span {
    height: 28px;
    float: right; }
    body.rtl section#product-detail .share .box-share span img {
      display: block; }

@media (max-width: 1200px) {
  section#product-detail .content-single-product .box-right .box-tab > .nav-tabs > li + li {
    margin-left: 35px; }

  section#product-detail .content-single-product .box-left .sliders .item {
    padding: 0 5px; }

  section#product-detail .content-single-product .box-right .description {
    font-size: 15px; }

  section#product-detail .content-single-product .box-right {
    font-size: 16px; }

  section#product-detail .content-single-product .box-right #add-to-cart .form-item {
    width: 100%; }
    section#product-detail .content-single-product .box-right #add-to-cart .form-item + .form-item {
      margin-left: 0;
      margin-top: 30px; }

  section#product-detail .content-single-product .box-right #add-to-cart .form-item label {
    font-size: 16px; }

  body.rtl section#product-detail .content-single-product .box-right #add-to-cart .form-item + .form-item {
    margin-right: 0;
    margin-top: 30px; }

  section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-wishlist,
  section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart {
    padding: 0 25px;
    line-height: 50px;
    height: 50px; } }
@media (max-width: 992px) {
  section#product-detail .content-single-product .box-left {
    width: 100%; }
  section#product-detail .content-single-product .box-right {
    width: 100%;
    margin: 30px 0 0 0; }

  section#product-detail .box-tab > .nav-tabs > li > a {
    font-size: 22px; }

  section#product-detail .box-tab > .nav-tabs > li + li {
    margin-left: 50px; }

  section#product-detail .tab-content > div {
    font-size: 20px; }

  section#product-detail .content-single-product .box-left .sliders {
    padding: 0 5%; }

  body.rtl section#product-detail .content-single-product .box-left .box-img-loader {
    padding: 25px;
    margin: 0; }

  body.rtl section#product-detail .box-tab > .nav-tabs > li + li {
    margin: 0 50px 0 0; } }
@media (max-width: 767px) {
  section#product-detail .tab-content > div {
    font-size: 16px; }

  section#product-detail {
    padding-top: 50px; } }
@media (max-width: 450px) {
  section#product-detail .content-single-product .box-left .slider {
    margin-top: 10px; }

  section#product-detail .content-single-product .box-right .box-tab > .nav-tabs > li {
    width: 100%; }
    section#product-detail .content-single-product .box-right .box-tab > .nav-tabs > li + li {
      margin: 0; }

  section#product-detail .box-tab > .nav-tabs > li {
    width: 100%;
    text-align: center; }
    section#product-detail .box-tab > .nav-tabs > li + li {
      margin-left: 0; }
    section#product-detail .box-tab > .nav-tabs > li a {
      margin-bottom: 20px; }

  section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-add-to-cart,
  section#product-detail .content-single-product .box-right #add-to-cart .form-button button.btn-wishlist {
    width: 100%;
    margin: 5px 0 10px !important; }

  section#product-detail .content-single-product .box-right #add-to-cart .form-button {
    padding: 20px 0;
    float: left;
    width: 100%; }

  section#product-detail .content-single-product .box-left .product-slider-bar {
    width: 70px; }

  section#product-detail .content-single-product .box-left .box-img-loader {
    width: calc(100% - 71px);
    margin: 0;
    padding: 25px; }

  section#product-detail .share .box-item {
    display: block;
    width: 100%;
    max-width: none; }

  body.rtl section#product-detail .box-tab > .nav-tabs > li + li {
    margin: 0px; }

  section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .next i,
  section#product-detail .content-single-product .box-left .product-slider-bar .sidebar .prev i {
    font-size: 24px; } }
/*Contact Us*/
section.contact {
  padding: 110px 0 80px;
  float: left;
  width: 100%;
  background: #eeeeee url(../images/bg-contact.png?v=1.1) no-repeat center;
  background-size: 100% 100%; }
  section.contact .container-fluid {
    max-width: 1550px;
    padding: 0;
    margin: auto; }
  section.contact .contact-box .contact__heading {
    font-size: 35px;
    color: #525252;
    font-weight: 300;
    text-align: center;
    margin: 0 0 70px; }
  section.contact .contact-box .contact__address {
    padding: 0 calc(100vw / 12); }
    section.contact .contact-box .contact__address .item {
      float: left;
      width: calc(100% / 3);
      padding: 0 15px;
      text-align: center;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-weight: 300;
      color: #7b7b7b;
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 2; }
      section.contact .contact-box .contact__address .item .item__heading {
        color: #293341;
        text-transform: uppercase;
        margin: 0 0 12px;
        font-size: 16px; }
      section.contact .contact-box .contact__address .item .item__address {
        max-width: 270px;
        margin: auto;
        margin-bottom: 25px; }
      section.contact .contact-box .contact__address .item .item__other {
        margin: auto; }

body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content .info .phone,
body.rtl section.contact .contact-box .contact__mobile .contact__map__point li .content .info > a.phone {
  font-family: 'Lato', Arial, Helvetica, sans-serif; }
body.rtl section.contact .contact-box .contact__address .item {
  float: right; }

@media (max-width: 1600px) {
  section.contact .container-fluid {
    max-width: 1350px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li img {
    width: 750px;
    top: 102px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content {
    top: 90px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) img {
    width: 690px;
    right: 470px;
    top: 130px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .circle {
    right: 450px;
    top: 350px;
    z-index: 99; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .content {
    top: 120px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) img {
    right: 562px;
    top: 195px;
    width: 560px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .circle {
    right: 530px;
    top: 475px;
    z-index: 99; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .content {
    top: 185px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main img {
    top: auto;
    bottom: 193px;
    right: 699px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .circle {
    bottom: 260px;
    right: 660px;
    top: auto; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content {
    top: auto;
    bottom: 39px; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content .heading {
      font-size: 30px;
      padding-left: 50px; }
      section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content .heading:before {
        width: 19px;
        height: 19px; } }
@media (max-width: 1400px) {
  section.contact .container-fluid {
    max-width: 1150px; }

  section.contact .contact-box .contact__map .contact__map__img > img {
    width: calc(845px * 0.7); }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .circle {
    top: calc(204px * 0.7);
    right: calc(380px * 0.7);
    width: 40px;
    height: 40px; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .circle span {
      width: 24px;
      height: 24px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li img {
    width: 650px;
    top: 56px;
    right: 297px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content {
    top: 45px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) img {
    width: 610px;
    right: 330px;
    top: 56px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .circle {
    right: calc(450px * 0.7);
    top: calc(350px * 0.7);
    z-index: 99; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .content {
    top: 45px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) img {
    right: 390px;
    top: 56px;
    width: 550px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .circle {
    right: calc(530px * 0.7);
    top: calc(475px * 0.7);
    z-index: 99; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .content {
    top: 45px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main img {
    top: auto;
    bottom: 139px;
    right: 489px;
    width: 370px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .circle {
    bottom: calc(260px * 0.7);
    right: calc(660px * 0.7);
    top: auto; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content {
    top: auto;
    bottom: -16px; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content .heading {
      font-size: 30px;
      padding-left: 50px; }
      section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content .heading:before {
        width: 19px;
        height: 19px; }

  section.contact .contact-box .contact__address {
    padding: 0 calc(100vw / 24); } }
@media (max-width: 1200px) {
  section.contact .container-fluid {
    max-width: 1000px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content {
    top: 70px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li img {
    width: 500px;
    top: 80px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) img {
    width: 480px;
    right: 330px;
    top: 80px;
    height: 190px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .circle {
    right: calc(450px * 0.7);
    top: calc(350px * 0.7); }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .content {
    top: 70px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) img {
    right: 380px;
    top: 80px;
    width: 400px;
    height: 280px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .circle {
    right: calc(530px * 0.7);
    top: calc(475px * 0.7); }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .content {
    top: 70px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main img {
    bottom: 165px;
    right: 485px;
    width: 240px; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .circle {
    bottom: calc(260px * 0.7);
    right: calc(660px * 0.7);
    top: auto; }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content {
    top: auto;
    bottom: 10px; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content .heading {
      font-size: 26px; } }
@media (max-width: 992px) {
  section.contact .contact-box .contact__map .contact__map__img {
    position: relative;
    float: none;
    display: table;
    margin: auto; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content {
      display: none; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li img {
      display: none; }

  section.contact .contact-box .contact__map .contact__map__img > img {
    width: calc(845px * 0.5); }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .circle {
    top: calc(204px * 0.5);
    right: calc(380px * 0.5); }

  section.contact {
    padding: 70px 0px; }
    section.contact .container-fluid {
      padding: 0 15px; }
    section.contact .contact-box .contact__mobile {
      display: block; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .circle {
    right: calc(450px * 0.5);
    top: calc(350px * 0.5); }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .circle {
    right: 255px;
    top: calc(475px * 0.5); }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .circle {
    bottom: calc(260px * 0.5);
    right: 313px;
    top: auto; }

  section.contact .contact-box .contact__address {
    padding: 0; }
    section.contact .contact-box .contact__address .item {
      width: 100%;
      margin-bottom: 0px;
      padding-bottom: 40px;
      position: relative;
      max-width: 500px;
      margin: auto;
      float: none; }
      section.contact .contact-box .contact__address .item + .item {
        border-top: 1px solid #ccc;
        padding-top: 50px; } }
@media (max-width: 767px) {
  section.contact .contact-box .contact__heading {
    font-size: 28px; } }
@media (max-width: 600px) {
  section.contact .contact-box .contact__mobile .contact__map__point li {
    width: 100%;
    margin: 0 0 25px !important; }

  section.contact .contact-box .contact__mobile .contact__map__point li:nth-child(3) {
    border-bottom: 1px solid #ccc; } }
@media (max-width: 450px) {
  section.contact .contact-box .contact__heading b {
    display: block; }

  section.contact .contact-box .contact__map .contact__map__img {
    position: relative;
    float: none;
    display: table;
    margin: auto; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content {
      display: none; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li img {
      display: none; }

  section.contact .contact-box .contact__map .contact__map__img > img {
    width: calc(845px * 0.3); }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .circle {
    top: calc(204px * 0.3);
    right: calc(380px * 0.3);
    width: 28px;
    height: 28px; }
    section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .circle span {
      width: 16px;
      height: 16px; }

  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(2) .circle {
    right: calc(450px * 0.3);
    top: calc(350px * 0.3); }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li:nth-child(3) .circle {
    right: 150px;
    top: calc(475px * 0.3); }
  section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .circle {
    bottom: calc(260px * 0.3);
    right: 183px; } }
/* Form Contact */
section.form-contact {
  float: left;
  width: 100%;
  padding-bottom: 250px; }
  section.form-contact .form-contact_box form .group {
    float: left;
    width: 100%;
    margin-bottom: 15px; }
  section.form-contact .form-contact_box form .error {
    position: absolute;
    bottom: -35px;
    left: 0;
    color: #e00000; }
  section.form-contact .form-contact_box form .has-error label {
    color: #e00000 !important; }
  section.form-contact .form-contact_box form .has-error input[type=text], section.form-contact .form-contact_box form .has-error input[type=email], section.form-contact .form-contact_box form .has-error input[type=tel] {
    color: #e00000; }
  section.form-contact .form-contact_box form .has-error .focus-border {
    background-color: #e00000; }
  section.form-contact .form-contact_box form .col-3 {
    float: left;
    width: calc((100% - 90px) / 3);
    margin: 40px 0;
    position: relative; }
    section.form-contact .form-contact_box form .col-3 + .col-3 {
      margin-left: 45px; }
  section.form-contact .form-contact_box form .col-1 {
    float: left;
    width: 100%;
    margin: 40px 0;
    position: relative; }
  section.form-contact .form-contact_box form input[type=text], section.form-contact .form-contact_box form input[type=email], section.form-contact .form-contact_box form input[type=tel] {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    color: #7b7b7b;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
    border: 0;
    padding: 0;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
    outline: none;
    font-weight: 300;
    line-height: 50px; }
  section.form-contact .form-contact_box form .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #309044;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s; }
  section.form-contact .form-contact_box form input[type=text]:focus ~ .focus-border,
  section.form-contact .form-contact_box form input[type=email]:focus ~ .focus-border,
  section.form-contact .form-contact_box form input[type=tel]:focus ~ .focus-border,
  section.form-contact .form-contact_box form input.has-content ~ .focus-border {
    width: 100%;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s; }
  section.form-contact .form-contact_box form label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    z-index: -1;
    letter-spacing: 0.5px;
    font-weight: normal; }
  section.form-contact .form-contact_box form input[type=text]:focus ~ label,
  section.form-contact .form-contact_box form input[type=email]:focus ~ label,
  section.form-contact .form-contact_box form input[type=tel]:focus ~ label,
  section.form-contact .form-contact_box form input.has-content ~ label {
    top: -16px;
    font-size: 12px;
    color: #309044;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
  section.form-contact .form-contact_box form input[type=submit], section.form-contact .form-contact_box form button {
    display: block;
    margin: auto;
    line-height: 80px;
    height: 80px;
    padding: 0 50px;
    background: #309044;
    color: #fff;
    text-transform: uppercase;
    font-size: 19.5px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 500;
    border: 0;
    border-radius: 0;
    letter-spacing: 4px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
    section.form-contact .form-contact_box form input[type=submit]:hover, section.form-contact .form-contact_box form button:hover {
      background: #000; }

body.rtl section.form-contact .form-contact_box form .col-3 {
  float: right; }
  body.rtl section.form-contact .form-contact_box form .col-3 + .col-3 {
    margin-left: 0;
    margin-right: 45px; }
body.rtl section.contact .contact-box .contact__map {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
  body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content .heading {
    padding: 0 16px 0 0; }
    body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content .heading:before {
      left: auto;
      right: 0; }
  body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content .info > a {
    padding-left: 0;
    padding-right: 35px; }
    body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content .info > a:before {
      left: auto;
      right: 0; }
  body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li .content .directions i {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
body.rtl section.contact .contact-box .contact__map .contact__map__img .contact__map__point li.main .content .heading {
  padding: 0 50px 0 0; }
body.rtl section.contact .contact-box .contact__mobile .contact__map__point li {
  float: right; }
  body.rtl section.contact .contact-box .contact__mobile .contact__map__point li:nth-child(2n) {
    margin-left: 0;
    margin-right: 15px; }
  body.rtl section.contact .contact-box .contact__mobile .contact__map__point li .content .heading {
    padding: 0 16px 0 0; }
    body.rtl section.contact .contact-box .contact__mobile .contact__map__point li .content .heading:before {
      left: auto;
      right: 0; }
  body.rtl section.contact .contact-box .contact__mobile .contact__map__point li .content .info > a {
    padding-left: 0;
    padding-right: 35px; }
    body.rtl section.contact .contact-box .contact__mobile .contact__map__point li .content .info > a:before {
      left: auto;
      right: 0; }
  body.rtl section.contact .contact-box .contact__mobile .contact__map__point li .content .directions i {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
body.rtl section.form-contact .form-contact_box form .error {
  left: auto;
  right: 0; }

@media (max-width: 1200px) {
  section.form-contact {
    padding-bottom: 50px; } }
@media (max-width: 767px) {
  section.form-contact {
    padding-bottom: 50px; }
    section.form-contact .form-contact_box form .group .col-3 {
      width: 100%;
      margin: 40px 0 5px !important; }
    section.form-contact .form-contact_box form input[type=text], section.form-contact .form-contact_box form input[type=email], section.form-contact .form-contact_box form input[type=tel] {
      font-size: 20px; }

  section.form-contact .form-contact_box form .error {
    font-size: 14px; }

  section.form-contact .form-contact_box form input[type=submit], section.form-contact .form-contact_box form button {
    font-size: 16px;
    padding: 0 30px;
    line-height: 60px;
    height: 60px; } }
@media (max-width: 450px) {
  section.form-contact .form-contact_box form input[type=submit], section.form-contact .form-contact_box form button {
    width: 100%; } }
/*Single Product*/
section.other-products {
  padding: 40px 0 200px; }
  section.other-products .other-products_box .heading {
    display: table;
    margin: auto;
    font-size: 42.5px;
    color: #293341;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    margin-bottom: 35px; }
  section.other-products .other-products_box .slider-other {
    float: left;
    width: 100%;
    padding: 0 100px;
    position: relative; }
    section.other-products .other-products_box .slider-other li .box-img {
      float: left;
      width: 100%;
      position: relative; }
      section.other-products .other-products_box .slider-other li .box-img:hover:before {
        opacity: 1;
        visibility: visible; }
      section.other-products .other-products_box .slider-other li .box-img:hover i {
        font-size: 30px;
        opacity: 1;
        visibility: visible; }
      section.other-products .other-products_box .slider-other li .box-img:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s; }
      section.other-products .other-products_box .slider-other li .box-img i {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0px;
        color: #fff;
        height: 30px;
        width: 30px;
        line-height: 30px;
        opacity: 0;
        visibility: hidden;
        text-align: center;
        margin: auto;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s; }
    section.other-products .other-products_box .slider-other li .caption {
      float: left;
      width: 100%;
      padding: 20px;
      text-align: center; }
      section.other-products .other-products_box .slider-other li .caption h4 {
        margin: 0 0 8px;
        font-size: 28px;
        font-family: 'Lato', Arial, Helvetica, sans-serif; }
        section.other-products .other-products_box .slider-other li .caption h4 a {
          color: #000;
          font-weight: bold;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          section.other-products .other-products_box .slider-other li .caption h4 a:hover {
            color: #309044; }
      section.other-products .other-products_box .slider-other li .caption .price {
        font-size: 19.5px;
        color: #7b7b7b;
        font-family: 'Poppins', Arial, Helvetica, sans-serif; }
        section.other-products .other-products_box .slider-other li .caption .price.has-sale b {
          color: #c91f28;
          font-weight: normal;
          margin-right: 7px; }
        section.other-products .other-products_box .slider-other li .caption .price.has-sale span {
          position: relative; }
          section.other-products .other-products_box .slider-other li .caption .price.has-sale span:after {
            content: '';
            display: block;
            height: 2px;
            background: #7b7b7b;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
    section.other-products .other-products_box .slider-other .prev, section.other-products .other-products_box .slider-other .next {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 1px solid #f5f5f5;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s;
      line-height: 60px;
      text-align: center;
      position: absolute;
      top: 35%;
      margin: auto; }
      section.other-products .other-products_box .slider-other .prev:hover, section.other-products .other-products_box .slider-other .next:hover {
        background: #333;
        color: #fff; }
      section.other-products .other-products_box .slider-other .prev i, section.other-products .other-products_box .slider-other .next i {
        display: block;
        font-size: 22px;
        line-height: 60px; }
    section.other-products .other-products_box .slider-other .prev {
      left: 0; }
    section.other-products .other-products_box .slider-other .next {
      right: 0; }

body.rtl section.other-products .other-products_box .heading,
body.rtl section.other-products .other-products_box .slider-other li .caption h4 {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }

@media (max-width: 992px) {
  section.other-products .other-products_box .heading {
    font-size: 30px; }

  section.other-products .other-products_box .slider-other li .caption h4 {
    font-size: 24px; } }
@media (max-width: 767px) {
  section.other-products {
    padding-bottom: 70px; }

  section.other-products .other-products_box .slider-other {
    padding: 0 60px; }

  section.other-products .other-products_box .slider-other .prev,
  section.other-products .other-products_box .slider-other .next {
    width: 40px;
    height: 40px; }
    section.other-products .other-products_box .slider-other .prev i,
    section.other-products .other-products_box .slider-other .next i {
      line-height: 40px;
      font-size: 14px; } }
/*Our Products*/
section.our-products {
  padding: 90px 0 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  section.our-products .sidebar {
    float: left;
    width: 465px;
    padding: 40px 100px 80px;
    background: #f9f9f9; }
    section.our-products .sidebar .item {
      float: left;
      width: 100%; }
      section.our-products .sidebar .item + .item {
        margin-top: 45px; }
      section.our-products .sidebar .item .item__heading {
        font-size: 16px;
        font-family: 'Poppins', Arial, Helvetica, sans-serif;
        font-weight: 500;
        color: #293341;
        text-transform: uppercase;
        margin: 0 0 20px; }
      section.our-products .sidebar .item.has-filter #count-number {
        float: left;
        font-size: 16px;
        font-weight: 300;
        padding: 12px 0;
        font-family: 'Poppins', Arial, Helvetica, sans-serif; }
        section.our-products .sidebar .item.has-filter #count-number span {
          color: #293341;
          font-weight: 500; }
      section.our-products .sidebar .item.has-filter .filter {
        float: right;
        line-height: 46px;
        background: #23232c;
        color: #fff;
        border: 0;
        border-radius: 0;
        outline: none;
        padding: 0 25px;
        font-size: 13px;
        text-transform: uppercase;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        section.our-products .sidebar .item.has-filter .filter:hover {
          background: #309044; }
        section.our-products .sidebar .item.has-filter .filter[disabled] {
          opacity: .7;
          cursor: not-allowed; }
          section.our-products .sidebar .item.has-filter .filter[disabled]:hover {
            background: #309044; }
      section.our-products .sidebar .item #slider-range {
        margin: 30px 1px;
        height: 3px;
        border: 0;
        background: #969a9d; }
        section.our-products .sidebar .item #slider-range.ui-slider-horizontal .ui-slider-range {
          top: 0px;
          height: 3px;
          background: #c91f28; }
        section.our-products .sidebar .item #slider-range .ui-state-default,
        section.our-products .sidebar .item #slider-range .ui-widget-content .ui-state-default,
        section.our-products .sidebar .item #slider-range .ui-widget-header .ui-state-default,
        section.our-products .sidebar .item #slider-range .ui-button,
        section.our-products .sidebar .item #slider-range .ui-button.ui-state-disabled:hover,
        section.our-products .sidebar .item #slider-range .ui-button.ui-state-disabled:active {
          width: 3px;
          height: 11px;
          top: -4px;
          border: 0;
          background: #c91f28;
          outline: none;
          cursor: pointer;
          margin-left: -1px;
          border-radius: 0; }
      section.our-products .sidebar .item.has-color ul li label {
        padding-left: 30px; }
      section.our-products .sidebar .item.has-color ul li .color {
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%; }
      section.our-products .sidebar .item.has-checkbox ul li label {
        padding-left: 30px; }
      section.our-products .sidebar .item.has-checkbox ul li .color {
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%; }
      section.our-products .sidebar .item.has-checkbox ul li input {
        display: none; }
      section.our-products .sidebar .item.has-checkbox ul li input:checked ~ label:before {
        background: #c91f28;
        border-color: #c91f28; }
      section.our-products .sidebar .item.has-checkbox ul li input:checked ~ label:after {
        opacity: 1; }
      section.our-products .sidebar .item.has-checkbox ul li label:before {
        content: '';
        display: block;
        position: absolute;
        background: #fff;
        left: 0;
        border: 1px solid #c3c3c3;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
      section.our-products .sidebar .item.has-checkbox ul li label:after {
        content: "\f00c";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        left: 6px;
        top: 7px;
        opacity: 0;
        font-size: 8px;
        color: #fff; }
      section.our-products .sidebar .item.has-tags ul {
        width: calc(100% + 10px);
        margin: 0 -5px;
        float: left; }
        section.our-products .sidebar .item.has-tags ul li {
          float: left;
          width: auto;
          padding: 5px;
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          section.our-products .sidebar .item.has-tags ul li span {
            float: left;
            padding: 0 22px;
            background: #fff;
            line-height: 42px;
            border: 1px solid #eeeeee;
            cursor: pointer;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            section.our-products .sidebar .item.has-tags ul li span:hover {
              background: #333;
              border-color: #333;
              color: #fff; }
      section.our-products .sidebar .item.has-rate ul li .box-img {
        float: left;
        width: 100px;
        position: relative; }
        section.our-products .sidebar .item.has-rate ul li .box-img:hover:before {
          opacity: 1;
          visibility: visible; }
        section.our-products .sidebar .item.has-rate ul li .box-img:hover i {
          font-size: 16px;
          opacity: 1;
          visibility: visible; }
        section.our-products .sidebar .item.has-rate ul li .box-img:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.3);
          opacity: 0;
          visibility: hidden;
          transition: all 0.5s ease-out 0s;
          -webkit-transition: all 0.5s ease-out 0s; }
        section.our-products .sidebar .item.has-rate ul li .box-img i {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          font-size: 0px;
          color: #fff;
          height: 30px;
          width: 30px;
          line-height: 30px;
          opacity: 0;
          visibility: hidden;
          text-align: center;
          margin: auto;
          transition: all 0.5s ease-out 0s;
          -webkit-transition: all 0.5s ease-out 0s; }
      section.our-products .sidebar .item.has-rate ul li .box-caption {
        float: left;
        width: calc(100% - 120px);
        margin-left: 20px; }
        section.our-products .sidebar .item.has-rate ul li .box-caption h4 {
          margin: 0 0 5px; }
          section.our-products .sidebar .item.has-rate ul li .box-caption h4 a {
            color: #293341;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s;
            line-height: 1.5; }
            section.our-products .sidebar .item.has-rate ul li .box-caption h4 a:hover {
              color: #309044; }
        section.our-products .sidebar .item.has-rate ul li .box-caption .price {
          font-size: 16px;
          color: #7b7b7b;
          font-family: 'Poppins', Arial, Helvetica, sans-serif; }
      section.our-products .sidebar .item.has-rate ul li + li {
        margin-top: 15px; }
      section.our-products .sidebar .item ul {
        float: left;
        width: 100%; }
        section.our-products .sidebar .item ul li {
          float: left;
          width: 100%;
          font-family: 'Poppins', Arial, Helvetica, sans-serif;
          padding: 8px 0;
          position: relative; }
          section.our-products .sidebar .item ul li .name {
            font-size: 16px;
            font-weight: normal;
            float: left;
            max-width: calc(100% - 50px);
            margin: 0;
            cursor: pointer;
            position: relative; }
            section.our-products .sidebar .item ul li .name:hover {
              text-decoration: underline; }
          section.our-products .sidebar .item ul li .count {
            font-size: 13px;
            float: right;
            width: 50px;
            text-align: right;
            font-family: 'Arial';
            color: #bbbbbb;
            line-height: 22px; }
  section.our-products .listing {
    float: left;
    width: calc(100% - 465px);
    padding: 0 30px 80px; }
    section.our-products .listing .heading {
      font-size: 35px;
      font-weight: bold;
      font-family: 'Lato', Arial, Helvetica, sans-serif;
      margin: 0 0 20px; }
    section.our-products .listing ul {
      float: left;
      width: calc(100% + 30px);
      margin: 0 -15px;
      margin-bottom: 70px; }
      section.our-products .listing ul li {
        float: left;
        width: calc(100% / 3);
        padding: 0 15px;
        margin-bottom: 60px; }
        section.our-products .listing ul li .box-img {
          float: left;
          width: 100%;
          position: relative; }
          section.our-products .listing ul li .box-img img {
            width: 100%; }
          section.our-products .listing ul li .box-img:hover:before {
            opacity: 1;
            visibility: visible; }
          section.our-products .listing ul li .box-img:hover i {
            font-size: 30px;
            opacity: 1;
            visibility: visible; }
          section.our-products .listing ul li .box-img:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.3);
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s ease-out 0s;
            -webkit-transition: all 0.5s ease-out 0s; }
          section.our-products .listing ul li .box-img i {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            font-size: 0px;
            color: #fff;
            height: 30px;
            width: 30px;
            line-height: 30px;
            opacity: 0;
            visibility: hidden;
            text-align: center;
            margin: auto;
            transition: all 0.5s ease-out 0s;
            -webkit-transition: all 0.5s ease-out 0s; }
        section.our-products .listing ul li .caption {
          float: left;
          width: 100%;
          padding: 20px;
          text-align: center; }
          section.our-products .listing ul li .caption h4 {
            margin: 0 0 8px;
            font-size: 18px;
            font-family: 'Poppins', Arial, Helvetica, sans-serif; }
            section.our-products .listing ul li .caption h4 a {
              color: #000;
              font-weight: bold;
              transition: all 0.2s ease-out 0s;
              -webkit-transition: all 0.2s ease-out 0s; }
              section.our-products .listing ul li .caption h4 a:hover {
                color: #309044; }
          section.our-products .listing ul li .caption .price {
            font-size: 16px;
            color: #7b7b7b;
            font-family: 'Poppins', Arial, Helvetica, sans-serif; }
            section.our-products .listing ul li .caption .price.has-sale b {
              color: #c91f28;
              font-weight: normal;
              margin-right: 7px; }
            section.our-products .listing ul li .caption .price.has-sale span {
              position: relative; }
              section.our-products .listing ul li .caption .price.has-sale span:after {
                content: '';
                display: block;
                height: 2px;
                background: #7b7b7b;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto; }

body.rtl section.our-products .listing .heading,
body.rtl section.our-products .listing ul li .caption h4,
body.rtl section.our-products .sidebar .item .item__heading,
body.rtl section.our-products .sidebar .item ul li .name,
body.rtl section.our-products .sidebar .item.has-rate ul li .box-caption h4 a,
body.rtl section.our-products .sidebar .item.has-tags ul li span {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
body.rtl section.our-products .listing ul li,
body.rtl section.our-products .sidebar .item.has-tags ul li {
  float: right; }
body.rtl section.our-products .sidebar .item.has-rate ul li .box-img {
  float: right; }
body.rtl section.our-products .sidebar .item.has-rate ul li .box-caption {
  margin: 0 20px 0 0; }
body.rtl section.our-products .sidebar .item ul li .count {
  float: left;
  text-align: left; }
body.rtl section.our-products .sidebar .item ul li label {
  float: right; }
body.rtl section.our-products .sidebar .item.has-checkbox ul li label {
  padding: 0 30px 0 0; }
  body.rtl section.our-products .sidebar .item.has-checkbox ul li label:before {
    right: 0;
    left: auto; }
  body.rtl section.our-products .sidebar .item.has-checkbox ul li label:after {
    right: 6px;
    left: auto; }
body.rtl section.our-products .sidebar .item.has-color ul li .color {
  left: auto;
  right: 0; }
body.rtl section.our-products .sidebar .item.has-color ul li label {
  padding: 0 30px 0 0; }
body.rtl section.our-products .sidebar .item.has-filter #count-number {
  float: right;
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
  body.rtl section.our-products .sidebar .item.has-filter #count-number span {
    font-family: 'Poppins', Arial, Helvetica, sans-serif; }
body.rtl section.our-products .sidebar .item.has-filter .filter {
  float: left; }

@media (max-width: 1400px) {
  section.our-products .sidebar {
    width: 385px;
    padding: 40px 60px 80px; }
  section.our-products .listing {
    width: calc(100% - 385px); } }
@media (max-width: 1200px) {
  section.our-products .listing ul li {
    width: 50%; }

  section.our-products .sidebar {
    width: 330px; }
  section.our-products .listing {
    width: calc(100% - 330px); }

  section.our-products .sidebar .item.has-filter #count-number {
    padding-top: 0; }

  section.our-products .sidebar .item.has-filter .filter {
    width: 100%; } }
@media (max-width: 992px) {
  section.our-products .sidebar {
    width: 250px;
    padding: 40px 30px 80px; }
  section.our-products .listing {
    width: calc(100% - 250px); }

  section.our-products .sidebar .item.has-rate ul li .box-img {
    width: 70px; }
  section.our-products .sidebar .item.has-rate ul li .box-caption {
    width: calc(100% - 85px);
    margin-left: 15px; } }
@media (max-width: 767px) {
  section.our-products {
    padding: 20px 0 0; }
    section.our-products .sidebar {
      width: 100%;
      padding: 40px 50px 80px;
      order: 2; }
    section.our-products .listing {
      order: 1;
      width: 100%;
      padding: 0 15px 40px; }

  section.our-products .sidebar .item.has-rate ul li .box-img {
    width: 100px; }
  section.our-products .sidebar .item.has-rate ul li .box-caption {
    width: calc(100% - 120px);
    margin-left: 20px; }

  section.our-products .listing ul {
    margin: 0 -5px !important;
    width: calc(100% + 10px); }
    section.our-products .listing ul li {
      padding: 0 5px;
      margin: 0 0 20px !important; }

  section.our-products .listing .heading {
    font-size: 28px; } }
@media (max-width: 450px) {
  section.our-products .listing ul li {
    /*width: 100%;*/ }

  section.our-products .listing ul li .caption h4 {
    font-size: 16px; } }
/*POPUP*/
.popup {
  width: 100%;
  max-width: 900px;
  height: auto;
  position: fixed;
  top: 52%;
  left: 50%;
  margin: auto;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s; }
  .popup.show {
    opacity: 1;
    visibility: visible;
    top: 50%; }
  .popup.show ~ #dark-night {
    opacity: 1;
    visibility: visible; }
  .popup .close-popup {
    position: absolute;
    top: -30px;
    right: -30px;
    font-weight: 700;
    width: 30px;
    cursor: pointer; }
  .popup .box {
    padding-top: 60%;
    position: relative; }
    .popup .box iframe {
      border: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }

#dark-night {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

@media (max-width: 992px) {
  .popup .close-popup {
    width: 20px;
    top: -30px;
    right: 0; }
    .popup .close-popup img {
      width: 20px; } }
@media (max-width: 767px) {
  .popup {
    max-width: 450px; } }
/*Pagenavi*/
.pagenavi {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 50px; }

.pagenavi > span,
.pagenavi > a {
  background: #fff;
  border: 1px solid #efefef;
  color: #efefef;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 50px;
  margin: 0 10px; }
  .pagenavi > span.disabled,
  .pagenavi > a.disabled {
    cursor: not-allowed; }

.pagenavi > span.current,
.pagenavi > a:hover:not(.disabled) {
  background: #309044;
  color: #fff;
  border: 1px solid #309044; }

body.rtl .pagenavi {
  font-family: 'Lato', Arial, Helvetica, sans-serif; }
body.rtl a.prev,
body.rtl a.next {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

@media (max-width: 450px) {
  .pagenavi > span,
  .pagenavi > a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    font-size: 14px; } }
/*Categories*/
.categories {
  margin-bottom: 150px; }
  .categories .categories-box {
    margin-top: -200px;
    background: #e5edf3;
    padding: 60px 15px;
    position: relative;
    float: left;
    width: 100%; }
    .categories .categories-box .categories-box_heading {
      font-size: 40px;
      font-weight: bold;
      color: #525252;
      margin: 0 0 5px;
      padding-bottom: 20px;
      text-align: center;
      position: relative; }
      .categories .categories-box .categories-box_heading:after {
        content: '';
        display: block;
        width: 150px;
        height: 4px;
        background: #525252;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
    .categories .categories-box .categories-box_items .items__box {
      float: left;
      width: calc(100% / 3);
      padding: 15px; }
      .categories .categories-box .categories-box_items .items__box .items__item {
        float: left;
        width: 100%;
        height: 250px;
        position: relative;
        background: no-repeat center /cover;
        padding: 15px 30px;
        text-align: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .categories .categories-box .categories-box_items .items__box .items__item:hover {
          text-decoration: none; }
          .categories .categories-box .categories-box_items .items__box .items__item:hover:after {
            background: rgba(0, 0, 0, 0.9); }
        .categories .categories-box .categories-box_items .items__box .items__item:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          background: rgba(255, 255, 255, 0.2); }
        .categories .categories-box .categories-box_items .items__box .items__item:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 0;
          background: rgba(0, 0, 0, 0.2);
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
        .categories .categories-box .categories-box_items .items__box .items__item .items__item__heading {
          color: #fff;
          font-size: 40px;
          position: relative;
          z-index: 9;
          font-weight: 300;
          text-transform: uppercase;
          font-family: 'Poppins', 'Arial';
          text-shadow: 2px 0 2px rgba(0, 0, 0, 0.5);
          margin: 0; }

body.rtl .categories .categories-box .categories-box_items .items__box .items__item .items__item__heading {
  font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }

@media (max-width: 1200px) {
  .categories .categories-box .categories-box_items .items__box .items__item .items__item__heading {
    font-size: 32px; } }
@media (max-width: 992px) {
  .categories .categories-box .categories-box_heading {
    font-size: 32px; }

  .categories .categories-box .categories-box_items .items__box {
    width: 50%; } }
@media (max-width: 767px) {
  .categories .categories-box {
    margin: 0; }

  .categories .container-fluid {
    padding: 0; }

  .categories {
    margin-bottom: 0px; } }
@media (max-width: 600px) {
  .categories .categories-box .categories-box_heading {
    font-size: 28px; }

  .categories .categories-box .categories-box_items .items__box {
    width: 100%; } }
/* Store */
section.store {
  padding: 60px 0 100px;
  float: left;
  width: 100%; }
  section.store .store-box .store-box_left {
    float: left;
    width: calc((100% / 19) * 9);
    padding-left: calc(100vw / 12);
    padding-right: 90px; }
    section.store .store-box .store-box_left .heading {
      font-size: 28px;
      color: #309044;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      margin-bottom: 35px;
      margin-top: 0; }
    section.store .store-box .store-box_left .items .item {
      position: relative;
      float: left;
      width: 100%;
      padding: 15px 0; }
      section.store .store-box .store-box_left .items .item + .item {
        border-top: 1px solid #e8e8e8; }
      section.store .store-box .store-box_left .items .item.active .item__location:before {
        background: url(../images/icon-location-green.png) no-repeat center/cover; }
      section.store .store-box .store-box_left .items .item .item__name {
        font-size: 20px;
        color: #293341;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0 0 15px;
        position: relative; }
        section.store .store-box .store-box_left .items .item .item__name:before {
          content: '';
          display: block;
          width: 9px;
          height: 9px;
          background: #309044;
          border-radius: 50%;
          position: absolute;
          left: -24px;
          top: 6px; }
      section.store .store-box .store-box_left .items .item .item__address {
        color: #7b7b7b;
        font-size: 18px;
        font-weight: 600; }
      section.store .store-box .store-box_left .items .item small {
        font-size: 14px;
        color: #7b7b7b;
        font-weight: 300; }
      section.store .store-box .store-box_left .items .item .item__other {
        font-size: 16px;
        font-weight: 300;
        max-width: calc(100% - 200px);
        margin-top: 15px; }
        section.store .store-box .store-box_left .items .item .item__other + .item__other {
          margin-top: 0; }
      section.store .store-box .store-box_left .items .item .item__location {
        position: absolute;
        right: 0;
        bottom: 15px;
        padding-right: 45px;
        cursor: pointer;
        pointer-events: auto; }
        section.store .store-box .store-box_left .items .item .item__location:before {
          content: '';
          display: block;
          width: 33px;
          height: 44px;
          background: url(../images/icon-location-gray.png) no-repeat center/cover;
          position: absolute;
          bottom: 0;
          right: 0; }
        section.store .store-box .store-box_left .items .item .item__location:after {
          content: '';
          display: block;
          width: 33px;
          height: 44px;
          background: url(../images/icon-location-green.png) no-repeat center/cover;
          opacity: 0;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
          position: absolute;
          bottom: 0;
          right: 0; }
        section.store .store-box .store-box_left .items .item .item__location:hover:after {
          opacity: 1; }
        section.store .store-box .store-box_left .items .item .item__location span {
          line-height: 44px;
          font-size: 12px;
          color: #dddddd;
          font-family: 'Poppins', Arial, Helvetica, sans-serif;
          font-weight: 300; }
  section.store .store-box .store-box_right {
    float: right;
    width: calc((100% / 19) * 10); }
    section.store .store-box .store-box_right #map {
      width: 100%;
      height: 720px; }

body.rtl section.store .store-box .store-box_left {
  float: right;
  padding-right: calc(100vw / 12);
  padding-left: 90px; }
  body.rtl section.store .store-box .store-box_left .heading {
    font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }
  body.rtl section.store .store-box .store-box_left .items .item .item__name:before {
    left: auto;
    right: -24px; }
  body.rtl section.store .store-box .store-box_left .items .item .item__location {
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: 45px; }
    body.rtl section.store .store-box .store-box_left .items .item .item__location:before {
      right: auto;
      left: 0; }
    body.rtl section.store .store-box .store-box_left .items .item .item__location:after {
      right: auto;
      left: 0; }
body.rtl section.store .store-box .store-box_right {
  float: left; }

@media (max-width: 1200px) {
  section.store .store-box .store-box_left {
    width: 100%;
    padding: 45px; }
  section.store .store-box .store-box_right {
    width: 100%;
    padding: 0 45px; }
    section.store .store-box .store-box_right #map {
      height: 500px; }

  body.rtl section.store .store-box .store-box_right {
    padding: 0 45px; } }
@media (max-width: 767px) {
  section.store {
    padding: 15px 0 40px; }

  section.store .store-box .store-box_left {
    padding: 45px 15px; }
    section.store .store-box .store-box_left .heading {
      font-size: 22px; }
    section.store .store-box .store-box_left .items .item .item__location {
      position: static;
      margin-top: 30px; }
      section.store .store-box .store-box_left .items .item .item__location:before {
        display: none; }
      section.store .store-box .store-box_left .items .item .item__location:after {
        position: static;
        float: left;
        opacity: 1;
        background: url(../images/icon-location-gray.png) no-repeat center/cover;
        margin-left: 10px;
        width: 20px;
        height: 27px; }
      section.store .store-box .store-box_left .items .item .item__location span {
        line-height: 27px;
        float: left; }
  section.store .store-box .store-box_right {
    padding: 0 15px; }
    section.store .store-box .store-box_right #map {
      height: 350px; }

  body.rtl section.store {
    padding: 15px 0 40px; }
  body.rtl section.store .store-box .store-box_left {
    padding: 45px 15px; }
    body.rtl section.store .store-box .store-box_left .items .item .item__location:after {
      float: right;
      margin: 0 10px 0 0; }
    body.rtl section.store .store-box .store-box_left .items .item .item__location span {
      float: right; }
  body.rtl section.store .store-box .store-box_right {
    padding: 0 15px; } }
/*Css Footer*/
/*Footer*/
#footer {
  position: relative; }
  #footer .footer-top {
    padding: 10px 0;
    background: #cfcfcf; }
    #footer .footer-top .left {
      float: left;
      line-height: 56px;
      font-size: 19px; }
      #footer .footer-top .left p {
        margin: 0; }
    #footer .footer-top .right {
      float: right;
      position: relative;
      width: 100%;
      max-width: 510px; }
      #footer .footer-top .right .subscribe {
        float: left;
        width: 100%;
        max-width: 510px;
        position: relative; }
        #footer .footer-top .right .subscribe .img {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          width: 60px;
          line-height: 58px;
          text-align: center; }
        #footer .footer-top .right .subscribe input[type=email] {
          width: 100%;
          border-radius: 5px;
          border: 0;
          background: #e2e2e2;
          font-size: 19px;
          color: #383838;
          padding: 2px 60px 0 30px;
          line-height: 54px;
          outline: none;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #footer .footer-top .right .subscribe input[type=email]:focus {
            background: #fff; }
        #footer .footer-top .right .subscribe input[type=submit] {
          width: 60px;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          border: 0;
          border-radius: 0;
          background: transparent;
          opacity: 0; }
  #footer .footer-bottom {
    float: left;
    width: 100%;
    background: #383838;
    padding: 40px 0 5px; }
    #footer .footer-bottom .item {
      float: left;
      width: calc(100% / 3);
      text-align: center; }
      #footer .footer-bottom .item .logo img {
        width: 186px; }
      #footer .footer-bottom .item .menu {
        display: table;
        margin: auto;
        text-align: center; }
        #footer .footer-bottom .item .menu li {
          display: inline-block;
          line-height: 50px;
          padding: 0 13px;
          position: relative; }
          #footer .footer-bottom .item .menu li + li:before {
            content: '';
            display: block;
            width: 1px;
            height: 13px;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            background: #fff; }
          #footer .footer-bottom .item .menu li a {
            color: #fff;
            font-weight: bold;
            text-transform: uppercase; }
            #footer .footer-bottom .item .menu li a:hover {
              text-decoration: underline; }
      #footer .footer-bottom .item .social {
        display: table;
        margin: auto; }
        #footer .footer-bottom .item .social li {
          display: inline-block;
          line-height: 50px;
          margin: 0 3px; }
          #footer .footer-bottom .item .social li a {
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            #footer .footer-bottom .item .social li a:hover {
              opacity: 0.6; }
            #footer .footer-bottom .item .social li a img {
              max-width: 31px; }
      #footer .footer-bottom .item .payment {
        display: table;
        margin: auto; }
        #footer .footer-bottom .item .payment li {
          display: inline-block;
          line-height: 50px;
          margin: 0 9px; }
          #footer .footer-bottom .item .payment li a {
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            #footer .footer-bottom .item .payment li a:hover {
              opacity: 0.6; }
      #footer .footer-bottom .item .copyright {
        color: #309044;
        font-size: 16px;
        font-weight: 900;
        text-align: center;
        font-family: 'Avenir', Arial, Helvetica, sans-serif; }

body.rtl #footer .footer-top .left {
  float: right; }
body.rtl #footer .footer-top .right {
  float: left; }
  body.rtl #footer .footer-top .right .subscribe .img {
    right: auto;
    left: 0;
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  body.rtl #footer .footer-top .right .subscribe input[type=submit] {
    right: auto;
    left: 0; }
  body.rtl #footer .footer-top .right .subscribe input[type=email] {
    padding: 2px 30px 0 60px; }
body.rtl #footer .footer-bottom .item {
  float: right; }
  body.rtl #footer .footer-bottom .item .menu li + li:before {
    left: auto;
    right: 0; }
  body.rtl #footer .footer-bottom .item .copyright {
    font-family: 'GE SS Two', Arial, Helvetica, sans-serif !important; }

@media (max-width: 1400px) {
  #footer .footer-bottom .item:first-child {
    width: 200px; }
  #footer .footer-bottom .item:nth-child(2) {
    width: calc(100% - 401px); }
  #footer .footer-bottom .item:nth-child(3) {
    width: 200px; } }
@media (max-width: 1200px) {
  #footer .footer-top .left {
    width: calc(100% - 400px);
    font-size: 16px; }
  #footer .footer-top .right {
    width: 350px; }
    #footer .footer-top .right .subscribe input[type=email] {
      font-size: 16px; }
  #footer .footer-bottom .item .menu li,
  #footer .footer-bottom .item .copyright {
    font-size: 14px; } }
@media (max-width: 992px) {
  #footer .footer-top .left {
    width: 50%; }
    #footer .footer-top .left p {
      line-height: 1.4;
      display: table-cell;
      vertical-align: middle;
      height: 56px; }
  #footer .footer-top .right {
    width: 50%;
    padding-left: 20px; }
  #footer .footer-bottom {
    padding: 20px 0; }
    #footer .footer-bottom .item {
      width: 100% !important;
      margin: 15px 0; }
      #footer .footer-bottom .item .logo img {
        width: 120px; } }
@media (max-width: 450px) {
  #footer .footer-top {
    padding: 20px 0; }
    #footer .footer-top .left {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
      #footer .footer-top .left p {
        height: auto; }
    #footer .footer-top .right {
      width: 100%;
      padding-left: 0; }

  #footer .footer-bottom .item .menu {
    margin-bottom: 20px; }

  #footer .footer-bottom .item .menu li {
    width: 100%;
    line-height: 40px; }
    #footer .footer-bottom .item .menu li:before {
      display: none !important; } }
/*Css Mobile*/
.dn-pageLoading {
  background-color: #16191e;
  color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-touch-callout: none;
  user-select: none; }
  .dn-pageLoading .dn-pageLoading-fallback {
    color: inherit;
    filter: invert(100%); }
  .dn-pageLoading.dn-pageLoading--img-persp {
    perspective: 250px; }
    .dn-pageLoading.dn-pageLoading--img-persp .dn-pageLoading-inner {
      animation: preloader-perspective-img 2s infinite ease-in-out; }
@keyframes preloader-perspective-img {
  0% {
    transform: rotateY(0deg); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(360deg); } }
  .dn-pageLoading.dn-pageLoading--img-breath .dn-pageLoading-inner {
    animation-name: preloader-breath-img;
    animation-duration: 1800ms;
    animation-delay: 200ms;
    animation-timing-function: cubic-bezier(0.73, 0.005, 0.42, 1.005);
    animation-iteration-count: infinite;
    animation-direction: alternate; }
@keyframes preloader-breath-img {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }
/* FlexBox grid toolkit */
.fxb,
.fxb-row {
  display: flex; }

.fxb-row-col {
  flex-direction: column; }

/* Flexbox Column */
.fxb-col {
  flex: 1; }

/* Flex Wrapping */
.fxb {
  flex-wrap: wrap; }

/* Vertical Axis */
.fxb-start-y {
  align-items: flex-start; }

.fxb-center-y {
  align-items: center; }

.fxb-end-y {
  align-items: flex-end; }

/* Horizontal Axis */
.fxb-start-x {
  justify-content: flex-start; }

.fxb-center-x {
  justify-content: center; }

.fxb-end-x {
  justify-content: flex-end; }

/* Flex Scaling settings */
.fxb-basis-auto {
  flex-basis: auto; }

.fxb-basis-20 {
  flex-basis: 20%; }

.fxb-basis-50 {
  flex-basis: 50%; }

.fxb-basis-0 {
  flex-basis: 0; }

/* Flex Grow */
.fxb-grow-0 {
  flex-grow: 0; }

.fxb-shrink-0 {
  flex-shrink: 0; }

/* MQ's */
@media (min-width: 1200px) and (max-width: 1439px) {
  .fxb-xl-wrap {
    flex-wrap: wrap; }

  .fxb-row-col-xl {
    flex-direction: column; }

  .fxb-xl-forth {
    flex-basis: 25%; }

  .fxb-xl-half {
    flex-basis: 50%; }

  .fxb-xl-full {
    flex-basis: 100%; }

  .fxb-xl-basis-auto {
    flex-basis: auto; }

  .fxb-xl-grow-0 {
    flex-grow: 0; }

  .fxb-xl-shrink-0 {
    flex-shrink: 0; }

  .fxb-xl-end-x {
    justify-content: flex-end; }

  .fxb-xl-start-x {
    justify-content: flex-start; } }
@media (max-width: 1199px) {
  .fxb-lg-wrap {
    flex-wrap: wrap; }

  .fxb-row-col-lg {
    flex-direction: column; }

  .fxb-lg-forth {
    flex-basis: 25%; }

  .fxb-lg-half {
    flex-basis: 50%; }

  .fxb-lg-full {
    flex-basis: 100%; }

  .fxb-lg-basis-auto {
    flex-basis: auto; }

  .fxb-lg-grow-0 {
    flex-grow: 0; }

  .fxb-lg-shrink-0 {
    flex-shrink: 0; }

  .fxb-lg-end-x {
    justify-content: flex-end; }

  .fxb-lg-start-x {
    justify-content: flex-start; } }
@media (max-width: 991px) {
  .fxb-md-wrap {
    flex-wrap: wrap; }

  .fxb-row-col-md {
    flex-direction: column; }

  .fxb-md-forth {
    flex-basis: 25%; }

  .fxb-md-half {
    flex-basis: 50%; }

  .fxb-md-full {
    flex-basis: 100%; }

  .fxb-md-basis-auto {
    flex-basis: auto; }

  .fxb-md-grow-0 {
    flex-grow: 0; }

  .fxb-md-shrink-0 {
    flex-shrink: 0; }

  .fxb-md-end-x {
    justify-content: flex-end; }

  .fxb-md-start-x {
    justify-content: flex-start; } }
@media (max-width: 767px) {
  .fxb-sm-wrap {
    flex-wrap: wrap; }

  .fxb-row-col-sm {
    flex-direction: column; }

  .fxb-sm-forth {
    flex-basis: 25%; }

  .fxb-sm-half {
    flex-basis: 50%; }

  .fxb-sm-full {
    flex-basis: 100%; }

  .fxb-sm-basis-auto {
    flex-basis: auto; }

  .fxb-sm-grow-0 {
    flex-grow: 0; }

  .fxb-sm-shrink-0 {
    flex-shrink: 0; }

  .fxb-sm-end-x {
    justify-content: flex-end; }

  .fxb-sm-start-x {
    justify-content: flex-start; } }
@media (max-width: 479px) {
  .fxb-xs-wrap {
    flex-wrap: wrap; }

  .fxb-row-col-xs {
    flex-direction: column; }

  .fxb-xs-forth {
    flex-basis: 25%; }

  .fxb-xs-half {
    flex-basis: 50%; }

  .fxb-xs-full {
    flex-basis: 100%; }

  .fxb-xs-basis-auto {
    flex-basis: auto; }

  .fxb-xs-grow-0 {
    flex-grow: 0; }

  .fxb-xs-shrink-0 {
    flex-shrink: 0; }

  .fxb-xs-end-x {
    justify-content: flex-end; }

  .fxb-xs-start-x {
    justify-content: flex-start; } }
/* Fallback - no flexbox */
.no-flexbox .fxb-row {
  display: table;
  width: 100%; }

.no-flexbox [class*="fxb-col-"] {
  display: table-cell;
  vertical-align: middle; }

.no-flexbox .fxb-end-x {
  text-align: right; }

.no-flexbox .fxb-center-x {
  text-align: center; }

.no-flexbox .sh-component {
  display: inline-block;
  vertical-align: middle;
  text-align: start; }

@media (min-width: 768px) {
  .no-flexbox .dn-siteHeader-topLeft,
  .no-flexbox .dn-siteHeader-topRight,
  .no-flexbox .dn-siteHeader-mainLeft,
  .no-flexbox .dn-siteHeader-mainRight,
  .no-flexbox .dn-siteHeader-mainCenter {
    display: table-cell;
    vertical-align: middle; } }
.dn-siteHeader-topLeft .sh-component:first-child,
.dn-siteHeader-mainLeft .sh-component:first-child {
  margin-left: 0 !important; }

.dn-siteHeader-topRight .sh-component:last-child,
.dn-siteHeader-mainRight .sh-component:last-child {
  margin-right: 0 !important; }

.dn-siteHeader {
  display: none;
  color: #FFF;
  position: relative;
  z-index: 3;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  /* Absolute Site Header */
  /* Relative Site Header */ }
  .dn-siteHeader:before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/bg-header.png) no-repeat center/cover; }
  .dn-siteHeader .dn-siteHeader-wrapper {
    position: relative;
    z-index: 9; }
  .dn-siteHeader a {
    color: inherit; }
  .dn-siteHeader .dn-siteHeader-container {
    width: 100%;
    position: relative; }
  @media (min-width: 1440px) {
    .dn-siteHeader .dn-siteHeader-container {
      max-width: 90%; } }
  .dn-siteHeader.dn-siteHeader--pos-absolute {
    position: absolute; }
  .dn-siteHeader.dn-siteHeader--pos-relative {
    position: relative; }

@media (max-width: 992px) {
  .dn-siteHeader {
    display: block; } }
.dn-stickyRelativeHelper {
  display: none; }

@media (min-width: 768px) {
  .dn-siteHeader.dn-stickyHeader {
    width: 100%;
    z-index: 10;
    will-change: transform;
    transform: translate3d(0px, 0px, 0px);
    transition: background-color .2s ease-out; }

  /* Sticked state. Apply only if header has sticky-resize class. */
  .dn-siteHeader.dn-stickyHeader.dn-stickyHeader--on {
    position: fixed;
    animation: headerSlide .2s ease-out; }

  @keyframes headerSlide {
    0% {
      transform: translateY(-100%); }
    100% {
      transform: translateY(0); } }
  .dn-stickyHeader--resize.dn-stickyHeader--on .dn-siteHeader-topRow {
    height: 0;
    opacity: 0;
    overflow: hidden; }

  .dn-stickyHeader--resize.dn-stickyHeader--on .dn-siteHeader-mainRow {
    height: 75px; }

  .dn-siteHeader--pos-relative.dn-stickyHeader--on + .dn-stickyRelativeHelper {
    display: block; }

  .dn-stickyHeader--resize.dn-stickyHeader--on .dn-logoImg-wrapper.dn-logoSize--contain .dn-logoImg {
    max-height: 75px; }

  .dn-stickyHeader--off .dn-logoSticky {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }

  .dn-stickyHeader--on .dn-logoSticky {
    opacity: 1; }

  .dn-stickyHeader--off .dn-logoSticky ~ .dn-logoMain {
    opacity: 1; }

  .dn-stickyHeader--on .dn-logoSticky ~ .dn-logoMain {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); } }
.dn-siteHeader-top {
  position: relative;
  background-color: #16191e;
  font-size: 12px; }

.dn-siteHeader-topRow {
  height: 50px; }

@media (max-width: 767px) {
  .dn-siteHeader-topRow {
    min-height: 50px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; } }
.dn-siteHeader-mainRow {
  height: 60px; }

@media (min-width: 768px) {
  .dn-siteHeader-mainRow {
    height: 60px;
    min-height: 0; } }
.sh-component {
  margin-left: 10px;
  margin-right: 10px; }

.dn-logoImg-wrapper {
  margin: 0;
  line-height: 1;
  position: relative; }

.dn-logoImg-anch {
  font-size: 24px;
  line-height: 1.2;
  display: block; }

.dn-logoImg {
  transition: opacity .2s ease-out, max-height .2s ease-out; }

.dn-logoMobile {
  display: none; }

.dn-logoImg-wrapper.dn-logoSize--contain .dn-logoImg {
  max-height: 60px; }

@media (max-width: 767px) {
  .dn-logoMobile {
    display: block; }

  .dn-logoSticky,
  .dn-logoMobile ~ .dn-logoMain {
    display: none; } }
.dn-mainNav {
  list-style: none;
  margin: 0px;
  padding: 0px; }
.dn-mainNav:before, .dn-mainNav:after {
  content: " ";
  display: table; }
.dn-mainNav:after {
  clear: both; }
.dn-mainNav .menu-item.menu-item-depth-0 {
  float: left; }
  .dn-mainNav .menu-item.menu-item-depth-0 .main-menu-link {
    display: block;
    font-size: 11px;
    line-height: 1.6;
    color: #fff;
    padding: 10px 30px;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    transition: color .2s ease-out;
    position: relative; }
    .dn-mainNav .menu-item.menu-item-depth-0 .main-menu-link::after {
      content: "";
      height: 0;
      width: 1px;
      background-color: #cc9933;
      position: absolute;
      left: 50%;
      bottom: -20px;
      opacity: 0; }
.dn-mainNav .menu-item.menu-item-depth-0 > .main-menu-link:hover,
.dn-mainNav .menu-item.menu-item-depth-0 > .main-menu-link:focus,
.dn-mainNav .menu-item.menu-item-depth-0:hover > .main-menu-link,
.dn-mainNav .menu-item.menu-item-depth-0.current-menu-item > .main-menu-link {
  color: #cc9933; }
  .dn-mainNav .menu-item.menu-item-depth-0 > .main-menu-link:hover::after,
  .dn-mainNav .menu-item.menu-item-depth-0 > .main-menu-link:focus::after,
  .dn-mainNav .menu-item.menu-item-depth-0:hover > .main-menu-link::after,
  .dn-mainNav .menu-item.menu-item-depth-0.current-menu-item > .main-menu-link::after {
    opacity: 1;
    height: 10px;
    transition: all .2s ease-out; }
.dn-mainNav .menu-item.menu-item-has-children > .main-menu-link::after {
  display: none; }
.dn-mainNav .menu-item.menu-item-has-children:not(.menu-item-mega-parent) {
  position: relative; }
.dn-mainNav .menu-item.menu-item-has-children .sub-menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 120%;
  left: -6999px;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility, top;
  transition-duration: .2s;
  transition-timing-function: ease-out;
  z-index: 98;
  width: 260px;
  padding-top: 15px; }
  .dn-mainNav .menu-item.menu-item-has-children .sub-menu .main-menu-link {
    display: block;
    font-size: 11px;
    line-height: 1.6;
    color: #999;
    background-color: #23262b;
    padding: 15px;
    border-top: 2px solid #333; }
  .dn-mainNav .menu-item.menu-item-has-children .sub-menu .menu-item > .main-menu-link:hover,
  .dn-mainNav .menu-item.menu-item-has-children .sub-menu .menu-item > .main-menu-link:focus,
  .dn-mainNav .menu-item.menu-item-has-children .sub-menu .menu-item:hover > .main-menu-link,
  .dn-mainNav .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-item > .main-menu-link {
    color: #b3b3b3;
    background-color: #1c1f23; }
  .dn-mainNav .menu-item.menu-item-has-children .sub-menu li:first-child > .main-menu-link {
    border-top: none; }
.dn-mainNav .menu-item.menu-item-has-children:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
  left: 0; }
.dn-mainNav .menu-item.menu-item-depth-1.menu-item-has-children::after {
  content: '';
  width: 10px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 50%;
  right: 10px; }
.dn-mainNav .menu-item.menu-item-depth-1:hover > .sub-menu {
  left: 100%;
  top: 0;
  padding-top: 0; }

.dn-mainNav-nomenu {
  text-decoration: underline; }

@media (min-width: 992px) {
  .zn_mega_container {
    left: -9999px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, top .45s ease;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    background: #23262b;
    position: absolute;
    padding: 20px 0;
    /* fix for top hover */ }
    .zn_mega_container::before {
      content: '';
      display: block;
      position: absolute;
      top: -12px;
      left: 0;
      width: 100%;
      height: 12px; }
    .zn_mega_container.container {
      margin-left: 15px;
      margin-right: 15px;
      width: calc(100% - 30px); }
    .zn_mega_container ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .menu-item:hover > .zn_mega_container {
      left: 0;
      opacity: 1;
      visibility: visible;
      z-index: 100;
      margin-top: 10px; }
    .menu-item .zn_mega_container .main-menu-link {
      padding: 10px 0; }
    .menu-item .zn_mega_container .main-menu-link:hover {
      opacity: .8; }
    .menu-item .zn_mega_container .main-menu-link.zn_mega_title {
      font-size: 15px; }
    .zn_mega_container .menu-item.menu-item-depth-1.menu-item-has-children::after {
      display: none; }
    .menu-item .zn_mega_container .menu-item .zn_mega_title, .menu-item .zn_mega_container ul .menu-item:last-child > .zn_mega_title {
      font-size: 14px;
      padding-left: 0;
      padding-right: 0;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      margin-bottom: 15px;
      font-weight: 600;
      text-transform: uppercase;
      border-bottom-color: rgba(255, 255, 255, 0.05); }
    .menu-item .zn_mega_container .zn_mega_row_start {
      margin-top: 20px; }
    .menu-item .zn_mega_container .menuitem-invisible > .main-menu-link {
      visibility: hidden; } }

.sh-dropDown {
  position: relative; }

.sh-dropDown-panel {
  position: absolute;
  top: 120%;
  left: -6999px;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility, top;
  transition-duration: .2s;
  transition-timing-function: ease-out;
  z-index: 98; }

.sh-dropDown:hover > .sh-dropDown-panel {
  top: 100%;
  opacity: 1;
  visibility: visible; }

.dn-siteHeader-topRight .sh-dropDown:hover > .sh-dropDown-panel,
.dn-siteHeader-mainRight .sh-dropDown:hover > .sh-dropDown-panel {
  left: auto;
  right: 0; }

.dn-siteHeader-topLeft .sh-dropDown:hover > .sh-dropDown-panel,
.dn-siteHeader-mainLeft .sh-dropDown:hover > .sh-dropDown-panel {
  left: 0; }

.dn-topNav {
  list-style: none;
  margin: 0px;
  padding: 0px; }
.dn-topNav .menu-item {
  display: inline-block; }
  .dn-topNav .menu-item > a {
    display: block;
    padding: 0 10px;
    color: #ffffff; }
.dn-topNav .menu-item.current-menu-item > a,
.dn-topNav .menu-item > a:hover {
  opacity: .8; }

.dn-textScheme--dark .dn-topNav .menu-item > a {
  color: #1a1a1a; }

.dn-headerText {
  color: #ffffff; }

.dn-textScheme--dark .dn-headerText {
  color: #1a1a1a; }

.dn-topLangs-head {
  font-weight: bold;
  cursor: pointer;
  padding-right: 15px;
  position: relative;
  color: #ffffff; }
  .dn-topLangs-head:after {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: 0px;
    border: 4px solid transparent;
    border-top-color: currentColor;
    opacity: .3; }

.dn-textScheme--dark .dn-topLangs-head {
  color: #1a1a1a; }

.dn-topLangs-list {
  width: 180px;
  padding-top: 20px; }
  .dn-topLangs-list {
    list-style: none;
    margin: 0px;
    padding: 0px; }

.dn-topLangs-list {
  padding-top: 5px; }

.dn-topLangs-item {
  display: block;
  font-size: 10px;
  line-height: 1.6;
  color: #999;
  background-color: #23262b;
  padding: 10px 15px;
  border-top: 2px solid #333; }

.dn-topLangs-item:hover,
.dn-topLangs-item:focus,
.dn-topLangs-list li.is-active .dn-topLangs-item {
  color: #b3b3b3;
  background-color: #1c1f23; }

.dn-topLangs-list li:first-child .dn-topLangs-item {
  border-top: none; }

.dn-topLangs-itemFlag {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }

.dn-topLangs-itemName {
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle; }

.dn-siteHeader-topLeft .sh-dropDown:hover .dn-topLangs-list,
.dn-siteHeader-mainLeft .sh-dropDown:hover .dn-topLangs-list {
  margin-left: -15px; }

.dn-siteHeader-topRight .sh-dropDown:hover .dn-topLangs-list,
.dn-siteHeader-mainRight .sh-dropDown:hover .dn-topLangs-list {
  margin-right: -15px; }

.dn-socialIcons .dn-socialIcons-item {
  font-size: 15px;
  display: inline-block;
  margin: 0 7px;
  padding: 6px;
  border-radius: 2px;
  transition: opacity .2s ease-out;
  color: #ffffff; }
.dn-socialIcons .dn-socialIcons-item:hover {
  opacity: .8; }

.dn-textScheme--dark .dn-socialIcons .dn-socialIcons-item {
  color: #1a1a1a; }

.dn-menuBurger {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 22px;
  transform: rotate(0deg);
  transition: .2s ease-out;
  cursor: pointer;
  opacity: .8; }
  .dn-menuBurger:hover, .dn-menuBurger.is-active {
    opacity: 1; }
  .dn-menuBurger span {
    display: block;
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    height: 3px; }
  .dn-menuBurger span:nth-child(1) {
    top: 0px; }
  .dn-menuBurger span:nth-child(2) {
    top: 8px; }
  .dn-menuBurger span:nth-child(3) {
    top: 16px; }
  .dn-menuBurger.is-active span:nth-child(1) {
    transform: rotate(135deg);
    top: 8px; }
  .dn-menuBurger.is-active span:nth-child(2) {
    opacity: 0;
    left: -60px; }
  .dn-menuBurger.is-active span:nth-child(3) {
    transform: rotate(-135deg);
    top: 8px; }

.dnNavOvr {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transform: translateY(-100%) translateZ(0);
  transition: transform 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0ms; }

.dnNavOvr.is-active {
  transform: translateY(0) translateZ(0);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; }

.dnNavOvr-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 60px; }

.dnNavOvr-inner.is-empty {
  display: block; }

.dnNavOvr-close {
  position: fixed;
  z-index: 3;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: transform 0.7s ease-out, opacity .2s ease-out;
  opacity: .8; }
  @media (max-width: 767px) {
    .dnNavOvr-close {
      top: 20px !important;
      left: auto !important;
      right: 10px !important; } }

.dnNavOvr-close.dnNavOvr-close--trSmall {
  right: 30px;
  top: 30px; }

.dnNavOvr-close.dnNavOvr-close--trLarge {
  right: 80px;
  top: 80px; }

.dnNavOvr-close.dnNavOvr-close--tlSmall {
  left: 30px;
  top: 30px; }

.dnNavOvr-close.dnNavOvr-close--tlLarge {
  left: 80px;
  top: 80px; }

.dnNavOvr-close:hover {
  opacity: 1; }

.dnNavOvr-close span {
  position: relative;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%; }

.dnNavOvr-close span:before,
.dnNavOvr-close span:after {
  content: '';
  width: 2px;
  height: 0;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  background: #ffffff;
  transition: height .3s ease-out; }

.dnNavOvr-close span:before {
  transform: translate(-50%, -50%) rotate(45deg);
  transition-delay: .6s; }

.dnNavOvr-close span:after {
  transform: translate(-50%, -50%) rotate(-45deg);
  transition-delay: .8s; }

.dnNavOvr-close svg {
  position: absolute;
  top: 0;
  left: 0; }

.dnNavOvr-close circle {
  transition: stroke-dashoffset 0.6s ease-out .4s, stroke-width 0.2s ease-out, stroke-opacity 0.2s ease-out;
  stroke: #ffffff;
  stroke-width: 1;
  stroke-opacity: .1; }
  @media (max-width: 767px) {
    .dnNavOvr-close circle {
      stroke-width: 0; } }

.dnNavOvr-close:hover circle {
  stroke-width: 2; }

.dnNavOvr.is-active .dnNavOvr-close {
  transform: rotate(180deg); }

.dnNavOvr.is-active .dnNavOvr-close span:before,
.dnNavOvr.is-active .dnNavOvr-close span:after {
  height: 15px; }

.dnNavOvr.is-active .dnNavOvr-close circle {
  stroke-dashoffset: 0;
  stroke-opacity: 1; }

.dnNavOvr--theme-dark .dnNavOvr-close span:before,
.dnNavOvr--theme-dark .dnNavOvr-close span:after {
  background: #000000; }

.dnNavOvr--theme-dark .dnNavOvr-close circle {
  stroke: #000000; }

/*
 * The Menu
 */
.dnNavOvr-menuWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  min-height: calc(100% - 80px); }
  @media (max-width: 991px) {
    .dnNavOvr-menuWrapper {
      align-items: flex-start;
      min-height: auto; } }
  .dnNavOvr-menuWrapper-inner {
    width: 100%; }

.dnNavOvr-menu {
  display: block;
  position: relative;
  padding: 40px 0;
  text-align: center;
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .dnNavOvr-menu {
      font-size: 24px;
      line-height: 1.4; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .dnNavOvr-menu {
      font-size: 18px;
      line-height: 1.6;
      padding-top: 0; } }
  @media (max-width: 767px) {
    .dnNavOvr-menu {
      font-size: 16px;
      line-height: 1.6;
      padding-top: 0; } }

.dnNavOvr-menu .zn-mega-new-item {
  display: none; }

.dnNavOvr-menu ul,
.dnNavOvr-menu li {
  padding: 0;
  margin: 0;
  list-style: none; }

.dnNavOvr-menu > li {
  opacity: 0;
  position: relative;
  backface-visibility: hidden;
  transform: translateY(-100%);
  transition: transform .25s ease-in 0s,opacity .5s ease 0s; }

.dnNavOvr.is-active .dnNavOvr-menu > li {
  opacity: 1;
  transform: translateY(0);
  transition: transform .5s ease 0s,opacity .4s ease 0s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(1) {
  transition-delay: 0.06s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(2) {
  transition-delay: 0.12s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(3) {
  transition-delay: 0.18s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(4) {
  transition-delay: 0.24s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(5) {
  transition-delay: 0.3s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(6) {
  transition-delay: 0.36s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(7) {
  transition-delay: 0.42s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(8) {
  transition-delay: 0.48s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(9) {
  transition-delay: 0.54s; }

.dnNavOvr.is-active .dnNavOvr-menu > li:nth-child(10) {
  transition-delay: 0.6s; }

.dnNavOvr-menu .main-menu-link {
  padding: 0.17em 0;
  display: inline-block;
  color: rgba(255, 255, 255, 0.85);
  transition: .2s ease-out;
  transition-delay: 0s;
  backface-visibility: hidden;
  margin-bottom: 0.6em;
  position: relative; }
  .dnNavOvr-menu .main-menu-link::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    width: 0;
    transition: width 0.15s cubic-bezier(0.68, 0, 0.265, 1), background-color 0.15s cubic-bezier(0.68, 0, 0.265, 1);
    transform: translateX(-50%); }

.dnNavOvr-menu li.active > .main-menu-link:after,
.dnNavOvr-menu .main-menu-link:hover:after,
.dnNavOvr-menu .dnNavOvr-menuItemActive > .main-menu-link:after {
  width: 100%; }

.dnNavOvr-menu li ul.sub-menu,
.dnNavOvr-menu li div.zn_mega_container {
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  transform-style: preserve-3d;
  display: none; }

.dnNavOvr-menu li ul.sub-menu,
.dnNavOvr-menu li div.zn_mega_container {
  padding: 1em; }

.dnNavOvr-menu .zn_mega_container {
  padding-left: 0;
  padding-right: 0; }

.dnNavOvr-menu .zn_mega_container {
  width: 100%; }

.dnNavOvr-menu .zn_mega_container li {
  width: 100%;
  float: none; }

.dnNavOvr-menu a[href="#custom-separator"],
.dnNavOvr-menu .menuitem-separator > a,
.dnNavOvr-menu .zn_mega_container .zn_mega_title_hide,
.dnNavOvr-menu .zn_mega_title {
  display: none; }

.dnNavOvr-menu li.active > .main-menu-link,
.dnNavOvr-menu li .main-menu-link:hover,
.dnNavOvr-menu li .main-menu-link:focus,
.dnNavOvr-menu li.dnNavOvr-menuItemActive > .main-menu-link,
.dnNavOvr-menu li.dnNavOvr-menuItemActive > .main-menu-link:hover,
.dnNavOvr-menu li.dnNavOvr-menuItemActive > .main-menu-link:focus {
  color: #ffffff; }

.is-depth-2 .menu-item-depth-0 > .main-menu-link {
  color: rgba(255, 255, 255, 0.25); }

.is-depth-1 .menu-item-depth-0 > .main-menu-link,
.is-depth-2 .menu-item-depth-1 > .main-menu-link {
  color: rgba(255, 255, 255, 0.5); }

.dnNavOvr--theme-dark .is-depth-2 .menu-item-depth-0 > .main-menu-link {
  color: rgba(255, 255, 255, 0.25); }

.dnNavOvr--theme-dark .is-depth-1 .menu-item-depth-0 > .main-menu-link,
.dnNavOvr--theme-dark .is-depth-2 .menu-item-depth-1 > .main-menu-link {
  color: rgba(255, 255, 255, 0.5); }

.dnNavOvr-logo {
  position: absolute;
  left: 60px;
  top: 45px; }
  @media (max-width: 991px) {
    .dnNavOvr-logo {
      position: static;
      margin: 0 auto 40px; } }

.dnNavOvr-socialIcons {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 992px) {
    .dnNavOvr-socialIcons {
      float: right; } }
  .dnNavOvr-socialIcons li {
    display: inline-block;
    margin: 0 15px; }
    .dnNavOvr-socialIcons li:last-child {
      margin-right: 0; }
    .dnNavOvr-socialIcons li:first-child {
      margin-left: 0; }
    .dnNavOvr-socialIcons li a {
      font-size: 14px; }

.dnNavOvr-socialIcons a,
.dnNavOvr-socialIcons a:hover,
.dnNavOvr-socialIcons a:focus {
  color: #ffffff; }

.dnNavOvr-socialIcons a:hover {
  opacity: .7; }

.dnNavOvr-copyText {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  letter-spacing: 2px; }

.dnNavOvr-customText {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px; }

.dnNavOvr-opEffect {
  transition: opacity .5s ease;
  transition-delay: .3s;
  opacity: 0; }

.dnNavOvr-customText-wrapper {
  transition-delay: .3s; }

.dnNavOvr-socialIcons-wrapper {
  transition-delay: .6s;
  flex: 1 1 auto;
  margin-right: 60px;
  height: 80px; }
  @media (max-width: 991px) {
    .dnNavOvr-socialIcons-wrapper {
      width: 100%;
      text-align: center;
      margin-right: 0; } }

.dnNavOvr-copyText-wrapper {
  transition-delay: .9s;
  flex: 1 1 auto;
  margin-left: 60px;
  height: 80px; }
  @media (max-width: 991px) {
    .dnNavOvr-copyText-wrapper {
      width: 100%;
      text-align: center;
      margin-left: 0; } }

.is-active .dnNavOvr-opEffect {
  opacity: 1; }

.dnNavOvr--theme-dark .dnNavOvr-menu .main-menu-link {
  color: rgba(0, 0, 0, 0.85); }

.dnNavOvr--theme-dark .dnNavOvr-menu .main-menu-link:after {
  background-color: rgba(0, 0, 0, 0.15); }

.dnNavOvr--theme-dark .dnNavOvr-menu li.active > .main-menu-link,
.dnNavOvr--theme-dark .dnNavOvr-menu li .main-menu-link:hover,
.dnNavOvr--theme-dark .dnNavOvr-menu li .main-menu-link:focus,
.dnNavOvr--theme-dark .dnNavOvr-menu li.dnNavOvr-menuItemActive > .main-menu-link,
.dnNavOvr--theme-dark .dnNavOvr-menu li.dnNavOvr-menuItemActive > .main-menu-link:hover,
.dnNavOvr--theme-dark .dnNavOvr-menu li.dnNavOvr-menuItemActive > .main-menu-link:focus {
  color: #000000; }

.dnNavOvr--theme-dark .dnNavOvr-menu li.active > .main-menu-link:after,
.dnNavOvr--theme-dark .dnNavOvr-menu .main-menu-link:hover:after,
.dnNavOvr--theme-dark .dnNavOvr-menu .dnNavOvr-menuItemActive > .main-menu-link:after {
  background-color: rgba(0, 0, 0, 0.45); }

.dnNavOvr--theme-dark .dnNavOvr-socialIcons a,
.dnNavOvr--theme-dark .dnNavOvr-socialIcons a:focus,
.dnNavOvr--theme-dark .dnNavOvr-socialIcons a:hover {
  color: #000000; }

.dnNavOvr--theme-dark .dnNavOvr-copyText {
  color: rgba(0, 0, 0, 0.6); }

.dnNavOvr--theme-dark .dnNavOvr-customText {
  color: rgba(0, 0, 0, 0.7); }

.admin-bar .dnNavOvr {
  top: 32px; }

.admin-bar .dnNavOvr,
.admin-bar .dnNavOvr .dnNavOvr-inner {
  min-height: calc(100% - 32px); }

#site-header.other-page {
  background: #434343;
  z-index: 99; }

.dn-menuBurger {
  margin-top: 6px; }

#site-header {
  position: fixed !important; }
  #site-header .dn-mainNavResp {
    position: absolute;
    right: 175px; }
  #site-header .box-right {
    float: right; }
    #site-header .box-right .icon-search {
      position: absolute;
      right: 130px;
      line-height: 60px;
      cursor: pointer;
      pointer-events: auto;
      width: 21px; }
      #site-header .box-right .icon-search img {
        width: 20px; }
  #site-header .box-cart {
    position: absolute;
    right: 50px; }
    #site-header .box-cart .box-icon {
      cursor: pointer;
      pointer-events: auto; }
    #site-header .box-cart > ul {
      margin: 0; }
    #site-header .box-cart > ul > li.open .dropdown-menu-mini-cart {
      top: 60px;
      opacity: 1;
      visibility: visible; }
    #site-header .box-cart .shop-cart {
      float: left; }
      #site-header .box-cart .shop-cart .dropdown-menu-mini-cart {
        width: 100%;
        max-width: 450px;
        min-width: 400px;
        right: -10px;
        left: auto;
        background: #fff;
        padding: 30px;
        position: fixed;
        top: 56px;
        right: 0px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        list-style-type: none;
        margin: auto;
        z-index: 99; }
        #site-header .box-cart .shop-cart .dropdown-menu-mini-cart:after {
          top: -30px;
          right: 40px;
          border: solid transparent;
          content: "";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: #fff;
          border-width: 20px;
          margin-left: -20px; }
        #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul {
          list-style-type: none;
          padding: 0;
          margin: 0; }
          #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li {
            float: left;
            width: 100%;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #ddd; }
            #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .remove {
              float: right;
              color: #ee0000;
              font-size: 24px;
              margin-left: 5px; }
            #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li a:not(.remove) {
              color: #1a4d2d;
              font-weight: bold; }
            #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li img {
              width: 75px;
              height: auto;
              margin-right: 20px;
              float: left; }
            #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .quantity {
              display: block;
              margin-left: 95px;
              font-size: 16px;
              color: #333; }
        #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .total {
          float: left;
          width: 100%;
          font-size: 16px;
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 1px solid #ddd;
          color: #000; }
          #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
            float: right; }
        #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons {
          float: left;
          width: 100%; }
          #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a {
            float: left;
            width: calc((100% - 20px) / 2);
            text-align: center; }
            #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a + a {
              margin-left: 20px; }
        #site-header .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward {
          border-width: 0;
          display: inline-block;
          padding: 12px 10px 10px 10px;
          margin: 0;
          border-radius: 22px;
          background-color: #efecec;
          border-color: #efecec;
          color: #282828;
          min-width: 127px;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s; }
          #site-header .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward.checkout {
            background-color: #309044;
            border-color: #309044;
            color: #fff; }
          #site-header .box-cart .shop-cart .dropdown-menu-mini-cart .wc-forward:hover {
            border-radius: 0; }
      #site-header .box-cart .shop-cart .nav-item .box-icon {
        border-radius: 50%;
        position: relative;
        line-height: 22px;
        text-align: center;
        pointer-events: auto;
        cursor: pointer;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        line-height: 60px; }
        #site-header .box-cart .shop-cart .nav-item .box-icon > * {
          display: inline-block; }
        #site-header .box-cart .shop-cart .nav-item .box-icon span {
          position: absolute;
          top: 13px;
          line-height: 1;
          right: -8px;
          font-size: 10px;
          background: #9f9f9f;
          width: 18px;
          height: 18px;
          padding: 3px;
          line-height: 14px;
          border-radius: 50%; }
  #site-header .box-info {
    float: right;
    text-align: center;
    max-width: 260px;
    line-height: 60px; }
    #site-header .box-info .login {
      padding: 0 25px 0 35px;
      position: relative;
      cursor: pointer;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold; }
    #site-header .box-info .logged {
      position: relative; }
      #site-header .box-info .logged > span {
        position: relative;
        cursor: pointer;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        color: #fff;
        float: left;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #site-header .box-info .logged.open > ul {
        top: 60px;
        opacity: 1;
        visibility: visible; }
      #site-header .box-info .logged > ul {
        display: block;
        min-width: 230px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        position: absolute;
        top: 56px;
        right: -15px;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        #site-header .box-info .logged > ul:before {
          top: -30px;
          right: 2px;
          border: solid transparent;
          content: "";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: #fff;
          border-width: 20px;
          margin-left: -20px; }
        #site-header .box-info .logged > ul > li {
          width: 100%;
          text-align: left;
          line-height: 1.5; }
          #site-header .box-info .logged > ul > li span {
            display: block;
            width: 100%;
            padding: 10px 20px;
            color: #333;
            font-size: 16px;
            max-width: 310px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #d1d1d1;
            font-weight: bold; }
          #site-header .box-info .logged > ul > li a {
            display: block;
            width: 100%;
            padding: 10px 20px;
            color: #333;
            font-size: 16px;
            transition: all 0.2s ease-out 0s;
            -webkit-transition: all 0.2s ease-out 0s; }
            #site-header .box-info .logged > ul > li a:hover {
              background: #f7f8f9; }
  #site-header .language {
    float: left;
    position: absolute;
    font-family: 'Baloo Da', Arial, Helvetica, sans-serif;
    height: 60px;
    right: 85px;
    line-height: 64px; }
    #site-header .language > a {
      padding: 0;
      line-height: 1;
      color: #fff;
      cursor: pointer;
      font-size: 18px;
      transition: all 0.2s ease-out 0s;
      -webkit-transition: all 0.2s ease-out 0s; }

body.rtl #site-header .box-cart {
  right: auto;
  left: 50px; }
  body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart {
    right: auto;
    left: 0; }
    body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart:after {
      right: auto;
      left: 55px; }
    body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .remove {
      float: left;
      margin: 0 5px 0 0; }
    body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li img {
      float: right;
      margin: 0 0 0 20px; }
    body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
      float: left; }
    body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a {
      float: right; }
      body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .buttons a + a {
        margin: 0 20px 0 0; }
body.rtl #site-header .language {
  right: auto;
  left: 85px; }
body.rtl #site-header .box-right .icon-search {
  right: auto;
  left: 130px; }
body.rtl #site-header .dn-mainNavResp {
  right: auto;
  left: 175px; }
body.rtl #site-header .box-info .logged > ul {
  right: auto;
  left: -15px; }
  body.rtl #site-header .box-info .logged > ul:before {
    right: auto;
    left: 2px;
    margin: 0; }
  body.rtl #site-header .box-info .logged > ul > li {
    text-align: right; }
body.rtl .dnNavOvr-close.dnNavOvr-close--trSmall {
  right: auto;
  left: 30px; }
body.rtl #site-header .box-cart .shop-cart .nav-item .box-icon span,
body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li ul > li .quantity,
body.rtl #site-header .box-cart .shop-cart .dropdown-menu-mini-cart > li .total .amount {
  font-family: 'Lato', Arial, Helvetica, sans-serif; }

@media (max-width: 767px) {
  body.rtl .dnNavOvr-close.dnNavOvr-close--trSmall {
    left: 10px !important;
    right: auto !important; } }

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

/* My Custome Css Start Here */
.dashboar_outer{
    padding: 55px 0px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
.dashboar_inner{
  max-width: 1260px;
  margin: auto;
}
.dashboar_inner *,.shopping_inner *{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.dashboar_inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dashboar_menu{
  width: 300px;
}
.dashboar_menu_box h3{
  font-weight: 600;
  font-size: 25px;
  color: #309044;
  margin: 0px;
  border-left: 3px solid #309044;
  padding: 4px 0px 4px 13px;
  margin-bottom: 15px;
}
.dashboar_menu_box ul a{
  margin-left: 16px;
  display: block;
  color: #7b7b7b;
  font-weight: 500;
  margin-top: 10px;
}
.dashboar_menu_box ul a:hover{
  color: #000;
}
.content_part{
  width: calc(100% - 320px);
}
.title h3{
    font-size: 25px;
    color: #3a3838;
    letter-spacing: 4px;
    font-weight: 500;
    margin-bottom: 15px;
}
.order_info{
  background: #fafafa;
  padding: 17px 28px;
}
.order_info ul{
  display: flex;
  flex-wrap: wrap;
}
.order_info li{
  margin-left: 45px;
}
.order_info li:first-child{
  margin-left: 0px;
}
.order_info label{
  font-size: 16px;
  color: #3a3838;
}
.order_info p{
  color: #7b7b7b;
  margin-top: 3px;
}
.order_add {
    max-width: 205px;
}
.user_info_box{
    border: 1px solid rgba(0,0,0,0.07);
    padding: 18px 15px 18px 28px;
}
.user_info{
    width: calc(100% - 250px);
    padding-right: 15px;
}
.user_info a{
    display: inline-flex;
    align-items: center;
}
.user_img{
  width: 77px;
  position: relative;
}
.user_img img{
  width: 77px;
  height: 77px;
  border-radius: 50%;
}
.user_text{
  width: calc(100% - 77px);
  padding-left: 50px;
}
.user_text p{
  font-weight: 500;
  color: #3a3838;
  font-size: 19px;
}
.user_text h3{
    font-size: 25px;
    color: #3a3838;
    font-weight: 600;
    margin-top: 4px;
}
.user_add_info{
  border-left: 1px solid rgba(0,0,0,0.07);
  padding-left: 15px;
  width: 250px;
}
.user_info_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_add_info li{
  margin-bottom: 5px;
}
.user_add_info li:last-child{
  margin-bottom: 0px;
}
.user_add_info li b{
  display: inline-block;
  font-weight: 500;
  color: #3a3838;
  padding-right: 5px;
}
.user_add_info li span{
    color: #7b7b7b;
}
.user_total_order{
  background: #fafafa;
}
.user_total_order ul{
    display: flex;
    flex-wrap: wrap;
    padding: 6px 0px;
}
.user_total_order li{
    width: 33.33%;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,0.07);
}
.user_total_order li:first-child{
    border-left: 0px;
}
.user_total_order li h2{
    font-size: 41.67px;
    font-weight: bold;
    color: #309044;
}
.user_total_order li p{
    color: #7b7b7b;
    padding-bottom: 5px;
    margin-top: 2px;
}
.m-t-30{
  margin-top: 30px;
}
.order_product_outer a{
  display: flex;
  align-items: center;
}
.order_product_outer img{
    max-width: 80px;
}
.order_product_outer p{
    color: #293341;
    padding-left: 15px;
}
.table_product_info{
  border-color: rgba(0,0,0,0.07) !important;
  border-top: 0px !important;
}
.table_product_info th{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    padding: 17px 10px !important;
    color: #293341;
}
.table_product_info td{
    border-top:1px solid rgba(0,0,0,0.07) !important;
    vertical-align: middle !important;
    border-left: 0px !important;
    border-right: 0px !important;
    color: #293341;
    padding: 10px 10px !important;
}
.font-18{
  font-size: 18px;
}
.color-gray{
  color: #7b7b7b !important;
}
.btn-green{
    line-height: 55px;
    height: 55px;
    padding: 0 50px;
    background: #309044;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14.36px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 500;
    border: 0;
    border-radius: 0;
    letter-spacing: 4px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.btn-green:hover{
    background: #000;
}
.order_status p{
    color: #7b7b7b;
    padding-left: 20px !important;
}
.order_status b{
  text-transform: uppercase;
  color: #3a3838;
}
.order_status span{
    border-right: 1px solid #eeeeee;
    display: inline-block;
    padding: 2px 20px 2px 0px;
}
.m-t-60{
  margin-top: 65px;
}
.order_status_delivered span{
  color: #6eca56;
  border-right: 0px;
  padding: 0px;
}
.my_order_filter{
    background: #fafafa;
    margin-top: 80px;
    padding: 50px 20px;
}
.order_by_date label{
    font-weight: normal;
    font-size: 12.43px;
    color: #7b7b7b;
    margin-bottom: 6px;
}
.order_by_date .form-control {
    border: 1px solid #eeeeee;
    border-radius: 0px;
    font-size: 17.57px;
    color: #7b7b7b;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    min-height: 37px;
    padding: 0px 5px;
}
.filter_by_price p,.filter_by_status p{
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #293341;
  font-weight: 500;
  margin-top: 50px;
}
.order_price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 17px;
}
.order_price span{
    color: #7b7b7b;
}
.order_price span b{
    color: #293341;
    font-weight: 500;
}
.btn-black{
    line-height: 45px;
    height: 45px;
    padding: 0 20px;
    background: #23232c;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 500;
    border: 0;
    border-radius: 0;
    letter-spacing: 4px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.btn-black:hover{
    background: #309044;
}
.ctm_radio {
  display: block;
  position: relative;
  padding-left: 30px !important;
  margin-bottom: 15px !important;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #7b7b7b;
  font-weight: 300;
}
.ctm_radio.active{
    color:#c91f28; 
}
.ctm_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ctm_radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.ctm_radio input:checked~.checkmark {
  background-color: #c91f28;
  border-color: #c91f28;
}
.ctm_radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ctm_radio input:checked~.checkmark:after {
  display: block;
}
.ctm_radio .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.totla_status{
  position: relative;
  float: right;
  color: #bbbbbb;
  font-size: 13px;
  margin-top: 3px;
}
.status_option {
    margin-top: 25px;
}
.order_details{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.order_info_right p span{
    width: 150px;
    display: inline-block;
}
.total_order_payment{
  margin-top: 25px;
}
.total_order_payment b{
    font-weight: 600;
    color: #3a3838;
    display: block;
    margin-top: 3px;
    letter-spacing: 1px;
} 
.total_order_payment b span{
  display: inline-block;
  width: 150px;
}
.order_info_left {
    width: calc(100% - 295px);
}
.order_details p {
    font-size: 12px;
}
.order_details label {
    font-weight: 600;
    letter-spacing: 2px;
}
.order_details li{
  margin-bottom: 25px !important;
}
.order_details li:nth-child(4){
  margin-left: 0px;
}
.width110{
  width: 110px;
}
.mb-0{
  margin-bottom: 0px !important;
}
.color-yellow{
  color: #e0ae00;
}
.table_product_details{
  border-top: 1px solid rgba(0,0,0,0.07) !important;
}
.products_attr ul{
  padding-left: 15px;
  margin-top: 5px;
}
.products_attr li{
    font-size: 14.58px;
    color: #868686;
    margin-top: 1px;
}
.products_attr li span{
    color: #3a3838;
    display: inline-block;
    width: 45px;
}
.divColor{
  border: 1px solid #ddd;
  height: 10px;
  width: 10px;
  display: inline-block;
}
.redColor{
  background: #e72828;
}
.whiteColor{
  background: #fff;
}
.blackColor{
  background: #000;
}
.width232{
  max-width: 232px;
}
.gray_box{
    background: #fafafa;
    border: 1px solid rgba(0,0,0,0.02);
    padding: 20px;
}
.edit_user_img,.edit_user_img > img{
  position: relative;
  height: 139px;
  width: 139px;
  border-radius: 50%;
}
.chage_photo {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.chage_photo p{
  color: #fff;
  font-weight: normal;
  font-size: 14.96px;
}
.edit_user_img:hover .chage_photo{
    display: flex;
}
.edit_user_img input{
    display: none;
}
.user_form{
  margin-top: 30px;
}
.form_group{
  margin-top: 30px;
  position: relative;
}
.m-15{
  margin: 0px -15px;
}
.p-15{
  padding: 0px 15px;
}
.form_group .form-control{
  border: 1px solid #ddd;
  border-radius: 0px;
  box-shadow: none !important;
  padding: 0px 15px;
  min-height: 50px;
  color: #3a3838;
  font-size: 16px;
}
.text-bold{
  font-weight: bold;
}
.form_group select.form-control.dropdownSelect{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background: url(../images/icon_arrow_down.png) no-repeat center right 15px white;
}
.form_group label{
    font-weight: normal;
    color: #7b7b7b;
    font-size: 12.5px;
    margin-bottom: 10px;
}
.btn-tans{
    background: transparent !important;
    height: 55px;
    line-height: 55px;
    padding: 0px 30px;
    color: #7b7b7b !important;
}
.btn-black-light {
    background: #3a3838;
    height: 55px;
    line-height: 55px;
    padding: 0px 50px;
}
.countryIput button {
    min-height: 50px;
    padding: 0px 15px;
    width: 100%;
    text-align: left;
    border: 1px solid #ddd !important;
    background: url(../images/icon_arrow_down.png) no-repeat center right 15px white !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    outline: none !important;
}
.countryIput .dropdown-menu{
    width: 100%;
}
.countryIput .caret{
  display: none;
}
.m-t-45{
  margin-top: 45px;
}
.user_form.m-t-0{
    margin-top: 0px;
}
.form-center{
    width: 50%;
    margin: auto;
}
.error_message{
  font-weight: 300;
  display: block;
  text-align: right;
  font-size: 12.5px;
  color: #c9252c;
  margin-top: 5px;
}
.form_group .icon_eye{
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 48px;
}
.address_outer ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.address_outer li{
    width: calc(50% - 10px);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.address_box{
    background: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    padding: 20px;
    width: calc(100% - 30px);
}
.address_box p{
    color: #7b7b7b;
    line-height: 30px;
}
.address_action a{
    display: block;
    margin: 12px 0px;
}
.address_action a img{
    max-width: 100%;
}
.address_action a:hover{
    opacity: 0.8;
}
.address_action {
    width: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.add_new_address a{
    color: #44c8f5;
    font-size: 12.5px;
    font-weight: 300;
    display: inline-block;
}
.add_new_address a:hover{
    color: #000;
}
.save_add{
  margin-top: 20px;
}
.myModal {
    text-align: center;
    padding: 0!important;
}
.myModal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.myModal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 985px;
}
.myModal .modal-content{
    border-radius: 0px;
    padding: 65px 74px;
    position: relative;
}
.new_shipping_add h3{
    font-size: 27.62px;
    color: #3a3838;
    font-weight: 500;
}
.new_shipping_add .form_group {
    margin-top: 15px;
}
.new_shipping_add .user_form {
    margin-top: 0px;
}
.myModal .close {
    position: absolute;
    font-size: 20px;
    color: #000;
    right: -100px;
    top: 0px;
    opacity: 0.8;
    border: 0px;
    outline: none;
}
.cart_title h3{
    font-size: 35px;
    color: #3a3838;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    margin: 0px;
    padding-bottom: 35px;
}
.shopping_inner{
    max-width: 1260px;
    margin: auto;
}
.shopping_table{
    margin-top: 30px;
}
.remove_icon{
    color: #3a3838;
    font-size: 17.68px;
}
.quantity_box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    border: 1px solid rgba(0,0,0,0.07);
    padding: 9px 20px;
    max-width: 155px;
    margin: auto;
}
.quantity_box i{
    font-size: 22.11px;
    color: #293341;
    cursor: pointer;
}
.quantity_box .form-control{
    border: 0px;
    outline: none;
    box-shadow: none !important;
    text-align: center;
    background: transparent !important;
    font-size: 19.89px;
    font-weight: 500;
}
.shipping_cart_total{
    background: #f9f9f9;
    margin-top: 30px;
    padding: 55px 0px;
}
.shipping_cart_inner{
    width: 398px;
    margin: 0px 0px 0px auto;
}
.shipping_cart_inner li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17.68px;
    margin-top: 12px;
    color: #3a3838;
}
.shipping_cart_inner li.grandtotal{
  border-top: 1px solid #eeeeee;
  margin-top: 20px;
  padding-top: 20px;
  font-weight: 500;
}
.shipping_cart_inner li p{
    min-width: 40px;
}
.checkout_btn{
    margin-top: 17px;
}
.checkout_inner{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: space-between;
}
.checkout_info{
  width: calc(100% - 430px);
}
.checkout_order{
    width: 398px;
}
.sub_title h3{
  font-size: 27.62px;
  color: #3a3838;
  font-weight: 500;
  display: inline-block;
}
.shipping_add_list {
    margin-top: 45px;
}
.shipping_add_new{
    margin-top: 30px;
}
.shipping_add_new .sub_title h3{
    border-top: 1px solid rgba(0,0,0,0.07);
    padding-top: 30px;
}
.shipping_add_new .form_group label,.new_shipping_add .form_group label{
    font-size: 17.68px;
}
.shipping_add_new .user_form {
    margin-top: 0px;
}
.your_order_box{
    border: 1px solid rgba(0,0,0,0.07);
    margin-top: 30px;
    padding: 30px;
}
.your_order_box li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17.68px;
    margin-bottom: 15px;
    color: #7b7b7b;
}
.your_order_box li.grandtotal {
    border-top: 1px solid #eeeeee;
    margin-top: 30px;
    padding-top: 30px;
    font-weight: 500;
}
.payment_option{
    border-top: 1px solid #eeeeee;
    margin-top: 40px;
    padding-top: 25px;
}
.placeOrder_btn{
  margin-top: 20px;
}
.congra_text{
    margin-top: 45px;
}
.congra_text p{
    color: #7b7b7b;
    font-size: 25px;
    line-height: 35px;
}
.m-t-150{
  margin-top: 150px;
}
.con_order_details{
    border: 1px solid rgba(0,0,0,0.07);
    margin-top: 30px;
    padding: 10px 30px;
}
.con_order_details li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    padding: 18px 0px;
}
.con_order_details li:last-child{
  border-bottom: 0px;
}
.con_order_details li span{
    font-size: 17.68px;
    color: #3a3838;
    display: inline-block;
    margin-left: -5px;
    width: 170px;
}
.con_order_details li p{
    font-size: 12.5px;
    color: #7b7b7b;
    line-height: 20px;
    text-align: right;
    margin-right: -5px;
    width: calc(100% - 180px);
    padding-left: 10px;
}
.login_re_outer{
    padding: 100px 15px;
}
.login_re_tab_outer{
    width: 610px;
    margin: auto;
    background: #fafafa;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
.login_re_tab_outer ul,.login_re_tab_outer h1,.login_re_tab_outer h2,.login_re_tab_outer h3,.login_re_tab_outer h4,.login_re_tab_outer h5,.login_re_tab_outer h6,.login_re_tab_outer p{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.login_tab ul{
    display: flex;
    flex-wrap: wrap;
}
.login_tab li{
    width: 50%;
}
.login_tab a{
    padding: 12px 5px;
    display: block;
    width: 100%;
    background: #c8c8c8;
    color: #7b7b7b;
    font-weight: 500;
    font-size: 25px;
    text-align: center;
    position: relative;
    text-decoration: none !important;
}
.login_tab li.active a{
    background: transparent;
    color: #3a3838;
}
.login_tab li.active a:after{
    position: absolute;
    content: "";
    height: 4px;
    width: 110px;
    background: #309044;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.login_tab_body{
    padding: 40px 30px 30px;
}
.login_tab_info h3{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    color: #3a3838;
}
.login_tab_info .user_form{
  margin-top: 10px;
}
.login_tab_info .form_group label {
    font-size: 16px;
}
.login_tab_info .form_group {
    margin-top: 20px;
}
.login_btn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.login_btn .btn{
    width: 50%;
    padding: 0px 10px;
    text-align: center;
}
.login_btn a{
    color: #7b7b7b;
    font-weight: 300;
}
.login_btn a:hover{
    color: #000;
    text-decoration: none;
}
.login_or{
    position: relative;
    text-align: center;
    margin: 30px 0px;
}
.login_or:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #eeeeee;
    left: 0px;
    top: 18px;
}
.login_or p{
  color: #3a3838;
  font-size: 25px;
  font-weight: 500;
  padding: 0px 10px;
  background: #fafafa;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.login_with h3{
    text-align: center;
    color: #3a3838;
    font-size: 25px;
    font-weight: 500;
}
.login_with ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.login_with li{
    width: calc(33.33% - 5px);
}
.login_with a{
    color: #fff;
    display: block;
    height: 50px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.login_with img{
    margin-right: 8px;
}
.btn_facebook{
    background: #3b5998;
}
.btn_facebook:hover{
    background: #233e77;
}
.btn_google{
    background: #d62d20;
}
.btn_google:hover{
    background: #b1251b;
}
.btn_twitter{
    background: #00aced;
}
.btn_twitter:hover{
    background: #0586b7;
}
.login_tab_info{
    display: none;
}
.login_tab_info.active{
    display: block;
}
.login_with p{
    text-align: center;
    color: #7b7b7b;
    line-height: 27px;
    margin-top: 20px;
}
.register_btn{
  margin-top: 10px;
}
.ctm_chk{
    margin-top: 30px;
    padding-left: 45px !important;
    padding-top: 4px;
}
.ctm_chk .checkmark {
    height: 30px;
    width: 30px;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0px;
}
.ctm_chk .checkmark:after {
    left: 10px;
    top: 3px;
    width: 8px;
    height: 16px;
}
/* My Custome Css End Here */
/* My Custome RTL Css Start Here */
.rtl .user_add_info {
    border-left: 0px;
    padding-left: 0px;
    border-right: 1px solid rgba(0,0,0,0.07);
    padding-right: 15px;
}
.rtl .dashboar_menu_box h3 {
    border-left: 0px;
    border-right: 3px solid #309044;
    padding: 4px 13px 4px 0px;
}
.rtl .user_text {
    padding-right: 50px;
    padding-left: 0px;
}
.rtl .user_total_order li {
    border-left: 0px;
    border-right: 1px solid rgba(0,0,0,0.07);
}
.rtl .user_total_order li:first-child {
    border-right: 0px;
}
.rtl .user_info_box {
    padding: 18px 28px 18px 15px;
}
.rtl .order_info li {
    margin:0px 45px 0px 0px;
}
.rtl .order_info li:first-child{
    margin:0px;
}
.rtl .table_product_info th {
    text-align: right;
}
.rtl .table_product_info th.text-center {
    text-align: center;
}
.rtl .order_product_outer p {
    padding-left: 0px;
    padding-right: 15px;
}
.rtl .order-details-btn {
    text-align: left;
}
.rtl .order_status span {
    border-right: 0px;
    padding: 2px 0px 2px 20px;
    border-left: 1px solid #eee;
}
.rtl .user_add_info li b {
    padding-right: 0px;
    padding-left: 5px;
}
.rtl .order_status_delivered span{
    border: 0px;
}
.rtl .ctm_radio {
    padding-right: 30px !important;
    padding-left: 0px !important
}
.rtl .totla_status {
    float: left;
}
.rtl .ctm_radio .checkmark {
    left: auto;
    right: 0px;
}
.rtl .order_details li:nth-child(4) {
    margin-right: 0px;
}
.rtl .products_attr ul {
    padding-left: 0px;
    padding-right: 15px;
}
.rtl .form_group .icon_eye {
    right: auto;
    left: 15px;
}
.rtl .error_message {
    text-align: left;
}
.rtl .form_group select.form-control.dropdownSelect {
    background: url(../images/icon_arrow_down.png) no-repeat center left 15px white;
}
.rtl .countryIput button {
    background: url(../images/icon_arrow_down.png) no-repeat center left 15px white !important;
    text-align: right;
}
.rtl .countryIput .dropdown-menu {
    text-align: right;
}
.rtl .flagstrap-icon{
    margin-left: 10px !important;
    margin-right: 0px !important
}
.rtl .new_shipping_add {
    text-align: right;
}
.rtl .user_form .col-md-6,.rtl .user_form .col-md-12{
    float: right;
}
.rtl .form_btn{
    text-align: left;
}
.rtl .myModal .close {
    right: auto;
    left: -100px;
}
.rtl .quantity_box i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rtl .shipping_cart_inner {
    margin: 0px auto 0px 0px;
}
.rtl .con_order_details li p {
    padding-left: 0px;
    padding-right: 10px;
}
.rtl .login_with img {
    margin-left: 8px;
    margin-right: 0px;
}
.rtl .ctm_chk {
    padding-right: 45px !important;
}
.rtl .user_info {
    padding-right: 0px;
}
.login_popup {
    position: fixed;
    background: rgba(0,0,0,0.7);
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
    overflow: hidden;
    overflow-y: auto;
}
.login_popup.active{
	display: flex;
}
.login_re_tab_outer{
	position: relative;
}
.closeLoginPopup{
	position: absolute;
	right: -100px;
	opacity: 0.6;
	outline: none !important;
	border: 0px !important;
}
.closeLoginPopup:hover{
	opacity: 1;
}
.rtl .closeLoginPopup{
    left: -100px;
    right: auto;
}
/* My Custome RTL Css End Here */
@media(min-width: 1200px) and (max-width: 1259px){
    .dashboar_menu {
        width: 260px;
    }
    .content_part {
        width: calc(100% - 280px);
    }
    .user_text {
        padding-left: 25px;
    }
    .user_text p {
        font-size: 18px;
    }
    .user_text h3 {
        font-size: 23px;
    }
    .dashboar_menu_box ul a {
        font-size: 15px;
    }
    .dashboar_menu_box h3 {
        font-size: 22px;
    }
    .order_info label {
        font-size: 15px;
    }
    .order_info p {
        font-size: 15px;
    }
    .table_product_info td {
        font-size: 15px;
    }
    .order_price span b {
        font-size: 14px;
    }
    .btn-black {
        line-height: 40px;
        height: 40px;
        padding: 0 15px;
        font-size: 12px;
    }
    .my_order_filter {
        padding: 50px 10px;
    }
    .ctm_radio {
        font-size: 14px;
    }
    .order_info_left {
        width: calc(100% - 265px);
    }
    .order_details li {
        margin-right: 20px !important;
        margin-left: 0px;
    }
    .width232 {
        max-width: initial;
    }
    .order_info_left {
        width: calc(100% - 310px);
    }
    .order_details p {
        font-size: 12px !important;
    }
    .rtl .order_info li {
    	margin-left: 20px !important;
    	margin-right: 0px !important;
	}
}
@media(min-width: 992px) and (max-width: 1199px){
    .dashboar_menu {
        width: 260px;
    }
    .content_part {
        width: calc(100% - 280px);
    }
    .user_text {
        padding-left: 15px;
    }
    .user_text p {
        font-size: 16px;
    }
    .user_text h3 {
        font-size: 21px;
    }
    .dashboar_menu_box ul a {
        font-size: 15px;
    }
    .dashboar_menu_box h3 {
        font-size: 22px;
    }
    .order_info label {
        font-size: 14px;
    }
    .order_info p {
        font-size: 14px;
    }
    .order_info li {
        margin-left: 20px;
    }
    .order_product_outer img {
        max-width: 60px;
    }
    .table_product_info td {
        font-size: 14px;
    }
    .table_product_info tr th:first-child{
        width: 250px !important;
    }
    .btn-green {
        line-height: 50px;
        height: 50px;
        padding: 0 34px;
        font-size: 13.36px;
    }
    .my_order_filter {
        margin-top: 30px;
        padding: 15px;
    }
    .order_by_date .form-control {
        font-size: 14.57px;
    }
    .filter_by_price p, .filter_by_status p {
        margin-top: 30px;
    }
    .ctm_radio {
        font-size: 14px;
    }
    .order_price span b {
        font-size: 14px;
    }
    .btn-black {
        line-height: 40px;
        height: 40px;
        padding: 0 15px;
        font-size: 12px;
    }
    .order_info_left {
        width: calc(100% - 265px);
    }
    .order_details li {
        margin-right: 20px !important;
        margin-left: 0px;
    }
    .width232 {
        max-width: initial;
    }
    .order_info_left {
        width: calc(100% - 310px);
    }
    .order_details p {
        font-size: 12px !important;
    }
    .gray_box {
        padding: 10px;
    }
    .address_outer li {
        margin-bottom: 15px;
    }
    .address_box p {
        line-height: 25px;
        font-size: 14px;
    }
    .address_box {
        padding: 10px;
    }
    .btn-black-light {
        height: 45px;
        line-height: 45px;
        padding: 0px 30px;
    }
    .btn-tans {
        height: 45px;
        line-height: 45px;
        padding: 0px 20px;
    }
    .save_add {
        margin-top: 10px;
    }
    .checkout_info {
      width: calc(100% - 370px);
    }
    .checkout_order {
      width: 350px;
    }
    .con_order_details li p {
    	width: calc(100% - 155px);
    }
    .rtl .user_info {
    	padding-right: 0px;
	}
	.rtl .order_info li {
    	margin: 0px 20px 0px 0px;
	}
	.rtl .order_info li {
    	margin-left: 20px !important;
    	margin-right: 0px !important;
	}
}
@media(min-width: 768px) and (max-width: 991px){
    .dashboar_menu {
        width: 100%;
    }
    .content_part {
        width: 100%;
        margin-top: 30px;
    }
    .user_info_box {
        padding: 18px 15px;
    }
    .user_text {
        padding-left: 20px;
    }
    .user_text p {
        font-size: 17px;
    }
    .user_text h3 {
        font-size: 22px;
    }
    .order_info li {
        margin-left: 30px;
    }
    .order_info label {
        font-size: 14px;
    }
    .order_info p {
        font-size: 14px;
    }
    .order_product_outer img {
        max-width: 67px;
    }
    .table_product_info td {
        font-size: 15px;
    }
    .btn-green {
        line-height: 50px;
        height: 50px;
        padding: 0 34px;
        font-size: 13.36px;
    }
    .my_order_filter {
        margin-top: 30px;
        padding: 15px;
    }
    .order_by_date .form-control {
        font-size: 14.57px;
    }
    .filter_by_price p, .filter_by_status p {
        margin-top: 30px;
    }
    .ctm_radio {
        font-size: 14px;
    }
    .order_info_left {
        width: calc(100% - 265px);
    }
    .order_details li {
        margin-right: 20px !important;
        margin-left: 0px;
    }
    .width232 {
        max-width: initial;
    }
    .order_info_left {
        width: calc(100% - 310px);
    }
    .order_details p {
        font-size: 12px !important;
    }
    .gray_box {
        padding: 10px;
    }
    .address_outer li {
        margin-bottom: 15px;
    }
    .address_box p {
        line-height: 25px;
        font-size: 14px;
    }
    .address_box {
        padding: 10px;
    }
    .btn-black-light {
        height: 45px;
        line-height: 45px;
        padding: 0px 30px;
    }
    .btn-tans {
        height: 45px;
        line-height: 45px;
        padding: 0px 20px;
    }
    .save_add {
        margin-top: 10px;
    }
    .myModal .modal-content {
      padding: 20px;
    }
    .myModal .modal-dialog {
      width: 96%;
    }
    .new_shipping_add h3 {
      font-size: 19.62px;
    }
    .shipping_add_new .form_group label, .new_shipping_add .form_group label {
        font-size: 14.68px;
    }
    .form_group .form-control {
      min-height: 40px;
      font-size: 14px;
   }
   .countryIput button {
      min-height: 40px;
  }
  .myModal .close {
      background: #000;
      padding: 6px;
      right: 0px;
  }
  .myModal .close img{
      width: 16px;
  }
  .login_re_outer {
    padding: 50px 15px;
  }
  .cart_title h3 {
      font-size: 25px;
      padding-bottom: 20px;
  }
  .checkout_inner {
      margin-top: 25px;
  }
  .checkout_info {
    width: calc(100% - 320px);
  }
  .sub_title h3 {
    font-size: 20.62px;
  }
  .shipping_add_list {
    margin-top: 25px;
  }
  .shipping_add_new {
      margin-top: 20px;
  }
  .shipping_add_new .sub_title h3 {
    padding-top: 18px;
  }
  .form_group {
    margin-top: 15px;
  }
  .checkout_order {
    width: 300px;
  }
  .your_order_box {
      margin-top: 15px;
      padding: 15px;
  }
  .your_order_box li {
    font-size: 14.68px;
  }
  .congra_text p {
    font-size: 16px;
    line-height: 29px;
  }
  .congra_text {
    margin-top: 25px;
  }
  .m-t-150 {
    margin-top: 30px;
  }
  .con_order_details {
		margin-top: 11px;
		padding: 10px 10px;
	}
	.con_order_details li span {
		font-size: 14.68px;
		margin-left: 0px;
		width: 140px;
	}
	.con_order_details li p {
    	margin-right: 0px;
    	width: calc(100% - 140px);
    	padding-left: 5px;
	}
	.con_order_details li {
    	padding: 13px 0px;
	}
	.quantity_box {
    	max-width: 125px;
    }
    .shipping_cart_total {
    	margin-top: 20px;
    	padding: 20px 0px;
	}
	.shipping_cart_inner {
    	width: 290px;
    }
    .shipping_cart_inner li {
    	font-size: 14.68px;
    }
    .rtl .user_info_box {
    	padding: 15px;
	}
    .rtl .user_text {
    	padding-right: 20px;
    }
    .rtl .user_info{
    	padding-right: 0px;
    }
    .rtl .order_info li {
    	margin-left: 20px !important;
    	margin-right: 0px !important;
	}
	.rtl .user_form .col-md-6, .rtl .user_form .col-md-12 {
    	float: none;
	}
	.rtl .myModal .close {
    	left: 0px;
	}
	.your_order_box li.grandtotal {
    margin-top: 20px;
    padding-top: 20px;
  }
  .payment_option {
    margin-top: 22px;
    padding-top: 20px;
  }
  .closeLoginPopup {
    right: -40px;
  }
  .rtl .closeLoginPopup{
    left: -40px;
  }
}
@media(max-width: 767px){
    .dashboar_outer {
      padding: 30px 0px;
    }
    .dashboar_menu {
        width: 100%;
    }
    .dashboar_menu_box h3 {
        font-size: 20px;
    }
    .dashboar_menu_box ul a {
        margin-top: 8px;
        font-size: 14px;
    }
    .content_part {
        width: 100%;
        margin-top: 30px;
    }
    .user_info_box {
        padding: 15px;
    }
    .user_info_box{
        flex-wrap: wrap;
    }
    .user_info {
        width: 100%;
        padding: 0px;
    }
    .user_add_info {
        padding-left: 0px;
        width: 100%;
        border: 0px;
        border-top: 1px solid rgba(0,0,0,0.07);
        margin-top: 15px;
        padding-top: 15px;
    }
    .user_img {
        width: 50px;
    }
    .user_img img {
        width: 50px;
        height: 50px;
    }
    .user_text {
        width: calc(100% - 50px);
        padding-left: 20px;
    }
    .user_text p {
        font-size: 15px;
    }
    .user_text h3 {
        font-size: 19px;
    }
    .user_add_info li b {
        font-size: 14px;
    }
    .user_add_info li span {
        font-size: 14px;
    }
    .user_total_order li h2 {
        font-size: 23.67px;
    }
    .user_total_order li p {
        font-size: 13px;
    }
    .m-t-30 {
        margin-top: 20px;
    }
    .title h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .order_info label {
        font-size: 14px;
    }
    .order_info {
        padding: 15px 10px 0px;
    }
    .order_info p {
        font-size: 14px;
    }
    .order_info li {
        margin-left: 20px !important;
        width: calc(50% - 10px) !important;
        margin-bottom: 15px !important;
    }
    .order_info li:nth-child(2n + 1){
        margin-left: 0px !important;
    }
    .order_product_outer img {
        max-width: 56px;
    }
    .table_product_info th {
        font-size: 12px;
        padding: 10px 5px !important;
    }
    .responsive-table {
        overflow: hidden;
        overflow-x: auto;
    }
    .responsive-table table{
        margin-bottom: 20px;
    }
    .order_product_outer p {
        padding-left: 10px;
        font-size: 14px;
    }
    .table_product_info td {
        font-size: 14px;
        padding: 10px 5px !important;
    }
    .table_product_info{
        min-width: 700px;
    }
    .order_status p {
        padding-left: 10px !important;
    }
    .btn-green {
        line-height: 40px;
        height: 40px;
        padding: 0 20px;
        font-size: 13.36px;
    }
    .m-t-60 {
        margin-top: 20px;
    }
    /*.table_product_info table, .table_product_info thead, .table_product_info tbody, .table_product_info th, .table_product_info td, .table_product_info tr { 
            display: block; 
    }
    .table_product_info thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table_product_info td { 
         border: none !important;
         border-bottom: 1px solid rgba(0,0,0,0.07) !important; 
         position: relative;
         padding-left: 50%;
         padding-top: 30px !important;
         text-align: left !important; 
    }
    .table_product_info tr:last-child td { 
         padding-top: 10px !important;
    }
    .table_product_info td:before { 
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: 600;
    }
    .table_product_info td:nth-of-type(1):before { content: "Product Details"; }
    .table_product_info td:nth-of-type(2):before { content: "unite Price"; }
    .table_product_info td:nth-of-type(3):before { content: "QUANTITY"; }
    .table_product_info td:nth-of-type(4):before { content: "SUBTOTAL"; }
    .table_product_info tr:last-child td:nth-of-type(1):before ,.table_product_info tr:last-child td:nth-of-type(2):before{ content:none; }*/
    .my_order_filter {
        margin-top: 30px;
        padding: 15px;
    }
    .order_by_date .form-control {
        font-size: 14.57px;
    }
    .filter_by_price p, .filter_by_status p {
        margin-top: 30px;
    }
    .ctm_radio {
        font-size: 14px;
    }
    .order_info_left {
        width: 100%;
    }
    .order_info_right {
        width: 100%;
    }
    .products_attr ul {
        padding-left: 10px;
    }
    .order_details p {
        font-size: 12px !important;
    }
    .gray_box {
        padding: 10px;
    }
    .address_outer li {
        width: 100%;
        margin-bottom: 10px;
    }
    .address_box p {
        line-height: 25px;
        font-size: 14px;
    }
    .address_box {
        padding: 10px;
    }
    .btn-black-light {
        height: 45px;
        line-height: 45px;
        padding: 0px 30px;
    }
    .btn-tans {
        height: 45px;
        line-height: 45px;
        padding: 0px 20px;
    }
    .save_add {
        margin-top: 10px;
    }
    .myModal .modal-content {
      padding: 20px;
    }
    .myModal .modal-dialog {
      width: 96%;
    }
    .new_shipping_add h3 {
      font-size: 19.62px;
    }
    .shipping_add_new .form_group label, .new_shipping_add .form_group label {
        font-size: 14.68px;
    }
    .form_group .form-control {
      min-height: 40px;
      font-size: 14px;
   }
   .countryIput button {
      min-height: 40px;
  }
  .myModal .close {
      background: #000;
      padding: 6px;
      right: 0px;
  }
  .myModal .close img{
      width: 16px;
  }
  .login_re_outer {
    padding: 50px 15px;
  }
  .login_re_tab_outer {
    width: 100%;
  }
  .login_tab a {
      font-size: 17px;
  }
  .login_tab li.active a:after {
      height: 3px;
      width: 90px;
  }
  .login_tab_body {
    padding: 20px 10px;
  }
  .login_tab_info h3 {
      font-size: 18px;
  }
  .login_tab_info .form_group {
    margin-top: 15px;
  }
  .login_tab_info .form_group label {
      font-size: 14px;
  }
  .login_btn a {
      font-size: 14px;
  }
  .login_or p {
      font-size: 20px;
  }
  .login_or {
    margin: 18px 0px;
  }
  .login_or:after {
    top: 14px;
  }
  .login_with a {
    height: 45px;
    font-size: 13px;
  }
  .login_with li {
    width: calc(33.33% - 1px);
  }
  .login_with p {
    line-height: 24px;
    margin-top: 15px;
    font-size: 14px;
  }
  .register_btn .btn{
    width: 100%;
  }
  .login_with img {
    margin-right: 4px;
  }
  .cart_title h3 {
      font-size: 25px;
      padding-bottom: 20px;
  }
  .checkout_inner {
      margin-top: 25px;
  }
  .checkout_info {
    width: 100%;
  }
  .sub_title h3 {
    font-size: 20.62px;
  }
  .shipping_add_list {
    margin-top: 25px;
  }
  .shipping_add_new {
      margin-top: 20px;
  }
  .shipping_add_new .sub_title h3 {
    padding-top: 18px;
  }
  .form_group {
    margin-top: 15px;
  }
  .checkout_order {
    width: 100%;
    margin-top: 30px;
  }
  .your_order_box {
      margin-top: 15px;
      padding: 15px;
  }
  .your_order_box li {
    font-size: 14.68px;
  }
  .congra_text p {
    font-size: 16px;
    line-height: 29px;
  }
  .congra_text {
    margin-top: 25px;
  }
  .m-t-150 {
    margin-top: 30px;
  }
  .form-center {
    width: 100%;
  }
  	.con_order_details {
		margin-top: 11px;
		padding: 10px 10px;
	}
	.con_order_details li span {
		font-size: 14.68px;
		margin-left: 0px;
		width: 140px;
	}
	.con_order_details li p {
    	margin-right: 0px;
    	width: calc(100% - 140px);
    	padding-left: 5px;
	}
	.con_order_details li {
    	padding: 13px 0px;
	}
	.shopping_table {
    	margin-top: 20px;
    	overflow: hidden;
    	overflow-x: auto;
	}
	.quantity_box {
    	max-width: 125px;
    }
    .shipping_cart_total {
    	margin-top: 20px;
    	padding: 20px 0px;
	}
	.shipping_cart_inner {
    	width: 290px;
    }
    .shipping_cart_inner li {
    	font-size: 14.68px;
    }
    .rtl .user_info_box {
    	padding: 15px;
	}
    .rtl .user_text {
    	padding-right: 20px;
    }
    .rtl .user_add_info {
    	border-right: 0px;
    	padding-right: 0px;
	}
	.rtl .order_info li {
    	margin: 0px 20px 15px 0px !important;
	}
	.rtl .order_info li:nth-child(2n + 1) {
    	margin-right: 0px !important;
	}
	.rtl .order_product_outer p,.rtl .products_attr ul {
    	padding-right: 10px;
	}
	.rtl .user_form .col-md-6, .rtl .user_form .col-md-12 {
    	float: none;
	}
	.rtl .myModal .close {
    	left: 0px;
	}
	.your_order_box li.grandtotal {
    	margin-top: 20px;
    	padding-top: 20px;
    }
    .payment_option {
    	margin-top: 22px;
    	padding-top: 20px;
	}
	.login_popup {
  	padding: 30px 10px 10px;
  }
  .closeLoginPopup {
  	right: 0px;
  	top: -25px;
  }
	.closeLoginPopup img{
		width: 20px;
	}
  .rtl .closeLoginPopup{
    left: 0px;
  }
}
@media(max-width: 575px){
    .order_info li {
        margin-left: 0px !important;
        width: 100% !important;
    }
    .width232 {
        max-width: 100%;
    }
    .order_details label br{
        display: none;
    }
    .rtl .order_info li {
    	margin: 0px 0px 15px 0px !important;
	}
}