a:hover, a:focus {
  color:inherit;
  text-decoration:underline;
  opacity:.7;
}

@media (min-width:1405px) {
  header {
    background:url(../img/KeyArt_1920.jpg) no-repeat;
    background-size:cover;
  }
}

@media (max-width:1400px) {
  header {
    background:url(../img/KeyArt_1920.jpg) no-repeat;
    background-size:contain;
  }
}

@media (max-width:767px) {
  header {
    background:url(../img/KeyArt_767.jpg) no-repeat;
    background-size:contain;
  }
}

.cq-logo {
  max-width:20px;
  margin-bottom:300px;
  /*display: table;*/
  padding-top: 20px;
}

@media (min-width:1401px) {
  .cq-logo {
    margin-bottom:850px;
  }
}

@media (max-width:1400px) {
  .cq-logo {
    margin-bottom:600px;
  }
}

@media (max-width:1300px) {
  .cq-logo {
    max-width:100%;
    margin-bottom:510px;
  }
}

@media (max-width:991px) {
  .cq-logo {
    max-width:100%;
    margin-bottom:360px;
  }
}

@media (max-width:450px) {
  .cq-logo {
    max-width:100%;
    margin-bottom:230px;
  }
}

.Download {
  text-align:center;
  width:100%;
}

section {
  text-align:center;
}

.testimonials blockquote {
  text-align:center;
}

@media (min-width:1200px) {
  section.testimonials h2 {
    text-align:center;
    margin:0px 0;
    font-weight:bold;
    font-family:'Roboto Condensed';
    font-size:35pt;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
  }
}

@media (max-width:1199px) {
  section.testimonials h2 {
    text-align:center;
    margin:0px 0;
    font-weight:bold;
    font-family:'Roboto Condensed';
    font-size:35px;
    margin-top:5px;
    margin-bottom:8px;
  }
}

@media (max-width:991px) {
  section.testimonials h2 {
    text-align:center;
    margin:0px 0;
    font-weight:bold;
    font-family:'Roboto Condensed';
    font-size:35px;
    margin-top:10px;
    margin-bottom:5px;
  }
}

@media (max-width:767px) {
  section.testimonials h2 {
    text-align:center;
    margin:0px 0;
    font-weight:bold;
    font-family:'Roboto Condensed';
    font-size:22px;
    margin-top:5px;
    margin-bottom:3px;
  }
}

@media (min-width:1200px) {
  .play-free .play {
    font-size:30pt;
    text-align:center;
    margin-top:0%;
    align-content:center;
  }
}

@media (max-width:1199px) {
  .play-free .play {
    font-size:23pt;
    text-align:center;
    margin-top:0%;
    align-self:center;
  }
}

@media (max-width:991px) {
  .play-free .play {
    font-size:18pt;
    text-align:center;
    margin-top:0%;
  }
}

@media (max-width:767px) {
  .play-free .play {
    font-size:20pt;
    text-align:center;
    margin-top:2px;
  }
}

@media (min-width:1200px) {
  .play-free .play span {
    /*font-size:400pt;*/
    font-weight:bold;
  }
}

@media (max-width:1199px) {
  .play-free .play span {
    font-size:larger;
    font-weight:bold;
  }
}

@media (max-width:991px) {
  .play-free .play span {
    font-size:larger;
    font-weight:bold;
  }
}

@media (max-width:767px) {
  .play-free .play span {
    font-size:25pt;
    font-weight:bold;
  }
}

.divider {
  width:100%;
  /*height:10px;*/
  padding-bottom:5px;
}

.divider .line {
  width:100%;
  height:10px;
  padding-bottom:5px;
}

@media (min-width:1200px) {
  .content .download a {
    /*text-align:center;*/
    display:inline-block;
    margin:10px 50px 30px 0px;
    color:#fff;
    padding-left: 100px;
    /*padding-top:100px;*/
    /*align-items:center;*/
  }
}

@media (max-width:1199px) {
  .content .download a {
    text-align:center;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    margin-top:2px;
    color:#fff;
    padding-left:40px;
  }
}

