* {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    /* IE10 */
    -ms-user-select: none;
    user-select: none;
    /* android only */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    height: 100%;
    width: 100%;
}

body {
    min-height: 100%;
    min-width: 370px;
    overflow-x: hidden;
}

html {
    color: #fff;
    /*
  background: #000 url(../images/devices.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */
    z-index: -1;
    overflow-x: hidden;
}

body {
    color: #fff;
    background-color: #212540;
    /*background-image: url(../images/cafe1.jpg);*/
    /*background-image: url(../images/darkspaceMOD.jpg);*/
    /*background-image: url(../images/devices-dim1.jpg);*/
    /* background-image: url(../images/fern-1250903_1920.jpg); */
    /*background-image: url(../images/rainbow-shiny.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 0.9em;
    z-index: -1;
}

a {
    color: #a3a8c9;
    /*padding:0 2px;*/
}

#member_menu {
    display: block;
    position: fixed;
    height: 22px;
    /* right:54px; */
    top: 0px;
    width: 100%;
    background-color: #f4f4fb;
    background: #232323;
    border: solid 1px #2f2f2f;
    border-radius: 2px;
    border-top: none;
    padding: 6px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 50px;
    right: 0px;
    box-shadow: 1px 1px 5px rgba(27, 27, 65, 0.15);
    font-family: Quicksand, sans-serif;
    font-size: 9pt;
    text-align: right;
    color: #505070;
    color: #64648c;
    z-index: 99;
}

#member_menu a {
    text-decoration: none;
    color: #505070;
    color: #dadada;
    color: #6affab;
    color: #cbd2ff;
    padding-left: 6px;
    padding-right: 3px;
    border-left: solid 1px #404040;
    /* font-weight: bold; */
    transition-duration: 200ms;
}

#member_menu a:first-child {
    border-left: none;
    padding-left: 0px;
}

#member_menu a:hover {
    /*text-decoration:underline;*/
    color: #232356;
    color: #efefef;
}

#btt_icon {
    /*transition-duration:700ms;*/
    position: fixed;
    text-align: center;
    padding: 15px;
    padding-top: 12px;
    padding-bottom: 23px;
    right: 10px;
    bottom: -4px;
    z-index: 98;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.77);
    border: solid 1px #525252;
    /* width:50px; */
    height: 6px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: normal;
    font-size: 0.8em;
}

#btt_icon:hover {
    transition-duration: 300ms;
    background-color: rgb(0, 0, 0);
}

#btt {
    /*transition-duration:700ms;*/
    color: #fff;
}

#fb_msg_btn {
    position: fixed;
    bottom: 0px;
    right: 110px;
    z-index: 98;
    background-color: rgba(10, 10, 10, 0.97);
    color: #fff;
    padding: 11px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top: solid 1px #525252;
    border-left: solid 1px #525252;
    border-right: solid 1px #525252;
    cursor: pointer;
    font-size: 0.9em;
    transition-duration: 200ms;
    font-family: Quicksand, sans-serif;
    visibility: visible;
    transition-timing-function: ease-in-out;
    /* transition-delay: 100ms; */
}

#fb_msg_btn:hover {
    background-color: #304d8c;
    background-color: #2e55a9;
    border-color: #2f5ec3;
    transition-delay: 0ms;
    transition-duration: 200ms;
    /*text-decoration:underline;*/
}

#fb_msg_btn span.fa {
    padding-right: 7px;
}

#fb_msg_close {
    position: absolute;
    z-index: 100;
    background-color: #000;
    color: #fff;
    transition-duration: 400ms;
    font-family: Quicksand, sans-serif;
    margin-top: 0px;
    margin-left: 364px;
    padding: 4px 14px;
    padding-top: 2px;
    border: solid 1px #fff;
    cursor: pointer;
    font-size: 1.2em;
    visibility: visible;
}

#fb_msg_close:hover {
    background-color: #111;
}

#fb_msg {
    transition-duration: 700ms;
    z-index: 98;
    position: fixed;
    bottom: -325px;
    right: 64px;
    visibility: visible;
    box-shadow: 2px 2px 40px #04050c;
}

#content {
    background-color: rgba(0, 0, 0, 0.1);
    /* background-color: #454b75; */
    min-height: 700px;
    padding-bottom: 30px;
    z-index: -1;
    overflow-x: hidden;
    /*overflow-y:scroll;*/
}

#about {
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    /*background-color:rgba(0, 0, 0, 0.6);*/
    background-color: #333b77;
    background-image: linear-gradient(to right, #333b77, #00ca64);
    /* background-color: #0c0c0c; */
    border-bottom: solid 1px #12151b;
    padding: 100px 50px;
    padding-bottom: 140px;
    min-height: 0;
    width: auto;
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.8);
    /*transition-duration:250ms;*/
}

