/*
Theme Name: Tekk
Theme URI: thetekkgroup.com
Author: Federico Fausti
Author URI: 
Description: eCommerce WordPress template for The Tekk Group
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: tekk
*/

.product-gallery-section h3{
	font-size:18px;
	margin-bottom:0!important;
}
.product-gallery-section .intro-image-1{
	margin-right:15px!important;
}
.outer-container{
	padding:50px 0 10px;
}
.outer-container h2{
	display: inline-block;
    font-family: 'Work Sans', sans-serif;
    font-size: 2.3rem;
    line-height: 2.5rem;
    font-weight: 600;
	margin-bottom:10px;
	text-align:center;
}
#blocks button{
	display:none;
}
p, ul{
	line-height:1.9!important;
}
.new-section ul li{
	margin-bottom:0!important;
}
.new-section ul {
    list-style: disc;
    padding-left: 24px;
}
.new-section h3{
	display: inline-block;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 600;
	margin-bottom:10px;

}
.service-section .box:hover {
    transition: transform 0.5s;
}
.service-section .box {
     min-height: 300px;
    margin: 0 10px;
    transform: translate(0px, 0px);
    transition: .5s;
	position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dce3e5;
    box-shadow: 0 12px 0 -6px rgba(0,0,0,.04);
}
.service-section .box img {
  transform: scale(1);
  max-width: 100%;
  transition: 0.5s ease all;
}
.service-section .box:hover img {
  transform: scale(1.1);
}
.service-section .box .info {
  position: absolute;
  transition: 0.5s ease all;
  visibility: visible;
  opacity: 1;
  bottom: 0;
  background:rgba(0,0,0,0.5);
	width:100%;
	left:0;
} 
.service-section .box .info h4{
    color:#fff!important;
	text-align:left;
	font-size:30px!important;
	padding-left:20px;
	line-height:60px;
	margin-bottom:0;
}
.service-section .box:hover .info {
  transition: 0.5s ease all;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.3);
} 
.service-section .box .detail p {
	line-height:1.8;
}
.service-section .box .detail h4 {
margin-bottom:0;
	font-size:24px!important;
	font-weight:bold;
}
.service-section .box .detail {
  text-decoration: none;
  width: 100%;
  height: 0px;
  position: absolute;
  transition: 0.5s ease all;
  visibility: hidden;
  opacity: 0;
  top: 0;
  transform: scale(0.3);
	color:#fff;
} 
.service-section .box:hover .detail {
  background: rgba(0,0,0,0.5);
  visibility: visible;
  left: 0;
  height: 100%;
  padding: 10px; 
  opacity: 1;
  top: 0;
  transform: scale(1);
}

.service-section .detail{
	margin-bottom:30px!important;
}




.service-section{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
}
.service-section .box{
    border: 2px solid #0063b1;
    background: #fff;
    box-shadow: rgba(0, 99, 177, 1) 5px 5px 0;
    text-align: center;
    width: 100%;
}
.product-models ul li{
	text-align:left;
	margin-bottom:0;
}


.single-header{
	background-image: url(https://www.thetekkgroup.com/wp-content/uploads/2023/12/store.webp)!important;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
}
.single-header .page-title, .single-header .page-subtitle{
	color:#fff!important;
}
/* ------------------------------------------------------ */ 
/* SPECIAL
/* ------------------------------------------------------ */ 
.snow {
    position: fixed;
    top: 0;
    left: 0;
  right: 0;
  bottom:0;
    z-index: 2;
    pointer-events: none;
}
#world {
background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* ------------------------------------------------------ */ 
/* GENERAL STYLES
/* ------------------------------------------------------ */ 

/* ! Basic structure & Reset */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
body {
  min-height: 100vh;
  margin: 0; 
}
table {
  border-collapse: collapse;
}
table, thead, tbody, tr, td {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
ul {
  padding-left: 0;
  list-style: none;      
}
article ul {
  list-style: disc;
  padding-left: 24px;
}
li, i {
  position: relative;
  padding-left: 0;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}
input:focus, textarea:focus, button:focus, select:focus, input:active, textarea:active, button:active, select:active, a:focus, a:active {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;  
}


/* ! Form and inputs */
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
select, input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  box-shadow: none;
  background-image: none;
}
input, textarea, select {
  width: 100%;
  height: 40px;    
  border-radius: 0;
  border: 0;
  padding: 0 6px;
}
textarea {
  min-height: 100px
}
select {
  flex: 1;
  cursor: pointer;
}



/* ------------------------------------------------------ */ 
/* THEME STYLES
/* ------------------------------------------------------ */ 

/* ! Tipography  */
.slide-title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 5rem;
  line-height: 5rem;    
  font-weight: 300;
  text-transform: uppercase;
}
.section-title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
}
.slide-subtitle {
  font-size: 1.65rem;
  line-height: 2;  
  font-weight: 300;
}
body,
.products-selection .label span {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  letter-spacing: .125rem;
  line-height: 2.25rem; 
  font-weight: 400;  
  text-align: left;
}
input, textarea, select, .__small,
.header-promo,
.tab-card, .section-block-title, .section-block-text,
.products-selection .label, .form-select-ul,
.product-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  letter-spacing: .025rem;
  line-height: 2;
}
.header-top, .header-main, .footer, 
.button,
.tabs-header, .section-block-text_small, .section-block-label,
.progress-step, 
.portfolio-filter li, .product-category, .product-quantity, .product-submit, .add-to-cart-message, .added_to_cart.wc-forward {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8rem;
  letter-spacing: .025rem;
  line-height: 2;
}
h4, h5, h6,
.__h4, .__h5, .__h6 {
  font-weight: 400;	
  line-height: 1.5;
  margin-bottom: 16px;	
}

h1, .__h1 {
  font-size: 3.5rem;
  line-height: 1.2;	
}
h2, .__h2,
.page-title {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;  
}
h3, .__h3,
.section-subtitle {
  font-size: 1.25rem;
  letter-spacing: .12rem;
  line-height: 1.75;  
}
h4, .__h4 {
  font-size: 1.2rem;
}
h5, .__h5, .subtitle {
  font-size: 1.15rem;
}
h6, .__h6 {
  font-size: 1.1rem;
}
.products-selection .label span {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
.footer h4, 
.section-block-title,
.progress-step, 
.portfolio-filter li, .product-title {
  font-weight: 600;
}
.tab-label, .section-block-label {
  font-weight: 600;
  text-transform: uppercase;
}

/* ! Display  */
.navbar, .tabs-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;  
}
.navbar {
  -ms-flex-align: center;
      align-items: center;
}

/* ! Animations  */
a, .animate__link {
  position: relative;	
  text-decoration: none;		
}
p a:after, .animate__link:after {
  display: block;
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  bottom: -6px;
  left: 0;
  opacity: .75;
}
p a:hover:after {
  width: 100%;
}

li:before, li:after,
.tab-label:before, .tab-label:after {
  content: '';
  position: absolute;
  font-weight: normal;
  font-style: normal;  
  display: block;
}


/* ! Buttons  */
.button {
  border: 1px solid transparent;
  background: transparent;  
  min-width: 180px;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-top: 40px;
  border-radius: 0;
  text-align: center;
  border: none;
  z-index: 100;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
}


/* ! Transictions  */
.header-promo, .header-main, .header-top, .header-scroll,
*[data-js="show-content"] {
  transition: all 0.8s ease 0s;  
}
a, p a:after,
.header .navbar ul, .responsive-menu, .footer-logo, .scrolling-top,
.slider-block-image, .slider-block-title,
.tab-card,
.portfolio-filter, .portfolio-link, .product-image, .product-store, .add_to_cart,
.card-background,
.button,
.animation__zoom {
  transition: all 0.5s ease 0s;  
}

.form-select-wrap:before, .form-select-wrap:after, .form-number-wrap:before, .form-select-ul {
  transition: .25s all ease;
}
.header .navbar li, .header .navbar li a {
  transition: .1s all ease;  
}
.animation__zoom, .portfolio-item .product-image, .card-background {
  background-size: cover;
  background-position: center;  
  background-repeat: no-repeat;    
}
.portfolio-item .product-image { 
  transform: scale(.90);
}
.portfolio-item:hover .product-image {
  transform: scale(1);  
}
.animation__zoom:hover, .card:hover .card-background {
  transform: scale(1.10);  
}

/* ! Shared Proprieties  */
.header-shortcuts .header-icon, .trigger-navbar, .responsive-menu .header-icon, .footer-icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.product-submit, .added_to_cart.wc-forward {
  display: inline-block;
  padding: 0 16px;
  border: 1px solid transparent;
  line-height: 1.5rem;
  cursor: pointer;
  height: 30px;
  line-height: 26px !important;
}
.product-quantity {
  height: 30px;
  width: 65px;
  margin: 0;
  font-size: 0.9rem;
  margin-right: 6px;
}
.scrolling-top, .slick-arrow {
  border: 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 998;
}
.footer-icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.header-icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.section-header.center {
  text-align: center;
}