@media (max-width:991px) {
  .content .download a {
    display:inline-block;
    margin-left:25px;
    margin-right:25px;
    /*margin-bottom:20px;*/
    color:#fff;
    height:auto;
    width:130px;
    /*line-height:45px;*/
    /*padding-top:75px;*/
  }
}

@media (max-width:767px) {
  .content .download a {
    margin-left:auto;
    margin-right:auto;
    color:#fff;
    width:115px;
    height:40px;
    padding-right: 5px;
    padding-left: 5px;  }
}


@media (max-width:413px) {
  .content .download a {
    display: grid; }
}

@media (min-width:1200px) {
  .email .subtext {
    font-family:'Roboto Condensed';
    font-size:13pt;
    margin-bottom:5px;
    padding-bottom:5px;
  }
}

@media (max-width:1199px) {
  .email .subtext {
    font-family:'Roboto Condensed';
    font-size:12pt;
    margin-bottom:5px;
    padding-bottom:2px;
  }
}

@media (max-width:991px) {
  .email .subtext {
    font-family:'Roboto Condensed';
    font-size:12pt;
    margin-bottom:5px;
  }
}

@media (max-width:767px) {
  .email .subtext {
    font-family:'Roboto Condensed';
    font-size:10pt;
    margin-bottom:5px;
  }
}

@media (min-width:1200px) {
  .email .submit {
    font-family:'Roboto Condensed';
    font-size:18pt;
    text-shadow:2px 2px #5b5b5b;
    font-weight:normal;
  }
}

@media (max-width:1199px) {
  .email .submit {
    font-family:'Roboto Condensed';
    font-size:14pt;
    text-shadow:2px 2px #5b5b5b;
    font-weight:normal;
  }
}

@media (max-width:991px) {
  .email .submit {
    font-family:'Roboto Condensed';
    font-size:12pt;
    text-shadow:2px 2px #5b5b5b;
    font-weight:normal;
  }
}

@media (max-width:767px) {
  .email .submit {
    font-family:'Roboto Condensed';
    font-size:10pt;
    text-shadow:2px 2px #5b5b5b;
    font-weight:normal;
  }
}

@media (min-width:1200px) {
  .email .address {
    padding-bottom:5px;
    height:50px;
    margin-left:auto;
    width:350px;
  }
}

@media (max-width:1199px) {
  .email .address {
    padding-bottom:6px;
    height:42px;
    margin-left:auto;
    width:250px;
  }
}

@media (max-width:991px) {
  .email .address {
    padding-bottom:6px;
    height:35px;
    margin-left:auto;
    width:250px;
  }
}

@media (max-width:767px) {
  .email .address {
    margin-left:auto;
    width:200px;
  }
}

.subscription {
  text-align:center;
  display:block;
  margin-right:auto;
  margin-left:auto;
  position:initial;
  padding-top:50px;
}

