@charset "UTF-8";
@media print {
.buttonReset {display:none !important;}
a{text-decoration:none; !important}
#containerMain {margin-left:auto; margin-right:auto;background:white; border:none; width:90%; height:90%;max-width: 650px; !important}
.container{padding: 60px 20px 20px 20px;}
.hidden{display:none;}
body{background: #ffffff; !important}
#logo{float:right; padding-top: 20px; padding-right:20px; width: 200px; height:30px;}
.product{max-height: 350px; max-width:100%;}
h2{display:inline-block; *display:inline; zoom:1; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.mobileproduct{display:none;}
.bracket1{width:80px; height:80px;}
.bracket2{width:80px; height:80px;}
.bold{font-weight:bold;}
.productDescription{font-size:14px;}
.leftImage{padding-left:30px;}
.mobileaccessory{display:none;}
.leftText{width:60%;}
.noAcc{max-height: 350px; max-width: 40%;float: right;}
.print{display:none !important;}
}
@media only screen and (max-width:1000px){
.button {cursor:pointer; color:black; background:rgba(0,203,255,0.49); transition:all .3s ease-in-out; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:36px;margin-bottom:20px !important; padding-top:50px !important; padding-bottom:50px !important;margin-left:20px !important; margin-right:20px !important;}
#intro{padding: 60px 20px 20px 20px !important;}
.buttonReset {cursor:pointer; color:black; background:rgba(0,203,255,0.49); transition:all .3s ease-in-out; padding: 30px 0 30px 20px !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:36px;}
.container{padding: 60px 0px 20px 0px !important;}
h2{font-size:48px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;padding-left:20px !important;}
h3{font-size:36px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{font-size: 28px !important; margin:0 !important;}
.mobileproduct{display:block !important; width:100%;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIwLjE2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(135,224,253,0) 0%, rgba(83,203,241,0.16) 40%, rgba(5,171,224,0.4) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,0)), color-stop(40%,rgba(83,203,241,0.16)), color-stop(100%,rgba(5,171,224,0.4))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(135,224,253,0) 0%,rgba(83,203,241,0.16) 40%,rgba(5,171,224,0.4) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(135,224,253,0) 0%,rgba(83,203,241,0.16) 40%,rgba(5,171,224,0.4) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(135,224,253,0) 0%,rgba(83,203,241,0.16) 40%,rgba(5,171,224,0.4) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(135,224,253,0) 0%,rgba(83,203,241,0.16) 40%,rgba(5,171,224,0.4) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087e0fd', endColorstr='#6605abe0',GradientType=0 ); /* IE6-8 */


}
.product{display:none !important;}
.introproduct{display:none !important;}
.infoButton{width:50px !important; height:50px !important; border-radius: 50px !important; font-size:36px !important;}
#containerMain {margin-left:auto; margin-right:auto;background:white; border:thin solid black; width:100% !important; height:100% !important;max-width: 100% !important;}
.bracket1{width:200px !important; height:200px !important;}
.bracket2{width:200px !important; height:200px !important;}
.leftImage{display:none; !important;}
.button:after{
    height: 50px !important;
    width: 50px !important;
    border-radius:50px !important;
    
}
.button:hover{color:black!important; background:rgba(0,203,255,.49)!important;-webkit-box-shadow: 0px 0px 0px 0px rgba(55,55,55,0)!important;box-shadow:0px 0px 0px 0px rgba(55,55,55,0)!important;}
.productDescription{padding: 0px 50px 0px 50px !important; font-size:inherit !important;}
.mobileaccessory{display:block !important;}
.leftText{width:100% !important;}
.print{display:none !important;}
.helpText{padding-left:20px !important; padding-right:20px !important; font-size:22px !important; line-height:inherit !important;}
.titleLine{display:none !important;}
}

.button {cursor:pointer; color:black; background:rgba(0,203,255,0.49); transition:all .3s ease-in-out; padding: 10px 0 10px 20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:10px;-webkit-border-radius: 10px;
border-radius: 10px;}
.button:after{
    content:'>';
    text-align:center;
    float:right;
    margin-right:10px;
    height: 20px;
    width: 20px;
    background:white;
    border-radius:10px;
    color:rgba(0,203,255,1);
    
}
.buttonReset {cursor:pointer; color:black; background:rgba(0,203,255,0.49); transition:all .3s ease-in-out; padding: 10px 0 10px 20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.button a{cursor:pointer; color:black; transition:all .3s ease-in-out; padding: 10px 0 10px 20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; -webkit-border-radius: 10px; border-radius: 10px; }
a .buttonReset{cursor:pointer; color:black; transition:all .3s ease-in-out; padding: 10px 0 10px 20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a{text-decoration:none;}
.button:hover{cursor:pointer; color:white; background:rgba(0,203,255,1);-webkit-box-shadow: 2px 2px 10px 1px rgba(55,55,55,.7);box-shadow: 2px 2px 10px 1px rgba(55,55,55,.7);}
.buttonReset:hover{cursor:pointer; color:white; background:rgba(0,203,255,1)}
.button a:hover{cursor:pointer; color:white; background:rgba(0,203,255,1)}
#containerMain {margin-left:auto; margin-right:auto;background:white; width:90%; height:90%;max-width: 650px;box-shadow: 0 2px 5px 1px rgba(0,0,0,.3);}
.container{padding: 60px 20px 20px 20px;}
.hidden{display:none;}
body{
  background: #ddebf5 fixed;
  background: -moz-linear-gradient(top, #ddebf5 0%, #bddcef 100%) fixed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddebf5), color-stop(100%,#bddcef)) fixed;
  background: -webkit-linear-gradient(top, #ddebf5 0%,#bddcef 100%) fixed;
  background: -o-linear-gradient(top, #ddebf5 0%,#bddcef 100%) fixed;
  background: -ms-linear-gradient(top, #ddebf5 0%,#bddcef 100%) fixed;
  background: linear-gradient(to bottom, #ddebf5 0%,#bddcef 100%) fixed;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddebf5', endColorstr='#bddcef',GradientType=0 ) fixed; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#logo{float:right; padding-top: 20px; padding-right:20px; width: 200px; height:30px;}
.product{max-height: 350px; max-width:100%;}
.introproduct{max-width:280px;}
.infoButton{width:20px; height:20px; border-radius: 20px; border: thin solid black; background:rgba(0,203,255,1); font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:white; display:inline-block; *display:inline; zoom:1; text-align:center; margin-left:10px; position:relative; cursor:pointer;}
h2{display:inline-block; *display:inline; zoom:1; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.popup{position:absolute; top:15px; left:15px; background: white; border:thin solid black; -webkit-box-shadow: 2px 2px 20px 1px rgba(0,0,0,.45);
box-shadow: 2px 2px 20px 1px rgba(0,0,0,.45); font-weight:normal; color:black; padding:10px;}
.mobileproduct{display:none;}
.bracket1{width:80px; height:80px;}
.bracket2{width:80px; height:80px;}
#startButton{padding-right:20px;}
.bold{font-weight:bold;}
.productDescription{font-size:14px;}
.leftImage{padding-left:30px;}
.mobileaccessory{display:none;}
.leftText{width:60%;}
.noAcc{max-height: 350px; max-width: 40%;float: right;}
.print{float:right;}
.helpText{margin-top:-10px; font-size:14px; line-height:20px;}
#Article > p {
    border: 1px solid black;
    margin: 0;
    padding: 10px;
}
#Article > p:nth-child(even) {
    background-color: #CEF5FF;
}