select::-ms-expand, input::-ms-expand {
  display: none;
}

.card__header, .card__body, 
.filter__gradient,
.page__header-container {
  position: relative;
}
.card__header, .card__body {
  z-index: 1;
}

.product-container {
  -ms-flex-direction: column;
      flex-direction: column;  
}


/* -- Typography -- */
/*
.page:not(.home) h3 {
  font-weight: 400;
}
*/

:-ms-input-placeholder { 
  color: #272727;	
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
  line-height: 1rem;
  opacity: 0.5; 
}
:-webkit-input-placeholder {
  color: #272727;	
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
  line-height: 1rem;
  opacity: 0.5; 
}
:-moz-placeholder {
  color: #272727 !important;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
  line-height: 1rem;
  opacity: 0.5; 
}


/* -- Cart -- */
.card-subtitle {
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
  line-height: 1.5;  
  font-weight: 600;
}


/* -- Margins -- */
.sidebar__wrap {
  margin-left: 8px;
  margin-right: 8px;
}
.page-subtitle {
  margin-top: 12px;
}




/* -- Paddings -- */
.card__wrap {
  padding: 64px;
}


/* -- Icons -- */
.header-icon .iconify[data-icon="bi:cart3"]{
  width: 90%;
  height: 90%;
}


/* -- Buttons -- */
.__btn:focus, .__btn:active {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;  
}


/* -- Sections -- */
.main-content {
  max-width: 100%;
}

.aside-gallery {
  max-width: 500px;
}

.page-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.page-container.vertical {
  flex-wrap: wrap;  
}

/* -- ??? -- */
.section-title:before {
  bottom: 0;
}
.slide-container .section-title:after, .section-title.noline:after {
  display: none
}

.header-main.fixed .header__main-nav .navbar > li {
  border: 1px solid transparent;
}
.header-main.fixed .header__bottom-logo, .header-main.fixed .header__bottom-cart {
  display: block;
}

.footer-inner-last {
  width: 100%;
  padding: 0 64px 0 0;  
}




/* ------ ADJUSTMENTS ------ */
/* -- Icon -- */
.woocommerce_tags * {
  margin: 0 4px;
}
.portfolio-discount {
  padding: 0 4px;
  height: 20px;
  line-height: 20px;
}
.portfolio-price-was {
  text-decoration: line-through
}

/* -- product gallery -- */
.product__gallery {
  width: 460px;
}



/* ------ INNER PAGES ------ */
/* -- cart page -- */
/*
.shop_table .product-price, .shop_table .product-subtotal, .shop_table .product-total, .shop_table .product-price, .shop_table .product-subtotal, .shop_table .product-total, .shop_table .cart-subtotal, .shop_table .order-total, .shop_table .coupon, .woocommerce-form-coupon-toggle, .woocommerce-form-coupon, .woocommerce-checkout label, .woocommerce-additional-fields h3, #order_review_heading, .woocommerce-terms-and-conditions-wrapper, .woocommerce-info {
  display: none;
}
*/
.woocommerce-additional-fields__field-wrapper label {
  display: block;
}


/* -- Contact -- */
@media (max-width: 575px) {
  .page-container {
    flex-wrap: wrap;
  }
}



/* -- COLORS -- */
/* -- Bakcgrunds -- */
.page__header.filter:before {
  background: #00335a;
}
.filter__linear.dark:before {
  background: #213040;
}
.filter__linear.light:before {
  background: #e6e9f0;
}

/* -- Filter and Gradient -- */
.filter__gradient:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.filter__gradient.dark:before {
  background: linear-gradient(180deg,rgba(33,48,64,.2) 0%, #213040 100%);
}
.filter__gradient.deep-dark:before {
  background: linear-gradient(180deg,rgba(33,48,64,.2) 0%, #213040 80%);
}


/* -- Border -- */
.page-header.filter .button.one {
  border: 1px solid #fff;
}

.wp-block-image img {
  height: auto;
}
/*
@media (min-width: 600px) and (max-width: 1024px) {
  .wp-block-columns {
    flex-wrap: wrap;
  }
  .wp-block-column {
    flex-basis: 100% !important;
    margin-left: 0 !important;
  }
}
*/



/* -- WORDPRESS CLASSES -- */
.alignright {
  float: right
}
.alignleft {
  float: left
}



/* -- UTILITY CLASSES -- */
/* Structure */
@media (min-width: 576px) {
  .__col-sm-1 {
    max-width: 8.333333%;
  }
  .__col-sm-2 {
    max-width: 16.666667%;
  }
  .__col-sm-5 {
    max-width: 41.666667%;
  }
  .__col-sm-7 {
    max-width: 58.333333%;
  }
  .__col-sm-9 {
    max-width: 75%;
  }
  .__col-sm-10 {
    max-width: 83.333333%;
  }
  .__col-sm-11 {
    max-width: 91.666667%;
  }  
}
@media (min-width: 768px) {	
  .__col-md-1 {
    max-width: 8.333333%;
  }
  .__col-md-2 {
    max-width: 16.666667%;
  }
  .__col-md-3 {
    max-width: 25%;
  }	  
  .__col-md-5 {
    max-width: 41.666667%;
  }
  .__col-md-6 {
    max-width: 50%;
  }
  .__col-md-7 {
    max-width: 58.333333%;
  }	    
  .__col-md-9 {
    max-width: 75%;
  }
  .__col-md-10 {
    max-width: 83.333333%;
  }
  .__col-md-11 {
    max-width: 91.666667%;
  }
  .__col-md-12 {
    max-width: 100%;
  }   
}  
@media (min-width: 992px) {
  .__col-lg-1 {
    max-width: 8.333333%;
  }	  
  .__col-lg-2 {
    max-width: 16.666667%;
  }	  
  .__col-lg-5 {
    max-width: 41.666667%;
  }	  
  .__col-lg-7 {
    max-width: 58.333333%;
  }	 
  .__col-lg-10 {
    max-width: 83.333333%;
  }	 
  .__col-lg-11 {
    max-width: 91.666667%;
  }	  
  .__col-lg-12 {
    max-width: 100%;
  }  
}
@media (min-width: 1400px) {
  .__col-xl-1 {
    max-width: 8.333333%;
  }	  
  .__col-xl-2 {
    max-width: 16.666667%;
  }	  
  .__col-xl-5 {
    max-width: 41.666667%;
  }	  
  .__col-xl-6 {
    max-width: 50%;
  }
  .__col-xl-7 {
    max-width: 58.333333%;
  }	  
  .__col-xl-8 {
    max-width: 66.666667%;
  }
  .__col-xl-9 {
    max-width: 75%;
  }	
  .__col-xl-10 {
    max-width: 83.333333%;
  }	 
  .__col-xl-11 {
    max-width: 91.666667%;
  }	  
}


/* -- GUTENBERG CLASSES -- */
.wp-block-image img {
  height: auto;
}
/*
@media (min-width: 600px) and (max-width: 1024px) {
  .wp-block-columns {
    flex-wrap: wrap;
  }
  .wp-block-column {
    flex-basis: 100% !important;
    margin-left: 0 !important;
  }
}
*/


/*
.tab-card.shown {
  display: block;
}
.tab-card {
  display: none;
}
*/

/*
.time-wrap .time-block:nth-child(odd) svg path:nth-child(1), .time-wrap .time-block:nth-child(even) svg path:nth-child(3), .time-wrap .time-block:nth-child(2) svg path:nth-child(4) {
  color: #286ea2;
}
*/

/* -- Wraps -- */
.wrap {
  padding: 0 60px;
}
.time-wrap {
  padding: 0 60px 0 0 !important;
}

/* -- Decorations -- */
.animate__link:hover:after {
  width: 100%;
}
/*
.slick-arrow span {
  margin-top: 13px;  
}
.slick-next span {
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}
.slick-prev span {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
*/

/* -- Headers -- */
/*
.header-promo.closed {
  margin-top: -40px;
}
*/

/* -- Portfolio -- */
.portfolio-item .item-image {
  text-align: center;
  height: 260px;  
}
.portfolio-item .item-image {
  background-size: cover;
  background-position: center;  
  background-repeat: no-repeat;   
  transform: scale(.90);
  -webkit-transform: scale(.90);
  -ms-transform: scale(.90);
  -o-transform: scale(.90);
  -moz-transform: scale(.90);
  -khtml-transform: scale(.90);  
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;    
}
.portfolio-item:hover .item-image {
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -khtml-transform: scale(1);  
}

@media (max-width: 800px) {
  /* timeline */
  .time-wrap {
    padding: 0;
  }  
  .wrap-col:not(:first-child) {
    padding-top: 60px;
  }
}

/*
.slick-arrow {
  background: transparent;
}
*/


/* Margin */



button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}



canvas {
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
	z-index: 1;
  width: 100%;
  height: 100%;	
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item, .list-inline li {
  display: inline-block;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.order-0 {
  -ms-flex-order: 0;
      order: 0;
}

.order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}.5rem 0.75rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 991px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}

.align-items-start {
  -ms-flex-align: start !important;
      align-items: flex-start !important;
}
.align-items-center {
  -ms-flex-align: center !important;
      align-items: center !important;
}
.align-items-end {
  -ms-flex-align: end !important;
      align-items: flex-end !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}


.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.w-100 {
  width: 100% !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }    
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
}