.video {
  margin-top:10px;
  margin-bottom:20px;
  position:relative;
  padding-bottom:32.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.video #player {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

@media (min-width:1200px) {
  .header2 .subtext {
    font-family:'Roboto Condensed';
    font-size:26pt;
    font-weight:bold;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    margin-top:-10px;
  }
}

@media (min-width:1200px) {
  .header2 .subheader {
    font-family:'Roboto Condensed';
    font-size:24pt;
    font-weight:bold;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
  }
}

@media (max-width:1199px) {
  .header2 .subtext {
    font-family:'Roboto Condensed';
    font-size:22pt;
    font-weight:bold;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    margin-top:-10px;
  }
}

@media (max-width:1199px) {
  .header2 .subheader {
    font-family:'Roboto Condensed';
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
  }
}

@media (max-width:767px) {
  .header2 .subheader {
    font-family:'Roboto Condensed';
    font-size:15pt;
    font-weight:bold;
    text-align:center;
    padding-left:40px;
    padding-right:40px;
    line-height:1.2;
  }
}

@media (max-width:767px) {
  .header2 .subtext {
    font-family:'Roboto Condensed';
    font-size:17pt;
    font-weight:bold;
    text-align:center;
    padding-left:40px;
    padding-right:40px;
    line-height:1.2;
  }
}

@media (min-width:1200px) {
  .header2 .subheader span {
    font-family:'Roboto Condensed';
    font-size:38Px;
  }
}

@media (max-width:1199px) {
  .header2 .subheader span {
    font-family:'Roboto Condensed';
    font-size:30Px;
  }
}

@media (max-width:767px) {
  .header2 .subheader span {
    font-family:'Roboto Condensed';
    font-size:22Px;
  }
}

@media (min-width:1200px) {
  .app_icon .icon-app {
    max-width:15%;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width:1199px) {
  .app_icon .icon-app {
    max-width:15%;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width:991px) {
  .app_icon .icon-app {
    max-width:17%;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width:767px) {
  .app_icon .icon-app {
    max-width:25%;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
}

.bullets {
  font-family:'Roboto Condensed';
}

@media (min-width:1200px) {
  .bullets .subtext {
    text-align:center;
    font-size:18pt;
    padding-left:15%;
    padding-right:15%;
    line-height:1.2;
    margin-top:15px;
  }
}

@media (max-width:1199px) {
  .bullets .subtext {
    text-align:left;
    font-size:16pt;
    padding-left:15%;
    padding-right:15%;
    line-height:1.2;
    margin-top:15px;
  }
}

@media (max-width:991px) {
  .bullets .subtext {
    text-align:left;
    font-size:14pt;
    padding-left:8%;
    padding-right:8%;
    line-height:1.2;
  }
}

@media (max-width:767px) {
  .bullets .subtext {
    text-align:left;
    font-size:14pt;
    padding-left:20px;
    padding-right:20px;
    line-height:1.2;
  }
}

.bullets {
  text-align:center;
  margin-top:5px;
}

.item-list span {
  font-weight:500;
}

@media (min-width:1200px) {
  .item-list .list {
    padding-left:12%;
    padding-right:12%;
    margin:0;
    float:none;
    display:inline-block;
    text-align:center;
    padding-top:5px;
    font-size:15pt;
    list-style-type:none;
    margin-bottom:20px;
    font-weight:bold;
  }
}

@media (max-width:1199px) {
  .item-list .list {
    display:block;
    margin-left:auto;
    margin-right:auto;
    float:none;
    display:inline-block;
    padding-right:10%;
    text-align:left;
    font-weight:bold;
    padding-top:5px;
    max-width:80%;
    font-size:13pt;
  }
}

@media (max-width:991px) {
  .item-list .list {
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-left:5%;
    padding-right:5%;
    text-align:left;
    font-weight:bold;
    padding-top:5px;
    max-width:80%;
  }
}

.images {
  margin-top:35px;
}

.carousel-control {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:15%;
  opacity:80;
  color:#333333;
  text-align:center;
}

[active="button"] {
  cursor:pointer;
}

.carousel-control:hover, .carousel-control:focus {
  outline:0;
  color:#000000;
  text-decoration:none;
  opacity:.6;
  filter:alpha(opacity=90);
}

.carousel .images {
  margin-left:auto;
  margin-right:auto;
  display:block;
  width:40%;
}

.left-controller {
  color:transparent;
  display:block;
  margin-top:200%;
  margin-bottom:auto;
  margin-left:70%;
  margin-right:auto;
  background-color:transparent;
  width:30%;
}

.right-controller {
  color:transparent;
  display:block;
  margin-top:200%;
  margin-bottom:auto;
  margin-left:auto;
  margin-right:70%;
  background-color:transparent;
  width:30%;
}

.carousel-control.left {
  background-image:none;
}

.carousel-control.right {
  background-image:none;
}

@media (max-width:450px) {
  .screen-shots {
    /*margin-top:20px;*/
    margin-bottom:10px;
  }
}

@media (max-width:450px) {
  .screen-shots .slider {
    font-family:'Roboto Condensed';
    text-align:center;
    display:block;
  }
}

.listbox .item {
  margin-left:auto;
  margin-right:auto;
  display:block;
}

@media (max-width:450px) {
  .slider .battle {
    margin-bottom:25px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    box-shadow:5px 5px 10px 0 #808080;
  }
}

@media (max-width:450px) {
  .slider .collect {
    margin-bottom:25px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    box-shadow:5px 5px 10px 0 #808080;
  }
}

@media (max-width:450px) {
  .slider .build {
    margin-bottom:25px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    box-shadow:5px 5px 10px 0 #808080;
  }
}

@media (max-width:450px) {
  .slider .guild {
    margin-bottom:25px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    box-shadow:5px 5px 10px 0 #808080;
  }
}

@media (max-width:767px) {
  .slider .upgrade {
    margin-bottom:25px;
    display:block;
    margin:auto;
    margin-right:auto;
    box-shadow:5px 5px 10px 0 #808080;
  }
}

.site-footer .social-icons a {
  display:inline-block;
  width:40px;
  font-size:35px;
  border-radius:18%;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:15px;
  margin-top:20px;
  color:#fff;
  height:30px;
  /*opacity:0.8;*/
  line-height:45px;
}

@media (min-width:768px) {
  .site-footer .social-icons {
    text-align:center;
    width:100%;
  }
}

.site-footer .social-icons a:hover {
  opacity:.8;
}

@media (min-width:1200px) {
  .vcmobile .logo {
    max-width:12%;
    display:block;
    /*opacity:.8;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
  }
}

@media (max-width:1199px) {
  .vcmobile .logo {
    max-width:13%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
  }
}

.site-footer .vcmobile {
  display:inline-block;
  width:100%;
  font-size:35px;
  border-radius:18%;
  /*margin-left:20px;*/
  margin-right:20px;
  margin-bottom:20px;
  margin-top:15px;
  color:#fff;
  /*height:20%;*/
  opacity:80;
  line-height:45px;
}

.site-footer .vcmobile :hover {
  opacity:.8;
}

@media (max-width:991px) {
  .vcmobile .logo {
    max-width:15%;
    width:100%;
  }
}

@media (max-width:767px) {
  .vcmobile .logo {
    max-width:25%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:10px;
  }
}

.links {
  text-align:center;
  border-bottom:0px;
  /*font-size:35px;*/
  font-family:'Roboto Condensed';
  display:inline-block;
  float:none;
  vertical-align:top;
  color:#221062;
}

@media (min-width:1200px) {
  .links .help_videos > a:hover {
    text-align:center;
    border:0px;
    width:100%;
    font-size:16pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (max-width:1199px) {
  .links .help_videos > a:hover {
    text-align:center;
    border:0px;
    width:100%;
    font-size:15pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (max-width:991px) {
  .links .help_videos > a:hover {
    text-align:center;
    border:0px;
    width:100%;
    font-size:14pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (max-width:767px) {
  .links .help_videos > a:hover {
    text-align:center;
    border:0px;
    width:100%;
    font-size:12pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (min-width:1200px) {
  .links .help_videos > a {
    text-align:center;
    border:0px;
    width:100%;
    margin:5px 30px 10px 0px;
    padding:0px 20px 0px 0px;
    padding-bottom:10px;
    font-size:16pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (max-width:1199px) {
  .links .help_videos > a {
    text-align:center;
    border:0px;
    width:100%;
    margin:5px 30px 10px 0px;
    padding:0px 20px 0px 0px;
    padding-bottom:10px;
    font-size:15pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (max-width:991px) {
  .links .help_videos > a {
    text-align:center;
    border:0px;
    width:100%;
    margin:5px 30px 10px 0px;
    padding:0px 20px 0px 0px;
    padding-bottom:10px;
    font-size:14pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (max-width:767px) {
  .links .help_videos > a {
    text-align:center;
    border:0px;
    width:100%;
    margin:5px 10px 10px 0px;
    padding:0px 20px 0px 0px;
    padding-bottom:10px;
    font-size:12pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (min-width:1200px) {
  .links .link_lists > a:hover {
    border:0px;
    text-align:center;
    width:100%;
    font-size:16pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (max-width:1199px) {
  .links .link_lists > a:hover {
    border:0px;
    text-align:center;
    width:100%;
    font-size:15pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (max-width:991px) {
  .links .link_lists > a:hover {
    border:0px;
    text-align:center;
    width:100%;
    font-size:14pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (max-width:767px) {
  .links .link_lists > a:hover {
    border:0px;
    text-align:center;
    width:100%;
    font-size:12pt;
    color:#221062;
    text-decoration:underline;
  }
}

@media (min-width:1200px) {
  .links .link_lists > a {
    border:0px;
    text-align:center;
    width:100%;
    margin:5px 60px 10px 0px;
    padding:0px 40px 0px 0px;
    padding-bottom:5px;
    font-size:16pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (max-width:1199px) {
  .links .link_lists > a {
    border:0px;
    text-align:center;
    width:100%;
    margin:5px 60px 10px 0px;
    padding:0px 40px 0px 0px;
    padding-bottom:5px;
    font-size:15pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (max-width:991px) {
  .links .link_lists > a {
    border:0px;
    text-align:center;
    width:100%;
    margin:5px 60px 10px 0px;
    padding:0px 40px 0px 0px;
    padding-bottom:5px;
    font-size:14pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

@media (max-width:767px) {
  .links .link_lists > a {
    border:0px;
    text-align:center;
    width:100%;
    margin:5px 30px 10px 0px;
    padding:0px 40px 0px 0px;
    padding-bottom:5px;
    font-size:12pt;
    color:#fd4337;
    text-decoration:underline;
  }
}

.nav2 {
  text-align:center;
  font-family:'Roboto Condensed';
  display:inline-block;
  float:none;
  vertical-align:top;
  color:#ffffff;
}

@media (min-width:1200px) {
  .nav2 > li > a {
    border:0px;
    width:100%;
    padding:7px;
    padding-bottom:2px;
    font-size:12pt;
    color:#777777;
  }
}

@media (max-width:1199px) {
  .nav2 > li > a {
    border:0px;
    width:100%;
    padding:7px;
    padding-bottom:2px;
    font-size:12pt;
    /*color:#777777;*/
  }
}

@media (max-width:991px) {
  .nav2 > li > a {
    border:0px;
    width:100%;
    padding:7px;
    padding-bottom:2px;
    font-size:10pt;
    color:#777777;
  }
}

@media (max-width:767px) {
  .nav2 > li > a {
    border:0px;
    width:100%;
    padding:5px;
    padding-bottom:2px;
    font-size:8pt;
    color:#777777;
  }
}

.site-footer {
  padding:20px 0;
  text-align:center;
  /*padding-bottom:0px;*/
}

.copyright {
  text-align:center;
  margin-left:0%;
  margin-right:0%;
  padding-left:0px;
  padding-right:0px;
  width:100%;
  margin:0px;
  color:#999999;
}

.copyright h5 {
  color:inherit;
  font-size:14px;
}

@media (max-width:767px) {
  .copyright h5 {
    color:inherit;
    font-size:13px;
  }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  /*font-weight:400;*/
  /*line-height:1.1;*/
  color:#fcfcfc;
  font-weight:bold;
  font-family:'Roboto Condensed';
  font-size:35pt;
  /*display:block;*/
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top:10px;
  margin-bottom:10px;
}

.row{margin-left: auto;
     margin-right: auto;
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: content-box;
    text-align: center;
}

@media (max-width:767px) {
  * {
    -webkit-box-sizing:border-box;
    /*-moz-box-sizing:border-box;*/
    box-sizing:contnt-box;
  }
}

@media (max-width:991px) {
  * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    /*box-sizing:content-box;*/
  }

@media (max-width:1199px) {
  * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
   /*box-sizing:content-box;*/
    text-align:center;
  }
}

@media (max-width:767px) {
  h2, .h2 {
    font-size:20px;
  }
}