@charset "utf-8";
/* CSS Document */



* {
  margin: 0px;
  padding: 0px;
}

body {
  background: none;
}

.layout {
  max-width: 270px;
  width: 100%;
  margin: auto;
}
/***********rating-stars************/
.top-link {
  width: 100%;
  display: block;
  padding: 0px 0px;
  cursor: pointer;
}
.top-link a {
  background: #374355 none repeat scroll 0 0;
    color: #8493a8;
    float: right;
    font-size: 22px;
    height: 30px;
    margin-right: 30px;
    margin-top: -3px;
    padding: 0 15px;
}
.top-heading {
  width: 100%;
  background: #374355;
  display: inline-block;
  border-radius:5px 5px 0 0;
  cursor: pointer;
}
.top-heading h1 {
  font-size: 20px;
  color: #fff;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-weight:400px;
  letter-spacing:1px;
/*  text-transform:uppercase;
*/  padding: 7px 0 16px 30px;
}

.links-rating ul li {
  display: block;
  list-style: none;
  background: #54657e;
  color:#fff;
  padding: 10px 0;
/*  border-top: 1px solid #54657e;
*/}
/* ROUNDED ONE */

.links-rating .active {
  background: #374355;
}
.roundedOne {
  width: 28px;
  float: left;
  height: 28px;
  display: inline-block;
  margin: 2px auto 0 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  margin-right: 10px;
}
.roundedOne label {
  background: #374355 none repeat scroll 0 0;
  border-radius: 50px;
  border: 1px solid #374355;
  cursor: pointer;
  height: 25px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 25px;
}
.roundedOne label:after {
   background: #eceff4 none repeat scroll 0 0;
    border: 5px solid #8493a8;
    border-radius: 50px;
    content: "";
    height: 9px;
    left: 6.5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 9px;
}
.roundedOne input {
  opacity: 0;
}
.roundedOne label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.roundedOne input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.roundedOne input[type="checkbox"]:checked + label{
   border: 1px solid #8493a8;
}
.rating-stars {
  color: #ff9948;
  font-size: 20px;
  display: inline-block;
  margin-top: -0px;
}
.rating-stars:hover, .rating-stars:focus {
  text-decoration: none;
  color: #ff9948;
}
/***********end************/




/***********rating-text************/
.rating-text ul li {
  padding: 10px 0px;
}
.rating-text ul li:hover a {
  text-decoration: none;
}
.rating-text ul li.active a {
  color: #fff;
}
.rating-text ul li a {
  display: inline-block;
  font-size: 15px;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight:500px;
  color:#fff;
  padding: 9px 0 7px !important;
}
.rating-text ul li .roundedOne {
  margin: 5px 10px 0;
}
/***********end************/



/***********buttons-light************/
.buttons-light-layout{
  max-width:320px;}
.top-buttons a {
  background: #303440;
  color: #8493a8;
}
.top-heading-button {
  background: #303440;
  color:#fff;
  overflow:hidden;
  border-radius:5px 5px 0 0;
}
.top-heading-button h1 {
  color: #fff;
  text-align: center;
  font-size:20px;
/*  text-transform: uppercase;
*/  padding: 0px 0 39px;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-weight:400px;
}
.banner {
  padding:0 15px;
  background: #303440;
  text-align:center;
  padding-bottom: 10px;
}

/*.links-rating{
  padding:15px;
  background: #303440;
}*/

.banner img {
  border: solid 1px #908F8F;
  display: block;
  max-width:308px;
  max-height: 155px;
  width: auto;
  height: auto;
}
.button-links ul li:hover a {
  text-decoration: none;
}
.button-links ul li.active {
  background: #b0b4bd;
}
.button-links ul li.active a {
  color: #fff;
}
.button-links ul li a {
  display: block;
  font-size: 15px;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight:500px;
  
  text-align: center;
  color: #fff;
  padding: 9px 0px 7px 0 !important;
}
.button-links ul li {
  text-align: center;
  border: none;
  background: #82858C;
  border: solid 1px #908F8F;
  border-radius: 2px;
  cursor: pointer;
}