@media (min-width: 768px) {	
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }    
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }  
  .d-md-none {
    display: none !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }	
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }  
}

@media (min-width: 992px) {

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }	
  .order-lg-0 {
    -ms-flex-order: 0;
        order: 0;
  }			
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }	
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }	  
}



.__btn, 
.selection-title, .intro-subtitle {
  font-family: 'DM Sans', sans-serif;  
  letter-spacing: .1rem;
}

.__btn {
  font-weight: 500;
}
.post-link {
  font-size: 1rem;
	margin-top: 16px;	
}
.center h3:after {
  margin: 12px auto 0 auto;
}
.full-screen-slider h3:after  {
  display: none;
}
.post-link i {
  font-size: 1.1rem;
  position: relative;
  top: 1px;
  left: 0px;
  opacity: 0;
}
.post-link:hover i {
  left: 10px;
  opacity: 1;
}
.post-link:hover {
  color: #286ea2;
}
form .linear-form:not(:last-child), form .product-container {
  margin-right: 10px;
}
form .product-selection:not(:first-child) {
  margin-top: 10px;
}
div[role="form"] {
  margin: 16px;    
}	
input[type="checkbox"] {
  position: absolute;
  right: -4px;
  top: 0px;
  width: 21px;
  height: 25px;  
  z-index: 999;
  opacity: 0;
  cursor: pointer;	
}
.checkbox {
  background: transparent;
  border: 1px solid #b5b5b5;
  width: 20px;
  height: 20px;
  top: 7px;   
	cursor: pointer;
}
.checkbox.checked:after {
  left: 5px;
  top: -1px;
  width: 8px;
  height: 15px;
  border: solid #286ea2;
  border-width: 0 2px 4px 0;
  -webkit-transform: rotate(45deg);
    	-ms-transform: rotate(45deg);
      		transform: rotate(45deg);
}
.checkbox.checked {
    border: 1px solid #286ea2;
}
.checkbox, .checkbox.checked:after {
    display: block;    
    content: "";
    position: absolute;    
}
label.custom-checkbox{
    margin-left: 30px;
    display: unset;
    line-height: 1.8rem;
    position: relative;
    top: 2px;
}
form label.highlight {
    color: #272727 !important;  
}

.page-scrolled nav #searchform ::placeholder {
    color: #272727 !important;	
}
.page-scrolled nav #searchform :-ms-input-placeholder {
    color: #272727 !important;	
}
.page-scrolled nav #searchform ::-ms-input-placeholder {
    color: #272727 !important;	
}
.page-scrolled nav #searchform :-webkit-input-placeholder {
    color: #272727 !important;	
}
.page-scrolled nav #searchform ::-webkit-input-placeholder {
    color: #272727 !important;	
}
.page-scrolled nav #searchform :-moz-placeholder {
    color: #272727 !important;	
}
.page-scrolled nav #searchform ::-moz-placeholder {
    color: #272727 !important;	
}


/* Elements Styles
----------------------------------------------- */
.add-more {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
}
.add-more:before, .add-more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;  
} 
.add-more:before {
  width: 10px;
  height: 2px;
  margin-top: -1px;
  margin-left: -5px;  
}
.add-more:after {
  width: 2px;
  height: 10px;
  margin-top: -5px;
  margin-left: -1px;  
}