/*#about p {
  padding:30px 50px;
  border-radius:0px;
  background-color:rgba(0,0,0,0.4);
}*/

#about p {
    font-size: 1.2em;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.9);
    font-family: Quicksand, sans-serif;
}

#content div h1 {
    transition-duration: 250ms;
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    font-size: 3.3em;
    margin-top: 45px;
    margin-bottom: 85px;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.2);
}

#content div h2 {
    text-align: center;
    transition-duration: 250ms;
    font-family: Quicksand, sans-serif;
    font-size: 3.1em;
    /*margin-top:45px;
  margin-bottom:100px;*/
    text-shadow: 2px 2px rgba(0, 0, 0, 0.09);
}

#content .dn_arrow {
    display: inline-block;
    display: none;
    font-family: Quicksand, sans-serif;
    font-weight: normal;
    width: 50px;
    height: 150px;
    line-height: 120px;
    font-size: 8.8em;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.09);
    text-shadow: 3px 3px rgba(0, 0, 0, 0.09);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    /*position:absolute;*/
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -150px;
    transition-duration: 500ms;
}

#content #cta-da {
    transition-duration: 500ms;
}

#content div p {
    text-align: center;
    font-size: 1.05em;
    font-family: Quicksand, sans-serif;
    /*padding:0 8%;*/
    margin: 0 auto;
    max-width: 880px;
    /* margin-bottom:100px; */
    text-shadow: 2px 2px rgba(0, 0, 0, 0.09);
}

#content div a {
    text-decoration: none;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.09);
}

#content div span.btn,
#top a span#btn-back {
    font-family: Quicksand, sans-serif;
    background-color: #1bb86d;
    background: #1bb86d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom right, #1bb86d, #107042);
    background: -o-linear-gradient(bottom right, #1bb86d, #107042);
    background: -moz-linear-gradient(bottom right, #1bb86d, #107042);
    background: linear-gradient(to bottom right, #1bb86d, #107042);
    border: solid 2px #ebebeb;
    border-radius: 12px;
    padding: 12px 48px;
    font-size: 1.6em;
    color: #fff;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
    transition-duration: 700ms;
}

#content div span.btn:hover,
#top a span#btn-back:hover {
    /*box-shadow: inset 0 0 500px 250px rgba(0, 0, 0, 0.120);*/
    box-shadow: inset 0 0 500px 250px rgba(255, 255, 255, 0.1);
    transition-duration: 700ms;
}

#top a span#btn-back {
    float: right;
    margin-right: 50px;
    margin-top: 60px;

    margin-right: -15px;
    margin-top: 60px;
    /*font-size:.75em;
  padding:9px 25px;*/
}

#main {
    /*background-color:#fff;
  border:solid 1px #748098;*/
    background-image: url(../images/cbgd.png);
    background-color: #000;
    border-bottom: solid 1px #1a1e26;
    /*border-radius:4px;*/
    color: #fff;
    margin: 0px;
    padding: 75px;
    padding-top: 25px;
    min-height: 650px;
    width: auto;
    /* box-shadow:inset -1px 1px 4px 0 rgba(0,0,0,0.3); */
}

#devices {
    display: block;
    color: #fcfcfc;
    margin: 40px 0px;
    text-align: center;
    font-size: 11em;
    transition-duration: 400ms;
    text-shadow: 4px 4px rgba(0, 0, 0, 0.5);
}

#devices .fa:first-child {
    margin: 0 -25px;
}
#devices .fa:last-child {
    margin: 0 -15px;
}

#what-we-do,
#the-platform,
#additional-services {
    margin: 0 auto;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
}

#additional-services {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    margin-left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.columns div.col {
    background-color: #1e233a;
    display: inline-block;
    border-radius: 6px;
    margin: 10px 5px;
    padding: 25px;
    padding-top: 15px;
    vertical-align: top;
    width: 260px;
    border: solid 1px #151825;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.25);
}

#what-we-do div.col {
    min-height: 260px;
}

#additional-services div.col {
    background-color: #262946;
    border: solid 1px #454863;
    color: #eaeaea !important;
}

.col h1,
.col p,
.col ul {
    text-align: left;
    display: block;
    margin: 0 auto;
    font-family: Quicksand, sans-serif;
}

.col p {
    text-align: center;
}

#live {
    position: absolute;
    background-color: #10121d;
    color: #fff;
    font-weight: bold;
    font-family: Quicksand, sans-serif;
    font-size: 0.8em;
    padding: 10px 14px;
    margin-top: -35px;
    margin-left: 0px;
    border: solid 1px #1bbf70;
    border-radius: 4px;
    /*box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);*/
}

