html, body
{
    width: 100%;
    margin: 0;
    overflow-y: auto;

}
body {
    font-size: 14px;
    line-height: 1.43;
    font-family: open_sans, Helvetica, Arial,"Nimbus Sans L", sans-serif !important;
    /*background: #DADAE3; */
    padding: 0 1em 1em 1em;
}


body#home{
    padding:0 !important;
    background: white;
}

a{
    color: #0071bc;
    text-decoration: none;

}

a:hover{
    color: #134868;
    border-bottom-color: #0071bc;
}



/********** Main Page Styles ***************/

.s_mt_10{margin-top: 10px;}
.s_mt_20{margin-top: 20px;}
.s_mt_50{margin-top: 50px;}
.s_mt_70{margin-top: 70px;}
.s_mt_100{margin-top: 100px;}
.s_mb_10{margin-bottom: 10px;}
.s_mb_20{margin-bottom: 20px;}
.s_mb_50{margin-bottom: 50px;}
.s_mb_70{margin-bottom: 70px;}
.s_mb_100{margin-bottom: 100px;}

strong{ font-weight: normal;}
.center{margin-left: auto; margin-right: auto;}
.right{display: block; float: right !important;}
.left{display: block; float: left !important;}

.grid_w {display: block; float: left;width: 100%;text-align: center;}
.grid_2{width: 140px;}
/********************/
.wrapper{
    text-align: center;
}
.word1{
    font-size: 18px;
    color: #000 !important;
    font-weight: 100;
}
.word2{
    font-size: 18px;
    color: #000 !important;
    font-weight: 600;
    letter-spacing: 1px;
}
p{margin: 10px 0;}
/* p > b {font-weight: 600;color: #000;font-size: 1.5em;} */
.wrapper img{
    padding: 20px 0;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}
.columns_2 ul, .columns_2 ol {column-count: 2;}
.centerCol img{max-width: 100%;}
.centerCol ul li img, .centerCol ol li img {
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline;
}
.centerCol ul{
    padding-left: 15px;
    list-style: none;
    margin-left: 20px;
    margin-bottom: 10px;
}
.centerCol ul li:before{
    content: "· ";
    margin-right: 15px;
}
.centerCol ul li{
    list-style: inherit;
    padding: 5px 0 10px 0;
    text-align: left;
    text-indent: -22px;
}
ul li > ul{margin-top: 15px;}
ul li > ul li{
    line-height: 1.54;
    padding-left: 15px;
    margin-bottom: 15px;
}
.centerCol ol{
    padding-left: 30px;
}
.centerCol ol li{padding: 5px 0 10px 20px; line-height: 1.54;}
.how-to .content{
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 100%;
}
.leftCol, .rightCol, .centerCol{
    display: block;
    text-align: left;
}

.leftCol{
    width: 200px;
    padding: 0 40px;
    float: left;
}
.rightCol {
    width: 180px;
    padding: 0 40px;
    text-align: center;
    float: right;
}
.centerCol{
    padding: 0 4%;
    margin-bottom: 150px;
    width: calc(100% - 260px - 280px - 8%);
    float: right;
}
.centerCol h1{
    font-size: 30px;
    line-height: 1.33;
    font-weight: 100;
    margin-top: 15px;
}
.leftCol h5{
    font-size: 12px;
    color: #555555;
    line-height: 1.5;
    font-weight:normal;
}
.rightCol h2, .rightCol h3, .rightCol h4,.rightCol h5 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25;
    text-align: left;
    color: #555555;
    display: block;
    float: left;
}
.rightCol h5{font-weight: 100;text-align: center;width: 180px;}

.leftCol h5{display: none;}
.leftCol ul{
    color: #009ae8;
    padding-left: 0;
    list-style: none;
    max-width: 200px;
}
.leftCol ul li {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
}
.rightCol ul{
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
    color: #555555;
    padding-left: 0;
    list-style: none;
    margin-bottom: 50px;
    max-width: 150px;
    float: right;
    display: block;
}
.rightCol ul li {
    list-style: inherit;
    padding: 5px 0;
    text-align: left;
    text-indent: -22px;
}