/* ! Colours  */
body, input, textarea, select, p a:hover,
a.section-block-label {
  color: #213040;
}
a,
a.section-block-label:hover {
  color: #286ea2;
}
a:hover {
  color: #4dabee;
}

/* ! Combinations  */
.button, a.button,
.portfolio-discount,
.woocommerce-pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li:hover .page-numbers {
  background: #213040;
  color: #fff;
}
.button.style__line.color__dark:hover {
  background: #1b2939;
  color: #fff;
}
.button:hover, a.button:hover, .button:hover.style__line.color__white, .button.color__primary, .button.color__white:hover {
  background: #286ea2;  
  color: #fff;  
}
.button:hover.color__primary {
  background: #4dabee;
  color: #fff;   
}
.button.style__line.color__white {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}
.button.style__line.color__dark {
  border: 1px solid #213040;
  color: #213040;
  background: transparent;  
}
.button.color__white {
  background: #fff;
  color: #213040;
}
.disabled {
  touch-action: none;
  pointer-events: none;
}

/* ! Background */
p a:after, .animate__link:after,
li.menu-item-has-children:hover:before, li.menu-item-has-children:hover:after {
  background: #286ea2;  
}
p a:hover:after, .animate__link:hover:after,
.bg__dark,
li.menu-item-has-children:before, li.menu-item-has-children:after,
.tab-label:before, .tab-label:after {
  background: #213040;  
}
.bg__light,
.single-header,
#blocks .block__wrap-image {
  background: #e6e9f0;  
}
section,
.sub-menu li.menu-item-has-children:hover:before, .sub-menu li.menu-item-has-children:hover:after {
  background: #fff;
}
.page, .single, .archive {
  background: #fff;
}
.form__input-add:before, .form__input-add:after {
  background: #fff;
}

/* ! Color */
.animate__link:hover,
input[type="date"].active,
.navbar a,
.card-i,
.portfolio-filter li:hover, .portfolio-filter li[data-filter="*"], .portfolio-filter li[data-filter="*"].active {
  color: #213040;
}

.single-header .page-title,
.more-products .title, .catalogue-products .title,
.woocommerce-result-count, .woocommerce-ordering .orderby, a .woocommerce-loop-product__title, .woocommerce-pagination .page-numbers li .page-numbers {
  color: #213040;
}
.required {
  color: #f93214;	
}
input[type="date"],
::placeholder {
  color: #c7d3ec;
}
.bg__dark, .color__white,
.page-title, .page-subtitle, .page-header.filter .button.one,
#locations .card {
  color: #fff;
}

/* ! Border */
input:focus, textarea:focus, select:focus,
.button:hover.style__line.color__white,
.slick-arrow span:hover, .xzoom-gallery.xactive {
  border: 1px solid #286ea2;  
}
input, textarea,
.xzoom-gallery {
  border: 1px solid #eaeffa;  
}
.page-section_top,
.shop_table .cart_item {
  border-bottom: 1px solid #eaeffa;
}
.slick-arrow span, .xzoom-preview, .xzoom-lens {
  border: 1px solid #213040;  
}

/* ! Scrollbar */
body::-webkit-scrollbar {
  width: 16px;
}
body::-webkit-scrollbar-thumb {
  background: #1b2939;
}
body::-webkit-scrollbar-thumb:hover {
  background: #213040;
}


/* ! Text highlight */
::selection {
  background: #213040;
  color: #fff
}
::-moz-selection {
  background: #213040;
  color: #fff    
}

/* ! Margins  */
p:last-child, li:last-child,
.section-header .section-title, .section-content .section-block:last-child {
  margin-bottom: 0;
}
input, textarea, select, ul, p,
.section-block-label {
  margin-top: 0;
  margin-bottom: 16px;
}
ul {
  margin: 16px 0;
}
li,
.section-subtitle {
  margin-bottom: 8px;
}

.section-header, .section-block {
  margin-bottom: 64px;
}
.card-block:not(:last-child) {
  margin-bottom: 120px;
}
h1, h2, h3, h4, h5, h6,
.__h1, .__h2, .__h3, .__h4, .__h5, .__h6 {
  margin-top: 0;
  padding: 0;
} 
h1, h2, h3, .subtitle,
.__h1, .__h2, .__h3 {
  margin-bottom: 32px;
}


/* ! Utility  */
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
*[data-js="show-content"] {
  overflow: hidden;
  max-height: 0;
}



/* ------------------------------------------------------ */ 
/* ELEMENTS
/* ------------------------------------------------------ */ 

/* ----- HEADLINES ----- */
.section-header .section-title, .section-wrap-title {
  position: relative;
  min-height: 44px;
  padding-right: 32px;
}
.section-header .section-title {
  padding-right: 32px;
}
.section-header.center .section-title {
  padding-left: 32px;
}
.section-title.hide {
  display: none;
}
.section-wrap-title:before, .section-wrap-title .section-title:after {
  content: '';
  position: absolute;
  left: 0;
  display: block; 
}
.section-wrap-title:before {
  height: 1px;
  width: 100%;   
  left: 0;
  top: 50%;
  margin-top: 1px;
  background: #e6e9f0;
  z-index: 0;
}
.section-header .section-title:after {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0; 
  background: #fff;
  z-index: 0;
}
.section-title span {
  position: relative;
  z-index: 1;
}


/* ----- ICONS ----- */
svg[data-icon='iconoir:pen-tablet'] {
  transform: rotate(270deg) !important;
}
svg[data-icon='iconoir:pen-tablet'] g path:nth-child(2), svg[data-icon='iconoir:pen-tablet'] g path:nth-child(n+4) {
  opacity: 0
}


/* ----- CARDS ----- */
.card-group {
  margin: -8px;
}
.card {
  padding: 8px;
}
.card-background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.card-wrap {
  position: relative;
  overflow: hidden;  
  width: 100%;
  height: 100%;
  padding: 40px 32px;
}
.card-header {
  margin-bottom: 32px;
}
.card-header, .card-body {
  position: relative;
  z-index: 1;
}
.card-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.75rem;
  line-height: 2rem;
}
.card-body:last-child {
  margin-bottom: 0;
}
.card-icon {
  margin-right: 8px;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-text.small {
  font-size: 0.85rem;
  letter-spacing: .05rem;
  line-height: 35px!important;  
}



/* ----- FORM ----- */
.form-container {
  position: relative;
  padding: 60px 0;
  margin: 0 auto;
}


/* ------ IMAGES ------ */
.responsive-background-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; 
  display: block;
}
.responsive-background-image img {
  display: none
}
.autosize-image {
  width: 100%;
  height: auto;
}
.page-section img {
	width:100%;
	max-width: 100%;;
	height: auto;
	display:block;
	text-align:center;
	margin:auto;
}

/* .outer-container .new-section .__row:nth-child(odd) .__col-lg-6{
	order:2;
	
}
.outer-container .new-section .__row:nth-child(even) .__col-lg-6{
	order:1;
	
}  */


/* ------------------------------------------------------ */ 
/* SITE STRUCTURE
/* ------------------------------------------------------ */ 

/* ----- SECTION ----- */
section {
  position: relative;
/*   padding: 120px 0; */
	padding: 30px 0; 
  margin: 0;  
  width: 100%;
}
.center {
  text-align: center;
}
.small-section {
  padding: 60px 0;
}


/* ----- HEADER ----- */

/* ! Promo Message  */
.header-promo {
  position: relative;
  padding: 6px 0;
  background: #286ea2;
  color: #fff;
}
.header-promo svg {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;  
  cursor: pointer;
}

/* ! Top Bar  */
.header-scroll {
  top: -200px;
}
.header-scroll.fixed {
  top: 0;
}
.header-top {
  height: 40px;
  line-height: 40px;
  background: #213040; 
  color: #fff;
  font-size: 0.8rem;
}
.header-contact {
  margin: 0;
}
.header-contact li {
  margin: 0 0 0 32px;
}
.header-top .header-icon {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

/* ! Main Header  */
.header-main {
  top: -200px;
  background: #fff;
  font-weight: 600;
}
.header-main.fixed {
  top: 0;
}
.header-main a {
  color: #213040;
}
.header-main a:hover {
  color: #286ea2;
}
.logo {
  width: auto;
  height: 90px;  
}
.logo-alt {
  width: auto;
  height: 50px;  
  display: none;
}
.fixed .logo-alt {
  display: block;
}
.header-shortcuts a {
  line-height: 50px;
}
.header-shortcut {
  margin-right: 16px;
}
.cart-total {
  margin-left: 16px;
}
.header-cart-items {
  background: #286ea2; 
  color: #fff;
  position: absolute;
  left: 16px;
  top: 8px;
  width: 16px;
  height: 16px;
  font-size: .55rem;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
}

/* ! Navbar  */
.header .navbar {
  position: relative;
  z-index: 999;
  text-transform: uppercase;
  margin: 0;  
}
.header .navbar ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
  max-height: 0;
  overflow: hidden;
  z-index: 1;
  background: #e6e9f0;
  margin: 0;
}
.header .navbar ul:hover {
  overflow: visible;
}
.header .navbar li {
  padding: 0 16px;
  min-width: 100px;
  height: auto;
  margin-bottom: 0;
  text-align: center
}
.header .nav-link {
  display: block;
  line-height: 50px;
  width: 100%;
  height: 100%;
}
.header .navbar ul li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  z-index: 1;
  text-align: left;
  text-transform: capitalize;
}
.header .navbar ul li:hover {
  background: #213040; 
}
.header .navbar ul li:hover > a {
  color: #fff;  
}
.header .navbar ul ul {
  top: 0;
  left: 100%;
}