/* -- Logo -- */
#logo, #logo-footer {
  height: auto;
  width: auto;
  min-height: 100px;
  left: 0;
}
.brend-logo, .after-logo {
  position: absolute;
  top: 50%;
}
.brend-logo {
  opacity: 1;
}
.after-logo {
  opacity: 0;
}
body.page-scrolled #logo .after-logo, body.page-scrolled footer #logo:hover .brend-logo {
  opacity: 1;
}
body.page-scrolled #logo .brend-logo, body.page-scrolled footer #logo .after-logo {
  opacity: 0;
}
/* -- Social Navbar -- */ 
.navbar-social a {
  color: #fff;
  letter-spacing: 0;
} 
.navbar-social a:hover {
	color: #fff;
}
.navbar-social li a, .navbar-social li .icon-call {
  margin-right: 20px;
}
.navbar-social li.li-phone-number a {
  margin-right: 0;
}
.navbar-social i {
  font-size: 1rem;
  opacity: 0.9;
  position: relative;
  top: 4px;
}
.navbar-social i:hover {
  opacity: 1
}
body.page-scrolled nav .navbar-social a {
  color: #272727;
}
body.page-scrolled .navbar-social a:hover {
	color:#286ea2 !important;
}
#nav ul.navbar-nav > li > a {
  font-family: 'Work Sans', sans-serif;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #fff;
  line-height: 40px;
  padding: 0 12px;
}
#nav ul.navbar-nav > li:last-child > a {
  margin-right: -12px;
}
#nav ul.navbar-nav > li > a:after {
  display: block;
  height: 1px;
  width: 0;
  background: #fff;
  opacity: 0.75;
  position: absolute;
  bottom: -1px;
  left: 50%;
  content: '';
  z-index: 0;
  -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;	
}
.page-scrolled #nav ul.navbar-nav > li > a:after {
  background: #272727;
}
#nav ul.navbar-nav > li:hover > a:after {
  width: 100%;
  left: 0;	
}
#nav ul.navbar-nav > li > a {
  text-shadow: 0px 0px 4px rgba(39, 39, 39, 0.2);	
}
.page-scrolled #nav ul.navbar-nav > li > a {
  color: #272727;	
  text-shadow: 0px 0px 0px transparent;
}
#nav ul.navbar-nav > li.current-menu-item > a, .page-scrolled #top i {
  text-shadow: 0px 0px 0px transparent;	
}
.page-scrolled #nav ul.navbar-nav > li.menu-item-has-children > a:before {
  border-color: #272727;
}
.page-scrolled #nav ul.navbar-nav > li.menu-item-has-children.current-menu-item > a:before {
  border-color: #fff !important;
}
#nav ul.navbar-nav > li.menu-item-has-children > a {
  padding-right: 20px;
}
#top i {
  text-shadow: 0px 0px 8px rgba(39, 39, 39, 0.2);	
}
#nav ul.navbar-nav > li.menu-item-has-children > a:before {
  position: absolute;
  top: 18px;
  right: 8px;
  display: block;
  width: 4.5px;
  height: 4.5px;
  background: transparent;
  content: ''; 
  text-align: center;
  -webkit-transition: all .75s ease;
     -moz-transition: all .75s ease;
      -ms-transition: all .75s ease;
       -o-transition: all .75s ease;
          transition: all .75s ease;
  border: 1px solid;
  border-left: 0;
  border-top: 0;
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);	
}
#nav ul.navbar-nav > li.menu-item-has-children:hover > a:before {
  -webkit-transform: rotate(405deg);
     -moz-transform: rotate(405deg);
      -ms-transform: rotate(405deg);
       -o-transform: rotate(405deg);
          transform: rotate(405deg);
}
/* below a security script to prevent the last opened menu brokes the screen size */ 
@media (min-width: 1140px) and (max-width: 1700px){
  #nav .navbar-nav > li:last-child:hover > ul {
    right: 0;
  }
  #nav .navbar-nav > li:last-child > ul > li:hover > ul, #nav .navbar-nav > li:nth-last-child(-n+3) > ul > li:hover > ul {
    right: 100%;	 
  }
}
#nav ul ul > li.menu-item-has-children:hover > a:before {
  height: 0;
}
#nav ul ul > li.menu-item-has-children:hover > a:after, #nav ul ul > li.menu-item-has-children:hover > a:before {
  background: #fff;		
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;		
}
.page-scrolled #nav .current-menu-item > a {
  background: #286ea2;
  color: #fff !important;
}
@media (max-width: 1140px) { 
	#nav .navbar-nav{
		margin-top: -50px;
		-webkit-transition: all .8s ease-out;
		   -moz-transition: all .8s ease-out;
	  		-ms-transition: all .8s ease-out;
		  	 -o-transition: all .8s ease-out;
			    	transition: all .8s ease-out;
	}	
	#nav .navbar-nav.opened{
		top: 0 !important;
		overflow-x: scroll;
	}
	#nav ul.navbar-nav > li {
  	float: none;
	}
	#nav ul.move-menu-to-top {
		top: 0 !important;
	} 
  #nav ul.navbar-nav > li.menu-item-has-children > a:after,
  #nav ul.navbar-nav > li.menu-item-has-children > a:before,
  #nav ul ul > li.menu-item-has-children > a:after,
  #nav ul ul > li.menu-item-has-children > a:before {
    display: none;
  }  

	#nav .submenu-opened > .submenu-button{
		overflow:hidden;
		transform: scaleY(1);
		-webkit-transition: all .4s ease-out;
		   -moz-transition: all .4s ease-out;
		  	-ms-transition: all .4s ease-out;
			   -o-transition: all .4s ease-out;
				    transition: all .4s ease-out;
	}
}

@media (max-width: 1199px) {
  .navbar .container {
    max-width: 100%;
  }  
}
.multilanguage {
  flex-direction: row;
  list-style: none;
  display: flex;
  padding: 0;
  line-height: 20px;  
}

/* -- Buttons -- */
.cn-button {
	min-width: 120px;
  font-size: 0.8rem
}