.button-links ul {
  margin: 10px;
}

.button-links ul li + li{
  margin-top: 10px;
  
}
.rating .links-rating{
  background:#54657e;
  padding:0;
  
}
.rating .links-rating li{
  padding-left:15px;
  padding-right:15px;
}
/***********end************/

/***********rating-stars light************/
#stars-light .top-link {
  width: 100%;
  display: block;
  padding: 0px 0px;
}
#stars-light .top-link a {
  background: #C2C6E2 none repeat scroll 0 0;
    color: #8493a8;
    float: right;
    font-size: 22px;
    height: 30px;
    margin-right: 30px;
    margin-top: -3px;
    padding: 0 15px;
}
#stars-light .top-heading {
  width: 100%;
  background: #C2C6E2;
  display: inline-block;
}
#stars-light .top-heading h1 {
  font-size: 20px;
  color: #757786;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-weight:400px;
  letter-spacing:1px;
/*  text-transform:uppercase;
*/  padding: 7px 0 16px 30px;
}
#stars-light .links-rating ul li {
  display: block;
  list-style: none;
  background: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #cad3df;
}
/* ROUNDED ONE */

#stars-light .links-rating .active {
  background: #757786;
}
#stars-light .roundedOne {
  width: 28px;
  float: left;
  height: 28px;
  display: inline-block;
  margin: 2px auto 0 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  margin-right: 10px;
}
#stars-light .roundedOne label {
  background: #eceff4 none repeat scroll 0 0;
  border-radius: 50px;
  border: 1px solid #cdd5e1;
  cursor: pointer;
  height: 25px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 25px;
}
#stars-light .roundedOne label:after {
   background: #eceff4 none repeat scroll 0 0;
    border: 5px solid #8493a8;
    border-radius: 50px;
    content: "";
    height: 9px;
    left: 6.5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 9px;
}
#stars-light .roundedOne input {
  opacity: 0;
}
#stars-light .roundedOne label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
#stars-light .roundedOne input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
#stars-light .rating-stars {
  color: #ff9948;
  font-size: 20px;
  display: inline-block;
  margin-top: -0px;
}
#stars-light .rating-stars:hover, .rating-stars:focus {
  text-decoration: none;
  color: #ff9948;
}

/***emoji light**/

#emoji-light .top-link {
  width: 100%;
  display: block;
  padding: 0px 0px;
}
#emoji-light .top-link a {
  background: #C2C6E2 none repeat scroll 0 0;
    color: #8493a8;
    float: right;
    font-size: 22px;
    height: 30px;
    margin-right: 30px;
    margin-top: -3px;
    padding: 0 15px;
}

#emoji-light .top-heading {
  width: 100%;
  background: #C2C6E2;
  display: inline-block;
}
#emoji-light .top-heading h1 {
  font-size: 20px;
  color: #757786;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-weight:400px;
  letter-spacing:1px;
/*  text-transform:uppercase;
*/  padding: 7px 0 16px 30px;
}
#emoji-light .links-rating ul li {
  display: block;
  list-style: none;
  background: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #cad3df;
}
/* ROUNDED ONE */

#emoji-light .links-rating .active {
  background: #757786;
}
#emoji-light .roundedOne {
  width: 28px;
  float: left;
  height: 28px;
  display: inline-block;
  margin: 2px auto 0 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  margin-right: 10px;
}
#emoji-light .roundedOne label {
  background: #eceff4 none repeat scroll 0 0;
  border-radius: 50px;
  border: 1px solid #cdd5e1;
  cursor: pointer;
  height: 25px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 25px;
}
#emoji-light .roundedOne label:after {
   background: #eceff4 none repeat scroll 0 0;
    border: 5px solid #8493a8;
    border-radius: 50px;
    content: "";
    height: 9px;
    left: 6.5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 9px;
}
#emoji-light .roundedOne input {
  opacity: 0;
}
#emoji-light .roundedOne label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
#emoji-light .roundedOne input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
#emoji-light .rating-stars {
  color: #ff9948;
  font-size: 30px;
  display: inline-block;
  margin-top: -5px;
}
#emoji-light .rating-stars:hover, .rating-stars:focus {
  text-decoration: none;
  color: #ff9948;
}