li.menu-item-has-children:before, li.menu-item-has-children:after,
.tab-label:before, .tab-label:after {
  height: 1px;
  width: 4px;
  top: 50%;
  right: 0;
}
.sub-menu li.menu-item-has-children:before, .sub-menu li.menu-item-has-children:after {
  right: 16px;
}
li.menu-item-has-children:before,
.tab-label:before {
  margin-top: -1px;
  transform: rotate(45deg);
}
li.menu-item-has-children:after, 
.tab-label:after {
  margin-top: 2px;
  transform: rotate(-45deg);
}
.tab-label:before, .tab-label:after {
  opacity: 0;
  left: -15px;
}
.tab-label:hover:before, .tab-label:hover:after, .tab-label.shown:before, .tab-label.shown:after {
  opacity: 1;
}

/* ! Fixed Navbar  */
.fixed .logo {
  display: none;
}
.header-main.fixed .cart-total {
  margin-right: 0;
}
.header-main.fixed .main-nav {
  display: flex;
}  
.header-main.fixed .main-nav .navbar > li {
  border: 0;
}
.header-main.fixed .header-shortcuts {
  order: 1;
}

/* ! Mobile Navbar  */
.mobile-logo {
  display: none;
}
.trigger-navbar, .header-mobile-shortcut {
  display: none;
}


/* ----- FOOTER ----- */

.footer {
  position: relative;
  z-index: 1;
}
.footer, .footer a {
  color: #9f9f9f;
}
.footer a:hover {
  color: #fff;
}
.footer-breackline {
  border-top: 1px solid #38424d;
  padding: 32px 0 0 0; 
  margin-top: 32px;
}
.footer-block {
  width: 100%;
  padding: 16px;
}
.footer-logo {
  opacity: .6;
  max-height: 30px;
}
.footer-logo:hover {
  opacity: .75;  
}
.footer h4 {
  min-height: 30px;
  line-height: 30px;
}
.footer-social, .footer-social li {
  height: 30px;
  line-height: 30px;
}
.footer .nav-link .iconify {
  font-size: 1rem;
}

/* ! Navbar  */
.footer ul, .footer li {
  margin-top: 0;
  margin-bottom: 0;
}
.footer .navbar li:not(:last-child):after {
  background: #38424d;
}
.footer .navbar li:after {
  width: 1px;
  height: 22px;
  right: 0;
  top: 50%;
  margin-top: -11px;
}
.footer li:not(:last-child), .footer li:not(:last-child) .nav-link, .footer li:not(:last-child) .nav-link .iconify, .footer .footer-contact .nav-link, .footer .footer-contact .nav-link svg {
  margin-right: 16px;
}
.footer .footer-contact .nav-link {
  display: flex;
  align-items: center;
  padding: 0;
}
.trigger-navbar svg {
  width: 100%;
  height: 100%;
}

/* ! Top Footer  */
.top-footer {
  background: #213040;
}
.footer .nav-link .iconify {
  font-size: 1rem;
  height: 30px;
  left: 0;
}

/* ! Bottom Footer  */
.bottom-footer {
  background: #1b2939;
}

/* ! Scrolling to top  */
.scrolling-top {
  background: #1b2939;
  color: #fff;
}
.scrolling-top:hover {
  background: #286ea2;  
  color: #fff;  
}
.scrolling-top {
  position: fixed;
  bottom: 57px;
  right: -40px;
}
.scrolling-top.show {
  right: 0;
}
.scrolling-top span, .slick-arrow span {
  width: 12px;
  height: 12px;
  border-bottom: 0 !important;
  border-right: 0 !important;
  display: inline-block;
}
.scrolling-top span {
  margin-top: 17px;
}
.scrolling-top span {
  border: 2px solid #eaeffa;    
}
.scrolling-top span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}



/* ------------------------------------------------------ */ 
/* FRONT PAGE
/* ------------------------------------------------------ */ 
.front-page {
  padding: 0;
  min-height: 80vh;
}


/* ----- HERO ----- */

/* ! Slider  */
.slider-container {
  background: #213040;
  overflow: hidden;
}
.front-page-slider, .hero-wrap, .hero-wrap .slide {
  height: 100vh;
  height: calc(100vh - 127px);
}
.slide-container {
  max-width: 50%;
  height: 100%;
  min-height: 300px;  
  margin: 0;
  padding: 0 32px;
}
.slide-wrap {
  height: 100%;
}
.slide-wrap-text, .slider-block {
  position: relative;
  z-index: 1;
  color: #fff;
}
.slide-title, .slide-subtitle, .slider-block-title {
  text-shadow: 4px 2px 8px rgba(0, 0, 0, 0.75);
  padding: 0;
}

/* ! Title side  */
img.slide-logo {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
}
.slide-subtitle {
  max-width: 750px;
  margin-top: 32px;
}
.slide-title.hide {
  display: none;
}
.slide-buttons {
  margin-top: 120px;
}
.slide-buttons .button {
  margin: 0;
}

/* ! Blocks side  */
.slider-blocks {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: rgb(0 0 0 / .1);
}
.slider-block {
  position: relative;
  border: 0;
  border-top: 0;
  border-right: 0;
  padding: 16px;
}
.slider-block:nth-child(n+3) {
  border-bottom: 0;
}
.slider-blocks-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.slider-block-wrap {
  width: 100%;
  height: 96px;
  overflow: hidden;  
}
.slider-block-title {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 1;
  margin: 32px 0 24px 0;
}



.slider-block:hover .slider-block-title, .slider-block:hover .slider-block-btn .button {
  margin-top: -8px;
} 
.slider-block-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.slider-block:hover .slider-block-image {
  opacity: .8;
}
.slider-container:before, .slider-blocks-wrap:before, .slider-blocks-wrap:after, .slide-wrap-text:before, .slider-block:before {
  position: absolute;
  display: block;
  content: ''; 
  z-index: 1;
  background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.5), transparent);  
}
.slider-container:before, .slider-blocks-wrap:before {
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;  
}
.slider-blocks-wrap:after {
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
}
.slide-wrap-text:before, .slider-block:before {
  width: 100%;
  height: 1px;
  left: 0;
  top: 0; 
}
.slide-wrap-text:before, .slider-block:before {
  display: none;
}

/* ! Background  */
.slider-slick video {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  height: auto;  
}
.slide-filter {
  position: relative;
  height: 100%;  
  background: rgb(25, 55, 78, .75);
}


/* ----- FOCUSES ----- */

/* ! Blocks  */
.focus {
  margin-bottom: 64px;
}
.focus:nth-last-child(-n+4)  {
  margin-bottom: 0;
}  

/* ! Icons  */
.focus-icon {
  padding-right: 16px;
  font-size: 40px; 
  line-height: 50px;
}

/* ! Text  */
.focus-text .section-block-label {
  margin-bottom: 0;
}


/* ----- INTRO POST ----- */
.intro-image {
  margin-top: 10px;
  margin-right: 0;
}
.intro-image-1 {
	margin-left:0;
	 margin-top: 10px;
	
}


/* ----- TIME LINE ----- */

/* ! Left Side  */
.timeline-icons {
  padding-right: 30px;
}
.time-block {
  display: flex;
  align-items: center;
  min-height: 144px;
}
.time-block:nth-child(even) {
  justify-content: flex-end;
}
.time-block:nth-child(even) .time-content {
  order: 1;
}
.time-content, .time-step {
  width: 33.33%;
  text-align: center;
}
.time-step {
  position: relative;
  height: 80px;
  margin-top: 58px;
}
.time-step:before {
  content: '';
  position: absolute;
  width: 60px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}
.time-step:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 40px;
  left: 50%;
  bottom: 100%;
  margin-left: -1px;
  margin-bottom: 10px;
}
.time-block:nth-child(odd) .time-step:before {
  left: 10px;
}
.time-block:nth-child(even) .time-step:before {
  right: 10px;
}
.time-icon {
  font-size: 3.5rem;
}
.time-icon svg g {
  stroke-width: 1.2;
}