/* NEW buttons */
.__btn {
  min-width: 200px;	
  height: 50px;
  line-height: 47px;
  padding: 0 12px;
  font-size: 1rem;  
  letter-spacing: 0.15rem;
  border-radius: 0px;
  text-align: center;
  border: none;	
  z-index: 100;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.__btn {
  background: transparent;  
}
.btn-outline {
  border: 2px solid transparent;
}
.__btn:after, .__btn:before {
  content: "";  
  display: block;
  position: absolute;
  z-index: -1;
}
.btn-outline:before {
  top: 0;
  left: 0;  
  border-top: 2px solid;
  border-left: 2px solid;  
}
.btn-outline:after {
  bottom: 0;
  right: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;  
}
.btn-outline:before, .btn-outline:after {
  width: 30%;
  height: 50%;
}
.btn-line:after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.__btn:hover:before, .__btn:hover:after {
  width: 100%;
  height: 100%;  
}
.btn-line:hover:after { 
  height: 100%;
}
.banner .__btn {
  margin-top: 60px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.25), inset 0px 0px 24px rgba(0,0,0,0.25);	 
}
.banner .btn-outline {
  text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

.wrap-submit {
  padding: 0;
}
.wrap-submit .__btn {
  background: transparent;
  border: 0;
  margin: -2px 0 0 0;
}
.wrap-submit .btn-line:before .wrap-submit .btn-outline:before {
  display: none;
}



/* -- Css loaders -- */
.lds-dual-ring {
  display: inline-block;
  width: 75px;
  height: 75px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 15px;
  margin-top: -46px;
  margin-left: -23px;
  background: #fff;
  border: 1px solid #dcdcdc;
}

div.wpcf7 .ajax-loader {
  display: inline-block;
  width: 75px;
  height: 75px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 15px;
  margin-top: -46px;
  margin-left: -23px;
  background: #fff;
  border: 1px solid #dcdcdc;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #272727;
  border-color: #272727 transparent #272727 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
div.wpcf7 .ajax-loader:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #272727;
  border-color: #272727 transparent #272727 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

div.wpcf7 .ajax-loader {
  background-image: none;
  top: 100%;
  left: 50%;    
}
@media (max-width:991px) {
	div.wpcf7 .ajax-loader {
		left: 250px; 
	}
}

div.wpcf7 .ajax-loader:after {
  border: 1px solid #002a4a;
  width: 50px;
  height: 50px;
  margin-top: -4px;
  border-color: #002a4a transparent #002a4a transparent;   
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* -- Custom CF7 Style -- */
div.wpcf7-response-output {
  border: 0px;
  position: fixed;
  right: 0;
  bottom: 20%;
  z-index: 9999;
  background: white;
}
div.wpcf7-not-valid-tip, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked {
  letter-spacing: 0.1rem;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 400;
  width: auto;
  margin: 2em 0em;
  padding: 0.2em 3.5em;
	border-radius: 0;    
}
span.wpcf7-not-valid-tip {
  color: #ff2200;
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-top: 8px;
  position: absolute;
  left: -8px;
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {
  border: 1px solid #ff2200;
}
div.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
	color: #fff;
  background: #ff2200; 
}
div.wpcf7-mail-sent-ok {
	color: #fff;
  background: green; 
}
div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked {
	color: #272727;
  background: #f4cb54; 
}
div.wpcf7-response-output:after {
  font-family: "fontello";
  content: "\e827";
  cursor: pointer;
  font-size: 0.7rem;
  position: absolute;
  right: 18px;
  width: 30px;
  height: 30px;
  text-align: center;	
  top: 50%;
  margin-top: -15px;	
}
div.wpcf7-response-output:before {
  font-family: "fontello";
  font-size: 1.5rem;
  position: absolute;
  content: "\e80d";		
  left: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
}
div.wpcf7-mail-sent-ok:before {
  content: "\e82b";	
}

.bg-dark, .bg-dark .icon-label, .bg-dark .icon-i,
.case-picture-wrap .slick-next {
  color: #f2f7ff;
}
form .product-selection option[disabled="disabled"] {
  color: #ccc;
}

/* -- backgrounds -- */
.add-more, .cards-container:before, .cases-container:before, header h3:before, .call-arrow span:first-child, .call-arrow span:last-child, .case-picture-wrap .arrow-previous span:first-child, .case-picture-wrap .arrow-previous span:last-child,
.bg-dark, 
.btn-line-dark:after {
  background: #19374e;
}
.btn-dark:before, .btn-dark:after {
  background: #286ea2;  
}
.add-more:before, .add-more:after,  
.card-arrow span:first-child, .card-arrow span:last-child, .slick-active button, .case-picture-wrap .arrow-next span:first-child, .case-picture-wrap .arrow-next span:last-child,
.bg-light {
  background: #f2f7ff;
}
.selection-wrap, .case-text-wrap {
  background: #fff;
}
.card-arrow span:nth-child(2),
.btn-outline-white:before, .btn-outline-white:sfter {
  border-color: #f2f7ff;  
}
.wrap-submit:hover:before {
  outline: 2px solid #286ea2;  
}

/* -- Cards -- */
@media (max-width:991px) {
  .js-fix-height {
    height: auto !important;
  }
}
.post-card:first-child {
  margin: 0
}
@media (min-width:992px){
  .post-card.even:nth-child(2), body.blog .post-card:nth-child(2) {
    margin: 0
  }	
}
@media (max-width:991px){
  .post-card .container {
    width: 100%;
  }
}
.post-card .container {
  position: relative;
  padding: 24px 16px;
}
.post-card.col-12 .container {
  padding: 36px;
}
.post-card picture {
  margin: -50%;
}
.post-card img {
  height: 300px;
  margin-right: -50%;
  margin-left: -50%;
}
.post-card time, .single-post time {
  position: absolute;
  top: -6px;
  right: 6px;
  width: 50px;
  min-height: 65px;
  background: #286ea2;
  color: #f0f0f0;
}
.post-card time .post-day, .single-post time .post-day {
  display: block;	
  position: relative;
  min-height: 40px;
  font-size: 1.5rem;
  padding-top: 10px;
}
.post-card time .post-month, .single-post time .post-month {
  min-height: 25px;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.2rem;
  line-height: 25px;
}
.post-card time .post-day:after, .single-post time .post-day:after {
  content: '';
  position: absolute;
  top: 0;
  left: -6px;
  width: 0; 
  height: 0; 
  border-top: 3px solid transparent;	
  border-left: 3px solid transparent;
  border-right: 3px solid #144468;
  border-bottom: 3px solid #144468;
}
.post-title {
  display: inline-block;
  padding-top: 16px;
  margin: 0;
}
.card-header-tabs .nav-item {
  cursor: pointer
}
.card-header .nav-link {
  cursor: pointer;
  font-size: 1rem;	
}
.card-header .nav-link.active, .card-header .nav-link.active:hover {
  background: #286ea2;
  color: #fff;
}
.card-header .nav-link:focus, .card-header .nav-link:hover {
  color: #286ea2;
}
@media (max-width: 768px) {
  .card-header .nav-item{
    width: 100%
  }
}
.post-body {
  padding: 16px 8px 0 8px;
  text-align: left;
  border-top: 1px solid #f2f7ff;
  overflow: hidden
}
/*
.blog-image {
  height: 240px;
  position: relative;	
}
*/
.singole-post-small {
  height: 200px;
}


/* -- Responsive images -- */
/* -- Catalogue -- */
.catalogue .toolbar {
  text-align: center;
  padding: 0;
}
.catalogue .loading {
  z-index: -1
}
.catalogue .fil-cat {
  background: #f0f0f0;
  color: #272727;
  min-width: 120px;
  width: auto;
  padding: 0.375rem 1.35rem;
	margin: 0 4px 8px 4px;
  height: 35px;
  line-height: 20px;
  font-size: 0.8rem;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;    
}
.catalogue .fil-cat:hover, .catalogue .fil-cat[data-rel='all'] {
  background: #3a3a3a;
  color: #f0f0f0
}
.catalogue .fil-cat[data-rel='showing'], .catalogue .fil-cat.highlight {
  background: #286ea2;
  color: #fff 
}
.catalogue .catalogue-container {
  width: 100%;
  min-height: 403px;	
  margin: 0 auto;
}
.catalogue .catalogue-container a {
  border-bottom: 0;
	display: inline-block;
}
.catalogue .tile { 
  -webkit-transform: scale(0);
          transform: scale(0);
	width: 0;
	height: 0;
	margin: 40px 3px 0 3px;
}
.catalogue .scale-anm {
  -webkit-transform: scale(1);
          transform: scale(1);	
  text-align: center; 
  width: 300px;
  height: 360px;
  position: relative;
}
.catalogue .tile img {
  width: auto;
  height: auto;
  display: block;
}
.catalogue .product-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.catalogue h4 {
    font-family: 'Muli', sans-serif;
    font-size: 1.1rem;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    color: #272727;
}
.catalogue .product-cat {
    margin-bottom: 0;
    color: #286ea2;
}
.catalogue .product-box {
    background: #286ea2;    
    height: 100%;
    width: 100%; 
    display: block; 
    font-family: 'Muli', sans-serif;  
    font-weight: 400;
    color: #fff;
    text-align: left;
    position: absolute;    
    top: 0; 
    bottom: 0; 
    z-index: 1;
    opacity: 0;
    padding: 20px;
	-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
    		transform: scaleX(0);
}
.catalogue .product-box p {
    font-size: 0.9rem;
    max-height: 220px;
    overflow: hidden;
}
.catalogue .product-box a {
    color: #fff;
    position: absolute;
    bottom: 15px;
    right: 25px;
}
.catalogue .product-title {
    font-family: 'Muli', sans-serif;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
}
.catalogue .tile:hover .product-box {
    opacity: 0.9; 
	-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
    		transform: scaleX(1);	
}
@media (max-width:1440px){  
    #catalogue #catalogue-portfolio {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-width: 25%;
        -moz-column-width: 25%;
        column-width: 25%;
    }  	
}
@media (max-width:1299px){ 
    #catalogue #catalogue-portfolio {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-width: 33.3333333%;
        -moz-column-width: 33.3333333%;
        column-width: 33.3333333%;
    }  
}  
@media (max-width:910px){
    #catalogue #catalogue-portfolio {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-width: 50%;
        -moz-column-width: 50%;
        column-width: 50%;
    }     
}
@media (max-width:576px){
    #catalogue #catalogue-portfolio {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }	
}