#cs {
    position: absolute;
    background-color: #10121d;
    color: #fff;
    font-weight: bold;
    font-family: Quicksand, sans-serif;
    font-size: 0.8em;
    padding: 10px 14px;
    margin-top: -35px;
    margin-left: 0px;
    border: solid 1px #9da3c6;
    border-radius: 4px;
    /*box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);*/
}

#responsive-img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 330px;
    background-image: url(../images/responsive.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#gallery {
    text-align: center;
    min-height: 440px;
    padding-top: 60px;
    /* margin-top:-60px; */
    margin-bottom: -40px;
    position: relative;
    width: 100%;
}

#gallery div {
    display: inline-block;
    transition-duration: 200ms;
    width: 400px;
    margin: 25px 10px;
}

#gallery div.thumb {
    position: relative;
}

#gallery div.thumb:hover {
    transition-duration: 200ms;
    position: relative;
    width: 450px;
    margin: 0;
}

#gallery img {
    width: 100%;
    /* border: solid 1px #1a1d2f; */
    /* border-bottom: solid 1px #101010; */
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    z-index: -100;
}

#gallery img:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

#gallery div a {
    color: #fff;
    font-weight: bold;
    font-family: Quicksand, sans-serif;
    font-size: 0.82em;
}

#gallery div.thumb:hover a {
    font-size: 0.88em;
}

#gallery div a div {
    width: 100%;
    display: block;
    background-color: rgb(8, 8, 9);
    /* border: solid 1px #313656; */
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: 12px 12px 18px rgba(0, 0, 0, 0.5);
    padding: 15px 0px;
    margin-top: -10px;
    margin-left: 0px;
}

.wbg {
    display: block;
    width: 200%;
    background-color: #141729;
    /* background-color: #0c0c0c; */
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-left: -50%;
    /* margin-bottom:50px; */
    box-shadow: inset -1px 1px 20px 0 rgba(0, 0, 0, 0.4);
    border-top: solid 1px #323861;
}

div#pricing {
    /*background-color:#fff;
  border:solid 1px #748098;*/

    background-image: url(../images/cbgd.png);
    background-color: #222833;
    border-bottom: solid 1px #1a1e26;
    /*border-radius:4px;*/

    color: #fff;
    margin: 0px;
    padding: 75px;
    min-height: 650px;
    width: auto;
    /*box-shadow:inset -1px 1px 4px 0 rgba(0,0,0,0.3);*/
}

#main #full-package {
    /* background-color: #0a0a0a; */
    background-color: rgb(17 17 20);
    border: solid 2px #262731;
    display: block;
    border-radius: 15px;
    margin: auto;
    padding: 25px;
    /*padding-top:15px;*/
    /*vertical-align: top;*/
    width: 60%;
    box-shadow: inset -1px 1px 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}

#price {
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    font-size: 4em;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
    margin: 0 40px;
    /* max-width: 600px; */
    display: block;
    padding: 30px;
    padding-bottom: 38px;
    text-align: center;
    background-color: #11131f;
    background-color: #191a1f;
    box-shadow: inset -1px 1px 50px 0 rgba(0, 0, 0, 0.6);
    border-radius: 16px;
    border: solid 2px #262731;
    overflow: hidden;
}

#full_price {
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: line-through;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
}

#price span {
    display: block;
    font-size: 0.3em;
}

#price span.full {
    text-decoration: line-through;
    /*color:#179F5E;*/
    color: #999;
}

#price span.offer {
    border-radius: 4px;
    background-color: #8b7ff5;
    background-color: #36e683;
    color: #000;
    text-shadow: none;
    margin: 30px 20px;
    margin-bottom: 0px;
    padding: 5px;
}

#price div.dvsn {
    display: inline;
    color: #6a709d;
}

#dollar {
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    font-size: 0.6em;
    display: inline;
    position: absolute;
    margin-left: -25px;
    margin-top: 12px;
    padding-right: 4px;
}

#price div.price {
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin-left: -30px;
}

#price div.price::first-letter {
    display: none;
    vertical-align: 20px;
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    font-size: 0.6em;
    padding: 7px;
}

