body{
margin:0;
padding:0;
color:#333;
font-family:'Open Sans',sans-serif;
font-weight:400;
}

a{
color:#000000;
text-decoration:none;
}

/*Header*/
#header{
height:84px;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #e8e8e8;
width:928px;
position:relative;
}

.logo{
margin-top:10px;
max-width:250px;
float:left;
}

.logo img {
width:100%;
}

/*Menu*/
.menu{
font-size:12px;
height:64px;
position:absolute;
right:0; 
margin-top:54px;
text-transform:uppercase;
font-weight:600;
}

.menu a {
color:#333;
text-decoration:none;
margin:0 30px;
padding-bottom:9px;
padding-left:3px;
padding-right:3px;
}

.menu a.active {
border-bottom:4px solid #5B86C8;
height:25px;
}

/*Page*/

.compact{
margin-left:auto;
margin-right:auto;
width:780px;
text-align:justify;
}

.compact img{
max-width:100%;
}

.compact .box-title {
font-size:1.7em;
margin-bottom:30px;
}

h1 {
font-size:3em;
font-weight:300;
line-height:1.15;
margin:20px 0 20px 0;
text-align:center;
}

.subtitle {
font-size:1.4em;
font-weight:300;
line-height:1.15;
text-align:center;
}


.button
{
overflow: hidden;
border-radius: 5px;
box-shadow: 0px 1px 2px #939DA2;
color: #FEFEFE;
cursor: pointer;
font-family: Tahoma, Geneva, sans-serif;
font-weight:  normal;
font-size:18px;
text-decoration:none;
white-space: nowrap;
padding: 9px 18px;
text-shadow: 0px 1px 1px #003547;
/* background */
background: #0093c5;
/* IE10 */ 
background-image: -ms-linear-gradient(top, #0093c5 0%, #0079a2 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #0093c5 0%, #0079a2 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #0093c5 0%, #0079a2 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0093c5), color-stop(1, #0079a2));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #0093c5 0%, #0079a2 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #0093c5 0%, #0079a2 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093c5', endColorstr='#0079a2');
/* shadow */
-webkit-box-shadow: 0px 1px 2px #939da2;
-moz-box-shadow: 0px 1px 2px #939da2;
box-shadow: 0px 1px 2px #939da2;
}

.button:hover{
background: #008ab8 !important;
}

/*Slider*/

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #000000;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background:#000000 ;
  cursor: default;
}
.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8;}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10;}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}

/*Fetures*/

.features {
background:#f3f3f3;
background:-moz-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#fff));
background:-webkit-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:-o-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:-ms-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:linear-gradient(top,#f3f3f3 0,#fff 100%);
}

#content {
margin-left:auto;
margin-right:auto;
width:1050px;
padding:40px 0 50px;
}

.box {
display:inline-block;
vertical-align:top;
width:90%;
max-width:300px;
height: auto;
background: #fff;
padding:10px;
margin-right:1%;
margin-left:1%;
margin-bottom: 20px;
border: 1px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.box-title {
font-size:1.5em;
font-weight:300;
margin-bottom:10px;
text-align:center;
}

.box-text {
text-align:justify;
margin-top:20px;
font-size:1em;
}

hr {
margin-top:20px;
margin-bottom:20px;
border: 1px dashed #CCCC;
}

.record {
margin: 15px 0px 10px 0px;
padding: 5px 5px 5px 5px;
display:block;
background-color:#FFFFCC;
color:#000000;
font-size:1em;
text-align:justify;
border:1px solid #e3e3e3;
}

/*FAQ*/
.faq-block {
text-align:left;
vertical-align:top;
width:90%;
max-width:800px;
height: auto;
background: #fff;
padding:20px;
margin-bottom: 20px;
border: 1px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.faq-title {
color:#1487D4;
font-family: 'PT Serif', "Times New Roman", Georgia, serif;
font-size:2em;
font-weight:normal;
}

/*BLOG*/

.blog-block {
text-align:justify;
vertical-align:top;
width:90%;
max-width:800px;
height: auto;
background: #fff;
padding:20px;
margin-bottom: 20px;
border: 1px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.blog-title {
color:#1487D4;
font-family: 'PT Serif', "Times New Roman", Georgia, serif;
font-size:2em;
font-weight:normal;
}

.blog-title a {
text-decoration:none;
}

.blog-block img {
max-width:100%;
}

.blog-block a {
text-decoration:underline;
}

/*Footer*/

#footer{
clear:both;
margin-top:20px;
background:#f3f3f3;
background:-moz-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#fff));
background:-webkit-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:-o-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:-ms-linear-gradient(top,#f3f3f3 0,#fff 100%);
background:linear-gradient(top,#f3f3f3 0,#fff 100%);
font-size:11px;padding:40px 0 50px;
}

/*Buy*/

.buy {
margin: 50px auto;
background-color: #ffc;
max-width: 550px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding: 20px 30px; 
}
.buy table {
max-width:90%;
border-collapse: collapse;
margin: 0 auto;
border-top: 1px solid #e3c27c;
}
.buy table td {
font-size: 1.2em;
border-bottom: 1px solid #e3c27c; 
padding: 10px;
}
.buy table td.price {
font-weight: normal;
text-align:center;
border-left: 1px solid #e3c27c; 
padding-top:15px;
padding-bottom:15px;
}

.buy .button
{
width:90%;
font-size:1em;
padding:0.5em;
}

input {
width:85%;
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
font:  1em Verdana, Arial, Helvetica, sans-serif;
margin: 1px;
padding: 3px;
}

textarea {
width:85%;
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
font:  1em Verdana, Arial, Helvetica, sans-serif;
margin: 1px;
padding: 3px;
}  

.section_title {
font-size:2em;
font-weight:300;
margin-bottom:10px;
text-align:center;
}

@media only screen and (max-width: 1050px) {
#content{
width:95%;
}
}

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

#header{
width:95%;
height:64px;
}

.hide {
display:none;
}

.logo img {
height:50px;
}

.menu {
height:54px; 
margin-top:34px;
}

.menu a {
margin-right:10px;
margin-left:20px;
}

.compact{
width:95%;
}

h1 {
font-size:2em;
}

.subtitle {
font-size:1.1em;
}

.buy {
padding: 10px; 
}

.buy table td {
font-size: 1em;
padding:5px;
}

.buy .button
{
font-size:1em;
}

.buys {
flex-direction: column;
}
  
}

@media only screen and (max-width: 640px) {
iframe {
width:100%;
}


}

@media only screen and (max-width: 340px) {
.box {
display:block;
height:auto;
}

.box img {
width:100%;
}


.buy table td {
font-size: 0.8em;
}





}