/*****fix for dark and custom theme font size**/
#emoji-dark .rating-stars {
  color: #ff9948;
  font-size: 30px;
  display: inline-block;
  margin-top: -5px;
}

#emoji-custom .rating-stars {
  color: #ff9948;
  font-size: 30px;
  display: inline-block;
  margin-top: -5px;
}

/***********end************/




/***********rating-text light************/

#standard-light .top-link {
  width: 100%;
  display: block;
  padding: 0px 0px;
}
#standard-light .top-link a {
  background: #C2C6E2 none repeat scroll 0 0;
    color: #8493a8;
    float: right;
    font-size: 22px;
    height: 30px;
    margin-right: 30px;
    margin-top: -3px;
    padding: 0 15px;
}
#standard-light .top-heading {
  width: 100%;
  background: #C2C6E2;
  display: inline-block;
}
#standard-light .top-heading h1 {
  font-size: 20px;
  color: #757786;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-weight:400px;
  letter-spacing:1px;
/*  text-transform:uppercase;
*/  padding: 7px 0 16px 30px;
}
#standard-light .links-rating ul li {
  display: block;
  list-style: none;
  background: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #cad3df;
}
/* ROUNDED ONE */

#standard-light .links-rating .active {
  background: #757786;
}
#standard-light .roundedOne {
  width: 28px;
  float: left;
  height: 28px;
  display: inline-block;
  margin: 2px auto 0 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  margin-right: 10px;
}
#standard-light .roundedOne label {
  background: #eceff4 none repeat scroll 0 0;
  border-radius: 50px;
  border: 1px solid #cdd5e1;
  cursor: pointer;
  height: 25px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 25px;
}
#standard-light .roundedOne label:after {
   background: #eceff4 none repeat scroll 0 0;
    border: 5px solid #8493a8;
    border-radius: 50px;
    content: "";
    height: 9px;
    left: 6.5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 9px;
}
#standard-light .roundedOne input {
  opacity: 0;
}
#standard-light .roundedOne label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
#standard-light .roundedOne input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
#standard-light .rating-stars {
  color: #ff9948;
  font-size: 20px;
  display: inline-block;
  margin-top: -0px;
}
#standard-light .rating-stars:hover, .rating-stars:focus {
  text-decoration: none;
  color: #ff9948;
}

#standard-light .rating-text ul li {
  padding: 10px 0px;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #C2C6E2;
}

#standard-light .rating-text ul li:hover a {
  text-decoration: none;
}
#standard-light .rating-text ul li.active a {
  color: #fff;
}
#standard-light .rating-text ul li a {
  display: inline-block;
  font-size: 15px;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight:500px;
  padding: 9px 0 7px !important;
  color: #757786;
}

#standard-light .rating-text ul li .roundedOne {
  margin: 5px 10px 0;
}
/***********end************/



/***********buttons-light light************/
#buttons-light .buttons-light-layout{
  max-width:320px;}
#buttons-light .top-buttons a {
  background: #cfd1d3;
  color: #fff;
}
#buttons-light .top-heading-button {
  background: #C2C6E2;
}
#buttons-light .top-heading-button h1 {
  color: #303440;
  text-align: center;
  font-size:20px;
/*  text-transform: uppercase;
*/  padding: 0px 0 39px;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-weight:400px;
}
#buttons-light .banner {
  width: 100%;
  background: #C2C6E2;
}
#buttons-light .banner img {
  display: block;
  max-width:308px;
  max-height:155px;
  width: auto;
  height: auto;
}

