/** Shopify CDN: Minification failed

Line 108:0 Unexpected "}"

**/
/* Blogs */
.filters_container {
    border:0!important;
}
.card__inner.color-background-2.gradient.ratio {
    background: transparent;
}
.blog-articles.blog-articles--list{
  grid-template-columns: 1fr;
  row-gap:25px;
}
.blog-articles.blog-articles--list{
  .article-card__image{
    background-color:#fff!important;
  }
  .card__media .media img{
    object-fit:cover!important;
  }
}
.blog-articles--collage>*:nth-child(3n+1), .blog-articles--collage>*:nth-child(3n+2):last-child{
  grid-column:unset!important;
}
.blog-articles--collage>*:nth-child(1){
  grid-column:span 2!important;
}
.blog-articles{
  .card__heading a:after{
    content:none!important;
  }
  .card__heading{
    font-size:21px!important;
    font-weight:bold!important;
  }
}
@media screen and (min-width: 750px) {
  .blog-articles--list{
    .card:not(.ratio){
      flex-direction:row;
      border-radius:30px;
      background-color:#f2f2f2;
      border-radius:30px;
    }
  }
  .blog-articles--list{
    .card__content{
      display:block!important;
      padding:30px!important;
      text-align:left;
    }
  }
  .blog-articles--list{
    .card__heading a{
      text-align:left;
    }
  }
}
.blog-articles.iStorm.News{
  @media(min-width:450px){
    .blog-articles__article:first-child{
    grid-column:span 2;
  }
}
  
  @media (min-width:767px){
    .blog-articles__article:first-child .card:not(.ratio).article-card{
      flex-direction:row!important;
      margin-bottom: 50px;
    }
    .blog-articles__article:first-child .card__information{
      border-radius:0 30px 30px 0px!important;
    }
    .blog-articles__article:first-child .article-card > .card__content{
      border-radius:0 30px 30px 0!important
    }
  }
}
/* .blog-articles.iStorm.News{
   .card__content{
      background-color:#f2f2f2!important;
    } */
  .card__inner .card__content,.card__inner .article-card__image{
    background-color:transparent!important;
  }
  .blog-articles__article:not(first-child) .article-card > .card__content{
    border-radius: 0 0 30px 30px!important;
  }
  .card__information{
    padding:1.7rem!important;
    text-align:left!important;
    /* background-color:#f2f2f2!important; */
    border-radius:0 0 30px 30px!important;
  }
  .card__heading a{
    text-align:left!important;
  }
  .blog-articles__article{
    border-radius:30px!important;
  }
  .card--standard .card__inner{
    border:none!important; 
    /* border-radius:30px 30px 0 0!important; */
  }
}

/* @media(min-width:767px){
  .blog-articles.iStorm.News .blog-articles__article:first-child .card--standard .card__inner{
   border-radius:30px 0px 0 30px!important;
  }
} */



/* Blog Post */
.article-template__hero-container {
  max-width: 600px!important;
}


/* Footer Newsletter & Copyright */
.newsletter-form__richtext{
  margin-top:30px;
  line-height:1.5;
}
.newsletter-form__richtext .richtext p{
  margin-bottom:15px;
}

.newsletter-form__richtext .richtext a{
  color:#0080C6;
  text-decoration:underline;
}