/* ! Progress Circles  */
.progress-circle {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.progress-circle:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
.progress-circle:after {
  content: '';
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%; 
}
.progress-step {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -12px;
  text-align: center;
}
.progress-circle, .time-step:before, .time-step:after {
  background: #e6e9f0;  
}
.progress-circle:before {
  background: #fff;
}
.progress-circle:after {
  background: #286ea2;  
}
.progress-circle.percent-0:after {
  background-image: linear-gradient(90deg, #e6e9f0 50%, transparent 50%, transparent), linear-gradient(162deg, #286ea2 50%, #e6e9f0 50%, #e6e9f0);
}
.progress-circle.percent-20:after {
  background-image: linear-gradient(90deg, #e6e9f0 50%, transparent 50%, transparent), linear-gradient(162deg, #286ea2 50%, #e6e9f0 50%, #e6e9f0);
}
.progress-circle.percent-40:after {
  background-image: linear-gradient(90deg, #e6e9f0 50%, transparent 50%, transparent), linear-gradient(234deg, #286ea2 50%, #e6e9f0 50%, #e6e9f0);
}
.progress-circle.percent-60:after {
  background-image: linear-gradient(-54deg, #286ea2 50%, transparent 50%, transparent), linear-gradient(270deg, #286ea2 50%, #e6e9f0 50%, #e6e9f0);
}
.progress-circle.percent-80:after {
  background-image: linear-gradient(18deg, #286ea2 50%, transparent 50%, transparent), linear-gradient(270deg, #286ea2 50%, #e6e9f0 50%, #e6e9f0);
}
.progress-circle.percent-100:after {
  background-image: linear-gradient(90deg, #286ea2 50%, transparent 50%, transparent), linear-gradient(270deg, #286ea2 50%, #e6e9f0 50%, #e6e9f0);
}

/* ! Right Side  */
.timeline-text {
  padding-left: 30px;
}
.timeline-text .section-title {
  margin-bottom: 16px;
}


/* ----- BLOCKS ----- */

.block-image, .block-text {
  width: 100%;
  min-height: 520px;
  overflow: hidden;
}
.block-image picture {
  background-size: contain;
  background-color: #e6e9f0;
}
.block-col:nth-child(even) .block-image {
  order: 1;
}


/* ----- BLOG ----- */

.blog-image {
  margin-bottom: 16px;
  height: 200px;
}
.blog-image picture {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0;	
}



/* ------------------------------------------------------ */ 
/* WIDJETS
/* ------------------------------------------------------ */ 

/* ----- PORTFOLIO ----- */

/* ! Filter  */
.portfolio-filter li {
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 16px;
  margin: 0;
  cursor: pointer;
}
.portfolio-filter li:after {
  position: absolute;
  content: '/';
  width: 20px;
  height: 30px;
  right: -9px;
  top: 0;
}
.portfolio-filter li:last-child:after {
  display: none;
}
.portfolio-filter li, .portfolio-filter li:after {
  color: #adbed8;  
}
.portfolio-filter li:hover, .portfolio-filter li[data-filter="*"], .portfolio-filter li[data-filter="*"].active {
  color: #213040;
}
.portfolio-filter li.active {
  color: #286ea2;
}

/* ! Grid  */
.grid {
  max-width: 1512px;
  margin: 0 auto;
}
.portfolio-item {
  padding: 20px 0;
  margin: 12px 6px 0 6px;
  height: 340px;
  overflow: hidden;
}
.portfolio-product-image {
  position: relative;
  width: 240px;
  height: 240px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 0;
  display: flex;
  align-content: center;
}
.portfolio-link {
  position: absolute;
  top: -24px;
  left: 0;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;  
}
.portfolio-link a {
  color: #213040;
}
.portfolio-link a:hover {
  color: #286ea2;
}
.product-title {
  position: relative;
  min-height: 44px;  
  margin: 0;
}

.portfolio-item .product-store {
  position: relative;
  z-index: 1;  
  top: 0;
  background: #fff;
}
.portfolio-item:hover .portfolio-link {
  top: 0;
}
.portfolio-item:hover .product-store {
  top: -45px;
}
.product-store .product-quantity {
  color: #213040;
  border: 1px solid #213040;  
}
.product-submit, .added_to_cart.wc-forward:hover {
  background: #213040;
  color: #fff;
}
.product-submit:hover, .added_to_cart.wc-forward {
  background: #286ea2;  
  color: #fff;  
}
.product-store.added .product-submit, .product-store.added .product-quantity {
  display: none;
}


/* ----- SELECTION ----- */

.products-selection .form-wrap-inline {
  padding: 16px 32px;
}
.form-right-separetor {
  border-right: 1px solid #474f58;
}
.form-left-separetor {
  border-left: 1px solid #474f58;
}
.form-group .form-group-item {
  margin-right: 8px;
}
.form-group:not(:first-child) {
  margin-top: 8px;
}

/* ! Label  */
.products-selection .label {
  max-width: 130px;
  font-weight: 300;
  line-height: 16px;
  text-transform: uppercase;
}

/* ! Inputs  */
.form-select-wrap, .form-number-wrap, .form-input-add {
  position: relative;
}
.form-select-input *, .form-number-wrap * {
  margin-bottom: 0;  
}
.form-select-input {
  padding: 0 25px 0 8px;
  margin: 0;
  border: 0;
  cursor: pointer;
}
.form-select-input:focus, .form-number-input:focus {
  border: 0;
}
.form-select-wrap:after, .form-number-up, .form-number-down {
  cursor: pointer;   
  content: '';  
  width: 0;
  height: 0;
  position: absolute;
  right: 8px;  
  border: 5px solid transparent;  
}
.form-select-wrap:after {
  pointer-events: none;
}
.form-select-wrap:after, .form-number-down {
  border-color: #213040 transparent transparent transparent;  
  top: 50%;
  margin-top: -2px; 
}
.form-number-up {
  border-color: transparent transparent #213040 transparent;
  bottom: 50%; 
  margin-bottom: 2px !important;
}
.form-number-down {
  margin-top: 3px;
}
.form-group-item:before {
  background: #fff;
  pointer-events: none;
}
.form-input-add {
  cursor: pointer;
  background: #213040;  
}
.form-select-wrap:before, .form-number-wrap:before, .form-input-add {
  width: 25px;
  height: 40px;   
}
.form-select-wrap:before, .form-number-wrap:before {
  content: '';   
  display: block;
  position: absolute;    
  top: 0;
  right: 0;
}
.form-input-add:before, .form-input-add:after { 
  content: '';   
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;  
} 
.form-input-add:before {
  width: 10px;
  height: 2px;
  margin-top: -1px;
  margin-left: -5px;  
}
.form-input-add:after {
  width: 2px;
  height: 10px;
  margin-top: -5px;
  margin-left: -1px;  
}
.form-select-ul {
  position: absolute;
  top: 100%;
  width: 100%;  
  height: auto;
  margin: 0;
  padding: 0;
  outline: none;
  overflow: hidden;
  max-height: 0;
  z-index: 999;
  background: #fff;
  color: #213040;
  box-shadow: 2px 2px 3px 0px rgba(70,78,85,.1); 
}
.form-select-li {
  padding: 4px 8px;
  margin: 0;
  cursor: pointer;  
}
.form-select-li:hover {
  background: #286ea2;  
  color: #fff;
}
.form-number-wrap {
  width: 70px;
}

/* ! Submit  */
.form-wrap-inline .add_to_cart {
  min-width: 100px;
  margin-top: 0;
}


/* ----- WOOCOMMERCE ALLERT ----- */
.add-to-cart-message {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  line-height: 40px !important; 
  padding: 0 8px;
  background: #fff;
  color: #213040;
}
.products-selection .add-to-cart-message {
  width: 250px;
  display: none
}
.add-to-cart-message.success {
  color: #2ea620
}
.add-to-cart-message.allert {
  color: #f93214
}


/* ----- ACCORDITION ----- */
.tabs {
  background: #eaeffa;
  padding: 0 24px;
}
.tab-label {
  height: 36px;
  line-height: 36px;
  margin: 16px 24px;
  position: relative;
  cursor: pointer;
}
.tabs-body, .tab-card {
  overflow: hidden;
}
.tabs-body {
  padding: 24px;
}
.tab-card {
  max-height: 0;
}
.tabs-body {
  border-top: 1px solid #fff;
}
.product-display ul h4{
	font-size:1.1rem!important;
	margin-bottom:5px!important;
}
.product-display ul{
	 list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
	
}
.product-display ul.ipad{
	 list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
	
}
.product-display ul.ipad h4{
	font-size:1.4rem!important;
	font-weight:bold;
	margin-bottom:5px!important;
}
.product-display ul.single{
	 grid-template-columns: repeat(1,1fr);
	text-align:center;
}
.product-display ul li{
	border:1px solid #286EA2;
	padding:10px 10px 20px;
	margin-bottom:0;
}
.product-display ul li p{
		background:url(http://6zl.fdc.myftpupload.com/wp-content/uploads/2024/01/bullets.webp) no-repeat left center;
    padding-left: 15px;
    background-size: 2%;
	font-size:13px;
	line-height:2.5;
	margin-bottom:0;
}
.product-display ul.ipad li p{
	background:url(http://6zl.fdc.myftpupload.com/wp-content/uploads/2024/01/bullets.webp) no-repeat left center;
    padding-left: 15px;
    background-size: 2%;
}
.product-display ul li:after, .product-display ul li:before{
	display:none!important;
}
.product-display ul li .btn{
	font-size: 17px;
    color: #286EA2;
    font-style: normal;
    font-weight: 400;
	border:1px solid rgba(40, 110, 162, 0.68);
	display:block;
	margin-top:10px!important;
	height:50px;
	line-height:50px;

}
.product-display ul li .btn:hover{
	 background: #286EA2;
	color:#fff;
}
.product-display ul li .btn:hover a{
	color:#fff;
}

/* ------------------------------------------------------ */ 
/* RESPONSIVE STYLE
/* ------------------------------------------------------ */ 
/* ------ RESPONSIVE STYLE ------ */
@media (max-width:576px){
.service-section{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 30px;
}
	.service-section .box{
		margin:0 0 20px;
		min-height:280px;
	}
	.service-section .box .info h4{
		font-size:24px!important;
	}	
.service-section .box .detail p {
    line-height: 1.8;
    font-size: 11px;
}	
	.product-display ul{
	 list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: repeat(1,1fr)!important;
 }	
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2rem;
  }	
  h3 {
    font-size: 1.5rem;
  }	
  h4, h5, h6 {
    font-size: 1.1rem;
  }	
.slider-block-title {
  position: relative;
  width: 100%;
  height: 40px;
 line-height: 20px;
  text-align: center;
  z-index: 1;
  margin: 32px 0 24px 0;
font-size:0.9rem!important;
}
.slider-blocks .__col-sm-6{
	width:50%!important;
}	
}

@media (min-width: 1025px) {
  .header-menu.responsive-menu {
    margin-top: 0 !important;
  }
}

@media (max-width: 1400px) {
  /* ! Focuses  */
  .focus:not(:nth-last-child(-n+2))  {
    margin-bottom: 32px;
  } 
  
  img.slide-logo {
    display: none;
  }  
}

@media (max-width: 1200px) {
  /* ! Header  */
  .logo-alt {
    display: block;
  }
  .logo {
    display: none;
  }
}

/* @media  (min-width: 1025px) and (max-width: 1200px) {
	  .logo-alt {
    display: none;
  }
  .logo {
    display: block;
	     width: auto;
    height: 50px!important;
  }

} */


@media (max-width: 768px) {  
	.intro-image-1 {
	margin-left:0;
		margin-right:0;
	 margin-top: 10px;
	
}
.product-display ul{
	 list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
 }	
  .responsive-menu {
    position: absolute !important;
    left: -100% !important; 
    top: 0;
    width: 75%!important;
    min-height: 100vh !important;
    max-height: 100vh;
    z-index: 999;
/*     background: #293037;   */
	   background: #286ea2!important;
  } 
	#mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header{
/* 	   background: #293037;  */
		 background: #286ea2;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{
	font-size:13px;
	padding:2px 0;
	}	
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
	background: #2c7ebb!important;
	}	
}

@media (max-width: 1024px) {  
  /* ! Header  */
  .header {
    position: relative;
  }
  .header-promo {
    font-size: 0.8rem;
    line-height: 1.75;
  }  
  .header-top {
    min-height: 40px;  
    margin: 0 auto;
  }   
  .header-contact li:first-child {
    margin-left: 0;
  }
  .header-top .header-icon {
    margin-right: 8px;
  }
  .header-description {
    display: none
  }  
  
  /* ! Mobile Menu  */
  .trigger-navbar, .mobile-logo, .header-mobile-shortcut {
    display: block;
  }
  .responsive-menu {
    position: absolute !important;
    left: -100% !important; 
    top: 0;
    width: 100%;
    min-height: 100vh !important;
    max-height: 100vh;
    z-index: 999;
    background: #293037;  
  } 
  .responsive-menu, .responsive-menu a {
    color: #e6e9f0;
  }
  .responsive-menu.opened {
    left: 0 !important;
  }    
  .header-main.fixed .responsive-menu.opened {
    margin-top: 0 !important;
  }  
  .header-menu .header-container {
/*     padding: 32px 16px; */
	     padding: 10px 5px;
    margin: 8px;
  }  
  .header-mobile-close, .header-mobile-cart a {
    line-height: 50px;
    height: 50px;
  }  
  .responsive-menu .header-wrap {
    margin: 5px 0;
  }  
  .header .navbar {
    width: 100%;
    max-height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 16px;
  } 
  .header .navbar li:not(:last-child) {
    border-bottom: 1px solid rgba(120, 120, 120, 0.2) !important;
  }
  .header .navbar li {
    display: block;
    width: 100%;
    padding: 0;
    border-top: 0 !important
  }
  .header .navbar li a, .header .navbar ul li a {
    height: 40px;
    line-height: unset;
    padding: 6px 16px;
    text-align: left;
    border-top: 0 !important;
  }
  .header .navbar li.opened {
    background: #286ea2;
  }
  .header .navbar li.opened > a {
    color: #fff;
  }  
  .header .navbar li > ul > li {
    background: #343c45;
  }
  .header .navbar li:before, .header .navbar li:after {
    background: #fff;
    right: 16px;
  }  
  .header .navbar ul {
    width: 100%;
    height: 0;
    transform: scaleY(0);
    position: relative;
  }  
  .header .navbar li > ul {
    background: #343c45;
  }    
  .header .navbar li.opened > ul {
    height: 100%;
    max-height: 100% !important;
    transform: scaleY(1);
    left: 0;
  }
  .header .navbar li.opened > ul li:hover {
    background: #286ea2;
  }   
  
  /* ! Hero  */
  .slide-container {
    max-width: 100%;
    text-align: center;
    padding: 0;
  }
  .slider-slick video {
    height: 100%;
    width: auto;
  }  
  .slide-logo {
    padding: 16px;
    margin: auto auto 32px auto;
  }  
  .slide-wrap-text {
    width: 100%;
    height: auto;
    padding: 16px;
    background: rgb(00, 00, 00, .2);
  }  
  .slide-subtitle {
    font-size: 1.2rem;
    max-width: 80%;
    margin: 0 auto;
  }
  .slide-wrap-text .slide-buttons {
    margin: 24px 0 16px 0;
  }
  .slide-wrap-text .slide-buttons a {
    width: 50%;
    height: 20px;
    line-height: 20px;
    border: 0 !important;
    display: block;
    margin: 0 auto;
  }  
  .slider-blocks {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 0;
    background: #000;
  }  
  .slider-block .slider-block-image {
    opacity: .8
  }    
  .slider-container:before, .slider-blocks-wrap:before, .slider-blocks-wrap:after {
    display: none
  }
  
  img.slide-logo {
    display: block;
  }
  
  /* ! Porfolio  */
  .grid {
    width: 756px;
  }      
  
  /* ! Intro  */
  .intro-image {
    margin-left: 0;
    margin-top: 32px;
  } 
  
  /* ! Timeline  */
  .timeline-text {
    margin-top: 120px;
    padding-left: 0;
  }   
  .block-col:nth-child(even) .block-image {
    order: 0;
  }  
  .block-image picture {
    background-size: cover;
  }
  
  /* ! Testimonial  */
  .testimonial .testimonial-wrap {
    margin: 0 16px 40px 16px;
  } 
  .testimonial:last-child .testimonial-wrap {
    margin-bottom: 0;
  }   
  
  /* ! Blog  */
  .blog-posts .blog-post:not(:last-child) {
    margin-bottom: 60px;
  }    
  .blog-post {
    display: flex;
  }
  .blog-image, .blog-text {
    width: 50%;
  }
  .blog-image {
    margin: 0;
    padding-right: 30px;
  }  
  
  /* ! Footer  */
  .top-footer .navbar, .bottom-footer .navbar {
    justify-content: flex-start;
  }  
}

@media (max-width: 800px) {
  /* ! Selection */
  #selection .label {
    margin: 0;
    border: 0 !important;
    text-align: center;
  }
  #selection .form-wrap-inline {
    border: 0 !important;
  }
  
  /* ! Portfolio */
  .grid {
    width: 504px;
  }  
  
  /* ! Intro */
  .intro-image {
    margin: 0;
  }  
  
  /* ! Focuses  */
  .focus:last-child .focus-wrap {
    margin-bottom: 0;
  }  
  .focus {
    margin: 0;
  }
  .focus-wrap {
    margin: 0 16px 40px 16px;
  }   
  .focus:nth-last-child(-n+2) .focus-wrap {
    margin-bottom: 0;
  }
  
  /* ! Timeline  */
  .timeline-icons {
    padding-right: 0;
  }
  .time-block:not(:last-child) {
    margin-bottom: 32px;
  }  
  .time-content, .time-step {
    width: 50%;
  }  
  
  /* ! Blocks  */
  .block-text {
    height: auto;
    min-height: auto;
    margin: 44px 0;
  }  
  .block-image {
    height: 300px;
    min-height: 300px
  }   
  
  /* ! Footer  */
  .footer-block {
    padding: 16px 0;
  }
  .footer-social, .footer-logo {
    margin-bottom: 16px;
  }  
}

@media (max-width: 575px) {
/*   .header-icon {
    display: none;
  } */
  .section-title {
    margin: 0 0 32px 0;  
    font-size: 3rem;
    line-height: 3rem;
  }
  .section-header {
    display: flex;
    align-items: center;
    flex-direction: column; 
  }
  .cart-total {
    display: none;
  }  
  .tabs {
    padding: 0;
  }
  
  /* ! Hero  */
  .slider-slick video {
    display: none;
  }   
  
  /* ! Portfolio */
  .grid {
    width: 252px;
    max-height: 1760px;
    overflow: hidden;
  }  
  
  /* ! Focuses  */
  .focus:not(:last-child) .focus-wrap {
    margin-bottom: 40px;
  }  
  
  /* ! Blocks  */
  .block-image {
    height: 250px;
    min-height: 250px
  }  
  
  /* ! Blog  */
  .blog-post {
    display: block;
  }
  .blog-image, .blog-text {
    width: 100%;
  }
  .blog-image {
    margin-bottom: 16px;
    padding-right: 0;
  }  
  
  /*! Footer */
  .footer-wrap {
    padding: 0 16px;
  }  
  .footer-block {
    padding: 0 0 32px 0;
  }
  .footer-breackline > .footer-block {
    padding: 0;
  }
  .top-footer .navbar, .bottom-footer .navbar {
    justify-content: flex-start;
  }
  .footer-block .widget h4 {
    margin: 0;
  }   
  
  /* ! Selection  */
  .form-inner {
    width: 100%;
  }
  .form-wrap-inline .add_to_cart {
    width: 100%;
  }
  .form-group {
    margin: 0;
  }
  .form-select-wrap .form-group-item {
    width: 100%;
    margin: 0 0 8px 0;
  }  
  .selection-item {
    width: calc(100% - 70px - 40px - 8px) !important;
    margin-right: 8px !important;
  }
  .selection-add {
    margin-right: 0 !important;
  }  
}
@media (max-width: 374px) {
  .section-title, .page-title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}



/* -- WORDPRESS CLASSES -- */
@media (min-width: 664px) {
  .wp-video {
    max-width: 640px !important;
  }
}
@media (max-width: 663px) {
  .wp-video {
    max-width: 320px !important;
  }
}



/* -- UTILITY CLASSES -- */
/* Structure */
.__container, .__container-fluid, .__container-responsive {
  width: 100%;
/*
  padding-right: 8px;
  padding-left: 8px;
*/
  margin-right: auto;
  margin-left: auto;
}
.__container, .__container-fluid, .__container-responsive, .__wrap, .__wrap-small {
  padding: 0 16px;
}
.__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
/*
  margin-right: -8px;
  margin-left: -8px;
*/
}
.__wrap-box {
  padding: 16px;
}
.__wrap-row {
  margin-left: -16px;
  margin-right: -16px;
}

.__col-sm-1, .__col-sm-2, .__col-sm-3, .__col-sm-4, .__col-sm-5, .__col-sm-6, .__col-sm-7, .__col-sm-8, .__col-sm-9, .__col-sm-10, .__col-sm-11, .__col-sm-12,
.__col-md-1, .__col-md-2, .__col-md-3, .__col-md-4, .__col-md-5, .__col-md-6, .__col-md-7, .__col-md-8, .__col-md-9, .__col-md-10, .__col-md-11, .__col-md-12,
.__col-lg-1, .__col-lg-2, .__col-lg-3, .__col-lg-4, .__col-lg-5, .__col-lg-6, .__col-lg-7, .__col-lg-8, .__col-lg-9, .__col-lg-10, .__col-lg-11, .__col-lg-12,
.__col-xl-1, .__col-xl-2, .__col-xl-3, .__col-xl-4, .__col-xl-5, .__col-xl-6, .__col-xl-7, .__col-xl-8, .__col-xl-9, .__col-xl-10, .__col-xl-11, .__col-xl-12 {
  position: relative;
  width: 100%;
/*  min-height: 1px;*/
/*
  padding-right: 8px;
  padding-left: 8px;
*/
}

@media (min-width: 576px) {
/*
  .__container {
    max-width: 540px;
  }
*/
  .__col-sm-3 {
    max-width: 25%;
  }	  	
  .__col-sm-4 {
    max-width: 33.333333%;
  }
  .__col-sm-6 {
    max-width: 50%;
  } 
  .__col-sm-8 {
    max-width: 66.666667%;
  }  
  .__col-sm-12 {
    max-width: 100%;
  }  
}
@media (min-width: 800px) {	
/*
  .__container {
    max-width: 90%;
  }	
*/
.header-main  .__container {
    padding: 0 20px!important;
  }	
  .__container {
    padding: 0 60px;
  }  
  .__wrap {
    padding: 0 60px;
  }  
  .__wrap-box {
    padding: 60px;
  }  
  .__col-md-4 {
    max-width: 33.333333%;
  }
  .__col-md-8 {
    max-width: 66.666667%;
  } 
}
@media (min-width: 1024px) {
/*
  .__container {
    max-width: 960px;
  }
*/
  .__col-lg-3 {
    max-width: 25%;
  }	  	
  .__col-lg-4 {
    max-width: 33.333333%;
  }
  .__col-lg-6 {
    max-width: 50%;
  }
  .__col-lg-8 {
    max-width: 66.666667%;
  }
  .__col-lg-9 {
    max-width: 75%;
  }	 
}
@media (min-width: 1200px) {
  .__container {
    max-width: 1140px;
    padding: 0 16px;
  }  
}
@media (min-width: 1400px) {
  .__container, .__container-responsive {
    max-width: 1280px;
  } 	
  .__col-xl-3 {
    max-width: 25%;
  }	    
  .__col-xl-4 {
    max-width: 33.333333%;
  } 
  .__col-xl-6 {
    max-width: 50%;
  }  
  .__col-xl-12 {
    max-width: 100%;
  }  
}

/* Margin */
.__m-0 {
  margin: 0 !important;
}
.__mb-0, .__my-0 {
  margin-bottom: 0 !important;
}
.__mt-0, .__my-0 {
  margin-top: 0 !important;
}
.__ml-0, .__mx-0 {
  margin-left: 0 !important;
}
.__mr-0, .__mx-0 {
  margin-right: 0 !important;
}
.__mb-auto, .__my-auto {
  margin-bottom: auto !important;
}
.__mt-auto, .__my-auto {
  margin-top: auto !important;
}
.__ml-auto, .__mx-auto {
  margin-left: auto !important;
}
.__mr-auto, .__mx-auto {
  margin-right: auto !important;
}
.__mb-full {
  margin-bottom: 120px;
}
.__mb-half {
  margin-bottom: 60px;
}
.__mb-5 {
  margin-bottom: 40px;
}
.__mb-4 {
  margin-bottom: 32px;
}
.__mb-3 {
  margin-bottom: 24px;
}
.__mb-2 {
  margin-bottom: 16px;
}
.__mb-1 {
  margin-bottom: 8px;
}
.__mb-0 {
  margin-bottom: 0;
}
.__row-expanded-3 {
  margin: 0 -16px !important;
}
.__row-expanded-4 {
  margin: 0 -32px !important;
}
@media (max-width: 577px) {
  .__row-expanded-3, .__row-expanded-4 {
    margin: 0 !important;
  }
}


/* Padding */
.__p-0 {
  padding: 0 !important;
}
.__pt-0, .__py-0 {
  padding-top: 0 !important;
}
.__pb-0, .__py-0 {
  padding-bottom: 0 !important;
}
.__pl-0, .__px-0 {
  padding-left: 0 !important;
}
.__pr-0, .__px-0 {
  padding-right: 0 !important;
}
.__pl-15 {
  padding-left: 15px !important;
}
.__pr-15 {
  padding-right: 15px !important;
}
.__pt-15 {
  padding-top: 15px !important;
}
.__pb-15 {
  padding-bottom: 15px !important;
}



/* Align */
.__center {
  margin: 0px auto !important;	
}
.__text-left {
  text-align: left !important;
}
.__text-right {
  text-align: right !important;
}
.__text-center, .__center {
  text-align: center !important;
}

/* Display */
.__d-none {
  display: none !important;
}

/* Flex */
.__flex, .__flex-center, .__flex-leftcenter, .__flex-rightcenter, .__flex-betweencenter, .__flex-col, .__flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
}
.__flex-nowrap {
  display: -ms-flexbox;
  display: flex;  
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;    
}
.__flex-center, .__flex-leftcenter.__flex-col {
  -ms-flex-pack: center;
  justify-content: center;
}
.__flex-leftcenter.__flex-col {
  -ms-flex-align: start;  
  align-items: start;  
}
.__flex-rightcenter {
  -ms-flex-pack: end;
  justify-content: flex-end;  
}
.__flex-betweencenter {
  -ms-flex-pack: justify;
  justify-content: space-between;  
}
.__flex-center, .__flex-betweencenter, .__flex-leftcenter {
  -ms-flex-align: center;
  align-items: center;
}
.__flex-col {
  -ms-flex-direction: column;
      flex-direction: column;
}
.__flex-row {
  -ms-flex-direction: row;
  flex-direction: row;
}
.__only_mobile {
  display: block !important;
}
@media (min-width: 1400px) {
  .xl__flex-col {
    -ms-flex-direction: column;
        flex-direction: column;
  } 
}
@media (min-width: 576px) {
  .__only_mobile {
    display: none !important;
  }
  .sm__flex-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }     
}
.__order-first {
    -ms-flex-order: -1;
      order: -1;
}
.__order-0 {
    -ms-flex-order: 0;
      order: 0;
}
.__order-1 {
  -ms-flex-order: 1;
      order: 1;
}
.__order-2 {
  -ms-flex-order: 2;
      order: 2;
}
.__order-3 {
  -ms-flex-order: 3;
      order: 3;
}
.__order-4 {
  -ms-flex-order: 4;
      order: 4;
}
.__order-5 {
  -ms-flex-order: 5;
      order: 5;
}
.__order-6 {
  -ms-flex-order: 6;
      order: 6;
}
.__order-7 {
  -ms-flex-order: 7;
      order: 7;
}
.__order-8 {
  -ms-flex-order: 8;
      order: 8;
}
.__order-9 {
  -ms-flex-order: 9;
      order: 9;
}
.__order-10 {
  -ms-flex-order: 10;
      order: 10;
}
.__order-11 {
  -ms-flex-order: 11;
      order: 11;
}
.__order-12 {
  -ms-flex-order: 12;
      order: 12;
}
.__order-last {
  -ms-flex-order: 13;
      order: 13;
}

/* Position */
.__abs {
  position: absolute;
}
.__rel {
  position: absolute;
}


#select {
  line-height: 0;
  text-align: center;
}
.zoho--quick-form-iframe {
  width: 100%; 
  height: 150px;
  border: 0;
  max-width: 1600px;
}
@media (max-width: 1199px) {
  .zoho--quick-form-iframe {
    height: 220px;
  }
}
@media (max-width: 1023px) {
  .zoho--quick-form-iframe {
    height: 336px;
  }
}
@media (max-width: 576px) {
  .front-page-slider, .hero-wrap, .hero-wrap .slide {
    height: 100vh;
  }    
  .zoho--quick-form-iframe {
    height: 680px;
  }
}
@media (max-width: 360px) {
  img.slide-logo {
    height: 150px;
    padding: 15px 0;
    margin-bottom: 0;
  }  
}