.rightCol ul li:before {
    content: "· ";
    font-weight: 600;
    font-size: 20px;
    margin-right: 10px;

}
.centerCol h2{  font-size: 20px;  font-weight: 600;  line-height: 1.5;  color: #000000; margin-top: 40px;margin-bottom: 20px;}
.centerCol a.button{
    border: 1px solid #009ae8;
    border-radius: 3px;
    padding: 8px 10px;
    background-color: #fff;
    color: #009ae8;
    display: block;
    float: left;
    width: 120px;
    text-align: center;
    margin-bottom: 10px;
}
.centerCol a.button.now{display: inline;width: 200px;margin-right: 10px;}
.rightCol a.button{
    border: 1px solid #009ae8;
    border-radius: 3px;
    padding: 8px 10px;
    background-color: #fff;
    color: #009ae8;
    display: block;
    float: left;
    width: 160px;
}
.centerCol br,
.rightCol br,
.rightCol hr{display: none;}

.button{
    border-radius: 3px;
    padding: 8px 22px;
    letter-spacing: 1px;
}
.noltrspcng{letter-spacing: normal;}
.rightCol a.button.dark,.centerCol a.button.dark{background-color: #009ae8; color: #fff;}
.centerCol a.button.dark.buy{background-color: darkred; color: #fff;border: 1px solid darkred;}
.button.light{background-color: #fff; color: #009ae8;}
.txtBig{text-transform: uppercase; font-weight: 600;}

.border_blr{border: 1px solid #009ae8; border-radius: 3px;}
.rightCol table tr td{padding:0 !important;margin: 0 !important;}
.rightCol img{ max-width: 170px;}

/******images videos****/
.samples_block {
    float: left;
    width: 100%;
    margin: 10px 0;
}
.sample {
    font-size: 10px;
    display: inline;
    float: left;
    width: 10em;
    margin-right: 55px;
}
.sample img {
    float: left;
    overflow: hidden;
    max-width: 125px;
    max-height: 94px;
    margin: 0 auto 7px 0;
    padding: 0;
    border: 4px solid #fff;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0,0,0,.75);
}

#SA_ {margin-top: 1em;  display: block;  float: left;}
#SA_ div {text-align: left;}
#SA_ h3{text-align: left; color: #009ae8; font-size: 19px;font-weight: 600;}
#SA_ h4{text-align: center; color: #505050; font-size: 23px;margin-top: 60px;margin-bottom: 30px;}
#SA_ br {display: inline;}
.rltdslt{color: #555555; font-size: 12px; text-align: left;padding-left: 10px;}
.pic{font-size: .9em;color: #555555;text-align: center !important;}

.vlink{width: 100%;display: block;margin-top: 20px;}
.gtitle{color: #555555; font-size: 12px;text-align: center;margin-top: 10px;display: block;float: left;}
.gvideo{display: inline;
    float: left;
    width: 100%;
    border: 1px solid silver;
    border-radius: 5px;}

@media only screen and (max-width: 1020px) {
    .rightCol{float: left;}
    .leftCol{float: none;}
    .centerCol{float: right;width: calc(100% - 280px - 8%);}
    .rightCol .s_mb_70 { margin-bottom: 20px; }
    .leftCol ul{display: block;  float: left;}
    .leftCol h5{display: block;  float: left;  margin-top: 30px; margin-bottom: 0;text-align: center; width: 100%; margin-left: -15px;}
    .centerCol .rltdslt a.button {width: 35%;display: block;}
}
@media only screen and (max-width: 650px) {
    .rightCol{display: none;}
    .leftCol{display: none;}
    .centerCol{float: none;width: 95%;}
    .grid_w {width: 98%;}
}