/* -- Steps -- */
.steps.card-group {
	background: #286ea2;
    min-height: 400px;
}
.steps .shape {
    width: 60px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    -webkit-clip-path: polygon(0 0, 0 0, 100% 50%, 0 100%, 0 100%);
            clip-path: polygon(0 0, 0 0, 100% 50%, 0 100%, 0 100%);      
}
.steps .card:nth-child(3) .shape {
    display: none;
}
.steps .card:nth-child(1) {
    padding: 60px 0px 60px 40px;
}
.steps .card:nth-child(2) {
    padding: 60px 0px 60px 70px;
}
.steps .card:nth-child(3) {
    padding: 60px 10px 60px 70px;
}
.step-body {
	height: 100%;
    color: #fff;
	position: relative;
    z-index: 1;
}
.steps .step-title {
    font-size: 1.8rem;
    font-weight: 500; 
    font-style: normal;
    text-transform: inherit;
    width: 80%;
	opacity: 0.9;    
}
.step-text {
	font-size: 30px;
	line-height: 40px;
}
.steps .symbol {
    fill: #f0f0f0;
	color: #f0f0f0;
    position: absolute;
    right: 5%;
    bottom: 5%;
    line-height: 15rem;
    font-family: sans-serif;
    font-size: 20rem;
    font-weight: bold;
    opacity: 0.1;    
}
.steps a, .steps a:hover {
    color: #f0f0f0;
}
.steps .post-link {
	position: absolute;
	top: 95%;
	right: 0;
    margin: 20px 20px 0 0;	
}
.steps .symbol i {
	font-size: 220px;
}
@media (max-width: 1299px) {
    .steps h4 {
        width: 100% !important;
    }
    .steps .step-body {
        margin: 40px 16px 40px 16px;
    }
}
@media (max-width:1024px) {
    .steps .card{  
        max-width: 100%;
        padding: 60px 24px 60px 24px !important;
        min-height: 300px;
        margin: 0;  
        min-width: 100%;
    }
    .steps .shape {
        display: none;
    }
}

/*-- Focuses --*/
.page-template-top-icons .focus-wrap:hover {
  background: #f0f0f0;
}
.focus-container:nth-child(-n+4) .focus-icons, .focus-container:nth-child(-n+4) .focus-number {
    margin: 0 8px;	
} 
.focus-wrap .icon{
  max-width: 75px;
  max-height: 75px;
	display: block;
	margin: 0 auto;
}
.focus-wrap .icon {
	fill: #272727;
}
.page-template-top-icons .focus-wrap .icon {
	fill: #151515;
}
.focus-wrap:hover .icon {
	fill: #286ea2
}
.focus-wrap .info-num, .focus-wrap .info-symbol {
  font-family: 'Work Sans', sans-serif;    
  font-weight: 500;	
}
.focus-wrap .info-num {  
  font-size: 3rem;
  font-weight: 500;
  line-height: 2rem;
	position: relative;
	margin-top: 32px;
}
.focus-wrap .info-symbol {
  font-size: 1.75rem;
  line-height: 2rem;
  position: absolute;
  bottom: 6px;
	display: inline-block
}
.focus-wrap .text-intro p {
  font-size: 0.85rem;
  line-height: 1.6rem;
  letter-spacing: 0.1rem;
  width: 80%;
  margin: 0 auto;
}
.focus-wrap .text-link {
  z-index: 1;
  margin-top: 12px;
  display: block;  
}