/*--------Edit by Hamid----------------*/
.bottom-footer p {
	font-size:12px;
}

#free_content .service-box{
    background-color: RGBA(255,255,255,1);
    border-radius: 10px;
    box-shadow: 0px 1px 10px 0px RGBA(0,0,0,0.13);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: RGBA(255,255,255,1);
	margin: 0 1.21% 50px;
	width: 23.3%;
	padding:20px 20px 30px!important;
	transform: translate(0px, 0px);
    transition: .5s;
	}
#free_content .service-box:hover{
    transform: translate(0px, -10px);
    transition: transform 0.5s;
}

#free_content .service-box:first-child{
	margin:0 0.97% 50px 0;
}
#free_content .service-box:nth-child(4){
	margin:0 0 50px 0.97%!important;
}
#free_content .service-box h3{
	margin-bottom:12px;
	text-align:center;
}
#free_content .service-box ul{
	font-size:0.9rem!important;
	letter-spacing: 0!important;
	margin:0;
}
#free_content .service-box ul li{
	margin-bottom:5px;
	background:url(https://www.thetekkgroup.com/wp-content/uploads/2023/06/bullets-1.png)no-repeat left center;
	padding-left:20px;

}
#free_content .service-box:first-child h3:before{
	content:'';
	width:100px;
	height:100px;
	background:url(https://www.thetekkgroup.com/wp-content/uploads/2023/06/business-icon.webp)no-repeat center center;
	background-size:75%;
	display:block;
	margin:auto;
}
#free_content .service-box:nth-child(2) h3:before{
	content:'';
	width:100px;
	height:100px;
	background:url(https://www.thetekkgroup.com/wp-content/uploads/2023/06/company-icon.webp)no-repeat center center;
	background-size:75%;
	display:block;
	margin:auto;
}
#free_content .service-box:nth-child(3) h3:before{
	content:'';
	width:100px;
	height:100px;
	background:url(https://www.thetekkgroup.com/wp-content/uploads/2023/06/marketing-icon.webp)no-repeat center center;
	background-size:75%;
	display:block;
	margin:auto;
}
#free_content .service-box:nth-child(4) h3:before{
	content:'';
	width:100px;
	height:100px;
	background:url(https://www.thetekkgroup.com/wp-content/uploads/2023/06/work-icon.webp)no-repeat center center;
	background-size:75%;
	display:block;
	margin:auto;
}