#buttons-light .button-links ul li:hover a {
  text-decoration: none;
}
#buttons-light .button-links ul li.active {
  background: #757786;
}
#buttons-light .button-links ul li.active a {
  color: #303440;
}
#buttons-light .button-links ul li a {
  display: inline-block;
  font-size: 15px;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight:500px;
  
  text-align: center;
  color: #303440;
  /*padding: 9px 80px 7px 0 !important;*/
}
#buttons-light .button-links ul li {
  text-align: center;
  margin-top: 10px;
  border: none;
  background: gainsboro;
  cursor: pointer;
}

#buttons-light #resultsdiv {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #C2C6E2;
}
/***********end************/

/*******custom style selectors******/


#standard-custom .roundedOne {
   width: 28px;
   float: left;
   height: 28px;
   display: inline-block;
   margin: 2px auto 0 10px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   position: relative;
   margin-right: 10px;
}
#standard-custom .roundedOne label {
   background: #eceff4 none repeat scroll 0 0;
   border-radius: 50px;
   border: 1px solid #cdd5e1;
   cursor: pointer;
   height: 25px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 25px;
}
#standard-custom .roundedOne label:after {
    background: #eceff4 none repeat scroll 0 0;
    border: 5px solid #8493a8;
    border-radius: 50px;
    content: "";
    height: 9px;
    left: 6.5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 9px;
}
#standard-custom .roundedOne input {
   opacity: 0;
}
#standard-custom .roundedOne label:hover::after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
}
#standard-custom .roundedOne input[type=checkbox]:checked + label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

#standard-custom .rating-text ul li {
   padding: 10px 0px;
}
#standard-custom .rating-text ul li:hover a {
   text-decoration: none;
}
#standard-custom .rating-text ul li.active a {
   color: #fff;
}
#standard-custom .rating-text ul li a {
   display: inline-block;
   font-size: 15px;
   /*font-family: 'Roboto', sans-serif;*/
   font-weight:500px;
   padding: 9px 0 7px !important;
}
#standard-custom .rating-text ul li .roundedOne {
   margin: 5px 10px 0;
}

/***** emoji custom*****/

#emoji-custom .top-link {
   width: 100%;
   display: block;
   padding: 0px 0px;
}
#emoji-custom .top-link a {
   background: #cfd1d3 none repeat scroll 0 0;
    color: #8493a8;
    float: right;
    font-size: 22px;
    height: 30px;
    margin-right: 30px;
    margin-top: -3px;
    padding: 0 15px;
}
#emoji-custom .top-heading {
   width: 100%;
   background: #cfd1d3;
   display: inline-block;
}
#emoji-custom .top-heading h1 {
   font-size: 20px;
   color: #3d4d65;
   /*font-family: 'Roboto Condensed', sans-serif;*/
   font-weight:400px;
   letter-spacing:1px;
/*   text-transform:uppercase;
*/   padding: 7px 0 16px 30px;
}
#emoji-custom .links-rating ul li {
   display: block;
   list-style: none;
   background: #eceff4;
   padding: 10px 0;
   border-bottom: 1px solid #cad3df;
}


#buttons-custom .buttons-light-layout{
   max-width:320px;}
#buttons-custom .top-buttons a {
   background: #fff;
   color: #b0b4bd;
}
#buttons-custom .top-heading-button {
   background: #fff;
}
#buttons-custom .top-heading-button h1 {
   color: #303440;
   text-align: center;
   font-size:20px;
/*   text-transform: uppercase;
*/   padding: 0px 0 39px;
   /*font-family: 'Roboto Condensed', sans-serif;*/
   font-weight:400px;
}
#buttons-custom .banner {
   width: 100%;
}
#buttons-custom .banner img {
  display: block;
  max-width:308px;
  max-height:155px;
  width: auto;
  height: auto;
}
#buttons-custom .button-links ul li:hover a {
   text-decoration: none;
}
#buttons-custom .button-links ul li.active {
   background: #b0b4bd;
}
#buttons-custom .button-links ul li.active a {
   color: #303440;
}
#buttons-custom .button-links ul li a {
   display: inline-block;
   font-size: 15px;
   /*font-family: 'Roboto', sans-serif;*/
   font-weight:500px;
   
   text-align: center;
   color: #303440;
   /*padding: 9px 80px 7px 0 !important;*/
}
#buttons-custom .button-links ul li {
   text-align: center;
   margin-top: 10px;
   border: none;
   cursor: pointer;
}