.hidden{
  display:none;
}
.subscribe-submit__btn{
  cursor:pointer!important;
}
.subscribe-submit__btn[disabled]{
  background-color:#62bbfa!important;
  pointer-events:none!important;
}
.footer__logos{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

/* Contact form */
.istorm_contact{
  text-align:center;
}
.main-image{
  height:auto;
  width:650px!important;
}
.istorm_contact h2{
  text-align:center;
  font-size:clamp(35px, 5vw, 45px);
  font-weight:bold;
}
.istorm_contact .contact-form-richtext{
  text-align:center;
  line-height:1.2;
  font-size:clamp(15px, 5vw, 20px);
}

.istorm_contact .contact-form-categories{
  margin:90px 0 45px;
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.istorm_contact .contact-form-categories{
  @media(max-width:990px){
    flex-direction:column;
    gap:20px;
    margin:45px 0;
  }
}
.contact-form-category-image{
  min-height:150px;
}
.contact-form-category{
  padding:0 25px;
}
.contact-form-category-title{
  margin:20px 0;
}
.contact-form-category-title h4{
  font-weight:bold!important;
}
.contact-form-category-text a{
  color:#0080C6;
}

.istorm-contact-form-wrapper {
  margin-top:45px;
  text-align:center;
}
.istorm-contact-form-wrapper .main-image{
  height:auto;
  width:240px!important;
  margin-bottom:30px;
}

.istorm-contact-form-wrapper h2{
  text-align:center;
  font-size:clamp(35px, 5vw, 45px);
  font-weight:bold;
  margin-bottom:30px;
}

.contact-form-tabs-container{
  border-top:1px solid #D0D0D0;
  border-bottom:1px solid #D0D0D0;
}
.contact-form-tabs-wrapper{
  overflow-x:auto;
  display:flex;
  padding:8px 0;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.contact-form-tabs-wrapper .contact-form-tab{
  padding:20px 30px;
  flex:1;
}
.contact-form-tab.active{
 background-color:#F2F2F2;
}
.contact-form-tab-content-item {
  display: none;
}

.contact-form-tab-content-item.active {
  display: block;
}

.istorm-contact-form-container .accordion__content a{
  color:#0080C6!important;
}

.btn_prime.product-popup-modal__opener{
  width: fit-content !important;
  padding: 0 20px !important;
  margin-bottom: 20px;
}
.btn_prime.product-popup-modal__opener button{
  text-decoration:none;
  color:#0080C6;
}

.istorm-contact-form-popup .field:before,.istorm-contact-form-popup .field:after{
  content:none!important;
}
.istorm-contact-form-popup .field{
  border:1px solid #CFCFCF;
}

.istorm-contact-form-popup h2{
  font-weight:bold!important;;
  font-size:clamp(23px, 5vw, 30px)!important;
  text-align:center!important;
}
.istorm-contact-form-popup h3{
  text-align: center;
}

.istorm-contact-form-popup .product-popup-modal__content-info{
padding:0!important;
}
/* Repair Status */

.repair-container{
  width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:150px 0;
}
.repair-box{
  width:600px;
  background-color:white;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.repair-box h2, .repair-box h3{
  text-align:center;
}
.repair-box h2{
  font-weight:bold;
  font-size:clamp(23px, 5vw, 30px);
  margin-bottom:20px;
}
.repair-box h3{
  font-size:clamp(13px, 5vw, 15px);
  margin-bottom:20px;
}
.repair-box form{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width: 100%;
  padding: 0 30px;
}
.repair-box form input:before, .repair-box form input:after{
  content:none!important;
}
.repair-box form input{
  width:100%;
  padding:10px;
  min-height:5rem;
  border-radius:5px;
  border:1px solid #ccc;
  margin-bottom:10px;
}
.contact__button .button{
  background-color: var(--color-primary-bt-bg) !important;
  color: var(--color-primary-bt-label) !important;
  border-color: var(--color-primary-bt-outline) !important;
  height: auto !important;
  text-align: center;
}

.no-results-container img{
  width:100%;
  object-fit:contain;
}
.no-results-container{
  text-align:center;
}
.button-repair-status{
  margin-top:30px;
  background-color:#fff;
  color:#0080C6;
  border:none;
  cursor:pointer;
}

/* iStorm from Magento */

			.sfprodisplay-bold-licorice-35px {
	color: #121212;
	font-family: "SF Pro Display-Bold", Helvetica Neue;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3em;
				min-height: 50px
	}
	
	
			.sfprodisplay-bold-concrete-20px {
	color: #121212;
	font-family: "SF Pro Display-Bold", Helvetica Neue;
	font-size: 19px;
	font-style: normal;
	text-align: center;
	line-height: 30px;
	margin-top: 15px;
	padding: 0 10px;
	}
	
		.sfprodisplay-regular-normal-16px {
	color: #121212;
	font-family: "SF Pro Display-Regular", Helvetica Neue;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
			/*text-decoration: line-through;*/
			margin-bottom: 0
	}
	
	.group-3b a {
color: #ffffff;
		padding: 10px;
		font-weight: bold
}

.flexbox-container, .flexbox-container-b {
		max-width: 1200px;
		height: auto;
		display: flex;
		margin: 0 auto;
		justify-content: center;
	}
	
	.flexbox-container-xs {
		width: 100%;
		display: flex;
		margin: 0 auto;
		flex-direction: column
	}
	
.flexbox-left{
		width: 50%;
	}
	
	.flexbox-right{
		width: 50%;
	}

.big-card {
	min-height: 432px;
	border-radius: 16px;
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	display: flex;
	flex-direction: column;
	/*padding: 3.5rem;*/
	transition: 0.5s;
		margin: 20px;
}
	
	.big-card-2 {
	min-height: 300px;
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	display: flex;
	flex-direction: column;
	/*padding: 3.5rem;*/
	transition: 0.5s;
		margin: 20px;
}

.sml-card {
	height: auto;
	border-radius: 16px;
	/*background-color: #f3f4f5;*/
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	display: flex;
	flex-direction: column;
	padding: 2.5rem;
	transition: 0.5s;
		margin: 20px;
}
	
	.xs-card {
	border-radius: 16px;
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	display: flex;
	flex-direction: row;
	padding: 1.3rem;
	transition: 0.5s;
	margin: 20px;
}
	
	.xs-card-1 {
	min-height: 290px;
width: 267px;
	border-radius: 16px;
	background-color: #ffffff;
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	display: flex;
	flex-direction: row;
	padding: 1.3rem;
	transition: 0.5s;
		margin: 20px;
}

.big-card .category-title {
	font-size: 18px;
	color: #121212;
	margin-bottom: 1rem;
	margin-top: 1rem;
		min-height: 47px;
		padding: 0 30px;
	text-align: center
}

.big-card .article-title {
	font-size: 28px;
	font-weight: 400;
	color: #121212;
	line-height: 1.3em;
	padding: 20px 30px 0 30px;
	text-align: center
}
.big-card .author .info .caption {
color: #8a8a8a;
font-size: 20px;
margin: 30px 30px auto 30px;
}

.big-card .cat-image {
	width: 70%;
		margin: 0 auto;
	}
	
	.big-card .cat-image-1 {
	width: 86%;
	margin: 0 auto;
	}
	
	.big-card .cat-image-2 {
	width: 81%;
		margin: 0 auto;
	}
	
	.sml-card .category-title {
	font-size: 16px;
	color: #121212;
	margin-bottom: 1rem;
		text-align: left;
		margin-top: 2rem;
}

.sml-card .article-title {
	font-size: 14px;
	color: #121212;
	line-height: 1.3em;
	text-align: left
}

.sml-card .cat-image {
	width: 30%;
		float: left;
		margin-right: 20px;
	}
	
	.sml-card .cat-image-1 {
	width: 12%;
		float: left;
		margin-bottom: 36px;
	}

.big-card .article-header {
	margin-bottom: auto;
}
	
	.sml-card .article-header {
	margin-bottom: auto;
}
	
	.xs-card .category-title, .xs-card-1 .category-title {
	font-size: 16px;
	color: #121212;
	margin-bottom: 1rem;
		text-align: left;
		margin-left: 20px
}

.xs-card .article-title, .xs-card-1 .article-title {
	font-size: 18px;
	font-weight: 700;
	color: #121212;
	line-height: 1.3em;
	text-align: left;
	margin-left: 20px
}
	
	.xs-card .cat-image, .xs-card-1 .cat-image {
	margin: 0 auto ;
		width: 92%
	}
	
	.xs-card .cat-image-2, .xs-card-1 .cat-image-2 {
	width: 57%;
	margin: 52px auto 0px ;
	}
	
	.xs-card .article-header, .xs-card-1 .article-header {
	margin-bottom: auto;
}

@media (max-width: 1024px) {
	
	.xs-card {
	min-height: 244px;
			width: 87%;
}
			.xs-card-1 {
	min-height: 300px;
			width: 82%;
}
		
		
.sml-card .cat-image {
	width: 30%;
	float: none;
		margin-right: 20px;
	}
	.sml-card .cat-image-1 {
	width: 20%;
	float: none;
		margin-bottom: 0px
	}
		
}

@media (max-width: 750px) {
	.flexbox-container {
		width: 100%;
		flex-direction: column;
		margin-left: -20px;
	}
	
	.flexbox-container-xs{
			width: 100%;
			flex-direction: column;
		}
	.flexbox-container-b {
		width: 100%;
		flex-direction: column;
	}
.flexbox-left{
		width: 100%;
			margin-bottom: -20px;
	}
	
	.flexbox-right{
		width: 100%;
	}
		.big-card {
	width: 100%;
}
.sml-card {
		width: 100%;	
}
	.big-card .article-title, .big-card-2 .article-title {
	font-size: 28px;
	padding-left: 20px;
}
	
	.big-card .article-title-2, .big-card-2 .article-title-2 {
	font-size: 28px;
	padding: 0px 20px;
}
	
		
.big-card .author .info .caption, .big-card-2 .author .info .caption {
font-size: 16px;
margin: 20px 20px auto 20px;
}
	.big-card .cat-image, .big-card-2 .cat-image {
	width: 52%;
	}
	
	.big-card .cat-image-1, .big-card-2 .cat-image-1 {
	width: 100%;
	}
	
	.big-card .cat-image-2, .big-card-2 .cat-image-2 {
	width: 81%;
	}
	
		.sml-card .category-title{
			font-size: 20px;
			padding-left: 20px;
			text-align: left
		}	

.sml-card .article-title {
	font-size: 18px;
	padding-left: 20px;
	text-align: left
}
.sml-card .cat-image {
	width: 100%;
		float: none;
	}
	.sml-card .cat-image-1 {
	width: 30%;
		float: none;
	}
	
	.xs-card {
	height: auto;
			width: 100%;
			margin-right: 0px;
}
	
			.xs-card-1 {
	height: auto;
			width: 100%;
				margin-right: 0px;
}
		
	.xs-card .category-title {
	font-size: 14px;
}

.xs-card .article-title {
	font-size: 18px;
}
	
.xs-card .cat-image {
	width: 100%;
	margin: 0 auto ;
	}
	
	.xs-card .cat-image-2 {
	width: 50%;
	margin: 0 auto ;
	}
	
	.xs-card .article-header{
			padding: 10px;
		}
}

	.flex-item-small{
	flex: 16.5%;
			margin-right: 20px;
border-radius: 20px;
padding: 40px 10px 20px;
margin-bottom: 50px;
			margin-top: 20px;	
	}
	.margintop100{
		margin-top: 100px
	}
		.flex-row {
align-items: flex-start;
display: flex;
height: 128px;
min-width: 385px;
			margin-top: 150px;
}
	
			.flex-row-b {
display: block;
height: auto;
min-width: 320px;
			margin-top: 150px;
}
		.flex-row-c {
align-items: flex-start;
display: flex;
height: auto;
max-width: 450px;
			margin-top: 14%;
}
		
		.flex-row-1 {
align-items: center;
display: flex;
margin-left: 36px;
min-width: 282px;
margin-bottom: 40px;
margin-left: 0px;
}

		.flex-row-2{
			align-items: flex-end;
			align-self: center;
			display: flex;
			margin-top: 45px;
			flex-direction: row;
		}
		
		.flex-col-2 {
display: flex;
flex-direction: column;
min-height: 66px;
}
		.frame-2 {
width: 66%;
margin-top: 50px;
			margin-left: -10px;
}
		
	.text-3 {
letter-spacing: 0px;
min-height: 21px;
		}
		
		.text-3 a {
color: #00a5e5;
}
	.text-3b {
letter-spacing: 0px;
min-height: 21px;
		}
		
		.text-3b a {
color: #00a5e5;
}
		
		.istorm{
			background: rgb(0,165,229);
background: linear-gradient(180deg, rgba(0,165,229,1) 0%, rgba(22,95,158,1) 100%);
		}

		.flex-container{
			display: flex;
			flex-direction:column;
			background-color: #fff;
			max-width: 1500px;
			margin: 20px auto;
		}
		
		
		.flex-container-3 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
background-color: #ffffff;
}
		
		.flex-item-left-2 {
  flex: 50%;
}

.flex-item-right-2 {
  flex: 50%;
}
		
		
		.group {
height: 36px;
}

		.all-ipad{
			display: flex;
			flex-direction: column;
			align-content: center;
			max-width: 1500px;
			margin: 0 auto;
		}
		
		.all-ipad-2{
			display: flex;
			flex-direction: row;
			align-content: center;
			max-width: 1500px;
			max-height: 500px;
			margin: 0 auto;
		}

		.all-digital h1{
			font-size: 36px;
color: #ffffff;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
min-height: 150px;
			line-height: 1.2em;
		}
		
		.mac-book-pro-1 {
letter-spacing: 0px;
min-height: 40px;
margin: 10px auto;
}	
				.mac-book-pro-2 {
letter-spacing: 0px;
min-height: 168px;
width: 100%;
margin-bottom: 30px;
}	

		.ipad-text{
			/*display: flex;
			justify-content: center;
			align-content: center;*/
			flex-direction: column;
			max-width: 1000px;
			margin: 0 auto;
			text-align: center;
		}
		.ipad-text h1{
			font-size: 48px;
color: #121212;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
margin-bottom: 40px;
		}
		
		.ipad-text h2{
			font-size: 30px;
color: #121212;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
margin-top: 10px;
			margin-bottom: 20px;
			line-height: 1.4em;
		}
		
		.ipad-text p{
			font-size: 20px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: center;
			color: #121212;	
			line-height: 1.4em;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.small{
			font-size: 11px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #999999;	
			line-height: 1.3em;
			margin-top: 20px;
			margin-bottom: 80px;
		}

		.ipad{
			display: flex;
			justify-content: center;
			align-content: center;
			flex-direction: column;
			margin-top: 50px;
		}
		
		
		.ipad-banner{
			display: flex;
			border-radius: 25px; 
			margin: 40px auto;
			flex-direction: row;
			text-decoration: none;
		}	
		
		.ipad-banner a{
			text-decoration: none;
		}
		
		
		.pad15{
			padding-left: 8%;
			padding-right: 50px;
		}
		
		.pad10{
			padding-left: 8%;
			padding-right: 50px;
		}
		
		.pad5{
			padding-left: 5%;
			padding-right: 50px;
		}
		
		.ipad-banner-left{
			flex: 50%;
		}
		
		.ipad-banner-right{
			flex: 50%;	
		}
		
		.ipad-banner-right a{
			text-decoration: none;		
		}
		
		
		.ipad-banner-right h1{
			font-weight: bold;
			font-size: 30px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #121212;	
			line-height: 1.3em;
			min-height: 55px;
			margin-top: 100px;
max-width: 490px;
margin-bottom: 30px;
		}
		
		.ipad-banner-right h1 a {
			text-decoration: none;
		}
		.ipad-banner-right p a{
			text-decoration: none;
		}
		.ipad-banner-right a{
			text-decoration: none;
		}

		.ipad-banner-right p{
			font-weight: 400;
			font-size: 18px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #121212;	
			line-height: 1.4em;
			max-width: 500px;
			min-height: 180px;
		}

		.sfprodisplay-bold-concrete-40px {
color: #f2f2f2;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
text-align: center;
			line-height: 44px;
			margin: 0 auto;
}
		
		.sfprodisplay-bold-concrete-dark-40px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 50px;
font-style: normal;
font-weight: 700;
text-align: left;
line-height: 62px;
}
		
		.sfprodisplay-bold-concrete-dark-24px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 24px;
font-style: normal;
font-weight: 700;
text-align: center;
			line-height: 34px;
			margin: 0 auto;
}
		
		.sfprodisplay-regular-normal-concrete-16px {
color: #ffffff;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
		.sfprodisplay-regular-normal-cerulean-16px {
color: #00a5e5;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
		
		.sfprodisplay-regular-normal-cerulean-14px {
color: #00a5e5;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 14px;
font-style: normal;
font-weight: 400;
}

.sfprodisplay-regular-normal-dark-24px {
color: #121212;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 24px;
font-style: normal;
font-weight: 800;
	text-align: center;
}		
		
		.sfprodisplay-regular-normal-burnt-orange-16px {
color: #ff9000;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
		.sfprodisplay-regular-normal-dark-18px {
color: #666666;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 22px;
font-weight: bold;
}
		.sfprodisplay-regular-normal-light-18px {
color: #121212;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 18px;
font-style: normal;
font-weight: 400;
}
		
		.sfprodisplay-regular-normal-light-16px {
color: #121212;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
		
		.sfprodisplay-bold-licorice-44px {
color: #ffffff;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 44px;
font-style: normal;
font-weight: 700;
}
		.sfprodisplay-bold-licorice-34px {
color: #ffffff;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
}
		
		.sfprodisplay-bold-licorice-dark-34px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
}

		.sfprodisplay-regular-normal-concrete-14px {
color: #ffffff;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 14px;
font-style: normal;
font-weight: 400;
			text-align: center
}
		
.sfprodisplay-bold-cerulean-35px {
color: #00a5e5;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 35px;
font-style: normal;
font-weight: 700;
}
		
		.sfprodisplay-bold-licorice-24px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 22px;
font-style: normal;
font-weight: 700;
}

	.mac-book-pro-2 {
letter-spacing: 0px;
min-height: 34px;
width: 100%;
margin-top: 27px;
}	
		
			.mac-book-pro-3 {
letter-spacing: 0px;
min-height: 34px;
width: 100%;
margin-top: 15px;
				text-align: center;
}

		.mac-book-pro1-screenusen-1 {
display: block;
height: auto;
margin-bottom: 20px;
opacity: 0;
transform: translate(0, 25px);
}
		
.mac-book-air-screenwwen-1{
			opacity: 0;
transform: translate(25px, 0);
		}
		
		.bp1-animate-enter {
animation: bp1-animate-enter-frames 0.8s ease-in-out 0.4s 1 normal forwards;
display: block;
opacity: 0;
transform: translate(25px, 0);
}				
		
		.bp1-animate-enter1 {
animation: bp1-animate-enter1-frames 0.8s ease-in-out 0.4s 1 normal forwards;
}
	
.bp1-animate-enter2 {
animation: bp1-animate-enter2-frames 0.8s ease-in-out 0.4s 1 normal forwards;
}		
	.logo-1 {
height: auto;
margin: 0 auto;
object-fit: contain;
		width: 75%;
}

		.logo-2 {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 70%;
			background-color: #07090c;
			border-radius: 50px;
}
		
		.logo-3{
			width: 30%;
			margin: 0 auto;
		}
	

		.text-11 {
letter-spacing: 0px;
min-height: 23px;
width: 66px;
}	
		
	
			.group-4 {
	background-color: #0080c6;
	display: block;
	width: 100px;
	position: relative;
	border-radius: 50px;
	padding: 7px;
	}	

		
.text-2 {
left: 28px;
letter-spacing: 0px;
position: absolute;
top: 8px;
width: 48px;
}		
		
		.flex-row-1 {
display: flex;
justify-content: flex-start;
min-width: 282px;
margin-bottom: 40px;
margin-top: 40px; 
}
		
		.accessories{
			display: flex;
			flex-direction: row;
			align-content: center;
margin: 0 auto;
		}

		.flex-item-1 {
  flex: 33.33333%;
			margin-right: 20px;
border-radius: 20px;
padding: 40px 10px 20px;
margin-bottom: 50px;
			margin-top: 20px;
}
		
		.flex-item-1 a{
			text-decoration: none;
		}

		.flex-item-1-with-photo { 
  flex: 33.33333%;
			margin-right: 20px;
border-radius: 20px;
padding: 40px 10px 0px;
margin-bottom: 50px;
			margin-top: 20px;
}
		
		.flex-item-1-with-photo a{
			text-decoration: none;
		}

.flex-item-2 {
  flex: 33.3333%;
	margin-right: 20px;
	border-radius: 20px;
padding: 40px 10px 20px;
margin-bottom: 50px;
	margin-top: 20px;
}
		.flex-item-2 a{
			text-decoration: none;
		}
		
.flex-item-3 {
  flex: 33.3333%;
	border-radius: 20px;
padding: 40px 10px 20px;
margin-bottom: 50px;
			margin-top: 20px;
}
	
	.flex-item-3 a{
			text-decoration: none;
		}
		
		.text-12 {
letter-spacing: 0px;
min-height: 34px;
width: 150px;
			margin: 0 auto;
}
		
		.text-12c {
letter-spacing: 0px;
min-height: 20px;
			text-align: center;
			padding-left: 10px;
			padding-right: 10px;
			margin-top: 20px;
}
		.text-12 a{
			color: #00a5e5;
		}
		.text-12b a{
			color: #222222;
		}
		.text-12c a{
			color: #ffffff;
		}
		
		.mac-book-pro-2 {
letter-spacing: 0px;
min-height: 34px;
width: 100%;
margin-top: 27px;
}	
		
			.mac-book-pro-3 {
letter-spacing: 0px;
min-height: 34px;
width: 100%;
margin-top: 15px;
				text-align: center;
}
		
		
		

		
.mac-book-air-screenwwen-1{
			opacity: 0;
transform: translate(25px, 0);
		}
		
		.bp1-animate-enter {
animation: bp1-animate-enter-frames 0.8s ease-in-out 0.4s 1 normal forwards;
display: block;
opacity: 0;
transform: translate(25px, 0);
}				
		
		.bp1-animate-enter1 {
animation: bp1-animate-enter1-frames 0.8s ease-in-out 0.4s 1 normal forwards;
}
		
		
		
.bp1-animate-enter2 {
animation: bp1-animate-enter2-frames 0.8s ease-in-out 0.4s 1 normal forwards;
}
		
		
		@keyframes bp1-animate-enter-frames {
  from {
    opacity: 0;
    transform: translate(25px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes bp1-animate-enter1-frames {
  from {
    opacity: 0;
    transform: translate(0, 25px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

		
		
		/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
	
	.big-card .cat-image {
	width: 100%;
		margin: 0 auto;
	}
	.big-card .cat-image-1 {
	width: 70%;
		margin: 0 auto;
	}
	.flex-item-small{
		display: none
	}
	
	.margintop100px{
		margin-top: 0px
	}
	
	
	.all-digital{
		padding: 10px;
		border-bottom-right-radius: 50px;
	}
	
	.flex-item-right-2{
		flex: 100%;
		flex-direction: column;
	}
	
	.flex-item-left-2{
		flex: 100%;
		flex-direction: column;
	}
	
	.logo-1{
		width: 100%;
	}
	
	.logo-2{
	width: 100%;
	}
	
	.flex-container-3 {
    flex-direction: column-reverse;
  }
	
	.flex-col-2{
		margin: 0 auto;
	}
	
	.all-ipad-2{
		display: flex;
		flex-direction: column-reverse;
		max-height: auto;
		margin-top: 50px;
	}
	
	
	
	
	.ipad-text p{
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.ipad-text{
		width: 100%;
		padding: 10px;
		margin: 50 auto;
	}
	
	
	.ipad-text h1{
		font-size:40px;
		line-height: 48px;
		margin-bottom: 20px;
	}
	
	.ipad-text h2{
		font-size: 28px;
		line-height: 1.2em;
		max-width: 90%;
		margin: 0 auto
	}
	
	
	.ipad-banner {
		flex-direction: column;
		width: 85%;
	}
	
	.ipad-banner-right{
		flex: 100%;
		flex-direction: column;
		margin: 20px auto;
		padding: 5px;
	}
	
	.ipad-banner-right h1{
		margin: 0px auto 20px;
		text-align: center;
		line-height: 1.3em;
		font-size: 28px;
		padding: 10px;
	}
	
	.ipad-banner-right p{
		width: 90%;
		text-align: center;
		margin: 0 auto;
		min-height: 220px;
	}
	
	
	.flex-row-1{
		justify-content: center;
		margin-top: 25px;
	}
	
	.flex-row{
		margin-top: 30px;
		/*align-items: flex-start;*/
		/*display: flex;*/
		/*min-width: 385px;*/
		/*height: 129px;*/
	}
	
	.flex-row-b{
		width: 100%;
		margin-top: 50px
	}
	.sfprodisplay-bold-concrete-dark-40px{
		text-align: center;
font-size: 38px;
		line-height: 42px;
		max-width: 370px;
		margin: 0 auto;
	}
	
	
	
	.accessories {
		flex-direction: column;
		width: 85%;
	}
	
	
	
	.flex-item-1{
		flex: 90%;
		margin: 20px auto;
	}
	
	.flex-item-1-with-photo{
		flex: 90%;
		margin: 20px auto;
	}
	
	.flex-item-2{
		flex: 90%;
		margin: 20px auto;
	}
	
	.flex-item-3{
		flex: 90%;
		margin: 20px auto;
	}
	
	
	
	.sfprodisplay-regular-normal-light-16px{
		font-size: 18px;
	}
	
	.sfprodisplay-regular-normal-cerulean-14px{
		font-size: 16px;
	}
	
	
	.pad15{
			padding-left: 0%;
		padding-right: 0px;
		}
		
		.pad10{
			padding-left: 0%;
			padding-right: 0px;
		}
		
		.pad5{
			padding-left: 0%;
			padding-right: 0px;
		}
	
	.frame-2{
		margin: 0 auto;
	}
	
	.faq-digital{
		width: 100%;
	}
	.faq{
		border-top-right-radius: 50px;
		padding: 10px
	}
	.faq-text{
		width: 100%;
padding: 10px;
	}
	
	
		}	
		
	
		
		
	@media (max-width: 1280px){
.columns .column.main {
max-width: 100%;
margin: 0 auto;
}
		
		
		
		}	
		
		@media screen and (max-width: 920px) and (min-width: 801px)	{
			.ipad-banner-right h1{
			margin-top: 64px;
		}
			
			.flex-row{
				margin-top: 50px;
			}
			.sfprodisplay-bold-concrete-dark-40px{
				font-size: 40px;
				line-height: 45px
			}
		}

	.gradientblue{
		background: #009DDF;
background: linear-gradient(to right, #009DDF 0%, #1b5a9b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
		font-weight: bold
	}
		
	.padtop{
		padding-top: 20%
	}
		.flex-item-left {
  flex: 50%;
}

.flex-item-right {
  flex: 50%;
}
	
	.inthecenter{
		text-align: center !important
	}	
	
		
		
		.flex-container{
			display: flex;			
			flex-direction:column;
			justify-content: center;
			align-content: center;
		}
	
	.flex-container-b{
			display: flex;			
			flex-direction:row;
			justify-content: center;
			align-content: center;
			background-color: #E3F5FF;
			margin-bottom: 50px;
			border-radius: 30px
		}
	.flex-container-c{
			display: flex;			
			flex-direction:row;
			justify-content: center;
			align-content: center;
			background-color: #E3F5FF;
			margin-bottom: 50px;
		border-radius: 30px
		}
		
		.all-ipad h2 {
font-size: 32px;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
line-height: 1.4em;
max-width: 950px;
margin: 40px auto;
}
		
		.all-digital{
			display: flex;
			flex-direction: column;
			align-content: center;
		}
		
		
		.allfaq-digital{
			display: flex;
			flex-direction: column;
			background-color: #f3f4f5;
			align-content: center;
			border-bottom-right-radius: 150px;
			padding: 50px;			
		}
		
		.faq-digital{
			display: flex;
			justify-content: center;
			align-content: center;
			flex-direction: column;
			max-width: 1000px;
			margin: 0 auto;
		}
		
		
		.accessories{
			display: flex;
			flex-direction: row;
			align-content: center;
			max-width: 1000px;
			margin: 0 auto;	
		}
		
		.all-ipad{
			display: flex;
			flex-direction: column;
			align-content: center;
		}
		
		
		.all-digital h1{
			font-size: 36px;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
min-height: 100px;
			line-height: 1.4em;
			max-width: 950px;
			margin: 20px auto;
		}
		
		.all-digital h2{
			font-size: 32px;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
			line-height: 1.4em;
			max-width: 950px;
			margin: 40px auto 0 auto;
		}
		
	
		.item-voucher{
			justify-content: center;
/* flex: 30%; */
background-color: #DF1E55;
align-items: center;
padding: 0 25px;
border-radius: 28px;
margin: 0 auto;
			display: block;
}
		
	
		
		.item-voucher p{
			font-weight: bold;
			font-size: 24px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: center;
			color: #ffffff;	
			line-height: 1.5em;
			margin-top: 20px;
		}
		
		.item-text{
			flex-direction: column;
			width: 70%;
			margin: 40px auto;
		}
	
	.item-textb{
			flex-direction: column;
			width: 85%;
			margin: 40px auto;
		}
		
		.item-text p{
			font-size: 20px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: center;
			line-height: 1.5em;
			margin: 0 auto
		}
	.other-text{
		font-size: 18px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			line-height: 1.5em;
		font-weight: normal;
		padding-left: 20px;
		padding-right: 20px;
	}
		
		.ipad-text{
			flex-direction: column;
			max-width: 1000px;
			margin: 0 auto;
		}
		
		.ipad-text p{
			font-size: 20px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: center;
			color: #121212;	
			line-height: 1.4em;
			margin-top: 50px;
		}
		
		.small{
			font-size: 10px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #666666;	
			line-height: 2em;
			margin-top: 50px;
		}
		
		.item-text a{
			color: #ffffff;
		}
		
		.item-digital{
			display: flex;
			justify-content: center;
			align-content: center;
			flex-direction: column;
			max-width: 1500px;
			margin: 30px auto
		}
		
	.item-categories{
		display: block;
		width: 1000px;
		margin: -80px auto 0px auto
	}
		
		
		.ipad{
			display: flex;
			justify-content: center;
			align-content: center;
			flex-direction: column;
			margin-top: 50px;
		}
		.ipad-text{

			flex-direction: column;
			max-width: 1000px;
		}
		
		
		.ipad-text p{
			font-weight: bold;
			font-size: 20px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: center;
			color: #121212;	
			line-height: 1.4em;
			margin-top: 50px;
		}
		
		.ipad-text h1{
			font-size: 36px;
color: #121212;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
margin-top: 70px;
		}
		
		
		
		.ipad-banner{
			display: flex;
			border-radius: 50px; 
			background-color: #f3f4f5;
			margin: 0 auto;
			flex-direction: row;
			max-width: 1000px;
			padding: 50px;
		}
		
		.ipad-banner-2{
			display: flex;
			background-color: #ffffff;
			margin: 0 auto;
			flex-direction: row;
			padding: 50px;
		}
		
		.ipad-banner a{
			text-decoration: none;
		}
		
		.ipad-banner-right h1 a{
			text-decoration: none;
		}
		
		.ipad-banner-right-2 h1 a{
			text-decoration: none;
		}
		
		.ipad-banner-left{
			flex: 50%;
		}
		
		.ipad-banner-right{
			flex: 50%;			
		}
		
		
		.ipad-banner-right h1{
			font-weight: bold;
			font-size: 40px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #121212;	
			line-height: 1.4em;	
			margin-top: 95px;
			min-height: 90px;
		}
		
		.ipad-banner-right-2 h1{
			font-weight: bold;
			font-size: 40px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #121212;	
			line-height: 1.4em;	
			margin-top: 50px;
min-height: 60px;
		}
		
		
		
		.ipad-banner-right p{
			font-weight: 400;
			font-size: 18px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #121212;	
			line-height: 1.4em;
			max-width: 300px;
		}
		
		.ipad-banner-right-2 p{
			font-weight: 400;
			font-size: 16px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #121212;	
			line-height: 1.4em;
		}
		
		
		.ipad-banner-right-bottom {
			 margin-top: 53px;
			margin-left: 151px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
			background-color: #DF1E55;
			max-height: 169px;
		}
		
		.ipad-banner-right-bottom p{
			font-weight: 800;
			font-size: 18px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: center;
			color: #ffffff;	
			line-height: 1.4em;
			padding: 20px;
			max-height: 20px;
		}
		
		.buy{
			display: flex;
			flex-direction: row;
			padding-left: 20px;
		}
		
		.buy h2{
			font-weight: bold;
			font-size: 55px;
			font-family: "SF Pro Display", Helvetica Neue;
			text-align: left;
			color: #ffffff;	
			line-height: 1.4em;
		}
		
		.text-buy{
			letter-spacing: 0px;
margin-left: 27px;
min-height: 21px;
width: 160px;
			text-align: center;
			margin-top: 50px;
		}
		
		.text-buy a{
			color: #ffffff;
			font-size: 20px;
			font-weight: bold;
		}
		
		.group-3b {
			background-color: #0080c6;
			border-radius: 50px;
background-size: 100% 100%;
height: 72px;
pointer-events: auto;
position: relative;
transition: all 0.4s ease-in-out;
width: 360px;
			margin: 0 auto;
}
		
		.tabs {
  			display: flex;
			justify-content: center;
}

  .tab {
	  opacity: 0.6;
  }

  .tab.is-tab-selected {
	  opacity: 1;
  }
		.flex-item-bottom-1 {
  flex: 33.3333%;
			margin-top: 20px;
			margin-right: 20px;
border-radius: 30px;
background-color: #ffffff;
padding: 40px 10px 20px;
margin-bottom: 50px;
	}
		
		
		.flex-col-5 {
align-items: center;
flex-direction: column;
min-height: 125px;
width: 100%;
margin: 0 auto;
padding-left: 20px;
}	
	.text-1 {
letter-spacing: 0px;
}
		
		.text-1-b {
letter-spacing: 0px;
min-height: 145px;
width: 100%;
}
		
		.text-1-c {
letter-spacing: 0px;
margin-top: 10%;
min-height: 94px;
width: 100%;
}
		
		.text-2 {
left: 28px;
letter-spacing: 0px;
position: absolute;
top: 8px;
width: 48px;
}
		.text-2b {
			padding-top: 23px;
			text-align: center;
}
	.text-3 {
letter-spacing: 0px;
margin-left: 27px;
min-height: 21px;
width: 160px;
}	
		
		.text-3-b {
letter-spacing: 0px;
margin-left: 11px;
min-height: 21px;
}	
.text-4 {
letter-spacing: 0px;
min-height: 250px;
	width: 100%;
}
		
		.text-4-b {
letter-spacing: 0px;
			margin-top: 20px;
			max-width: 900px;
}
		
	.text-11 {
letter-spacing: 0px;
min-height: 23px;
width: 66px;
		text-align: center;
}	
		.text-12 {
letter-spacing: 0px;
/*margin-left: 27px;*/
margin: 20px auto;
min-height: 18px;
width: 150px;
			text-align: center;
}
		.text-12b {
letter-spacing: 0px;
margin-top: 20px;
min-height: 80px;
			text-align: center;
}
		.text-12 a{
			color: #00a5e5;
		}
		.text-12b a{
			color: #caff11;
		}
		
		.text-3 a{
			color: #00a5e5;
		}
		
		.text-3-b a{
			color: #00a5e5;
		}
		
.text-13 {
letter-spacing: 0px;
min-height: 17px;
/*max-width: 330px;*/
}		

		.sfprodisplay-bold-concrete-40px {
color: #f2f2f2;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
text-align: center;
			line-height: 44px;
			margin: 0 auto;
}
		
		.sfprodisplay-bold-concrete-dark-40px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
text-align: center;
			line-height: 44px;
			margin: 0 auto;
}
		
		.sfprodisplay-bold-concrete-dark-24px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 24px;
font-style: normal;
font-weight: 700;
text-align: center;
			line-height: 34px;
			margin: 0 auto;
}
		
		.sfprodisplay-regular-normal-concrete-16px {
color: #ffffff;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 18px;
font-style: normal;
font-weight: 400;
}
		.sfprodisplay-regular-normal-cerulean-16px {
color: #00a5e5;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
		
		.sfprodisplay-regular-normal-cerulean-14px {
color: #00a5e5;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 14px;
font-style: normal;
font-weight: 400;
}

.sfprodisplay-regular-normal-dark-24px {
color: #f2f2f2;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 24px;
font-style: normal;
font-weight: 400;
}		
		
		.sfprodisplay-regular-normal-burnt-orange-16px {
color: #ff9000;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
		.sfprodisplay-regular-normal-dark-18px {
color: #121212;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 18px;
font-style: normal;
font-weight: 400;
}
		.sfprodisplay-regular-normal-light-18px {
color: #121212;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 18px;
font-style: normal;
font-weight: 400;
}
		
		.sfprodisplay-regular-normal-light-16px {
color: #333333;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 16px;
font-style: bold;
font-weight: 400;
}
		
		.sfprodisplay-bold-licorice-44px {
color: #ffffff;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 44px;
font-style: normal;
font-weight: 700;
}
		.sfprodisplay-bold-licorice-34px {
color: #ffffff;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
}
		
		.sfprodisplay-bold-licorice-dark-34px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 34px;
font-style: normal;
font-weight: 700;
}

		.sfprodisplay-regular-normal-concrete-14px {
color: #ffffff;
font-family: "SF Pro Display-Regular", Helvetica Neue;
font-size: 14px;
font-style: normal;
font-weight: 400;
}
		
.sfprodisplay-bold-cerulean-35px {
color: #00a5e5;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 35px;
font-style: normal;
font-weight: 700;
}
		
		.sfprodisplay-bold-licorice-24px {
color: #121212;
font-family: "SF Pro Display-Bold", Helvetica Neue;
font-size: 28px;
font-style: normal;
font-weight: 700;
}
	
	.logo-tab {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 60%;
}

	.mac-book-pro-2 {
letter-spacing: 0px;
min-height: 34px;
width: 100%;
margin-top: 27px;
}	
		
			.mac-book-pro-3 {
letter-spacing: 0px;
width: 100%;
text-align: center;
}
		
		.mac-book-pro1-screenusen-1 {
display: block;
height: auto;
margin: 0 auto;
width: 100%;
opacity: 0;
transform: translate(0, 25px);
}
		
		.mac-book-pro2-screenusen-1 {
display: block;
height: auto;
margin: 0 auto;
width: 100%;
opacity: 0;
transform: translate(0, 25px);
}
		
.mac-book-air-screenwwen-1{
			opacity: 0;
transform: translate(25px, 0);
		}
		
		.bp1-animate-enter {
animation: bp1-animate-enter-frames 0.8s ease-in-out 0.4s 1 normal forwards;
display: block;
opacity: 0;
transform: translate(25px, 0);
}				
		
		.bp1-animate-enter1 {
animation: bp1-animate-enter1-frames 0.8s ease-in-out 0.4s 1 normal forwards;
}
		
		
		
.bp1-animate-enter2 {
animation: bp1-animate-enter2-frames 0.8s ease-in-out 0.4s 1 normal forwards;
}		
	.logo-1 {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 50%;
}
		
		.logo-2 {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 100%;
}
		
		.logo-3 {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 75%;
}
		.logo-4 {
height: auto;
margin: -50px auto 20px auto;
object-fit: contain;
width: 45%;
}
	.group-4 {
height: 34px;
margin: 35px auto;
min-width: 76px;
pointer-events: auto;
position: relative;
transition: all 0.4s ease-in-out;
		margin-bottom: 30px;
}	
		
		.group-4:hover {
transform: scale(1.2);
}
	
		 .flex-col-4 {
text-align: center;
display: flex;
flex-direction: column;
min-height: 125px;
max-width: 400px;
margin: 30px auto 10px;
}
		
		.flex-item-1 {
  padding: 10px;
  flex: 33.33333%;
			margin-right: 20px;
border-radius: 30px;
padding: 40px 10px 20px;
margin-bottom: 50px;
			margin-top: 20px;
}
		
		.flex-item-1 a{
			text-decoration: none;
		}

.flex-item-2 {
  padding: 10px;
  flex: 33.3333%;
	margin-right: 20px;
	border-radius: 30px;
background-color: #f2f2f2;
padding: 40px 10px 20px;
margin-bottom: 50px;
	margin-top: 20px;
}
		.flex-item-2 a{
			text-decoration: none;
		}
		
.flex-item-3 {
  padding: 10px;
  flex: 33.3333%;
	border-radius: 30px;
background-color: #f2f2f2;
padding: 40px 10px 20px;
margin-bottom: 50px;
	margin-top: 20px;
}
		
		.flex-item-3-acc {
  flex: 33.3333%;
	border-radius: 30px;
background-color: #ffffff;
padding: 0px 0px 20px;
margin-bottom: 50px;
	margin-top: 20px;
}
		
		.flex-item-3-acc a{
			text-decoration: none;
		}
	
	.flex-item-3 a{
			text-decoration: none;
		}	
		
		
		.ipad-banner-left-2{
			flex: 40%;
		}
		
		
		.ipad-banner-right-2{
			flex: 60%;
		}
		
		/*cards*/
		
		.box-area{
			flex-direction: row;
			display: flex;
			margin: 50px auto 0 auto;
		}
		
		

		.box{
			max-width: 225px;
			min-height: 185px;
			padding: 20px;
			background-color: #f3f4f5;
			border-radius: 5px;
			margin-right: 10px;
		}
		
		.box:hover{
			background-color: #a1e2fc;		
		}
		
		.box-img{
			display: block;
			margin: -80px auto 30px 0;
			width: 100px;
			height: 100px;
			border-radius: 50px;
			border: 1px solid #0092d9;
			background-size: cover;
			background-color: #ffffff;
		}
		
		.box p {
margin: 0;
color: #454545;
font-family: 'Helvetica Neue', 'Roboto', sans-serif;
font-size: 18px;
line-height: 28px;
}
		
		.clip-circle {
  clip-path: circle(50% at 50% 50%);
}
		
		/* End of cards*/
		
		@keyframes bp1-animate-enter-frames {
  from {
    opacity: 0;
    transform: translate(25px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes bp1-animate-enter1-frames {
  from {
    opacity: 0;
    transform: translate(0, 25px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@media only screen 
  and (min-device-width: 651px) 
	and (max-device-width: 1024px) {
		
		.item-text{
			flex-direction: row;
			width: 80%;
			margin: 0 auto;
			padding: 20px;
		}
		
		.accessories{
			display: flex;
			flex-direction: row;
			align-content: center;
			max-width: 800px;
			margin: 0 auto;	
		}
		.logo-4 {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 70%;
}
		.padtop{
		padding-top: 9%
	}
	}
		
		
		/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 650px) {
	.padtop{
		padding-top: 5%
	}

	.flex-container-b{
			display: flex;			
			flex-direction:column;
			justify-content: center;
			align-content: center;
			background-color: #ffffff;
		padding: 20px;
				margin-bottom: 50px;
		}
	.flex-container-c{
			display: flex;			
			flex-direction:column-reverse;
			justify-content: center;
			align-content: center;
			background-color: #ffffff;
		padding: 20px;
		margin-bottom: 50px;
		}
	
	.box-area{
			flex-direction: column;
		}
	
	.box{
		min-width: 300px;
			margin: 50px auto;
	}
	

	
	.all-digital{
		padding: 10px;
		border-bottom-right-radius: 50px;
		background-image: url(https://www.istorm.gr/pub/media/images/merimna/school_3.png);
			background-blend-mode: overlay;	
	}
	.logo-1{
		width: 100%;
	}
	.logo-tab{
		width: 70%;
	}
	
	.all-digital h1{
		font-size: 25px;
		line-height: 1.4em;
		color: #ffffff;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
	}
	.all-digital h2{
			font-size: 25px;
font-family: "SF Pro Display", Helvetica Neue;
text-align: center;
font-weight: bold;
			line-height: 1.4em;
			max-width: 950px;
			margin: 40px auto;
		}

	.small{
		font-size: 12px;
	}
	
	.faq{
		border-top-right-radius: 50px;
		padding: 10px
	}
	
	.item-voucher{
		padding: 5px;
		margin-top: 0px;
		width: 100%;		
	}
	
	.item-voucher p{
		font-size: 20px;
		line-height: 1.4em;
	}
	
	.item-text{
		width: 100%;
padding: 10px;
margin: 0 auto;
	}
	
	.item-text p {
		text-align: left;
	}
	
	.logo-2{
		width: 100%;
	}
	
	.logo-4 {
height: auto;
margin: 0 auto;
object-fit: contain;
width: 100%;
}
	.ipad-text{
		width: 100%;
		padding: 10px;
		margin: 0 auto;
		text-align: left;
	}
	
	
	.ipad-text h1{
		font-size: 28px;
	}
	
	
	.ipad-banner {
		flex-direction: column;
		width: 85%;
		margin: 50 auto;
	}
	
	.ipad-banner-left {
flex: 100%;
		flex-direction: column;
		margin: 0 auto;
}
	.ipad-banner-right{
		flex: 100%;
		flex-direction: column;
		margin: 0 auto;
	}
	
	.ipad-banner-right h1{
		margin-top: 0px;
		text-align: center;
	}
	
	.ipad-banner-right p{
		width: 100%;
		text-align: center;
	}
	.ipad-banner-right-bottom {
		margin-top: 0px;
		margin-left: 0px;
		min-height: 215px;
	}
	
	.ipad-banner-right-bottom p{
		text-align: center;
		margin: 0 auto;
	}
	
	.ipad-banner-right-2 h1{
		margin-top: 0px;
		text-align: left;
		min-height: 60px;
	}
	
	.ipad-banner-right-2 p{
		text-align: left;
		margin: 0 auto 50px auto;
	}
	
	.accessories {
		flex-direction: column;
		width: 100%;
	}
	
	.flex-item-1{
		width: 65%;
		margin: 0px auto 50px auto;
	}
	
	.flex-item-2{
		width: 65%;
		margin: 0px auto 30px auto;		
	}

	.flex-item-3{
		width: 65%;
		margin: 20px auto;		
	}
	
	.flex-item-3-acc{
		width: 85%;
		margin: 20px auto;		
	}
	
	.buy{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20px;
	}
	
	.text-buy{
		margin-top: 0px;
		margin-left: 0px;
	}
	
	.sfprodisplay-regular-normal-light-16px{
		font-size: 18px;
	}
	
	.sfprodisplay-regular-normal-cerulean-14px{
		font-size: 16px;
	}
	
	.mac-book-pro-1{
		margin: 0 auto;
		text-align: center;
	}
	.flex-col-4 {
align-items: center;
display: flex;
flex-direction: column;
width: 100%;
		min-height:0px;
/*margin-top: 50px;*/
}
	
	.ipad-banner-2{
		flex-direction: column;	}
	
	.all-ipad h2{
		font-size: 26px;
		margin-bottom: 0px
	}
	
	
		}	
		
		@media (max-width: 1280px){
.columns .column.main {
max-width: 100%;
margin: 0 auto;
}
		}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
      .hidden-lg {
        display: none !important;
}
}

@media (max-width: 1024px) {
  .column.column-carousel {
    order: 2;
}
  .column.column-image {
    order: 1;
}
}

.my-location-result__availability-stock {
  display:none;
}
.pickup-availability__time {
  display:none;
}
.pickup-availability__stock {
  display:none;
}