/*-- 2.0 --*/
/*-- FRONT PAGE SECTIONS --*/
/* containers */
.intro-container {
  position: relative;
  padding: 60px;
}
.cards-container {
  position: relative;
  padding: 60px;
}
.call-container {
  position: relative;
  padding: 60px;
}
.cases-container {
  position: relative;
  padding: 60px;
}
.selection-container {
  position: relative;
  padding: 60px;
}
.featured-container {
  position: relative;
  padding: 60px;
}
.featured-wrap {
  position: relative;
  padding: 60px;
}

.intro-container:before, .intro-container:after, .cards-container:before, .cases-container:before, .featured-wrap:before, .featured-wrap:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;  
}
.intro-container:before, .intro-container:after, .featured-wrap:before, .featured-wrap:after {
  width: 40px;
  height: 40px; 
}
.intro-container:before, .featured-wrap:before {
  top: 0;
  left: 0;
  border-left: 2px solid #19374e;
  border-top: 2px solid #19374e;
}
.intro-container:after, .featured-wrap:after {
  bottom: 0;
  right: 0;
  border-right: 2px solid #19374e;
  border-bottom: 2px solid #19374e;
}
.cards-container:before {
  width: 650px;
  height: 600px;
  left: 0; 
  top: 0;
}
.cases-container:before {
  width: 630px;
  height: 520px;
  right: 0; 
  top: 0;
  z-index: 0;
}
/* titles */
.selection-title, .intro-subtitle {
  position: relative;
  padding-left: 60px;
  font-size: 1.5rem;
  letter-spacing: 0.15rem
}
.selection-title:before, .intro-subtitle:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  height: 2px;
  width: 40px;
}
.intro-title, .call-title {
  text-align: right;
}
.intro-title {
  margin-right: 16px;
}
.call-subtitle, .free-subtitle {
  font-size: 1.2rem;
  font-weight: 600;  
}

/* labels */
.icon-label, .card-label, .form-label {
  display: block;
  margin: 12px 8px 0 8px;
  min-height: 48px;
}
.form-label {
  margin: 0 12px;
  min-height: 1px;
}

/* texts */
/*
.icon-text p, .card-text p, .card-link, .call-link, .slick-label {
  font-size: 0.9rem; 
  line-height: 1.8rem;
  letter-spacing: .1rem;
}
.icon-text p, .card-text p{
  margin: 0 20px; 
}
*/
.card-header .card-text p {
  margin: 0;
}
.call-link {
  margin-right: 16px;
}
.selection-title, .intro-subtitle, .intro-text, .call-text {
  margin-left: 16px;
}
.intro-text {
  height: 100%;
}
.intro-text p {
  margin-top: -10px;
}

/* links */
.card-link, .call-link, .slick-label {
  position: relative;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
}
.card-link {
  margin-top: 32px;
}

/* images */


/* arrow */
.card-arrow span, .call-arrow span, /*.slick-arrow span*/ {
  content: '';
  position: absolute;
  top: 0;
}
.card-arrow, .call-arrow, .arrow-previous, .arrow-next {
  height: 28px;
  width: 30px;   
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.arrow-next {
  order: 1
}
.card-arrow span:first-child, .card-arrow span:last-child,
.call-arrow span:first-child, .call-arrow span:last-child,
/*
.slick-prev span:last-child, .slick-prev span:first-child,
.slick-next span:last-child, .slick-next span:first-child
*/{
  height: 2px;
  width: 20px;
  top: 13px;
}
.card-arrow span:first-child,
.call-arrow span:first-child,
/*.slick-prev:hover span:last-child,*/
.case-picture-wrap .slick-next span:first-child {
  left: -60px;  
}
.card-arrow span:nth-child(2),
.call-arrow span:nth-child(2),
.case-picture-wrap .slick-next span:nth-child(2) {
  height: 6px;
  width: 6px;
  top: 11px;  
  right: 70px; 
  transform: rotate(45deg);
  border-right: 2px solid;
  border-top: 2px solid;
}
.slick-prev span:nth-child(2) {
  height: 6px;
  width: 6px;
  top: 11px;  
  transform: rotate(45deg);
  border-left: 2px solid;
  border-bottom: 2px solid;  
}
.card-arrow span:last-child, .card-link:hover .card-arrow span:first-child,
.call-link span:last-child, .call-link:hover .call-arrow span:first-child, 
/*.slick-prev:hover span:first-child {*/
  left: 0;
}
.slick-prev:hover span:nth-child(2) {
  left: 1px;
}
.slick-next:hover span:nth-child(2) {
  right: 1px;
}
.card-link:hover .card-arrow span:nth-child(2),
.call-link:hover .call-arrow span:nth-child(2) {
  right: 10px;  
}
.card-link:hover .card-arrow span:last-child,
.call-link:hover .call-arrow span:last-child,
.case-picture-wrap .slick-next:hover span:last-child {
  left: 30px;
}
.slick-prev span:nth-child(2) {
  left: 31px;
}

/* animations */
/*.animation-wrap:before, .animation-wrap:after, .card-link:before, .card-link:after, .call-link:after {*/
.animation-wrap:before, .animation-wrap:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;	
  display: block;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
       -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}
.animation-wrap:before {
  border-top: 2px solid;
  border-left: 2px solid;
  top: 0;
  left: 0;
}
.animation-wrap:after {
  border-bottom: 2px solid;
  border-right: 2px solid;	
  bottom: 0;
  right: 0;
}
.grid-item.animation-wrap:before {
  top: -2px;
  left: -2px;
}
.grid-item.animation-wrap:after {
  bottom: -2px;
  right: -2px;
}
.animation-wrap:before, .animation-wrap:after {
  border-color: #286ea2;
}
.animation-wrap:hover:before, .animation-wrap:hover:after {
  width: 50%;
  height: 50%;
  visibility: visible;	
}
/*-- 2.0 --*/
/*-- CASE STUDIES --*/
.case-picture-wrap .slick-slide {
  margin: 0;
}
.case-picture-wrap .slick-slide, .case-picture-wrap .slide {
  width: 600px;
  height: 500px;
}
.case-picture-wrap {
  width: 600px;
  height: 500px;
}
.case-text-wrap {
  height: 350px;
  /* padding: 60px; */
  width: 500px;
  z-index: 2;
  position: absolute;
  right: 60px;
  top: 120px;
}
.case-text-wrap .slick-slide {
  padding: 60px;
}
/*-- //CASE STUDIES --*/