#sign-up-btn {
    display: block;
    font-family: Quicksand, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    padding: 20px;
    border-radius: 16px;
    background-color: #060606;
    border: solid 2px #fff;
    color: #e1e1e1;
    margin: 0 40px;
    margin-top: 15px;
    transition-duration: 700ms;

    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
    background-color: #44496a;
    border: solid 2px #fff;
    color: #fff;
    /*box-shadow:inset -1px 1px 20px 0 rgba(0,0,0,0.4);*/

    background: #1bb86d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom right, #1bb86d, #107042);
    background: -o-linear-gradient(bottom right, #1bb86d, #107042);
    background: -moz-linear-gradient(bottom right, #1bb86d, #107042);
    background: linear-gradient(to bottom right, #1bb86d, #107042);
}

#sign-up-btn:hover {
    box-shadow: inset 0 0 500px 250px rgba(0, 0, 0, 0.12);
    transition-duration: 700ms;

    /*background-color:#503894;
  border:solid 2px #856FC8;
  color:#fff;
  box-shadow:inset -1px 1px 20px 0 rgba(0,0,0,0.4);*/
}

#section {
    border-radius: 4px;
    margin: 25px;
    padding: 50px;
    min-height: 580px;
    width: auto;
}

#contact {
    background-color: #31365a;
    border: solid 2px #4a5182;
    /*
  background: -webkit-linear-gradient(#343D4E, #232732);
  background: -o-linear-gradient(#343D4E, #232732);
  background: -moz-linear-gradient(#343D4E, #232732);
  background: linear-gradient(#343D4E, #232732);
  */
    border-radius: 4px;
    margin: 0;
    margin-left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
    margin-top: 60px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 480px;
    width: 68%;
    max-width: 880px;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.25);
}

#footer {
    background-color: #323139;
    background-color: #181c2d;
    border-top: solid 1px #393952;
    height: 200px;
    width: auto;
    /* box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2); */
    padding: 60px 10%;
    padding-bottom: 30px;
}

#footer ul {
    font-family: Quicksand, sans-serif;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
    color: #6f759c;
    font-size: 1.2em;
    margin-top: 44px;
    margin-left: 20px;
}

#footer ul li {
    list-style: none;
    margin-bottom: 7px;
    font-size: 0.8em;
    color: #70738f;
}

#footer ul li a {
    color: #7e83b1;
    color: #81f3bc;
    text-decoration: none;
    transition-duration: 200ms;
}

#footer ul li a:hover,
#footer #social div a:hover {
    color: #c2c5e0;
    transition-duration: 400ms;
}

#footer ul li a:hover {
    color: #acb4ff;
    border-bottom: solid 1px #8e99ff;
}

#footer #social div a:hover {
    text-decoration: underline;
}

#footer #social {
    float: right;
    margin-right: 33px;
    margin-top: 15px;
    font-size: 1.5em;
    text-align: right;
}

#footer #social div {
    font-family: Quicksand, sans-serif;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
    margin-top: 15px;
    font-size: 0.5em;
    color: #3e4369;
}

#footer #social div a,
#footer #social div span {
    display: block;
    color: #8289a9;
    text-decoration: none;
    margin-bottom: 5px;
    transition-duration: 400ms;
}

#footer #social span.copyright {
    color: #6d6b90;
    margin-bottom: 10px;
}

#footer #social a {
    color: #e1e1e1;
}

#footer #social a span.fa {
    transition-duration: 500ms;
    padding: 12px 8px;
    padding-bottom: 4px;
    margin: 0;
    background-color: #3e415c;
    background-color: #252942;
    border-radius: 2px;
    height: 30px;
    width: 28px;
    text-align: center;
}

#footer #social a span.fa:hover {
    transition-duration: 500ms;
    background-color: #565d90;
}

#footer #social a span.fa-facebook:hover {
    transition-duration: 500ms;
    background-color: #385592;
}

#footer #social a span.fa-linkedin:hover {
    transition-duration: 500ms;
    background-color: #0077b5;
}

#main p.lm {
    margin: 0 auto;
    margin-top: -20px;
    margin-bottom: 50px;
    font-size: 0.95em;
}

form {
    display: block;
    text-align: left;
    width: 60%;
    margin: 0 auto;
    /* margin-top:-60px; */
    margin-bottom: 40px;
}

form label,
form input[type="text"],
form textarea,
form input[type="submit"] {
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

input[type="text"],
textarea {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transition-duration: 400ms;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

form input[type="text"],
form textarea {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #4b5280;
    background-color: #242746;
    font-family: Quicksand, sans-serif;
    font-size: 0.98em;
    color: #b1b4d4;
}

form span {
    font-family: Quicksand, sans-serif;
    font-size: 0.75em;
    display: block;
    margin: 10px;
    margin-left: 35px;
}

form input[type="checkbox"] {
    display: block;
    margin: 10px;
    margin-top: 0px;
    float: left;
}

form input {
    padding: 12px;
}

form textarea {
    padding: 12px;
    min-height: 150px;
}

/*form input:hover, form textarea:hover,*/
form input:focus,
form textarea:focus {
    background-color: #121525;
    background-color: #3f4469;
    border: 2px solid #777ea9;
    color: #e2e5ff;
}

form label span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.1em;
    display: none;
}

form label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.1em;
}

