body{
background:url(../images/support_wall.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
font-family: Tahoma, Geneva, sans-serif;
height: 100%;
}

div.container {
    width: 80%;
    border: 0px solid gray;
    margin: 0 auto;
}

header {
    padding: 0px;
    color: white;
    clear: left;
    /* border-bottom: 1px solid rgba(51,84,164,1); */
    background:url(../images/header5.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

footer {
  padding: 8px;
  color: white;
  background-color: rgba(51,84,164,1);
  clear: left;
  text-align: center;}

footer a {color: #fff; text-decoration: none; margin-right: 15px; margin-top: 15px; margin-bottom: 15px;}

footer p {
  font-size: 10px;}

.logo_con {background: rgba(255, 255, 255, .8); width: 288px;
  padding: 5px; text-align: center; border-top: 3px solid rgba(51,84,164,1);
  border-left: 3px solid rgba(51,84,164,1);
  -webkit-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
  box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
border-top-left-radius: 50px;}
.logo_con img {width: 71%;}

nav {
    float: left;
    width: 300px;
    margin: 0;
    /*padding: 1em;*/
max-height: 100%;
}
nav p {
  color: #fff;
  background-color: rgba(51,84,164,1);
  padding-left: 10px;
  padding-top: 15px;
  margin: 0;
  height: 35px;
  border-bottom: 2px solid #fff;
  font-weight: bold;
  text-shadow: 1px 1px 6px #000000;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

nav ul a {
    text-decoration: none;
    color: #ffffff;
    display: block;
}

nav li {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
padding: 14px;
border-bottom: 1px solid rgba(51,84,164,1);

}

nav li:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.nav_back {
  position: absolute;
     top:150px; bottom:0;
     display: block;
     width: 300px;
     background: rgba(51,84,164, .6);
     border-left: 1px solid rgba(51,84,164,1);
     float: left;
     clear: both;
     z-index: -10;
}

article {
    margin-left: 170px;
    border-left: 1px solid rgba(51,84,164,1);
    border-right: 1px solid rgba(51,84,164,1);
    border-top: 1px solid rgba(51,84,164,1);
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    overflow: hidden;
    background: rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
    border-top-right-radius: 50px;
}

h1 {color: rgba(51,84,164,1); border-bottom: 1px solid rgba(51,84,164,1); padding-bottom: 5px;}
h2 {color: rgba(51,84,164,1); font-size: 18px;}

.col1 {width: 100%; float: left;}
.col2 {width: 47%; float: left; margin-right: 3%;}
.col3 {width: 50%; float: left; text-align: center;}
.col4 {width: 43%; float: left; margin-left: 2%;}
.col5 {width: 50%; float: left; text-align: center;}
.col6 {width: 49%; float: left; margin-right: 2%;}
.col7 {width: 49%; float: left; text-align: center;}
.col8 {width: 50%; float: left;}

.col3 img {width: 100%; border: 2px solid rgba(51,84,164,1);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.col5 img {width: 65%; border: 2px solid rgba(51,84,164,1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.col6 img {width: 100%; border: 2px solid rgba(51,84,164,1);
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.col7 img {width: 100%; border: 2px solid rgba(51,84,164,1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.addon1 {background-color: #fff; width: 23%; float: left; margin-right: 5px; text-align: center; padding: 5px; border: 1px solid rgba(51,84,164,1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.addon2 {background-color: #fff; width: 23%; float: left; margin-right: 5px; text-align: center; padding: 5px; border: 1px solid rgba(51,84,164,1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.addon3 {background-color: #fff; width: 23%; float: left; margin-right: 5px; text-align: center; padding: 5px; border: 1px solid rgba(51,84,164,1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.addon4 {background-color: #fff; width: 23%; float: left; margin-right: 5px; text-align: center; padding: 5px; border: 1px solid rgba(51,84,164,1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.addon1 h2, .addon2 h2, .addon3 h2, .addon4 h2 {
border-bottom: 1px solid rgba(51,84,164,1); margin-bottom: 8px; height: 50px;}

.addon1 p, .addon2 p, .addon3 p, .addon4 p { min-height: 300px;}
.addon1 img, .addon2 img, .addon3 img, .addon4 img {margin-bottom: 8px; width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;}

.break {width: 98%; padding: 10px; float: left; border-top: 1px solid #acacac; margin-top: 15px;}
.break2 {width: 98%; padding: 10px; float: left; border-top: 0px solid #acacac; margin-top: 15px;}

article a {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
padding: 14px;
border: 1px solid rgba(51,84,164,1);
color: #ffffff;
text-decoration:  none;
}

article a:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
color: #ffffff;
}

#totopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  outline: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
  background: rgb(109,179,242); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
  border: 1px solid rgba(51,84,164,1);
  color: #ffffff;
  cursor: pointer;
  padding: 0px;
  border-radius: 10px;
  font-size: 30px;
  width: 50px;
  height: 50px;
}

#totopBtn:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
  background: rgb(30,87,153); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  color: #ffffff;
}

.prn_btn {float: right;
margin-right: 28px;
margin-top: -7px;}

.prn_btn a {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
border: 1px solid rgba(51,84,164,1);
color: #ffffff;
text-decoration:  none;
font-size: 22px;
width: 42px;
height: 42px;
}

.prn_btn a:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
color: #ffffff;
}

/* #Menu1 {height: 800px;
  overflow: auto;} */

@media print {
nav {display: none;}
.prn_btn {display: none;}
article a {display: none;}
article {
    margin-left: 0px;
    border-left: 0px solid rgba(51,84,164,1);
    border-right: 0px solid rgba(51,84,164,1);
    border-top: 0px solid rgba(51,84,164,1);
    padding-left: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    overflow: hidden;
    background: rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 0px -4px 5px -4px rgba(0,0,0,0.75);
    border-top-right-radius: 0px;
}
div.container {
    width: 100%;
    border: 0px solid gray;
    margin: 0 auto;
}
.logo_con {background: rgba(255, 255, 255, .8); width: 188px;
  padding: 0px; text-align: left; border-top: 0px solid rgba(51,84,164,1);
  border-left: 0px solid rgba(51,84,164,1);
  -webkit-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0);
  -moz-box-shadow: 0px -4px 5px -4px rgba(0,0,0,0);
  box-shadow: 0px -4px 5px -4px rgba(0,0,0,0);
border-top-left-radius: 0px;}
.logo_con img {width: 70%;}
.addon1 {width: 47%;}
.addon2 {width: 47%;}
.addon3 {width: 47%;}
.addon4 {width: 47%;}
}