@charset "UTF-8";
.artcat
{font-family: 'Open Sans', Helvetica, sans-serif;
font-size:10px;

	}
		.paddingart{
		padding-left:40px;
		padding-right:40px;}
.h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#333333;
	padding-bottom:10px;
}

.artdes{
	font-family: 'Open Sans', Helvetica, sans-serif;
font-size:12px;
padding-top:15px;

	}
subtitle1{    font-family: 'Open Sans', Tahoma, sans-serif;
    font-size: 1.6em;
    color: #666666;
    font-weight: bold;
    margin-bottom: 10px;}

	.imga {
 opacity: 1.0;
  filter: alpha(opacity=100);
  padding-bottom:20px;

  /* For IE8 and earlier */
}
p.normaltext {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size:1.5em;
	color: #666666;
	line-height:1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	 }


.imga:hover {
   opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* For desktop: */
<!--.col-1 {width: 8.33%;}
.col-21 {width: 23%;}
.col-211 {width: 20%;}
.col-31 {width: 50%;}
.col-41 {width:300px;}
.col-51 {width: 100%;
}
.col-61 {width: 50%;}
.col-71 {width: 33%;}
.col-72 {width: 30%;}
.col-81 {width: 10%;}
.col-91 {width: 85%;}
/*.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}*/


html, body {
  position: relative;
  width: 100%;
  height: 100%;
}





* {
  box-sizing: border-box;
}

ul.liststyle{
	list-style-type:disc;
}








@media (max-width: 1000px) {
  .wrap {
   flex-direction: column;
    width:400px;
  }
}

@media(max-width: 768px){
}
@media (min-width: 600px) {

 
}




@media (max-width: 800px) {


}
@media (min-width: 600px) {

 
}







.nav, .nav li a, div {
	display: block
}
.col-5, .io, li {
	float: left
}
.link, .nav li a {
	text-decoration: none
}
.col-10, .col-11, .col-12, .column, ul {
	overflow: hidden
}
.col-12 img, td img {
	max-width: 100%
}
.buttons, .clear, .video, div.sharing, div.tab {
	clear: both
}
.h1, .h2White, .nav li a {
	text-transform: uppercase
}


.eStore_container eStore_block980 {
	width: 1100px;
		
}
.eStore_block980 {
	table-layout: fixed;
	max-width: 1100px;

	
			
}
.greybg {
	background-color: #f8f8f8;
}

.h1 {
	
	margin: 0;
	font-weight: 700;
	
	text-align: left;
	font-size: 2em;
	line-height: 1.3em;
	padding-bottom:10px;
	

}


	hlink{
	color:#a1a1a1;

    font-size: 14px;
    letter-spacing: 0.18px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
	}
a:hover{
	color:#000000;
	}


.nav-background, ul.nav {
	background-color: #0085b8
}



.h3, p, ul {
	margin: 0
}


p {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #666;
	line-height: 21px;
	text-align: left
}

.nav li a, ul.nav {
	text-align: center
}
.nav-background {
	width: 100%
}
ul {

	padding: 0
}
.nav, ul.nav {
	margin: 0 auto
}
li {
	font-size: 15px;
	line-height:20px;
}
.nav li a {
	color: #fff;
	
	padding: 10px 20px
}
.nav li a:active, .nav li a:hover {
	background-color:#00364B;
	color: #fff;
	text-decoration: none
}

.nav {
	z-index: 170;
	text-align: center
}
ul.nav.stickytop {
	position: fixed;
	top: 0;
	margin-left: 0;
	background-color: rgb(0, 133, 184)
}

.col-12 {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 35px
}
.col-10 {
	width: 80%;
	margin-left: 10%
}
.col-11 {
	width: 90%;
	margin-left: 5%;
	margin-top: 20px
}
.col-5 {
	text-align: center;
	width: 20%
}
.col-4, .col-4-product {
	width: 23%
}
.col-4 {
	margin-left: 2%;
	float: left;
	text-align: center;
	margin-top: 20px
}
.col-3, .col-4-product {
	margin-left: 1%;
	text-align: center;
	float: left;
	margin-top: 20px
}
.col-3 {
	width: 32%
}
.col-2 {
	width: 48%;
	float: left;
	text-align: left;
	margin-bottom: 35px;
	margin-top: 20px
}

.p {
	font-size: 16px;
	color: #666;
	line-height: 25px;
	margin-top: 15px;
	margin-bottom: 15px
}

.top {
	width: 100%;
	height: auto;
	display: block
}

.column {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
	transition: .3s;
	float: left;
	margin-bottom: 50px;
	width: 32%;
	height: 340px;
	background-color: #fff;
	margin-right: .5%;
	margin-left: .5%
}

.column:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
}

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	color: #fff;
	background-color: #006699;
	font-size: 12px;
	padding: 1em;
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	display: none
}