form #response {
    display: block;
    width: auto;
    margin-top: 8px;
    padding: 12px;
    text-align: center;
    font-weight: normal;
    border-radius: 8px;
    transition-duration: 400ms;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
}

form .none {
    display: none;
    background-color: transparent;
    color: #fff;
}

form .waiting {
    background-color: #595e73;
    color: #fff;
}

form .success {
    background-color: #2e8d50;
    color: #fff;
}

form .fail {
    background-color: #3d404e;
    color: #fff;
}

form input[type="text"] {
    width: 100%;
}

form input[type="submit"] {
    margin-top: 16px;
    padding: 22px 48px;
    font-family: Quicksand, sans-serif;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.18);
    transition-duration: 700ms;
    font-size: 1.2em;
    font-weight: normal;
    background-color: #1bb86d;
    background: #1bb86d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom right, #1bb86d, #107042);
    background: -o-linear-gradient(bottom right, #1bb86d, #107042);
    background: -moz-linear-gradient(bottom right, #1bb86d, #107042);
    background: linear-gradient(to bottom right, #1bb86d, #107042);
    border-radius: 16px;
    border: solid 2px #fff;
    color: #fff;
}

form input[type="submit"]:hover {
    box-shadow: inset 0 0 500px 250px rgba(0, 0, 0, 0.12);
    transition-duration: 700ms;
}

form input[type="button"]:hover,
form input[type="submit"]:hover,
form input[type="button"]:focus {
    transition-duration: 400ms;
    border: 2px solid #fff;
    background-color: #101010;
    color: #fff;
    cursor: pointer;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #a3a5c3;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #a3a5c3;
}
:-ms-input-placeholder {
    /* IE 10+ */
    color: #a3a5c3;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #a3a5c3;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
} /* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
} /* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
} /* IE 10+ */

#email2 {
    display: none;
}

.article {
    background-color: #1a1932;
    background-color: #191b32;
    border-radius: 4px;
    padding: 30px 80px;
    padding-bottom: 60px;
    max-width: 900px;
}

.article h2 {
    color: #36e683;
}

h2 {
    color: #afb7ea;
}

.article p {
    margin: 0 !important;
    margin-bottom: 40px !important;
    max-width: -webkit-fill-available !important;
    padding: 0;
    display: block !important;
    font-size: 1.2em !important;
}

@media screen and (min-width: 1600px) {
    #content div h1 {
        transition-duration: 250ms;
        font-size: 4.2em;
    }
}

@media screen and (min-width: 1400px) {
    #content div h1 {
        transition-duration: 250ms;
        font-size: 4em;
    }

    #content div h2 {
        transition-duration: 250ms;
        font-size: 3.3em;
    }

    #main #full-package {
        width: 50%;
        padding: 40px;
    }
}

@media screen and (min-width: 1200px) {
    #content div h1 {
        transition-duration: 250ms;
        font-size: 4.2em;
    }

    #content div h2 {
        transition-duration: 250ms;
        font-size: 3.1em;
    }

    #content div span.btn,
    #top a span#btn-back {
        padding: 12px 54px;
        font-size: 1.8em;
    }
}

@media screen and (max-width: 1080px) {
    #content div h1 {
        transition-duration: 250ms;
        font-size: 3em;
    }

    #content div h2 {
        transition-duration: 250ms;
        font-size: 2.8em;
    }

    #gallery {
        text-align: center;
        min-height: 450px;
        padding-top: 80px;
        margin-top: -30px;
        margin-bottom: -20px;
    }

    #gallery div {
        display: inline-block;
        transition-duration: 200ms;
        width: 400px;
        margin: 10px;
    }

    #gallery div.thumb:hover {
        transition-duration: 200ms;
        width: 400px;
        margin: 10px;
    }

    #gallery div a:hover {
        font-size: 0.75em;
    }
}