.time-block{
	background:#fff;
	padding:20px;
	margin:20px 0;
	transform: translate(0px, 0px);
    transition: .5s;
	cursor:pointer;
	box-shadow: 0px 1px 10px 0px RGBA(0,0,0,0.13);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: RGBA(255,255,255,1);	
}

.time-block:hover{
	background:#eaeffa;
	padding:20px;
	margin:20px 0;
	transform: translate(0px, -15px);
    transition: .5s;
}

.header .navbar li {
    padding: 0px 15px;
}
.slide-buttons {
    margin-top: 20px!important;
}
.time-block:hover .progress-circle, .time-block:hover .time-step:before, .time-block:hover .time-step:after {
    background: #fff;
}
.tab-card {
    max-height: 100%;
}
.our-testimonial{
	text-align:center;
	position: relative;
    min-height: 44px;
}
.our-testimonial h2{
	text-align:center!important;
	padding:0 32px;
	position: relative;
    min-height: 44px;
}

.our-testimonial h2::after {
	content:'';
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    background: #e6e9f0;
    z-index: 0;
    position: absolute;
    left: 0;
    display: block;
}
.our-testimonial::before {
	content:'';
    height: 1px;
    width: 100%;
    left: 0;
    top: 30%;
    margin-top: 1px;
    background: #fff;
    z-index: 0;
    position: absolute;
    left: 0;
    display: block;
}