.case-picture-wrap .slick-prev, .case-picture-wrap .slick-next {
  top: -30px;
  padding: 0 10px;  
}
.case-picture-wrap .slick-prev {
  right: 150px; 
}
.case-picture-wrap .slick-next {
  right: 60px;
}

/* dots */
.slick-dots button {
	font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 2px;
  margin: 0 4px;
  cursor: pointer;
  /*color: transparent;*/
  border: 0;
  /*
  outline: none;
  background: transparent;
  */
	opacity: 0.5;
  /*
	border-bottom: 1px solid #fff;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;	
  */
}

.case-text-wrap .slick-dots {
  margin-left: 90px;
}



/*-- 2.0 --*/
/*-- FRONT PAGE SELECTION --*/
.selection-container select {
  width: 280px;    
}
.selection-container input {
  width: 80px; 
}
.selection-container .period {
  width: 130px;  
}
.selection-container input, .selection-container select {
  margin: 0;
}


/*-- FRONT PAGE PORTFOLIO --*/
selection-container
#products .filters ul {
  list-style: none;
  display: flex;  
}
#products .filters ul li {
  padding: 6px 12px;
  background: #f2f7ff;
  min-width: 80px;
  text-align: center;  
  cursor: pointer;
  margin: 0 6px;
}
#products .filters ul li.active {
  color: #fff;
  background: #286ea2;
}
#products .container .grid-item {
  width: 25%;
  padding: 6px;  
}
#products .container-fluid .grid-item {
  width: 285px;
  width: calc(16.667% - 12px);
  padding: 20px 0;
  margin: 12px 6px 0 6px;
  border: 2px solid #f2f7ff;
}
#products .grid-item .grid-wrap-img {
  text-align: center;
  height: 285px;
}
#products .grid-item img {
  width: 95%;
  height: auto;
}
#products .grid-item:hover img {
  width: 100%;
}
.item-title, .sale {
  text-align: center;
}
.woocommerce-tags, .woocommerce-submit {
  margin-top: 12px;
  width: 220px;
  margin: 12px auto 0 auto;
  text-align: center;
  height: 60px;
}
.sale, .regular-price, .sale-price, .price {  
  color: #272727;
  font-weight: 600;
}
.sale, .regular-price, .sale-price, .price, .added-to-cart, .add_to_cart-message {  
  font-size: 0.85rem;
  letter-spacing: .025rem;
  height: 30px;
  z-index: 999;
}
.sale, .regular-price, .sale-price, .price, .add-quantity, .added-to-cart, .add_to_cart-message {  
  padding: 0 8px;
  margin: 0;
  line-height: 1.8rem;  
}
.sale, .sale-price, .added-to-cart, .add_to_cart-message {
  color: #adbed8;    
}
.sale { 
  border: 2px solid #adbed8;
  text-transform: uppercase;
  font-weight: 700;
  margin-right: 20px;
  line-height: 1.5rem;
}
.sale-price {
  text-decoration: line-through;
}
.add-quantity {  
  width: 60px;
  border: 2px solid #f2f7ff;
}
.add-quantity:hover {
  border: 2px solid #adbed8;
}

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


/*-- FEATURED --*/
#featured-posts .featured:nth-child(even) .responsive-background-image {
  order: 1;
}

/*-- Featured --*/
.featured .post-text {
  padding: 64px 32px;
}
@media (max-width:991px){
  .featured .post-text {
    padding: 32px 8px;
  }
}

/*-- Blog --*/
.post-image {
  max-height: 200px;
  overflow: hidden;
  position: relative;
}
.post-image picture {	
  margin: -50%;
}
@media (max-width:991px){
/*
  .single-post {
    margin-bottom: 64px;
  }
  .single-post:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
*/
  .post-image picture {
    margin: -50%;
  }	    
}
/*
@media (max-width:576px){
  .single-post:nth-last-child(2) {
    margin-bottom: 64px;
  }
}
*/


/*-- Parallax --*/
.parallax .container {
  padding: 60px 0;
  position: relative;
  color: #fff;	
}
.parallax-filter {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;	
}
.parallax-filter.bw-filter {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.primary-color {
  background: #286ea2;
  opacity: 0.5;	
}
.page-header .primary-color {
  opacity: 0.9
}
/* dark color, light color */



/* Unique section styles
----------------------------------------------- */
/* -- Top Header -- */ 
#top {
  width: auto;
  height: 40px;
  line-height: 1.9rem;	
}
#top .icon-call{
  font-size: 1.6em;
}
#top .phone-number {
  font-family: 'Work Sans', sans-serif;
  font-size: 1.4rem;
  display: inline-block;
  position: relative;
  top: 4px;
}

/* -- Search Forms -- */
#top form[role="search"] input[type="text"]{
	width: 0;
	height: 30px;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
}
#top form[role="search"] input[type="checkbox"]{
  right: 16px;
  top: 8px;
  opacity: 0;
  cursor: pointer;
}
#top form[role="search"] span, #top form[role="search"] input[type="checkbox"]:checked{
  display: none;
}
#top form[role="search"] button{
  background: transparent;
  border: 0;
  width: 14px;
  min-width: 14px;
  height: 40px;
  padding: 0;
  margin: 0 20px 0 15px;
}
#top form[role="search"] i {
  color: #fff;
  font-size: 0.8rem;
  position: relative;
  top: -1px;
  opacity: 0.9;
  cursor: pointer;
}
#top form[role="search"] input[type="checkbox"]:checked ~ input[type="text"]{
  width: 200px;
  padding: 5px 10px;
  color: #fff !important;
  position: relative;
  top: 4px;	
} 
.page-scrolled #top form[role="search"] input[type="checkbox"]:checked ~ input[type="text"]{
  color: #272727 !important;
}
#top form[role="search"] i:hover, #top form[role="search"] input[type="checkbox"]:hover ~ button i {
  opacity: 1;
}
body.page-scrolled #top form[role="search"] input[type="text"]{
  border-bottom: 1px solid #272727;
}
body.page-scrolled #top form[role="search"] i {
  color: #272727;
  opacity: 1;
}
body.page-scrolled #top form[role="search"] i:hover, body.page-scrolled #top form[role="search"] input[type="checkbox"]:hover ~ button i {
  color: #286ea2
}