.go-top:hover {
	background-color: #004280;

	Color: #fff
}






a img {
	margin: 0 auto
}

a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	
}




.nav li a.compare, .orange, a.ctaorange-border:hover {
	background-color: #f39800
}



.imgcontainer {
	width: 100%
}

.image {
	display: block;
	height: auto
}

.margin-top {
	margin-top: 50px
}

body {font-family: Verdana, sans-serif; margin:0}

img {vertical-align: middle;}


body {font-family: Verdana, sans-serif; margin:0}



/* Pure css slider*/



*, *:before, *:after {
  box-sizing: border-box;
}



body {
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}



@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

Resources 1×0.5×0.25× Rerun


/* Style the tab */
.tab {
  overflow: hidden;
 
  background-color: none;
}

  .row1:after {
  content: "";
  display: table;
  clear: both;
}






@media only screen and (max-device-width :1200px) {
	subtitle1{    font-family: 'Open Sans', Tahoma, sans-serif;
    font-size: 1.6em;
    color: #666666;
    font-weight: bold;
    margin-bottom: 10px;}
	.greybg {
		background-color: #f8f8f8;
	}
		.h1 {
		
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #000;
		font-weight: 700;
		font-size: 3em;
		text-transform: uppercase;
		
	}
		
	





	
}
}
@media only screen and (max-device-width :1024px) {
	
.eStore_container eStore_block980 {
	width: 100%;
}

	
	.h1{
	
			font-size: 3em;
			line-height: 1em;}
	

		{
		.column, .title {
			margin-left: 2%
		}
		.title {
			top: 5%
		}
		.top {
			width: 132%
		}
		.column {
			width: 100%;
			margin-right: 2%;
			height: 335px;
		}
		.go-top {
			bottom: 1em;
			right: 1em
		}
	
	
		.greybg {
			background-color: #f8f8f8;
		}
	}
}
@media screen and (max-width:980px) {
	.eStore_container eStore_block980 {
	max-width:980px;
}

		.h1{
	
			font-size: 3em;
			line-height: 1em;}
	

		.row1 {
  width: 100%;
    display: flex; flex-flow: column-reverse;
  }
	.greybg {
		background-color: #f8f8f8;
	}

	top {
		width: 120%
	}
	.column {
		width: 46%;
		margin-left: 1%;
		height: 335px
	}
	.h1 {
		font-size: 2em;
		line-height: 1em;
		padding:10px;
	}
	


	.go-top {
		bottom: 1em;
		right: 1em
	}

	.io {
		width: 25%;
		float: left;
		padding-bottom: 10px;
		height: 150px
	}
	.nav li a {
		padding: 10px 15px
	}
	.col-4 {
		width: 30%
	}
	.col-3 {
		width: 46%;
		margin-left: 2%
	}

	.col-4-product {
		width: 44%;
		margin-left: 2%
	}
	.col-12 {
		width: 90%;
		margin-left: 5%
	}
	.col-2 a img {
		width: 80%
	}

	.img {
		max-width: 80%;
	}
	
}
}
@media screen and (max-width:767px) {
	.eStore_container eStore_block980 {
	width: 100%;
}

	.row1 {
  width: 100%;
    display: flex; flex-flow: column-reverse;
  }

	.column {
		margin-left: 1%
	}

	.column, .pWhite {
		height: auto
	}

	.column {
		width: 48%;
		margin-bottom: 40px
	}
		.column2 {
		width: 50%;
		margin-bottom: 40px
	}

	.h1 {
		font-size: 20px;
		
	}



	.col2 iframe {
		margin: 0 auto
	}


	.go-top {
		bottom: 1em;
		right: 1em
	}
	.io {
		width: 45%
	}
	.nav li a {
		padding: 10px 46px
	}

	.col-5 {
		width: 33%;
		float: left
	}
	.col-4, .col-4-product {
		width: 48%
	}
	.col-3 {
		width: 46%
	}
	.col-2 a img {
		width: 100%
	}
	.col-2 {
		width: 96%;
		margin-bottom: 60px
	}
	.case {
		display: block;
		padding-top: 10px
	}
	.img {
		max-width: 80%;
	}
	
}
@media screen and (max-width:480px) {


p.normaltext {

    font-size:2m;

    line-height:2em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}


subtitle1{    font-family: 'Open Sans', Tahoma, sans-serif;
    font-size: 1.6em;
    color: #666666;
    font-weight: bold;
    margin-bottom: 10px;}

		

	.col-71{
		width:100%;
		  margin-bottom:0px;
		  padding:none;
		  
		 }
	
	 .col-81 {
width:10%;
  margin-bottom:0px;
		  padding:none;
  
}
 .col-91 {
  margin-bottom:0px;
		  padding:none;
width:80%;
  
}
 .col-211 {
width:33.33%;
line-height:normal;
  
}


	

		.nav{
		display:none;
		}

	.column, .pWhite, {
		height: auto
	}
	.img {
		max-width: 80%;
	}

	
	
	.bullets{font-family: Open Sans, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; line-height:16px; }
	.top {
		width: 100%
	}
	.nav li a {
		padding: 10px 12px
	}
	.links {
		padding-left: 8px
	}



	p {
		margin: 0 20px
	}

	.col-2 .button {
		margin: 0 auto
	}


	.go-top {
		right: 1em;
		bottom: 1em
	}
	.card {
		width: 70%;
		margin-left: 15%
	}
	.h3 {
		font-size: 14px;
		padding-top: 15px
	}
	.select1 {
		margin-top: 90px;
		width: 100%;
		padding: 10px;
		background-color: #2d7cd9;
		background-image: none
	}
	
	ul.nav.stickytop {
		position: fixed;
		top: 0;
		width: 100%;
		padding-left: 22%;
		margin-left: 0;
		display: none
	}

	.col-3, .col-4, .col-4-product {
		width: 90%;
		margin-left: 5%
	}
	.col-12, .col-2, .col-3 {
		margin-left: 2%
	}
	.col-3 {
		margin-bottom: 80px;
		width: 96%
	}

	.col-2 a img {
		width: 100%
	}
	.col-2 {
		width: 96%;
		margin-bottom: 60px
	}
	.banner {
		width: 100%
	}
	.col-12 {
		width: 96%
	}
	.p {
		margin: 0
	}

}