@media screen and (max-width: 950px) {
    /*
    #content div,
    #content div h1,
    #content div p,
    #content div a,
    #content div span.btn {
        color:#EBEBEB;
    }
  */

    /*
    body {
      background:none;
      background-color:#1F2F5F;
    }
  */

    #content div h1 {
        transition-duration: 250ms;
        font-size: 2.9em;
    }

    #content div h2 {
        transition-duration: 250ms;
        font-size: 2.2em;
    }

    #content div p {
        transition-duration: 250ms;
        font-size: 1.05em;
        max-width: 750px;
    }

    #content div span.btn {
        border: solid 2px #ebebeb;
    }

    #devices {
        display: block;
        font-size: 8.6em;
        margin: 35px 0;
        transition-duration: 400ms;
    }

    #main #full-package {
        width: 55%;
        padding: 40px;
    }

    #gallery {
        margin-bottom: 60px;
        min-height: 200px;
    }

    #gallery div {
        display: inline-block;
    }

    .wbg {
        display: block;
        width: 100%;
        margin-left: -100px;
        padding-left: 100px;
        padding-right: 100px;
    }

    form {
        width: 70%;
        margin: 0 auto;
        /* margin-top:-60px; */
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 800px) {
    /*body {
    background-image: url(../images/devices_m2.jpg);
    background-repeat: no-repeat; 
    background-position: center;
    background-attachment: fixed;       
    webkit-background-size: 100vw;
    -moz-background-size: 100vw;
    -o-background-size: 100vw;
    background-size: 100vw;
  }*/

    #about {
        padding: 45px 50px;
        padding-bottom: 95px;
    }

    #content div h1 {
        transition-duration: 250ms;
        font-size: 2.7em;
    }

    #content div h2 {
        transition-duration: 250ms;
        font-size: 2.1em;
    }

    #content div p {
        transition-duration: 250ms;
        max-width: 640px;
    }

    #devices {
        display: block;
        font-size: 7.1em;
        margin: 30px 0;
        transition-duration: 400ms;
    }

    #main #full-package {
        width: 65%;
        padding: 40px;
    }

    #gallery {
        margin-bottom: 60px;
    }

    #gallery div {
        display: inline-block;
    }

    form {
        width: 75%;
        margin: 0 auto;
        /* margin-top:-60px; */
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 700px) {
    .columns div.col {
        padding: 30px;
        padding-bottom: 60px;
        width: 72%;
    }

    #additional-services .columns div.col {
        padding: 30px;
        padding-bottom: 60px;
        width: 66%;
    }

    .col h1,
    .col p,
    .col ul {
        font-size: 1.2em !important;
    }

    .col h1 {
        font-size: 1.4em !important;
    }

    #live,
    #cs {
        margin-top: -45px;
    }
}

@media screen and (max-width: 670px) {
    /*#about {
    transition-duration:none;
    min-height:auto;
    padding-bottom:20px;
  }*/

    #member_menu {
        /* right:35px; */
        padding-right: 5px;
    }

    #content div h1 {
        transition-duration: 250ms;
        padding: 0 0;
    }

    #content div p {
        transition-duration: 250ms;
        max-width: 470px;
    }

    #content div span.btn {
        padding: 12px 48px;
        font-size: 1.6em;
    }

    #devices {
        display: block;
        font-size: 6.4em;
        margin: 25px 0;
        transition-duration: 400ms;
    }

    #devices .fa:first-child {
        margin: 0 -15px;
    }
    #devices .fa:last-child {
        margin: 0 -5px;
    }

    #main #full-package {
        width: 65%;
        padding: 40px;
    }

    #price {
        margin: 0 20px;
    }

    #sign-up-btn {
        margin: 0 20px;
        margin-top: 15px;
    }

    #gallery {
        margin-bottom: 60px;
    }

    #gallery div {
        display: inline-block;
    }

    #contact {
        width: 80%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    form {
        width: 75%;
        margin: 0 auto;
        /* margin-top:-60px; */
        margin-bottom: 40px;
    }

    #fb_msg_btn {
        right: 50px;
    }
}

@media screen and (max-width: 570px) {
    #fb_msg {
        bottom: -325px;
        right: 30px;
    }
}

@media screen and (max-width: 550px) {
    #content div h1 {
        transition-duration: 0ms;
        font-size: 2.3em;
    }

    #content div h2 {
        transition-duration: 0ms;
        font-size: 1.9em;
    }

    #content div p {
        transition-duration: 250ms;
        max-width: 400px;
    }

    #contact p {
        padding: 0 75px;
    }

    h2#learn-more {
        margin-top: -40px;
    }

    #devices {
        display: block;
        font-size: 5.7em;
        margin: 25px 0;
        transition-duration: 400ms;
    }

    #main #full-package {
        width: 75%;
        padding: 40px;
    }

    #gallery {
        margin-bottom: 60px;
    }

    #gallery div {
        display: inline-block;
        transition-duration: 200ms;
        width: 350px;
        margin: 10px;
    }

    #gallery div.thumb:hover {
        transition-duration: 200ms;
        width: 350px;
        margin: 10px;
    }
}