#buttons-custom .button-links {
  padding-top: 0.1px;
  padding-bottom: 0.1px;
}

#stars-custom .top-link {
   width: 100%;
   display: block;
   padding: 0px 0px;
}
#stars-custom .top-link a {
   background: #cfd1d3 none repeat scroll 0 0;
    color: #8493a8;
    float: right;
    font-size: 22px;
    height: 30px;
    margin-right: 30px;
    margin-top: -3px;
    padding: 0 15px;
}
#stars-custom .top-heading {
   width: 100%;
   background: #cfd1d3;
   display: inline-block;
}
#stars-custom .top-heading h1 {
   font-size: 20px;
   color: #3d4d65;
   /*font-family: 'Roboto Condensed', sans-serif;*/
   font-weight:400px;
   letter-spacing:1px;
/*   text-transform:uppercase;
*/   padding: 7px 0 16px 30px;
}
#stars-custom .links-rating ul li {
   display: block;
   list-style: none;
   background: #eceff4;
   padding: 10px 0;
   border-bottom: 1px solid #cad3df;
}

/*fixes for buttons*/

#buttons-dark {
  /*background-color: #303440;*/
  max-width: 100%;
  padding-bottom: 10px;
}

#buttons-dark .button-links {
  padding-top: 0.1px;
  padding-bottom: 0.1px;
  background-color: #303440;
}

#buttons-light .button-links {
  padding-top: 0.1px;
  padding-bottom: 0.1px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #C2C6E2;
}

#buttons-light {
  /*background-color: #ffffff;*/
  max-width: 100%;
  padding-bottom: 10px;
}

#buttons-custom {
  max-width: 100%;
  padding-bottom: 10px;
}


#MailInput {
  /*margin-left: 15px;*/
  color: #666666;
  margin-top: 12px;
  width: 210px;
  border-radius: 3px;
  height: 30px;
  border: thin solid rgb(190, 190, 190);
  vertical-align: middle;
}

#nameInput {
  margin-left: 15px;
  margin-right: -15px;
  width: 150px;
  border-radius: 3px;
  height: 30px;
  border: thin solid rgb(190, 190, 190);
  vertical-align: middle;
}
#MailInput:focus , #nameInput:focus {
  outline: none;
}

.mail-error:not(:focus) {
  border-color: red !important;
}

.action-button {
  /*margin-left:20px;
    margin-right:1px;*/
    margin-top: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4x;
    border-radius: 3px;
    padding: 9px 20px; 
    font-weight: bold;
    font-size: 13px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.02) 0px -1px 0px;
    background-color: black;
    vertical-align: middle;
    cursor: pointer;

}

#after-sub {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  /*margin-top: -10px;*/
}

#standard-light #after-sub {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #C2C6E2;
}

#buttons-light #after-sub {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #C2C6E2;
}

/*#buttons-custom #after-sub, #buttons-light #after-sub, #buttons-dark #after-sub {
  margin-top: -10px;
}*/

#thankyou {
  margin-top: 8%;
}

.premium-watermark {
  display: none;
  position: relative;
  bottom: 139px;
  left: 27px;
  font-size: 60px;
  color: rgba(128,0,128,0.6);
  transform: rotate(20deg);
  font-weight: bold;
  z-index: 9999;
}


/*#stars-custom .links-rating .active {
  background: #757786 !important;
}
#emoji-custom .links-rating .active {
  background: #757786 !important;
}
#standard-custom .links-rating .active {
  background: #757786 !important;
}
#buttons-custom .button-links ul li .active {
  background: #757786 !important;
}*/