/* -- Featured -- */
#featured-posts .responsive-background-image {
	min-height: 300px;
}

/*-- Services --*/
#services .responsive-background-image {
	min-height: 200px;
}
#services .post-image:after {
	background: #286ea2;
	content: '';
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
	-webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
    	 -o-transition: all 0.4s ease-out;
      		transition: all 0.4s ease-out;	
}
#services .post-image:before {
	content: '+';
  font-family: 'Muli';
  font-weight: 300;
  font-size: 2rem;
  line-height: 50px;
  color: #fff;
  height: 50px;
  height: 50px;
  width: 50px;
  display: block;
  position: absolute;
  top: -10%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 2;
  opacity: 1;
	-webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
    	 -o-transition: all 0.4s ease-out;
      		transition: all 0.4s ease-out;		
}
#services .post-image:hover:after {
  opacity: 0.8;
}
#services .post-image:hover:before {
  top: 45%;
}
#services .post-link{
	position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  min-height: 30px;
  height: 30px;
	color: #fff;
  z-index: 3;
	-webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
    	 -o-transition: all 0.4s ease-out;
      		transition: all 0.4s ease-out;			
}
#services .post-link i {
  top: 2px;
}
#services .post-image:hover .post-link{
  top: 55%;	
}

/*-- Contact Form --*/
.contact-form {
	margin: 0 64px;	
}
@media (max-width:991px) {
	.contact-form {
		margin: 0;	
	}	
}
#contact-form div[role="form"] {
  border: 0;
  padding: 0;	
}
#contact #submit:focus {
  border: 1px solid #286ea2;  
}
#contact #submit {
  margin-top: 2rem;	
  display: inline-block;
  cursor: pointer;
}
#contact #submit:disabled {
  cursor: not-allowed;
  opacity: 1;	
  color: #286ea2;		
}
#contact #submit:disabled:hover {
  border: 1px solid #286ea2; 	
  color: #286ea2 !important;		
}
#contact #submit:disabled:before {
  opacity: 0	
}

#blog picture .background {
  width: 100%;
  height: 100%;	
}
#blog .single-post {
  max-width: 414px;
}
#blog .single-post picture * {
  min-height: 200px;	
}
#blog .post-text {
  max-height: 160px;
  overflow: hidden;  
  margin: 16px 0;	
}
#blog .post-text * {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1rem;
  margin: 0;
}

footer .navbar-nav li .nav-link {
  font-family: 'Muli', sans-serif;	
  font-size: 0.8rem;
  font-weight: 400;    
  text-transform: uppercase;
  line-height: 2rem;
}
footer h5 {
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0;
}
footer .navbar-nav.no-uppercase-link li .nav-link{
    text-transform: none;	
}
footer .navbar-nav li .nav-link, footer .footer-contact .navbar-nav li {
    padding: 0 30px 0 0;
}
footer .navbar-nav li:after {
	position: absolute;
    top: 14px;
    right: 15px;
    display: block;
    width: 4.5px;
    height: 4.5px;
    background: transparent;
    content: '';
    text-align: center;
    -webkit-transition: all .75s ease;
       -moz-transition: all .75s ease;
    	-ms-transition: all .75s ease;
    	 -o-transition: all .75s ease;
    		transition: all .75s ease;
    border: 1px solid;
    border-left: 0;
    border-top: 0;
	border-color: #9f9f9f;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
    	-ms-transform: rotate(-45deg);
    	 -o-transform: rotate(-45deg);
    		transform: rotate(-45deg);
	opacity: 0.3;	
}
footer .footer-contact .navbar-nav li:after {
    top: 7px;		
}
footer .navbar-social li:after {
    top: 11px;
}
footer .navbar-nav li:last-child:after, footer .navbar-social li:last-child:after {
	display: none;
}
footer .navbar-nav li:first-child .nav-link, footer .footer-contact .navbar-nav li:first-child{
    border: 0;
    padding-left: 0;
}
footer .navbar-social li a {
    display: inline-block;
    margin: 0 30px 10px 0;
    bottom: 3px;
    color: #9f9f9f;
}
footer .navbar-social li:first-child a {
    color: #d5d5d5;
    margin-left: 0;
}
footer .navbar-social i {
    font-size: 0.8rem;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
    	 -o-transition: all 0.2s ease-out;
    		transition: all 0.2s ease-out;		
}
#footer1{
  background: #343a40;
  padding: 64px 16px 32px 16px;
  position: relative
}
#footer1 .footer-content, #footer2 .footer-content {
  border-bottom: 1px solid #3d4245;
  margin: 0 0 12px;
  padding: 0 0 12px;
}
#footer1 .footer-contact i {
  margin-right: 0.5rem;    
}
#footer1 .footer-contact a:hover {
  color: #f0f0f0 !important;   
}
#footer1 .footer-contact .contact-text {
  margin-right: 1rem;   
  color: #f0f0f0;
}
#footer2 {
  background: #2b3238;
  padding: 32px 16px 64px 16px;  
}
#footer2 .copyright .textwidget p {
  font-size: 0.8rem;
}
#footer2 .copyright .textwidget p a:hover {
  color: #f0f0f0;
}


.inter-line {
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  margin: 40px 0;
}

body.admin-bar .navbar.fixed-top {
  top: unset;
}

.overlay {
  position: relative;
  padding: 30px;
  margin-top: -60px;
  z-index: 1;
  background: #fff;
  box-shadow: 0px -60px 20px 0px rgb(0 0 0 / 0.1);  
}

.__btn, .__btn a, .card-arrow span, .call-arrow span {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;		
}
.__btn:after, .__btn:before {
  -webkit-transition: all 0.45s ease-out;
     -moz-transition: all 0.45s ease-out;
       -o-transition: all 0.45s ease-out;
          transition: all 0.45s ease-out;
}

/* Screen Media Query
----------------------------------------------- */
/* large desktop screen */
@media (min-width:1141px){
	#top {
		position: absolute;
		top: 15%;
		right: 0;
	}
}

/* laptop screen */
@media (max-width: 1140px) { 
	#logo {
		min-height: 50px !important;
	}
	nav .brend-logo, nav .after-logo {
		height: 100% !important;
		width: 100% !important;
		background-size: cover !important;
		position: absolute;
		top: 0 !important;
		margin-top: 0 !important;
	}	
}

/* mobile screen */
@media (max-width:425px){
  input[type="search"]{
    max-width: 130px;
  }
  div[role="form"] {
    border: 0px;
    padding: 0px;
  }
}