@media screen and (max-width: 500px) {
    #content div p {
        transition-duration: 250ms;
        max-width: 385px;
    }

    #content div h2 {
        font-size: 2.1em;
    }

    #devices {
        display: block;
        font-size: 5.2em;
        margin: 25px 0;
        transition-duration: 400ms;
    }

    #main #full-package {
        width: 75%;
        padding: 30px !important;
        margin-top: -25px;
    }

    #gallery {
        margin-bottom: 60px;
    }

    #gallery div {
        display: inline-block;
        transition-duration: 200ms;
        width: 300px;
        margin: 10px;
    }

    #gallery div.thumb:hover {
        transition-duration: 200ms;
        width: 300px;
        margin: 10px;
    }

    #contact {
        width: 90%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #form {
        width: 80%;
    }

    form {
        width: 90%;
        margin: 0 auto;
        /* margin-top:-60px; */
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 470px) {
    #content div h1,
    #content div h2 {
        /*max-width:330px;*/
        margin: 25px auto;
        margin-bottom: 40px !important;
    }

    .wbg h2 {
        margin-bottom: 60px !important;
    }

    #about h1 {
        min-width: 330px;
    }

    #content div h1 {
        font-size: 2.1em;
    }

    #content div h2 {
        font-size: 1.8em;
    }

    #content div p {
        transition-duration: 250ms;
        min-width: 150px;
    }

    #top a span#btn-back {
        font-size: 0.75em;
        padding: 11px 28px;
    }

    #main h2 {
        margin-top: -300px;
    }

    #responsive-img {
        margin: 0;
        padding: 0;
        height: 200px;
    }

    #devices {
        display: block;
        font-size: 4.8em;
        margin: 25px 0;
        transition-duration: 400ms;
    }

    #main #full-package {
        width: 75%;
        padding: 30px !important;
        margin-top: -25px;
    }

    #full-package p span.unavailable {
        max-width: 200px;
    }

    /*#contact {
    margin-top:30px;
    margin-bottom:20px;
    padding-bottom:0px;
  }*/

    #gallery {
        /* padding-top:0px; */
        margin-top: -55px;
    }

    #contact {
        width: 90%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #form {
        width: 80%;
    }

    /*
  #gallery {
    margin-left:0;
    padding-top:0px;
    margin-bottom:60px;
  }
  
  #gallery div {
    display:inline-block;
    transition-duration:200ms;
    width:95%;
    margin:2px;
  }

  #gallery div.thumb:hover {
    transition-duration:200ms;
    width:95%;
    margin:2px;
  }
  
  */

    #main p.lm {
        margin: 0 auto;
        margin-top: -20px;
        margin-bottom: 60px;
        font-size: 0.95em;
    }

    #footer {
        padding: 70px 5%;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 390px) {
    #content div p {
        transition-duration: 250ms;
        max-width: 250px;
    }

    #content div h1 {
        font-size: 1.5em;
    }

    #devices {
        display: block;
        font-size: 4em;
        margin: 25px 0;
        transition-duration: 400ms;
    }

    #main #full-package {
        width: 110%;
        margin-left: -7%;
        padding: 10px;
    }

    /*#gallery {
    margin-bottom:0px;
  }*/

    #footer {
        padding: 70px 5%;
        padding-bottom: 0px;
    }
}

#content div#about h1 {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 40px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
}

#content div#about p {
    padding: 0px;
    margin: 0 auto;
    /* margin-bottom:70px; */
}

#what-we-do div h1,
#the-platform div h1 {
    font-size: 1.3em;
    color: #1bbf70;
    margin: 0;
    padding: 0;
}

#content div h2#services {
    margin-top: 60px;
    margin-bottom: 0px;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

#what-we-do div p,
#the-platform div p {
    font-size: 0.98em;
    text-align: left;
    margin: 0;
    padding: 0;
    margin: 16px 0;
    color: #c9c9c9;
}

#what-we-do div h1,
#what-we-do div p {
    text-align: center;
}

#what-we-do div p span {
    color: #28f392;
}

#the-platform div p span {
    color: #b9bfe2;
}

#the-platform div.col:first-child p span {
    color: #30e48d;
}

#what-we-do div ul,
#the-platform div ul {
    font-size: 0.98em;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    color: #fff;
}

#what-we-do div ul li {
    color: #e1e1e1;
    list-style: none;
}

#what-we-do div ul li::before {
    color: #999;
    /*content: "\25AA";*/
    font-family: "FontAwesome";
    content: "\f00c";
    color: #1bbf70;
    font-size: 1.1em;
    padding-right: 1.1225em;
    position: relative;
    top: 0em;
}