* {
  box-sizing: border-box;
}


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

 .col-41 {
  float: left;
  padding:0px;
  
 
  
}
 .col-31 {
  float: left;
  padding: 15px;
  text-align: center;
  
}
 .col-51 {
  float: left;
  padding: 15px;
  
}

 .col-61 {
  float: left;
  padding: 15px;
  
}
 .col-71 {
  float: left;
  padding-right: 15px;

  
}

 .col-72 {
  float: left;

  
}
 .col-81 {
  float: left;
  padding: 15px;
  color:#ffffff;
  background-color:#0085b8;


  
}
 .col-91 {
  float: left;
  padding:10px;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   font-size:14px;
   line-height:18px;
  margin-bottom:40px;
  color:#0085b8;
border:2px solid #0085b8;
  
}
 .col-21{
  float: left;
  padding: 15px;
  
}
 .col-211{
  float: left;
  padding: 15px;
  
}

ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}


 
  







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


	
	.subtitle33{

padding:10px;
	width:130%;
	}
  /* For mobile phones: */
  .col-41 {width:100%;
  text-align: center}
 .col-31  {
    width:50%;
    align:center;

  }
  .col-51 {width: 100%;
  padding-left: 0px; !important;}
  .col-61 {width:100%;}
	.imgs {
  width: 400px;
  height: auto;
  align:center;
}

  .col-21 {width:50%;}
	.imgs {
  width: 400px;
  height: auto;
  align:center;
}

.imgm{
	width:100%;}
	
	.imgproducts {
  width: 200px;
  height:auto;
  align:center;
}
.imgproducts2 {
  height: 200px;
  width:auto;
  align:center;
}
  h5 p{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-weight: none; !important;
	font-size:13px; !important;
}
  .eStore_container eStore_block980 {
	width: 100%;
	
	max-width:480px;
	
}
.eStore_block980 {
	table-layout: fixed;
	width: 100%;
	
	
}



}