.our-testimonial h2 span{
    position: relative;
    z-index: 1;
}
#focuses{
		background:#eaeffa;
	padding:50px;
	margin:100px 0 50px;
	cursor:pointer;
}
#focuses .focus{
	margin-bottom:0;
	padding:30px 10px;
	transform: translate(0px, 0px);
    transition: .5s;
}
#focuses .focus:hover{
  background-color: RGBA(255,255,255,1);
    border-radius: 10px;
    box-shadow: 0px 1px 10px 0px RGBA(0,0,0,0.13);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: RGBA(255,255,255,1);	
	padding:30px 10px;
	transform: translate(0px, -10px);
    transition: transform 0.5s;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-header #mega-menu-header[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

#mega-menu-header {
     display: block;
        position: relative;
        width: 100%;
        height: 100%;
}

@media (max-width:500px) {
#free_content .service-box, #free_content .service-box:first-child{
	width:100%;
	margin:0 0 20px;
}
	.our-testimonial h2 {
		padding:0;
	}
	#focuses{
		padding:20px 0;
		margin:0;
	}

}
@media  (min-width: 501px) and (max-width: 600px) {
#free_content .service-box{
		margin:0 1.5% 20px;
		width:48%;
	    padding: 20px 5px 30px!important;
	}
#free_content .service-box:first-child{
		margin:0 0.99% 20px 0;
	}
#free_content .service-box:nth-child(3){
		margin:0 0.99%  20px 0;
	 padding: 20px 5px 30px!important;
		
	}	
#free_content .service-box:nth-child(4){
		margin:0 0 20px 0.99%!important;
		
	}	
#free_content .service-box ul {
    font-size: 0.75rem!important;
    letter-spacing: 0!important;
    margin: 0;
}	
}