#the-platform div ul li {
    color: #e1e1e1;
    list-style: none;
}

#the-platform div ul li::before {
    color: #999;
    /*content: "\25AA"; */

    font-family: "FontAwesome";
    content: "\f00c";
    color: #179f5e;

    font-size: 1.1em;
    padding-right: 1.1225em;
    position: relative;
    top: 0em;
}

#the-platform {
    margin-top: 0px;
    margin-bottom: 50px;
}

#the-platform div.col {
    margin: 15px 5px;
}

#the-platform div.col p,
#the-platform div.col ul,
#the-platform div.col ul li {
    color: #e1e1e1;
}

#the-platform div.col h1 {
    text-align: center;
    color: #e1e1e1;
}

#the-platform div.col p {
    text-align: center;
}

#the-platform div.col .fa {
    font-size: 4em;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #ffffff;
}

#what-we-do div.col .fa {
    font-size: 3.5em;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #d2d2d2;
}

#the-platform div.col:first-child h1,
#the-platform div.col:first-child .fa,
#the-platform div.col:first-child p,
#the-platform div.col:first-child ul,
#the-platform div.col:first-child ul li {
    color: #ffffff;
}

#the-platform div.col h1 {
    color: #9da3c6;
}

#the-platform div.col:first-child h1 {
    color: #1bbf70;
}

#the-platform div.col {
    background-color: #161a2c;
}

#the-platform div.col:first-child {
    background-color: #161a2c;
}

#main #full-package {
    text-align: center;
    padding: 50px;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-bottom: 40px;
    max-width: 800px;
}

#main #full-package h2 {
    font-size: 1.9em;
    color: #179f5e;
    color: #fff;
    margin: 10px auto;
}

#main #full-package p {
    margin: 30px auto;
    margin-bottom: 40px;
    padding: 0;
    color: #d7d7d7;
    /*background-color:red;*/
}

#main #full-package p span {
    display: inline-block;
    font-weight: normal;
    font-size: 0.98em;
    color: #fff;
}

#main #full-package p span.sub {
    color: #d0d0d0;
}

#disc {
    margin-top: 20px;
    padding: 15px;
    width: 70%;
    display: inline-block;
    font-family: Quicksand, sans-serif;
    font-weight: normal;
    font-size: 0.77em;
    color: #828282;
}

#disc a {
    color: #777;
    text-decoration: underline !important;
}

#contact p {
    margin-bottom: 0px;
}

.noscroll {
    /*height:100%;*/
    overflow: hidden;
}

#terms,
#privacy,
#membership {
    position: fixed;
    border: none;
    margin: 50px 10%;
    height: 70%;
    width: 80%;
    background-color: #fff;
    color: #000;
    font-size: 8pt;
    /*overflow:hidden;*/
}

#terms a,
#privacy a,
#membership a {
    position: absolute;
    right: 2%;
    top: 0;
    text-decoration: none;
    font-size: 2.4em;
    margin: 0px;
    padding: 0 8px;
    background-color: #000;
    color: #fff;
}

#terms iframe,
#privacy iframe,
#membership iframe {
    border: none;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    color: #000;
    font-family: Quicksand, sans-serif;
}

#top a span#btn-back {
    padding-left: 20px;
}

#full-package p span.strike {
    text-decoration: line-through;
}

#full-package p {
    color: #858ec2 !important;
}

#full-package p span.available {
    color: #ffffff !important;
}

#full-package p span.unavailable {
    color: #bebec1 !important;
}

#content div p.services {
    margin: 75px;
    margin-top: 30px;
    margin-bottom: 0px;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

div ul {
    padding-left: 20px;
    list-style: none;
}
div ul li {
    margin-bottom: 5px;
}
div ul li:before {
    content: "<i class=" fa fa-home fa-fw ">";
    font-family: "FontAwesome";
    content: "" \f14a"";
    color: #1bbf70;
}

form label.error {
    position: absolute;
    width: auto;
    margin-top: -30px;
    margin-left: 12px;
    background-color: #a81717;
    background-color: #464b6c;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 7pt;
    padding: 5px 15px;
    color: #d1d3e4;
    border-left: solid 1px #8288b5;
    border-top: solid 1px #8288b5;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.75);
}

button:focus,
button:active,
submit:focus,
submit:active,
input:focus,
input:active {
    outline: 0;
}

#content,
#top,
#logo,
#menu,
#slider,
#nav,
#footer {
    visibility: visible;
}

#fb_msg_btn,
#fb_msg,
#nav {
    display: block;
}

#nav {
    transition-duration: 500ms;
}