@media  (min-width: 601px) and (max-width: 767px) {
#free_content .service-box, #free_content .service-box:first-child{
		margin:0 10px 20px;
		width:46%;
	    padding: 20px 7px 30px!important;
	}
	#free_content .service-box:first-child{
		margin:0 10px 20px;
		
	}
#free_content .service-box ul {
    font-size: 0.85rem!important;
    letter-spacing: 0!important;
    margin: 0;
}
	#free_content .service-box:nth-child(4) {
    margin: 0 0 20px 0.97%!important;
}
}
@media  (min-width: 768px) and (max-width: 991px) {
#free_content .service-box, #free_content .service-box:first-child{
		margin:0 10px 20px;
		width:47%;
	    padding: 20px 20px 30px!important;
	}
	#free_content .service-box:first-child{
		margin:0 10px 20px;
		
	}
#free_content .service-box:nth-child(4) {
    margin: 0 0 20px 0.97%!important;
}
#free_content .service-box ul {
    font-size: 0.9rem!important;
    letter-spacing: 0!important;
    margin: 0;
}	
	.bottom-footer {
		font-size:11px;
		text-align:center;
	}	
.top-footer .navbar, .bottom-footer .navbar {
    justify-content: center;
}
	.top-footer .navbar .nav-link, .bottom-footer .navbar .nav-link {
		margin-right:6px!important;
	}
	.top-footer .navbar li, .bottom-footer .navbar li{
		margin-right:6px!important;
	}
	.footer-wrap .footer-breackline:nth-child(2){
		max-width:70%;
	}	
	.footer-wrap .footer-breackline:nth-child(3){
		max-width:30%;
	}	
.footer-breackline {
    border-top: 1px solid #38424d;
    padding: 10px 0 0 0;
    margin-top: 10px;
}	
.small-section {
    padding: 15px 0;
}	
.testimonial .testimonial-wrap {
    margin: 0 16px;
}	
	.testimonial .testimonial-wrap .section-block-label	{
		margin-bottom: 0px;
	}
.our-testimonial h2 {
    margin: 15px 0!important;
}
}
@media  (min-width: 992px) and (max-width: 1200px) {
#free_content .service-box, #free_content .service-box:first-child{
		margin:0 8px 20px;
		width:23.4%;
	    padding: 20px 8px 30px!important;
	}
	#free_content .service-box:first-child{
		margin:0 8px 20px 0;
		
	}
			#free_content .service-box:nth-child(4) {
    margin: 0 0 20px 0.97%!important;
}
#free_content .service-box ul {
    font-size: 0.68rem!important;
    letter-spacing: 0!important;
    margin: 0;
}	
}
@media  (min-width: 768px) and (max-width: 1024px) {
	.blog-image{
		margin-right:10px;
	}
	
}
@media  (min-width: 320px) and (max-width: 1024px) {
		.header-contact li{
		line-height:3!important;
	}	
}
@media  (min-width: 320px) and (max-width: 767px) {
.gallery-outer{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
}
	.header-promo {
    font-size: 0.5rem;
    line-height: 1.4;
}
.slide-logo {
    padding: 16px;
    margin: 10px auto 32px auto;
	height:100px!important;
}	
	#hero .__flex-leftcenter.__flex-col{
		justify-content: unset;
		
	}
	.slide-subtitle{
		max-width:100%;
		font-size:0.91rem;
		line-height:1.5;
	}	
.front-page-slider, .hero-wrap, .hero-wrap .slide {
    height: 55vh;
}	
	.slider-block .slider-block-image{
		background-size:100% 100%!important;
	}
	.portfolio-item{
		    margin: 0 6px;
		height:325px;
	}	
	.zoho--form-label{
		max-width:100%!important;
	}	
.section-title, .page-title, #blocks h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
}	
#blocks h3 {
    font-size: 1.3rem;
    line-height: 2rem;
	font-weight:600;
	margin-bottom:10px;
}	
	.blog-posts .blog-post {
		margin-bottom:20px!important;
	}
.section-subtitle {
  font-size: 0.9rem;
    letter-spacing: 0;
    line-height: 1.75;
}	
.section-header, .section-block {
    margin-bottom: 10px;
}	
	p, article.shown{
		line-height:1.5
	}
	.section-block-title{
		line-height:1.5
	}	
.timeline-text {
    margin-top: 20px;
}	
	.card-block{
		margin-bottom:20px!important;
	}
	body, html{
		overflow-x:hidden;
	}
	
}

@media  (min-width: 1024px) and (max-width: 1024px) {
.blog-image {
    margin: 0;
    padding-right: 0;
  }
	.blog-post{
		display: unset;
	}
	.blog-image, .blog-text{
		width:100%;
	}	

	}
@media  (min-width: 1024px) and (max-width: 1100px) {
.header .navbar li {
    padding: 0px 10px;
    min-width: unset;
    font-size: 0.65rem;
}

}
@media  (min-width: 1101px) and (max-width: 1200px) {
.header .navbar li {
    padding: 0px 13px;
    min-width: unset;
}
}
@media  (min-width: 1025px) and (max-width: 1089px) {
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
    font-size:78%!important;
}	
}
@media  (min-width: 1090px) and (max-width: 1200px) {
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
    font-size:86%!important;
}	
}

@media  (min-width: 320px) and (max-width: 768px) {
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    overflow: scroll;
    height: 100vh;
	padding-bottom:0%;
}
	#mega-menu-wrap-header #mega-menu-header > li#mega-menu-item-2115 > ul.mega-sub-menu, #mega-menu-wrap-header #mega-menu-header > li#mega-menu-item-2117 > ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    overflow: scroll;
    height: 30vh;
	padding-bottom:0%;
}
#mega-menu-item-2113 > ul.mega-sub-menu, #mega-menu-item-2109 > ul.mega-sub-menu, #mega-menu-item-2114 > ul.mega-sub-menu, #mega-menu-item-2111 > ul.mega-sub-menu, #mega-menu-item-2540 > ul.mega-sub-menu{
    float: left;
    position: static;
    width: 100%;
    overflow: scroll;
    height: 50vh!important;
    padding-bottom: 0%;
	}
#mega-menu-item-2113 > ul.mega-sub-menu{
    float: left;
    position: static;
    width: 100%;
    overflow: scroll;
    height: 70vh!important;
    padding-bottom: 0%;
	}		
	#mega-menu-2110-0-1 ul.mega-sub-menu, #mega-menu-2111-0-1 ul.mega-sub-menu  {
/* 		padding-bottom:56%!important; */
	}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 15px 0;
 
}	
	
	}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link{
  font-size: 12px;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item-has-children > a.mega-menu-link, 
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item:last-child > a.mega-menu-link{
  padding: 0px 12px;
}
.header-shortcuts a {
  line-height: 40px;
}
.header-shortcut {
  margin-right: 0;
}
.logo {
  width: auto;
  height: 70px;
}


@media  (min-width:768px) and (max-width: 992px) {
.service-section{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap:10px;
}
	.service-section .box{
		margin:0;
		min-height:235px;
	}
	.service-section .box .info h4{
		font-size:20px!important;
	}
.service-section .box .detail h4 {
    margin-bottom: 0;
    font-size: 20px!important;
    font-weight: bold;
}
.service-section .box .detail p {
    line-height: 1.5!important;
    font-size: 10px;
}	
}
@media  (min-width:993px) and (max-width:1100px) {
.service-section{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap:10px;
}
	.service-section .box{
		margin:0;
		min-height:235px;
	}
	.service-section .box .info h4{
		font-size:20px!important;
	}
.service-section .box .detail h4 {
    margin-bottom: 0;
    font-size: 20px!important;
    font-weight: bold;
}
.service-section .box .detail p {
    line-height: 1.8!important;
    font-size: 11px;
}	
}
@media  (min-width:1101px) and (max-width:1300px) {
.service-section{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap:20px;
}
	.service-section .box{
		margin:0;
		min-height:235px;
	}
	.service-section .box .info h4{
		font-size:22px!important;
	}
.service-section .box .detail h4 {
    margin-bottom: 0;
    font-size: 22px!important;
    font-weight: bold;
}
.service-section .box .detail p {
    line-height: 1.8!important;
    font-size: 13px;
}	
}

@media  (min-width:320px) and (max-width:1023px) {
	.new-section:nth-child(even) ._col-lg-6:nth-child(odd)  {
		background:#000;
	}
		.new-section:nth-child(even) ._col-lg-6+.__col-lg-6{
		order:2;
	}

.outer-container .new-section {
	display:block;
}
.img-order-1{
	order:1;
}
.img-order-2{
	order:2;
}
.new-section h3, .outer-container h2 {
    font-size: 1.4rem;
    line-height: 1.8rem;

}
	.outer-container p{
		padding-bottom:15px;
	}
	}
@media  (min-width:320px) and (max-width:424px) {
.email-info{
display:none!important;
}
}