@charset "UTF-8";
@import url(animate.css);
/*========================================================
                      Main Styles
=========================================================*/
body {
  color: #878787;
  font: 300 15px/24px "Ubuntu", sans-serif;
  -webkit-text-size-adjust: none; }

img {
  max-width: 100%;
  height: auto; }

h1 {
  font-size: 34px;
  line-height: 60px;
  text-transform: uppercase;
  color: #fff; }
  h1 span {
    color: #15c3cb; }
  @media (max-width: 991px) {
    h1 {
      font-size: 30px; } }

h2 {
  font-size: 40px;
  line-height: 42px;
  color: #4f4f4f;
  letter-spacing: -.5px;
  text-align: center; }
  h2 span {
    font-weight: 500; }
    
@media (max-width: 767px) {
	h2 {
	  font-size: 28px;
	  line-height: 30px;
	}
}    

h3 {
  font-size: 20px;
  line-height: 20px;
  color: #4f4f4f;
  letter-spacing: -.4px;
  font-weight: 500; }
  h3 span {
    font-weight: 300; }

h4 {
  font-size: 20px;
  line-height: 20px;
  color: #4f4f4f;
  letter-spacing: -.3px; }
  h4 span {
    display: block;
    color: #15dde4;
    font-size: 14px;
    line-height: 20px; }

h5 {
  font-size: 20px;
  line-height: 20px;
  color: #4f4f4f;
  letter-spacing: -.3px;
  font-weight: 400; }

h6 {
  font-size: 17px;
  line-height: 24px;
  color: #4f4f4f;
  text-align: center; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #15dde4; }

p a:hover, .marked-list a:hover, .list a:hover, .addr a:hover {
  text-decoration: underline; }
p .fa, .marked-list .fa, .list .fa, .addr .fa {
  text-decoration: none; }

time {
  display: block; }

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  a:focus {
    outline: none; }
  a:active {
    background-color: transparent; }

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: 700; }

.fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome"; }

.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }

/*=======================================================
                       Main Layout
=========================================================*/
h2 + * {
  margin-top: 25px; }

h2 + .row {
  margin-top: 10px; }

h3 + * {
  margin-top: 15px; }

* + h3 {
  margin-top: 20px; }

h4 + * {
  margin-top: 15px; }

* + h4 {
  margin-top: 35px; }

h5 + * {
  margin-top: 15px; }

* + h5 {
  margin-top: 30px; }

h6 + * {
  margin-top: 20px; }

h6 + .row {
  margin-top: 20px; }

@media (min-width: 992px) {
  .row + .row {
    margin-top: 0; } }
.container + .container {
  margin-top: 95px; }
  

  
  

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  display: inline-block; }
  .brand_name {
    overflow: hidden; }
  .brand .logo {
    display: inline-block; }

/*==================  Backgrounds  ======================*/
.bg-secondary {
  background: #4f4f4f; }
  .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6 {
    color: #fff; }

.bg1 {
  background: #525252;
  color: #fff; }
  .bg1 h2, .bg1 h3, .bg1 h4, .bg1 h5, .bg1 h6 {
    color: #fff; }

/*==================     Icons     ======================*/
.linecons {
  display: inline-block;
  font-size: 36px;
  line-height: 44px;
  color: #15dde4; }

/*==================    Buttons    ======================*/
.btn {
  display: inline-block;
  color: #15dde4;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: underline; }
  .btn:hover {
    text-decoration: none; }
  .btn:active {
    color: #11b0b5; }
  * + .btn {
    margin-top: 20px; }

.btn2 {
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 12px 40px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700; }
  .btn2:hover {
    background: #4f4f4f; }
  .btn2:active {
    background: #363636; }
  * + .btn2 {
    margin-top: 15px; }

.btn3 {
  display: inline-block;
  border-radius: 5px;
  padding: 12px 40px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  background: #15dde4; }
  .btn3:hover {
    background: #4f4f4f; }
  .btn3:active {
    background: #363636; }
  * + .btn3 {
    margin-top: 35px; }

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0; }
.box:after {
  clear: both; }
.box_aside {
  float: left;
  width: 60px; }
.box_cnt__no-flow {
  overflow: hidden; }

.box2 {
  text-align: center;
  color: #fff;
  max-width: 310px;
  margin: 25px auto 0; }
  .box2_cnt {
    padding: 25px 17px 40px;
    border: 3px solid #fff; }
  .box2_cnt_text {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 15px 0 20px;
    margin-top: 33px;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 32px; }
  .box2 .price {
    font-size: 18px;
    line-height: 42px;
    vertical-align: baseline; }
    .box2 .price .price_unit {
      display: inline-block;
      margin-right: 3px;
      font-weight: 500;
      line-height: 22px; }
    .box2 .price .price_value {
      display: inline-block;
      margin-right: 5px;
      font-size: 40px;
      line-height: 42px;
      vertical-align: baseline;
      font-weight: 500; }
  .box2 h2 {
    font-weight: 500; }
  .box2_main {
    margin-top: 0; }
    .box2_main .box2_cnt {
      padding-top: 35px;
      padding-bottom: 50px; }
    .box2_main .box2_cnt_text {
      padding: 25px 0 30px;
      margin-bottom: 35px;
      font-size: 18px; }

.box3 {
  background: #525252;
  font-size: 14px;
  line-height: 22px; }
  .box3:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 5px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 5px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0 5px 5px 0; }
  .box3 img {
    width: 100%; }
  .box3_cnt {
    padding: 25px 20px 30px;
    color: #fff; }
    .box3_cnt h3, .box3_cnt h4, .box3_cnt h5, .box3_cnt h6 {
      color: #fff; }
  .box3_cnt_aside {
    float: left;
    margin-right: 20px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .box3_cnt_aside {
        float: none;
        margin-right: 0;
        margin-bottom: 10px; } }
  .box3_cnt__no-flow {
    overflow: hidden; }

.box4 {
  background: #fcfcfc;
  font-size: 14px;
  line-height: 22px; }
  .box4:before, .box4:after {
    display: table;
    content: "";
    line-height: 0; }
  .box4:after {
    clear: both; }
  .box4:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 5px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 5px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 5px 0; }
  .box4 img {
    width: 100%; }
  .box4_cnt {
    padding: 25px 30px 22px; }
  .box4_panel {
    padding: 20px 30px 25px;
    border-top: 1px solid #d9d9d9; }
    .box4_panel .link {
      white-space: nowrap; }
      .box4_panel .link .fa {
        color: #4f4f4f;
        margin-right: 3px; }
      .box4_panel .link:hover {
        text-decoration: underline; }
      .box4_panel .link + .link {
        margin-left: 10px; }
      @media (max-width: 1199px) {
        .box4_panel .link {
          display: block;
          margin: 5px 0 0; }
          .box4_panel .link + .link {
            margin-left: 0; } }
  .box4_aside {
    float: left; }
    @media (max-width: 1199px) {
      .box4_aside {
        float: none;
        text-align: center; }
        .box4_aside img {
          width: initial; } }
  .box4_cnt__no-flow {
    overflow: hidden;
    padding: 20px 30px; }

.box5 {
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  color: #878787; }
  .box5 img {
    width: 100%; }
  .box5_cnt {
    padding: 25px 30px 30px; }
    .box5_cnt h2, .box5_cnt h3, .box5_cnt h4 {
      color: #4f4f4f !important; }
    @media (min-width: 768px) and (max-width: 991px) {
      .box5_cnt {
        padding-left: 20px;
        padding-right: 20px; } }

.box6 {
  text-align: center;
  position: relative;
  font-size: 14px;
  line-height: 22px; }
  .box6 .counter {
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    letter-spacing: -.5px; }
  .box6 .fa {
    font-size: 26px;
    line-height: 46px; }
  .box6:after {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background: rgba(255, 255, 255, 0.43);
    position: absolute;
    top: 40px;
    right: -15px; }
  @media (max-width: 767px) {
    .box6:after {
      display: none; } }

[class*="col-"]:last-child .box6:after {
  display: none; }

/*==================      Lists      ======================*/
.social-list li {
  display: inline-block; }
  .social-list li a {
    display: block;
    color: #a3a3a3;
    font-size: 24px;
    line-height: 30px; }
    .social-list li a:hover {
      color: #15dde4; }
  .social-list li + li {
    margin-left: 65px; }
    @media (max-width: 767px) {
      .social-list li + li {
        margin-left: 25px; } }

.flex-list {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .flex-list li {
    display: table-cell; }
    .flex-list li img {
      opacity: 0.7;
      padding: 0 5px; }
      .lt-ie9 .flex-list li img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
        filter: alpha(opacity=70); }
      .flex-list li img:hover {
        opacity: 1; }
        .lt-ie9 .flex-list li img:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
          filter: alpha(opacity=100); }
  @media (max-width: 767px) {
    .flex-list {
      text-align: center;
      display: block; }
      .flex-list li {
        display: inline-block;
        margin: 5px 10px; } }

.marked-list {
  font-size: 15px;
  line-height: 25px; }
  @media (min-width: 479px) and (max-width: 767px) {
    .marked-list {
      font-size: 14px; } }
  .marked-list li {
    position: relative;
    padding-left: 20px; }
    .marked-list li:before {
      content: "";
      position: absolute;
      top: 0;
      left: -2px;
      font-family: "FontAwesome";
      font-size: 15px;
      line-height: 25px;
      color: #15dde4;
      padding: 0 2px; }
    .marked-list li + li {
      margin-top: 5px; }
  * + .marked-list {
    margin-top: 15px; }

.index-list {
  counter-reset: li;
  font-size: 14px;
  line-height: 22px; }
  .index-list li {
    text-align: center; }
    .index-list li:before, .index-list li:after {
      display: table;
      content: "";
      line-height: 0; }
    .index-list li:after {
      clear: both; }
    .index-list li:before {
      content: counter(li,decimal-leading-zero);
      counter-increment: li;
      display: inline-block;
      width: 75px;
      height: 75px;
      border-radius: 50%;
      border: 2px solid #fff;
      color: #fff;
      font-size: 20px;
      line-height: 75px;
      font-weight: 500;
      text-align: center;
      margin-bottom: 35px; }
    @media (min-width: 992px) {
      .index-list li {
        padding: 0 35px; } }

.index-list2 {
  counter-reset: li;
  font-size: 14px;
  line-height: 22px; }
  .index-list2 li {
    padding-left: 75px;
    position: relative; }
    .index-list2 li:before, .index-list2 li:after {
      display: table;
      content: "";
      line-height: 0; }
    .index-list2 li:after {
      clear: both; }
    .index-list2 li:before {
      content: counter(li,decimal-leading-zero) ".";
      counter-increment: li;
      color: #15dde4;
      font-size: 36px;
      line-height: 28px;
      font-weight: 400;
      position: absolute;
      top: 0;
      left: 15px; }
  @media (min-width: 768px) {
    .index-list2 * + .row {
      margin-top: 0; } }
  * + .index-list2 {
    margin-top: 42px; }

/*==================      Address      ======================*/
.addr {
  font-size: 18px;
  line-height: 24px;
  text-align: center; }
  .addr .linecons {
    display: block;
    font-size: 48px;
    line-height: 48px;
    color: #15dde4; }
    .addr .linecons + * {
      margin-top: 20px; }

/*==================      Blockquote      ======================*/
.quote_text {
  font-style: italic;
  font-size: 14px;
  line-height: 22px; }
  .quote_text + * {
    margin-top: 15px; }

/*========================   Menu   ==========================*/
.sf-menu {
  display: inline-block; }
  .sf-menu:before, .sf-menu:after {
    display: table;
    content: "";
    line-height: 0; }
  .sf-menu:after {
    clear: both; }
  .sf-menu > li {
    position: relative;
    float: left; }
    .sf-menu > li + li {
      margin-left: 30px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .sf-menu > li + li {
          margin-left: 10px; } }
  .sf-menu a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff; }

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a {
  color: #15c3cb; }

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -77px;
  width: 165px;
  margin-top: 10px;
  padding: 35px 10px;
  text-align: center;
  background: #15c3cb;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .sf-menu ul:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #15c3cb; }

.sf-menu ul > li {
  position: relative; }
  .sf-menu ul > li + li {
    margin-top: 8px; }
  .sf-menu ul > li a {
    font-size: 14px;
    line-height: 20px; }
  .sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
    color: #4f4f4f; }

.sf-menu ul ul {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 10px;
  width: 155px;
  margin-top: -10px;
  background: #3e454c;
  padding: 30px 10px;
  text-align: center;
  z-index: 4; }
  .sf-menu ul ul:before {
    top: 15px;
    left: -10px;
    margin-left: 0;
    border-bottom-color: transparent;
    border-right-color: #3e454c; }

.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
  color: #15dde4; }

.sf-menu > li > .sf-with-ul {
  position: relative; }
  .sf-menu > li > .sf-with-ul:before {
    position: absolute;
    left: 50%;
    top: 80%;
    margin-left: -2px;
    content: "";
    font: 400 12px/12px "FontAwesome"; }

@media (max-width: 767px) {
  .sf-menu {
    display: none; } }
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  .rd-mobilemenu.active {
    right: 0; }

.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #666;
  background: #FFF;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  .rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .rd-mobilemenu_ul a {
    display: block;
    padding: 14px 25px 16px; }
    .rd-mobilemenu_ul a.active {
      background: #f5f5f5;
      color: #2d2d2d; }
    .rd-mobilemenu_ul a:hover {
      background: #15dde4;
      color: #FFF; }
    .rd-mobilemenu_ul a .rd-submenu-toggle {
      position: absolute;
      top: 50%;
      right: 11px;
      margin-top: -17.5px;
      width: 218px;
      height: 32px;
      font: 400 10px "FontAwesome";
      line-height: 32px;
      text-align: right;
      padding-right:20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      z-index: 1;
      backgrounda: rgba(0, 0, 0, 0.1); }
      .rd-mobilemenu_ul a .rd-submenu-toggle:after {
        content: '\f078'; }
      .rd-mobilemenu_ul a .rd-submenu-toggle:hover {
        backgrounda: #FFF;
        color: #666; }
    .rd-mobilemenu_ul a.rd-with-ul {
      position: relative; }
      .rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg); }
  .rd-mobilemenu_ul ul a {
    padding-left: 40px; }
  .rd-mobilemenu_ul ul ul a {
    padding-left: 60px; }
  .rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px; }

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #FFF;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991; }

.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 20px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }
  
.rd-mobilepanel_title2 {
  position: relative;
  float:right;
  padding-right:25px;
  padding-left:25px;
  top: 4px;
  color: #000;
  font-size: 20px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#FF5639;
  text-align: left; }

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -8px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after {
      top: 8px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 24px;
      height: 4px;
      background-color: #000;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .rd-mobilepanel_toggle span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
      -moz-transform-origin: 1.71429px center;
      -ms-transform-origin: 1.71429px center;
      -o-transform-origin: 1.71429px center;
      -webkit-transform-origin: 1.71429px center;
      transform-origin: 1.71429px center;
      -moz-transform-origin: 1.71429px center;
      -ms-transform-origin: 1.71429px center;
      -o-transform-origin: 1.71429px center;
      -webkit-transform-origin: 1.71429px center;
      transform-origin: 1.71429px center; }
  .rd-mobilepanel_toggle.active span {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      width: 15px; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate3d(0, 0, 1, -40deg);
      transform: rotate3d(0, 0, 1, -40deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate3d(0, 0, 1, 40deg);
      transform: rotate3d(0, 0, 1, 40deg); }

@media (max-width: 767px) {
  body {
    padding-top: 56px; }

  .rd-mobilemenu, .rd-mobilepanel {
    display: block; } }
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px; } }
    
        
/*==================  Stuck menu  ======================*/
.isStuck {
  background: #4f4f4f;
  padding: 10px 0;
  z-index: 999;
  border-bottom: 1px solid #333333; }

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important; } }
/*==================     ToTop     ======================*/
.toTop {
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px;
  color: #fff;
  background: #4f4f4f;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20; }
  .toTop:hover {
    color: #fff;
    background: #15dde4;
    text-decoration: none; }

.mobile .toTop,
.tablet .toTop {
  display: none !important; }

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden; }
  .parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform; }
  .parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
  .parallax_pattern {
    background-repeat: repeat; }
  .parallax_cnt {
    position: relative;
    color: #fff; }
  .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {
    color: #fff; }
  .parallax_1 {
    padding-top: 105px;
    padding-bottom: 120px; }
  .parallax_2 {
    padding-top: 110px;
    padding-bottom: 110px; }

/*========================================================
                     HEADER  Section
=========================================================*/
header {
  padding: 40px 0; }
  header.abs {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 2; }
    @media (max-width: 767px) {
      header.abs {
        padding: 90px 0 20px; } }
  header.header-bg {
    background: no-repeat url(../images/header-bg.jpg);
    background-size: cover; }
  header .brand {
    float: left; }
  header .nav {
    float: right;
    margin-top: 15px; }

  @media (max-width: 767px) {
    header {
      text-align: center; }
      header .brand, header .nav {
        float: none; }
      header .brand {
        display:none; }  
         }

/*========================================================
                     CONTENT  Section
=========================================================*/
main {
  display: block; }

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.row.mt1 {
  margin-top: 20px; }

.row.mt2 {
  margin-top: 15px; }

section.terms {
  padding-bottom: 155px;
  line-height: 20px; }

.text {
  font-size: 14px;
  line-height: 22px; }

.text2 {
  font-weight: 400; }

/*==================      Well     ======================*/
.well1 {
  padding-top: 85px;
  padding-bottom: 110px; }

.well2 {
  padding-top: 55px;
  padding-bottom: 120px; }

.well3 {
  padding-top: 60px;
  padding-bottom: 95px; }

.well4 {
  padding-top: 45px;
  padding-bottom: 40px; }

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  padding: 45px 0;
  color: #878787;
  text-align: center;
  border-top: 1px solid #a3a3a3; }
  footer .copy-brand {
    text-transform: uppercase; }
  footer * + .copy {
    margin-top: 35px; }
 
/*==================      MMK     ======================*/

.lang_link1{
	margin-top:-20px;
}
.index_slogan{
	padding-top:135px;
	padding-bottom:20px;
	font-size:22px;
	text-align:center;
	color:#FFFFFF;
}
.home_mid_register{
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
}
@media (max-width: 767px) {
	.index_slogan {
    	padding-top:40px;
    	padding-bottom:30px;
    }
    .home_mid_register{
    	padding-bottom:20px;
    }
}
.logo_text_new{
	color:#f1f1f1;
	text-transform:none;
	font-size:42px;
}
.logo_text_bold,.orange{
	color:#FF5639;
}
.footer_new a{
	text-decoration:underline;
}
.login_link a:hover{
	text-decoration:underline;
}
.links123 a{
	color: #15dde4;
	text-decoration:underline;
}
.links123 a:hover{
	text-decoration:none;
}
.home_top{
	padding-top:10px;
	font-size:16px;
}
@media (max-width: 767px) {
	.home_top {
    	line-height:140%;
    	font-size:14px;
    }
}
.home_top a{
	color:#15dde4;
	text-decoration:underline;
}
.home_top a:hover{
	text-decoration:none;
}
.home_top_container{
	margin-left:auto;
	margin-right:auto;
	border:1px blue solid;
}
.home_ques{
	padding:12px 0px 0px 100px;
}
.home_langs{
	margin-top:-22px;
	margin-bottom:2px;
	text-align:right;
	display:block;
}
.home_langs2{
	display:none;
}
#home_results{
	max-width:900px;
	padding:0px 0px 0px 30px;
}
@media (max-width: 800px) {
	.home_ques{
		padding:12px 0px 0px 0px;
	}
	.home_langs{
		display:none;
	}
	.home_langs2{
		display:block;
	}
	#home_results{
		width:800px;
		padding:0px 0px 0px 0px;
	}	
}
#home_results .ans_bar img{
	margin-top:5px;
	height:10px;
}

#home_results .ans_label,.ans_label3{
	width:350px;
	border-bottom: dotted 1px #AAA;
	padding:1px 5px 1px 5px;
}
#home_results .ans_label3,.ans_label4,.ans_val2{
	background:#F5F5F5;
}
#home_results .ans_bar,.ans_bar2{
	font-size:10px;
	border-bottom: dotted 1px #AAA;
}
#home_results .ans_bar2{
	background:#F5F5F5;
}
#home_results .ans_val,.ans_val2{
	width:50px;
	text-align:center;
	border-bottom: dotted 1px #AAA;
}
#home_results .question{
	font-size:18px;
	padding:10px 0px 10px 3px;
}


  
.camera_overlayer1:after {
content: '';
background: #fff;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
height: 320px;
left: 50%;
top: 100%;
margin-top: -7.2%;
position: absolute;
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }

.camera_overlayer2:after {
content: '';
background: #fff;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
height: 320px;
right: 50%;
top: 100%;
margin-top: -7.2%;
position: absolute;
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg); }


.login_new,.suggest_new{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	color:#4f4f4f;
	font-size:16px;
}
@media (max-width: 767px) {
	.login_new {
    	width:340px;
    }
}
.login_new a{
	text-decoration:underline;
}
.login_new a:hover{
	text-decoration:none;
}
.input_new input{
	border: 1px solid #c1c1c1;
	margin-bottom:0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background:none;
	 -webkit-box-shadow: none;
	 box-shadow: none;
	 font-family: "Ubuntu", sans-serif;
	 color:#4f4f4f;
	 border-radius: 5px;
	
}
.input_new input[type=submit]{
	 -webkit-appearance: none;
}
.input_new input[type=checkbox]{
	 background:#4f4f4f;
	 width:16px;
	 height:16px;
}
@media (max-width: 767px) {
	#create_q .cbox_large{
		 width:22px;
		 height:22px;
	}
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #4f4f4f !important;
}
.input_field_new{
	font-size:16px;
	width:300px;
	height:30px;
	margin:3px 0px 3px 0px;
}
@media (max-width: 767px) {
	.input_field_new {
    	width:240px;
    }
	#create_q .user_data_dropdown{
		font-size:12px;
		max-width:180px;
	} 
	#create_q .sett_sel{
		font-size:12px;
		max-width:180px;
	}
	#create_q .user_data_wrap{
		line-height:200%;
	}
}
.input_field_new2{
	font-size:16px;
	width:140px;
	height:30px;
	margin:3px 0px 3px 0px;
}
.input_field_new3{
	font-size:16px;
	width:280px;
	height:30px;
	margin:3px 0px 3px 0px;
}
.input_field_new4{
	font-size:16px;
	width:340px;
	height:30px;
	margin:3px 0px 3px 0px;
}
.input_label_new{
	padding-top:6px;
}
.input_new textarea{
	font-size:16px;
	border: 1px solid #c1c1c1;
	margin-top:10px;
	margin-bottom:10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background:none;
	 -webkit-box-shadow: none;
	 box-shadow: none;
	 font-family: "Ubuntu", sans-serif;
	 color:#4f4f4f;
	 border-radius: 5px;
	 
}
.submit_new,.submit_new2,.submit2,.submit21,.submit2_reg{
	width:180px;
	border: 1px solid #FF5639;
	border-radius: 5px;
	height:38px;
	font-size:16px;
	background-color:#FFFFFF;
}
#inside_create .submit_new{
	border: 1px solid #FF5639;
}
#inside_create .submit_new2{
	border: 1px solid #FF5639;
}
#create_q .submit_new{
	border: 1px solid #FF5639;
}
#containerX .submit_new{
	border: 1px solid #FF5639;
}
#inside_upgrade .submit_new{
	border: 1px solid #FF5639;
}
#inside_upgrade .col1{
	width:400px;
}
#inside_upgrade .col2{
	width:190px;
}
#inside_surveys .submit_new{
	border: 1px solid #FF5639;
}

.submit_new:hover{
	background-color:#FF5639;
	color:white;
}
.submit2:hover{
	background-color:#FF5639;
	color:white;
}
.submit21:hover{
	background-color:#FF5639;
	color:white;
}
.submit2_reg:hover{
	background-color:#FF5639;
	color:white;
}
.suggest_done{
	color:green;
}
.err_msg{
	color:#FF5639;
	font-weight:bolder;
}
.err_msg2{
	color:#FF5639;
	font-weight:bolder;
}
.privacy_title{
	padding-bottom:5px;
}
.suggest_new{
	width:600px;
}
@media (max-width: 767px) {
	.suggest_new{
		width:auto;
	}
}
.suggest_new a{
	text-decoration:underline;
}
.suggest_new a:hover{
	text-decoration:none;
}
.suggest_new_button{
	padding:15px 0px 0px 140px;
}
.suggest_recap{
	padding-left:135px;
}
@media (max-width: 767px) {
	.suggest_new_button{
		padding:15px 0px 0px 0px;
	}
}
@media (max-width: 460px) {
	.suggest_recap{
		padding-left:0px;
	}
}
.clients_front{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	padding:0px 10px 0px 10px;	
}
.clients_new{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	padding:0px 10px 0px 10px;	
}
.clients_name{
	font-size:16px;
	color:#4f4f4f;
	padding:5px 0px 10px 0px;
}
.help_advice{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	line-height:160%;
	padding:0px 10px 0px 10px;
}
.help_advice a{
	color:#15dde4;
	text-decoration:underline;
}
.help_advice a:hover{
	text-decoration:none;
}
.help_advice_part_title{
	font-size:24px;
	padding:5px 0px 5px 0px;
}
.help_advice_texts{
	padding:10px 0px 50px 20px;
}

.part{
	display:none;
}
.part_link{
	padding-top:5px;
	font-size:16px;
}
#help_v1 .question{
	padding-top:25px;
	padding-bottom:10px;
	font-size:24px;
}
#help_v1 a{
	color:#4f4f4f;
	text-decoration:underline;
}
#help_v1 a:hover{
	text-decoration:none;
}


.help_support{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	line-height:160%;
	padding:0px 10px 0px 10px;		
}
#help_v2 a{
	color:#4f4f4f;
	text-decoration:underline;
}
#help_v2 a:hover{
	text-decoration:none;
}
#help_v2 .question2{
	padding-top:25px;
	padding-bottom:10px;
	font-size:20px;
}
#help_v2 .part{
	padding-top:10px;
	padding-bottom:20px;
}
#help_v2 .part_link21{
	color:#15dde4;
	text-decoration:underline;
	font-size:16px;
	margin-bottom:20px;
}
#help_v2 .section_title2{
	padding-top:15px;
	font-size:26px;
	text-align:center;
}
#help_v2 .que_ans{
	padding-bottom:15px;
}
#help_v2 .question{
	font-weight:bold;
}

.floater_clear{
	clear:both;
}
.floater_left{
	float:left;
}
.containerX{
	padding:0px 10px 0px 10px;
}


.outside_questions{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	line-height:160%;
	padding:0px 10px 0px 10px;		
}
#outside_questions .question{
	font-size:16px;
}
#outside_questions .question_new{
	padding-bottom:10px;
	color:#15dde4;
}
#outside_questions .user_sett_custom{
	border: 1px solid #c1c1c1;
	height:20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: "Ubuntu", sans-serif;
	border-radius: 5px;
	width:220px;
	margin-top:1px;
}
#outside_questions .sample_desc{
	color:#9a9a9a;
	font-size:14px;
	padding-bottom:15px;
}

#outside_register{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 5px 0px 5px;
}
#outside_register .td2,.td2rose,.td_last{
	text-align:center;
}
#outside_register .td_last{
	font-size:16px;
	font-weight:bolder;
}
#outside_register .td_last_wrap,.td_last_wrap2{
	border-top: 1px solid #444444;
	margin:7px 10px 0px 10px;
	padding-top:10px;
}
#outside_register .td_last_wrap2{
	margin:7px 10px 0px 0px;
}
#outside_register .td2{
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
}
#outside_register .td2rose{
	vertical-align: middle;
}
#outside_register .td1{
	border-bottom: 1px solid #ebebeb;
}
.register_new_button{
	padding:15px 0px 0px 220px;
}
#register .err_msg_position{
	padding:5px 0px 0px 220px;
}
@media (max-width: 767px) {
	.register_new_button {
    	padding:15px 0px 0px 0px;
    }
	#register .err_msg_position{
		padding:5px 0px 0px 0px;
	}
}


#outside_register .ac_title,.ac_title2{
	font-size:24px;
	padding:0px 0px 3px 0px;
	border-bottom: 1px solid #444444;
	margin:0px 5px 9px 5px;
	color:#444444;
	font-weight:bolder;
	line-height:125%;
}
#outside_register .ac_title2{
	margin:0px 10px 9px 0px;
}

#outside_register .col1{
	width:400px;
}
#outside_register .col2{
	width:190px;
}

#outside_register a{
	color:#FF5639;
}
#outside_register a:hover{
	color:#FFFFFF;
}

#outside_register .red{
	background-color:#FF5639;
}

@media (max-width: 767px) {
	.register_plan_arrow {
    	display:none;
    }
}

.register_plan_hover:hover{
	background-color: #ebebeb;
}
.register_button{
	border: none;
	border-radius: 4px;
	margin:0px 15px 0px 15px;
	display:block;
	line-height:120%;
	padding:4px 0px 4px 0px;
}
.register_button:hover{
	background-color:#FF5639;
}

#outside_register_step2{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;	
}

@media (max-width: 767px) {
	#outside_register .ac_title {
    	margin:0px 1px 9px 1px;
    	font-size:14px;
    }
	#outside_register .ac_title2 {
    	font-size:14px;
    }  
    #outside_register .table_texts{
    	font-size:13px;
    } 
    .register_button{
    	font-size:13px;
    	padding:0px;
    	margin:0px;
    }
    #outside_register .register_top_text{
    	font-size:14px;
    	line-height:140%;
    }
    .td1,.rose{
    	line-height:120%;
    	padding:2px 0px 2px 0px;
    	text-align:left;
    }
}


.register_form_label{
	float:left;
	width:220px;
	padding-top:6px;
	text-align:left;
	font-size:14px;
}
.register_form_field{
	float:left;
	padding-left:15px;
}
.register_form_space{
	display:block;
	height:12px;
}
.register_tos{
	width:500px;
	font-size:12px;
	line-height:120%;
	text-align:left;
}
.register_tos a{
	text-decoration:underline;
}
@media (max-width: 767px) {
	.register_form_break{
		clear:both;
	}
}

.upgrade_btn_position{
	padding:15px 0px 0px 220px;
}

@media (max-width: 767px) {
	.upgrade_btn_position {
    	padding:15px 0px 0px 0px;
    }
}



#outside_surveys{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;	
}
#outside_surveys a{
	color:#FF5639;
}
#outside_surveys .desc{
	padding-top:5px;
}
#outside_surveys .question_new,.mid_line_text_sm2{
	font-size:20px;
	padding:45px 0px 15px 0px;
}
#outside_surveys .matrix2,.matrix3{
	text-align:center;
	width:70px;
}
#outside_surveys .matrix1,.matrix11{
	width:320px;
}
#outside_surveys textarea{
	width:620px;
}

#outside_results{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;	
}
#outside_results .survey_title{
	font-size:38px;
	padding:50px 0px 10px 0px;
	text-align:left;
}
#results{
	line-height:150%;

}
#results a{
	color:#FF5639;
}
#results .res-menu2,.res-menu{
	padding:2px 50px 12px 0px;
	font-size:16px;
}
@media (max-width: 767px) {
	#outside_results .survey_title{
		font-size:20px;
		padding:30px 0px 10px 0px;
		text-align:left;
		font-weight:bolder;
	}
	#results .res-menu2,.res-menu{
		padding:2px 20px 12px 0px;
		font-size:16px;
		text-align:center;
	}	
}
#results .resp-title{
	font-size:18px;
	font-weight:bold;
	padding:20px 0px 5px 0px;
	text-align:center;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom:10px;
}
#results .results_title{
	font-size:18px;
	font-weight:bold;
	padding:30px 0px 5px 0px;
	text-align:center;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom:10px;	
}
#res{
	color:#4f4f4f;
}
#res .results_title{
	font-size:18px;
	font-weight:bold;
	padding:10px 0px 5px 0px;
	text-align:center;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom:10px;
}
#res .question{
	font-size:18px;
}
#res .que_ans{
	margin-bottom:50px;
}

#results .resp_det{
	width:220px;
}
#results .question{
	font-size:18px;
	padding:5px 0px 15px 0px;
}

#results .ans_label,.ans_label3{
	width:350px;
	border-bottom: dotted 1px #AAA;
	padding:1px 5px 1px 5px;
	text-align:left;
}
#results .ans_label2,.ans_label4{
	width:340px;
	border-bottom: dotted 1px #AAA;
}
#results .ans_val,.ans_val2{
	width:50px;
	text-align:center;
	border-bottom: dotted 1px #AAA;
}
#results .ans_label3,.ans_label4,.ans_val2{
	background:#F5F5F5;
}
#results .ans_bar img{
	margin-top:5px;
	height:10px;
}
#results .ans_val4 img{
	margin-top:5px;
	height:10px;
}

#results .ans_bar,.ans_bar2{
	font-size:10px;
	border-bottom: dotted 1px #AAA;
	
}
#results .ans_bar2{
	background:#F5F5F5;
}
#results .ans_bar{
	width:150px;
}


#results .ans_val4{
	padding-left:15px;
	padding-right:15px;
}
#results .bar{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#results .hidden_text{
	display:none;
}
#results .answers_free{
	font-size:14px;
}
#results .answers_desc2{
	padding:5px 0px 0px 5px;
}
#results .answers_desc2 li{
	margin-left:45px;
	list-style-type: initial;
}
#results .answers_desc li{
	margin-left:45px;
	list-style-type: initial;
}
#results .answers_desc{
	padding:20px 0px 10px 0px;
	font-size:13px;
	max-width:600px;
}
#results .general_desc{
	padding:5px 0px 10px 0px;
	font-size:13px;
}
#results .res-menuL{
	text-decoration:underline;
}
#results .res-menuL2{
	text-decoration:underline;
	font-weight:bold;
}
#results .res-menuL:hover{
	text-decoration:none;
}
#results .excel_link{
	padding:0px 0px 20px 10px;
	float:left;
}
#results .numbers_large{
	font-size:34px;
	color:#15dde4;
	font-weight:bolder;
	float:left;
	clear:both;
	padding-top:10px;
}
#results .numbers_wrapper{
	clear:both;
}
#results .survey_link{
	padding:15px 0px 0px 100px;
	font-size:16px;
}
@media (max-width: 767px) {
	#results .survey_link{
		padding:15px 0px 0px 0px;
		font-size:16px;
	}
}
#results .respondents2_title{
	font-size:18px;
	font-weight:bold;
}

.navig_number,.navig_number2{
	padding:0px 4px 0px 4px;
	color: #666666;
	border-color: #AAAAAA;
	border-style: dotted;
	border-width: 1px;
	margin-right:1px;
	text-decoration:none;
	font-size:14px;
	display:block;
}
a:hover.navig_number{
	background-color:#F5F5F5;
	color:#444444;
	text-decoration:none;
}
.navig_number_sel,.navig_number_sel2{
	padding:0px 4px 0px 4px;
	color: #444444;
	border-color: #AAAAAA;
	border-style: dotted;
	border-width: 1px;
	margin-right:1px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-color:#F5F5F5;
	display:block;

}
.navig_number_max{
	border-color: #AAAAAA;
	border-style: dotted;
	border-width: 1px;
	text-align:center;
	width:31px;
	padding:0px;
	margin:0px;
	color:#666666;
	font-size:14px;
}
.navig_form{
	padding:0px;
	margin:0px;
}


/* CHARTS */

.chart_links{
	float:right;
	clear:right;
	padding:85px 160px 0px 0px;
}
@media (max-width: 799px) {
	.chart_links{
		padding:0px 0px 0px 0px;
		display:none;
	}
}
.chart_links2,.chart_links2f{
	margin-top:60px;
	padding:4px 0px 5px 10px;
	width:246px;
	border-color: #d6d6d6;
	border-style: dotted;
	border-width: 1px;
}
.chart_links2f{
	margin-top:20px;
}
.chart_links2b{
	margin-top:60px;
	padding:4px 0px 5px 10px;
	width:246px;
}


.chart_link{
	border: dotted 1px #AAA;
	padding: 1px 1px 1px 1px;
}
.chart_link2{
	margin: 0px 6px 0px 0px;
}
.chart_link2a{
	margin: 3px 6px 0px 0px;
}
.chart_link2b{
	margin: 3px 0px 0px 0px;
}

.chart_link_sett{
	padding:0px 0px 0px 260px;
}
.chart_links3{
	margin: 0px 14px 7px 0px;
	float:left;
	padding:6px 10px 5px 10px;
	border-color: #d6d6d6;
	border-style: dotted;
	border-width: 1px;
}
.chart_links3b{
	margin: 0px 0px 0px 0px;
	float:left;
	padding:6px 10px 5px 10px;
	border-color: #d6d6d6;
	border-style: dotted;
	border-width: 1px;
}
.chart_canvas{
	width:780px;
	margin-top:-55px;
}
.chart_cn2{
	width:780px;
}
@media (max-width: 799px) {
	.chart_canvas{
		margin-top:0px;
	}
	.chart_cn2{
		zoom: 0.87;
	}
	.chart_link_sett{
		padding:10px 0px 0px 0px;
	}
}
@media (max-width: 700px) {
	.chart_cn2{
		zoom: 0.75;
	}
}
@media (max-width: 600px) {
	.chart_cn2{
		zoom: 0.66;
	}
	.chart_link_sett{
		width:400px;
	}
}	
@media (max-width: 550px) {
	.chart_cn2{
		zoom: 0.61;
	}
}
@media (max-width: 500px) {
	.chart_cn2{
		zoom: 0.55;
	}
}
@media (max-width: 450px) {
	.chart_cn2{
		zoom: 0.48;
	}
}
#outside_services{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;
}
#outside_services a{
	color:#FF5639;
}
#outside_services li{
	list-style-type: initial;
	margin-left:50px;
}
#outside_services ul{
	margin-top:10px;
}

#inside_settings{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;	
}
#inside_settings a{
	color:#FF5639;
}
#inside_settings .label{
	width:310px;
	text-align:left;
}
#inside_settings .form_label{
	float:left;
	width:220px;
	padding-top:6px;
	text-align:left;
	font-size:14px;
}
#inside_settings .form_field{
	float:left;
}
#inside_settings .form_space{
	display:block;
	height:12px;
}
#inside_settings .err_msg_position{
	padding:5px 0px 0px 220px;
}
#inside_settings .submit_btn_position{
	padding:15px 0px 0px 220px;
}

@media (max-width: 767px) {
	#inside_settings .err_msg_position{
		padding:5px 0px 0px 0px;
	}
	#inside_settings .submit_btn_position {
    	padding:15px 0px 0px 0px;
    }
	#inside_settings .label{
		width:180px;
	}    
}

/*==================      INSIDE CREATE     ======================*/

#inside_create{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;	
}
#inside_create a{
	color:#FF5639;
}
#inside_create .mid_link{
	padding:0px 0px 25px 0px;
}
#inside_create .mid_link1 a{
	font-size:18px;
	padding-bottom:2px;
	text-decoration:none;
	font-weight:bolder;
}
#inside_create .mid_title{
	font-size: 20px;
	line-height: 20px;
	color: #4f4f4f;
	letter-spacing: -.3px;
	padding:0px 0px 7px 0px;
}
#inside_create .tips{
  font-size: 12px;
  line-height:125%;
  color:#777777;
  padding-right:10px;
}
#inside_create .border_special{
	border-color: #AAAAAA;
	border-style: dotted;
	border-width: 1px;
	border-radius: 4px;
}
.close_text{
	font-size:14px;
	padding:0px 0px 30px 0px;
}
#inside_create .title{
	font-weight:bold;
}
#inside_create .sett_label{
	width:140px;
	font-size:13px;
}
#inside_create .user_sett_td{
	width:200px;
	font-size:14px;
	text-align:left;
}
#inside_create .userdata_new{
	font-size:16px;
	width:150px;
	height:24px;
	margin:3px 0px 3px 0px;
}
#inside_create .userdata_new2{
	font-size:16px;
	width:200px;
	height:24px;
	margin:3px 0px 3px 0px;
}
@media (max-width: 767px) {
	#inside_create .userdata_new{
		width:140px;
	}
	#inside_create .userdata_new2{
		width:140px;
	}
}
#inside_create  .user_sett_custom{
	border: 1px solid #c1c1c1;
	height:20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: "Ubuntu", sans-serif;
	border-radius: 5px;
	width:140px;
	margin-top:1px;
}

#inside_create .explain{
	position:absolute;
	width:320px;
	margin:-18px 0px 0px 24px;
	padding:3px 10px 5px 5px;
	background:#FFFFFF;
	border: solid 1px #AAA;
	font-size:13px;
	text-align:justify;
	line-height:130%;
}
#inside_create .explain_mark{
	text-decoration:none;
	padding:0px 2px 0px 2px;
}
#inside_create .explain_langmany{
	position:absolute;
	width:310px;
	margin:5px 0px 0px -140px;
	padding:3px 10px 5px 5px;
	background:#FFFFFF;
	border: solid 1px #AAA;
	font-size:13px;
	text-align:justify;
	line-height:130%;
}
#inside_create .answer{
	padding-left:20px;
}
#inside_create .translate_row{
	width:320px;
}
#inside_create .translate_row2{
	width:20px;
}
#inside_create .select_new{
	font-size:14px;
	min-width:160px;
}
#inside_create .newlang_red{
	color:red;
	font-size:12px;
	font-weight:bolder;
}
#inside_create .newlang_black{
	font-size:12px;
}

#inside_create select{
	font-size:14px;
	mina-width:140px;
}



#newlang_words{
	text-align: left;
	margin-right:10px;
}
#inside_create .newlang_words_h2{
	margin:0px 5px 3px 10px;
}
#inside_create .newlang_check{
	margin:0px 5px 3px 10px;
}
#inside_create .newlang_input{
	width:350px;
	font-size:14px;
	height:24px;
	margin:3px 0px 3px 0px;		
}
#inside_create .newlang_input4{
	margin:0px 5px 0px 10px;
	width:160px;
	font-size:14px;
	height:24px;
	margin:3px 0px 3px 0px;		
}
#inside_create .newlang_input41{
	margin-left:5px;
	width:160px;
	font-size:14px;
	height:24px;
	margin:3px 0px 3px 0px;		
}
#inside_create .newlang_label51{
	padding-top:3px;
	float:left;
	clear:left;
	padding-right:15px;
}

#inside_create .newlang_texfield{
	font-size:16px;
	width:340px;
	height:30px;
	margin:3px 0px 3px 0px;
}
#inside_create .newlang_textarea{
	width:400px;
	margin-bottom:5px;
	font-size:14px;
	line-height:14px;
}
#inside_create .newlang_hier{
	margin:0px 5px 0px 10px;
	width:30px;
	display:none;
}
#inside_create .newlang_hier2{
	width:320px;
	font-size:14px;
	height:24px;
	margin:3px 0px 3px 0px;		
}
#inside_create .newlang_matrix1{
	margin-left:10px;
	width:270px;
	font-size:14px;
	height:24px;
	margin:3px 0px 3px 0px;	
}
#inside_create .newlang_matrix2{
	margin-left:10px;
	width:270px;
	font-size:14px;
	height:24px;
	margin:3px 0px 3px 0px;	
}

#inside_create .newlang_edit0{
	padding-top:35px;
}
#inside_create .newlang_edit_que{
	font-size:16px;
	padding-right:15px;
	line-height:120%;
	text-align:left;
	padding-left:4px;
}
#inside_create .newlang_edit1{
	width:25px;
	vertical-align:top;
	font-weight:bold;
}
#inside_create .newlang_edit2{
	width:515px;
	vertical-align:top;
}
#inside_create .newlang_edit3,.newlang_edit4{
	width:515px;
	vertical-align:top;
	color:#666666;
	text-align:left;
}
#inside_create .newlang_edit4{
	padding-left:10px;
	padding-right:15px;
}

#inside_create .translate_main{
	font-size:14px;
	line-height:125%;
}
#inside_create .newlang_edit_que{
	font-size:14px;
}
#inside_create .newlang_textarea2{
	width:500px;
	font-size:14px;
	line-height:14px;
	margin-bottom:5px;
}

@media (max-width: 767px) {
	#inside_create .newlang_textarea{
		width:310px;
		height:140px;
	}
	#inside_create .newlang_textarea2{
		width:310px;
	}
	#inside_create .newlang_texfield{
		width:280px;
	}
	#inside_create .newlang_input{
		width:280px;
	}
	#inside_create .newlang_input4{
		width:220px;
	}
	#inside_create .newlang_input41{
		width:220px;
	}		
	#inside_create .newlang_matrix1{
		width:280px;
	}
	#inside_create .newlang_matrix2{
		width:280px;
	}
	#inside_create .newlang_hier{
		display:none;
	}
	#inside_create .newlang_hier2{
		width:280px;
	}
	#inside_create .translate_main{
		font-size:13px;
		line-height:125%;
	}
	#inside_create .newlang_edit_que{
		font-size:14px;
	}
	#inside_create .newlang_label51{
		font-size:10px;
		padding-right:3px;
	}
}
@media (max-width: 550px) {
	#inside_create .newlang_textarea{
		width:180px;
	}
	#inside_create .newlang_textarea2{
		width:180px;
	}	
	#inside_create .newlang_texfield{
		width:150px;
	}
	#inside_create .newlang_input{
		width:150px;
	}
	#inside_create .newlang_input4{
		width:90px;
	}
	#inside_create .newlang_input41{
		width:90px;
	}		
	#inside_create .newlang_matrix1{
		width:150px;
	}
	#inside_create .newlang_matrix2{
		width:150px;
	}
	#inside_create .newlang_hier2{
		width:150px;
	}
	#inside_create .newlang_label51{
		font-size:9px;
		padding-right:3px;
	}	
}
#inside_create .input_field_new4{
	font-size:16px;
	width:300px;
	height:24px;
	margin:3px 0px 3px 0px;
}
#inside_create textarea{
	margin:0px;
	width:500px;
}
#inside_create .que_edit{
	float:right;
	clear:right;
	padding:5px 10px 0px 15px;
}
#inside_create .que_edits{
	padding: 0px 3px 0px 0px;
	border: none;
}
#inside_create .add_q{
	padding:20px 0px 15px 0px;
	text-align:center;
}
#inside_create .answer2{
	padding:10px 0px 10px 15px;
}
#inside_create .question{
	font-size:20px;
	padding-bottom:10px;
}
#inside_create .que_note{
	font-size:14px;
}
#inside_create .matrix2,.matrix3{
	text-align:center;
	width:70px;
}
#inside_create .matrix1,.matrix11{
	width:220px;
}
#inside_create .input_oth3{
	width:200px;
	height:24px;
	margin:3px 0px 3px 0px;
	font-size:14px;
}
#inside_create .input_oth,.input_oth2{
	width:150px;
	height:24px;
	margin:3px 0px 3px 0px;
	font-size:14px;
}
#inside_create .input_oth2{
	width:245px;
	height:24px;
	margin:3px 0px 3px 0px;
	font-size:14px;
}
#inside_create .input_trans2{
	width:50px;
	height:24px;
	margin:2px 0px 0px 9px;
	font-size:14px;
}
#inside_create .input_ans_limit{
	width:60px;
	height:24px;
	margin:2px 0px 0px 3px;
	font-size:14px;
}


#inside_create .ans_more,.ans_other{
	text-align:right;
	max-width:505px;
	margin-bottom:1px;
}
#inside_create .ans_more,.ans_other{
	font-size:14px;
}
#inside_create .ans_more{
	padding-top:10px;
}
#inside_create .ans_more_addimg{
	text-align:left;
	margin-left:515px;
	padding-top:10px;
	font-size:14px;
}
#inside_create .ans_more_addimg3{
	text-align:left;
	margin-left:515px;
	padding-top:10px;
	font-size:14px;
}

#inside_create .ans_more2{
	text-align:right;
	max-width:580px;
	margin-bottom:1px;
	margin-top:10px;
}
#inside_create .ans_more2_6{
	margin-left:47px;
}
#inside_create .ans_other{
	margin-bottom:1px;
}
#inside_create .ans_trans2{
	margin:20px 0px 20px 0px;
}
#inside_create .ans_trans22{
	margin:0px 0px 0px 420px;
	position:absolute;
}
#inside_create .ans_trans22q{
	margin:0px 0px 0px 415px;
	font-size:12px;
	text-align:left;
	line-height:120%;
}
#inside_create .ans_trans22more{
	margin:0px 0px 0px 420px;
	position:absolute;
}
#inside_create .ans_trans22oth{
	margin:0px 0px 0px 435px;
	position:absolute;
}
#inside_create .que_trans1{
	padding:10px 0px 20px 25px;
}
#inside_create .que_trans2{
	padding:10px 0px 20px 25px;
	display:none;
}

#inside_create .ans_limit_entry{
	margin:0px 0px 10px 25px;
}

#inside_create .ans_pictype{
	margin-left:31px;
}
#inside_create .input2,.input2grey{
	width:400px;
	font-size:14px;
	height:24px;
	padding-bottom:4px;
}
#inside_create .grey{
	color:#999999;	
}
#inside_create .input4,.input4_grey{
	width:150px;
	font-size:14px;
	height:24px;
}
#inside_create .input4_grey{
	color:#999999;	
}
#inside_create .input2grey{
	color:#999999;
}
#create_q .que_ans_required{
	padding:10px 0px 10px 0px;
}
#create_q .input5{
	width:59px;
	height:22px;
	font-size:12px;
}
#create_q .input5b{
	width:59px;
	height:22px;
	font-size:12px;
}
#create_q .input3{
	width:160px;
	height:22px;
	font-size:12px;
	margin-bottom:1px;
}
#create_q .input6{
	width:60px;
	height:22px;
	font-size:12px;
	margin-bottom:1px;
}
#create_q .matrix1,matrix11{
	width:200px;
	text-align:left;
	font-size:14px;
	line-height:120%;
	padding-bottom:5px;
}
#create_q .matrix11{
	border:0px;
}
#create_q .matrix2{
	width:62px;
	text-align:center;
	font-size:14px;
	line-height:120%;	
}
#create_q .matrix2b{
	width:62px;
	text-align:center;
	font-size:14px;
	line-height:120%;
}
#create_q .matrix3{
	text-align:center;
	border-top: dotted 1px #AAA;
}

#create_q .matrix_top{
	padding:0px 0px 3px 200px;
}
#create_q .matrix_topb{
	padding:0px 0px 3px 200px;
}
#create_q .matrix_top1{
	float:left;
}
#create_q .matrix_top2{
	float:left;
}
#create_q .matrix_top3{
	float:left;
	display:none;
}

@media (max-width: 767px) {
	#create_q .input3{
		width:100px;
	}
	#create_q .matrix1{
		width:110px;
	}
	#create_q .matrix_top{
		padding:0px 0px 3px 107px;
	}
	#create_q .matrix_top2{
		display:none;
	}
	#create_q .matrix_mid3{
		display:none;
	}
	#create_q .matrix2{
		width:57px;
	}
	#create_q .matrix2b{
		width:5px;
	}
	#create_q .matrix_topb{
		padding:0px 0px 3px 0px;
		width:70px;
	}
	#create_q .input5b{
		width:180px;
		height:22px;
		font-size:12px;
	}
	#create_q .matrix_extra_rows22{
		display:none;
	}			
}


#create_q .matrix_opt2{
	padding:15px 0px 0px 18px;
}
#create_q .file_link{
 	height:24px;
 	margin-bottom:2px;
 	min-width:300px;
 	font-size:13px;
}
#create_q .template{
	margin-left:0px;
}
#create_q .skinlist_label{
	width:35px;
	text-align:center;
	vertical-align:top;
	padding-top:0px;
}
#create_q .skinlist_img{
	margin: 2px 0px 12px 0px;
	cursor: pointer;
}
#create_q .skinlist_img_lg1,.skinlist_img_lg2{
	position:absolute;
	margin-left:234px;
	margin-top:-1px;
	background:#FCFCFC;
	border:#333333 1px solid;
	font-size:14px;
	font-weight:bold;
}
#create_q .skinlist_img_lg2{
	margin-left:-644px;
}

@media (max-width: 767px) {
	#create_q .skinlist_img_lg1{
		margin-top:130px;
		margin-left:-48px;
	}
	#create_q .skinlist_img_lg2{
		margin-top:130px;
		margin-left:-220px;
	}
	#inside_create .question{
		font-size:16px;
		font-weight:bolder;
	}
	#create_q .create_q_sample_link{
		display:none;
	}
	#create_q .add_image_overall{
		display:none;
	}
	#inside_create .cbox2{
		width:12px;
		width:12px;
	}	
}
@media (max-width: 570px) {
	#create_q .create_q_text_area{
		width:470px;
		height:80px;
	}
	#inside_create .input4{
		width:100px;
	}
	#inside_create .input4_grey{	
		width:100px;
	}
	#create_q .input2{
		width:370px;
	}
	#create_q .input2grey{
		width:370px;
	}
	
	#inside_create .ans_trans22{
		margin:0px 0px 0px 385px;
	}
	#inside_create .ans_trans22q{
		margin:0px 0px 0px 385px;
	}
	#inside_create .ans_trans22more{
		margin:0px 0px 0px 385px;
	}
	#inside_create .ans_trans22oth{
		margin:0px 0px 0px 405px;
	}	
	#inside_create .input_oth2{
		width:215px;
	}
}

@media (max-width: 510px) {
	#create_q .create_q_text_area{
		width:400px;
		height:80px;
	}
	#create_q .input2{
		width:330px;
	}
	#create_q .input2grey{
		width:330px;
	}
	#inside_create .ans_trans22{
		margin:0px 0px 0px 355px;
	}
	#inside_create .ans_trans22q{
		margin:0px 0px 0px 355px;
	}
	#inside_create .ans_trans22more{
		margin:0px 0px 0px 355px;
	}
	#inside_create .ans_trans22oth{
		margin:0px 0px 0px 375px;
	}	
	#inside_create .input_oth2{
		width:155px;
		font-size:13px;
	}
	
}
@media (max-width: 430px) {
	#create_q .create_q_selector{
		max-width:340px;
	}
	#create_q .create_q_text_area{
		width:340px;
		height:80px;
	}
	#create_q .input2{
		width:260px;
	}	
	#create_q .input2grey{
		width:260px;
	}
	#inside_create .ans_trans22{
		margin:0px 0px 0px 275px;
	}
	#inside_create .ans_trans22q{
		margin:0px 0px 0px 275px;
	}
	#inside_create .ans_trans22more{
		margin:0px 0px 0px 275px;
	}
	#inside_create .ans_trans22oth{
		margin:0px 0px 0px 295px;
	}
	#inside_create .input_oth2{
		width:95px;
		font-size:13px;
	}		
}

#inside_create .user_logo{
	margin:3px 0px 7px 0px;
}
#inside_create .action_links{
	float:right;
	clear:right;
	padding-right:0px;
	padding-left:10px;
}
#inside_create a{
	text-decoration:underline;
	font-size:14px;
}
#create_q a{
	text-decoration:underline;
}

#inside_create .create_new_btns{
	padding:20px 0px 0px 180px;
	clear:both;
}
#inside_create .create_new_btns2{
	padding:20px 0px 0px 220px;
	clear:both;
}
#inside_create .create_new_area{
	width:550px;
}
#inside_create .create_new_desc{
	float:left;
	width:180px;
	clear:both;
}
@media (max-width: 767px) {
	#inside_create .create_new_btns{
		padding:20px 0px 0px 0px;
	}
	#inside_create .create_new_btns2{
		padding:20px 0px 0px 0px;
	}	
	.submit_new2{
		width:150px;
	}
	#inside_create .create_new_area{
		width:350px;
	}
	#inside_create .create_new_desc{
		width:350px;
		margin-right:100px;
	}			
}


/*==================      INSIDE SURVEYS     ======================*/


#inside_surveys{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;	
}
#inside_surveys a{
	color:#FF5639;
}

#survey_list .action{
	padding-right:25px;
	text-align:center;
	color:#666666;
}
#survey_list .title{
	font-size:18px;
	font-weight:bolder;
	text-align:left;
	padding-bottom:5px;
}
#survey_list .que_count{
	padding-bottom:5px;
}
#survey_list .dates{
	font-size:12px;
}
.survey_list_title{
	clear:both;
	float:left;
	padding:0px 15px 20px 0px;
	width:300px;
	margin-right:25px;
}


.survey_list_actions{
	float:left;
	width:450px;
	padding-bottom:20px;
}
@media (max-width: 440px) {
	.survey_list_actions{
		width:400px;
	}
}

.survey_list_actions3,.survey_list_actions2{
	float:left;
	padding-right:15px;
	padding-bottom:25px;
}
.survey_list_actions2{
	padding-right:45px;
}
.templates_title{
	float:left;
	width:450px;
	text-align:left;
}



#results .excel_link2{
	padding:15px 0px 0px 0px;
}
#results .pdf_link{
	float:right;
	clear:right;
	margin:5px 7px 0px 0px;
}
#results .pdf_link_img{
	padding: 0px;
	border: 0px;
}
#results .results_filter,.results_filter2{
	float:right;
	color:#999999;
	width:225px;
	font-size:13px;
}
#results .explain_mark{
	text-decoration:none;
	padding:0px 2px 0px 2px;
}
#results .explain{
	position:absolute;
	width:250px;
	margin:10px 0px 0px 0px;
	padding:3px 10px 5px 5px;
	background:#FFFFFF;
	border: solid 1px #AAA;
	font-size:13px;
	line-height:130%;
	color:#444;
}
#results .respondents2_print{
	padding:0px 0px 20px 0px;
	text-align:right;
	width:657px;
}
#results .filter3_remove_all{
	float:right;
	clear:rigth;
	padding-right:5px;
}
#results .results_filter3_link{
	float:right;
	clear:right;
	padding:15px 160px 0px 0px;
	font-size:12px;
}
#results .results_filter3_link a{
	text-decoration:underline;
}
#results .filter3_select_all{
	display:none;
}
#results .filter3_select{
	display:none;
	width:30px;
	float:left;
	clear:left;
}
#results .filter3_select_buttons{
	display:none;
	padding:5px 0px 0px 30px;
}
#results .filter3_select_buttons2{
	display:none;
	padding:5px 0px 0px 20px;
}
#results .filter3_line{
	padding:0px 5px 0px 5px;
	height:21px;
}
#results .filter3_cbox{
	padding:0px;
	margin:0px;
}
#results .filter3_button{
	background: url(/pics/submit119.png) no-repeat;
	border: 0px;
	padding: 2px 0;
	margin: 3px 0px 1px 0px;
	color: #FFF;
	width:119px;
	height:27px;
	font-size:12px;
	font-weight:bold;
	letter-spacing: -0.5px;
}
#results .charts_promo_txt{
	padding:70px 0px 60px 0px;
	text-align:center;
	margin-right:50px;
}


/*==================      TAKE SURVEY     ======================*/

#take-surv .contents{
	padding-top:50px;
	margin-left: auto;
	margin-right: auto;
	width:800px;
	text-align:left;
	font-size:16px;
	color:#4f4f4f;
	line-height:150%;
	
}
#take-surv .contents_sampleq{
	padding-top:25px;
	margin-left: auto;
	margin-right: auto;
	width:690px;
	text-align:left;
}
#take-surv .contents_sampleskin{
	margin-top:30px;
	text-align:left;
}
#take-surv .sam_skin_img{
	padding:0px;
}

#take-surv .cbox{
	border-width:1px;
}
#take-surv .input_oth{
	width:250px;
	margin-left:10px;
	font-size:13px;
	height:24px;
}
#take-surv .main{
	margin-left:60px;
	margin-right:30px;
}
#take-surv .desc{
	padding-top:35px;
	padding-right:30px;
}
#take-surv .desc2{
	padding-left:60px;
	padding-bottom:40px;
}
#take-surv .take_lang_sel{
	padding-top:10px;
}
.desc_after_comb{
	clear:both;
}
#take-surv .userdata_comb{
	padding-top:30px;
	padding-bottom:40px;
}

#take-surv .progress_txt_bg1{
	text-align:center;
	margin-left:697px;
	width:101px;
}
#take-surv .progress_txt_bg2{
	margin:0px 0px 5px 697px;
	width:101px;
	height:10px;
}
#take-surv .progress_txt_bg2 img{
	margin-top:0px;
	height:10px;
}
#take-surv .progress_txt_bg{
	margin-bottom:5px;
}
#take-surv .logo{
	float:right;
	clear:right;
	padding:5px 0px 0px 10px;
}

#take-surv .que,.que_comb{
	margin:0px 20px 0px 40px;
	padding:10px 0px 20px 0px;
	font-size:24px;
}
.que,.que_comb,.que_main{
	
}

#take-surv .que_note{
	font-size:14px;
}
#take-surv .que_before,.que_before_comb{
	height:8px;
	background: url(/pics/line_mid_top2.png) repeat-x;
}
#take-surv .que_before1{
	width:8px;
	height:8px;
	background: url(/pics/line_mid_top1.png) no-repeat;
	float:left;
}
#take-surv .que_before2{
	width:8px;
	height:8px;
	background: url(/pics/line_mid_top3.png) no-repeat;
	float:right;
}
#take-surv .que_after,.que_after_comb{
	height:8px;
	background: url(/pics/line_mid_btm2.png) repeat-x;
}
#take-surv .que_after1{
	width:8px;
	height:8px;
	background: url(/pics/line_mid_btm1.png) no-repeat;
	float:left;
}
#take-surv .que_after2{
	width:8px;
	height:8px;
	background: url(/pics/line_mid_btm3.png) no-repeat;
	float:right;
}

#take-surv .main1{

}



#take-surv .que_zero,.que_zero_comb{

	padding:4px 20px 4px 20px; 
	
	background:#F0F0F0;
	border-left: dotted 1px #D8D8D8;
	border-right: dotted 1px #D8D8D8;
	
}
#take-surv .buttons2{
	padding-top:20px;
}
#take-surv .answers{
	padding:20px 30px 20px 40px;
}
#take-surv .answers_info{
	padding-top:20px;
	margin-left:-40px;
}
#take-surv .answer{
	padding-left:20px;
	padding-top:5px;
}
#take-surv .answer2{
	padding-left:20px;
	padding-top:15px;
}
#take-surv .answers3{
	padding-bottom:20px;
}
#take-surv .progress{
	text-align:right;
}
#take-surv .progress_bar{
	font-size:10px;
}
#take-surv .bar_img {
	padding: 0px;
	border: 0px;
	margin: 0px;
	height:5px;
}
#take-surv textarea{
	width:510px;
	margin-bottom:10px;
}
#take-surv .matrix1,matrix11{
	width:250px;
	border-top: dotted 1px #AAA;
	line-height:135%;
	font-size:14px;
}
#take-surv .matrix1_noline{
	width:250px;
	line-height:135%;
	font-size:14px;
}
#take-surv .matrix11{
	border:0px;
}
#take-surv .matrix2{
	width:80px;
	text-align:center;
	padding-right:2px;
	line-height:135%;
	font-size:14px;
	padding:0px 2px 0px 2px;
}
#take-surv .matrix3{
	text-align:center;
	border-top: dotted 1px #AAA;
}
#take-surv .matrix3_noline{
	text-align:center;
}
.matrix_highlight{
	background-color:#F3F3F3;
}
.matrix_normal{
	background-color:none;
}
.two_buttons1{
	float:left;
}
.two_buttons2{
	float:right;
	padding-right:20px;
}
#take-surv .answer_pic{
	padding-left:30px;
	padding-bottom:10px;
}
#take-surv .thank_you{
	clear:both;
	text-align:center;
	font-size:14px;
	margin-right:20px;
}
.thank_you2{
	font-size:11px;
	margin-right:20px;
	color:#777;
}
.take_new_link{
	padding-top:5px;
}
#take-surv .samples{
	margin-left:20px;
	text-align:justify;
}
#take-surv .sample_desc{
	margin:15px 0px 0px 20px;
}
#take-surv .settings{
	margin:0px 0px 0px 20px;
}
#take-surv .sett_label{
	width:140px;
	padding-right:10px;
}

.take_langmany_opt{
	width:140px;
}
.take_join{
	padding: 15px 0px 15px 0px;
	background:#F0F0F0;
	border: dotted 1px #E1E1E1;
}
.take_join_text1{
	margin: 0px 0px 10px 0px;
	color:#E0691A;
}
.take_join_text2{
	font-size:12px;
}
.take_join_err{
	margin:10px 0px 5px 0px;
	font-weight:bold;
	color:#E0691A;
	font-size:11px;
}

#take-surv-sett{
	margin-left:20px;
}
#take-surv-sett .label{
	width:160px;
	padding-right:20px;
}
#take-surv-sett input{
	width:180px;
}
#take-surv-sett select{
	font-size:14px;
	min-width:210px;	
}
#take-surv .input12{
	width:300px;
}
#take-surv select{
	font-size:14px;
	min-width:140px;	
}

#take-surv .err_msg{
	padding: 0px 0px 0px 60px;
}
.take_err_msg31{
	font-weight:bold;
	color:red;
	font-size:11px;
	padding: 0px 0px 20px 22px;
}
.take_err_msg32{
	font-weight:bold;
	color:red;
	font-size:11px;
	padding: 10px 0px 10px 60px;
}
.cookie_err{
	font-weight:bold;
	color:red;
	font-size:11px;
	width:650px;
	margin-bottom:10px;
}

#footer{
	clear:both;
	padding-top:70px;
	padding-bottom:30px;
	text-align:center;
	color:#999;
	font-size:13px;
	line-height:135%;
}
#footer a{
	color:#999;
}

.reg_subscribe_btn{
	padding-top:7px;
}
.join_input{
	font-size:13px;
	width:280px;
	height:24px;
}

/*==================      UPGRADE     ======================*/



#inside_upgrade{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#4f4f4f;
	padding:0px 10px 0px 10px;
}
#inside_upgrade a{
	color:#FF5639;
}
#inside_upgrade li{
	list-style-type: initial;
	margin-left:50px;
	padding-bottom:10px;
}
#inside_upgrade ul{
	margin-top:10px;
}
#inside_upgrade .td2,.td2rose,.td_last{
	text-align:center;
}
#inside_upgrade .td_last{
	font-size:16px;
	font-weight:bolder;
}
#inside_upgrade .td_last_wrap,.td_last_wrap2{
	border-top: 1px solid #444444;
	margin:7px 10px 0px 10px;
	padding-top:10px;
}
#inside_upgrade .td_last_wrap2{
	margin:7px 10px 0px 0px;
}
#inside_upgrade .td2{
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
}
#inside_upgrade .td2rose{
	vertical-align: middle;
}
#inside_upgrade .td1{
	border-bottom: 1px solid #ebebeb;
}
#inside_upgrade .ac_title,.ac_title2{
	font-size:24px;
	padding:0px 0px 3px 0px;
	border-bottom: 1px solid #444444;
	margin:0px 10px 9px 10px;
	color:#444444;
	font-weight:bolder;
	line-height:125%;
}
#inside_upgrade .ac_title2{
	margin:0px 10px 9px 0px;
}
#inside_upgrade a{
	color:#FF5639;
}
#inside_upgrade a:hover{
	color:#FFFFFF;
}
@media (max-width: 767px) {
	#inside_upgrade .ac_title {
    	margin:0px 1px 9px 1px;
    	font-size:14px;
    }
	#inside_upgrade .ac_title2 {
    	font-size:14px;
    }  
    #inside_upgrade .table_texts{
    	font-size:13px;
    } 
}

#inside_upgrade .red{
	background-color:#FF5639;
}

#inside_upgrade .payment_logos{
	border: none 0px;
	padding: 4px 0px 2px 0px;
}
#inside_upgrade .payment_box,.payment_box3{
	text-align:center;
	border: dotted 1px #AAA;
	margin:0px 5px 15px 0px;
	width:260px;
	height:80px;
}
#inside_upgrade .payment_box2{
	padding:10px 0px 0px 0px;
}
#inside_upgrade .payment_box2a{
	padding:15px 0px 0px 0px;
}
.payment_info_box{
	border: dotted 1px #AAA;
	margin:5px 5px 5px 0px;
	max-width:800px;
	padding:5px 5px 5px 5px;
}

.client_logos{
	float:left;
	padding:0px 10px 10px 0px;
}
.client_logos2{
	float:left;
	clear:left;
	padding:0px 10px 10px 0px;
}
@media (max-width: 799px) {
	.client_logos2 {
    	clear:none;
    }
}

.camera_cnt_my{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
@media (max-width: 767px) {
	.camera_cnt_my {
    	max-width:320px;
    }
}

.front_top{
	background: no-repeat url(../images/page-1_slide03h.jpg);
	padding:30px 0px 30px 0px;
	height:500px;
	background-position: center;
	color:#FFFFFF;
}

div.bank:hover {
    background-color:red;
    background:#F0F0F0;
}


.list_new {
  font-size: 15px;
  line-height: 16px; }
  @media (min-width: 479px) and (max-width: 767px) {
    .list_new {
      font-size: 14px; } }
  .list_new li {
    position: relative;
    padding-left: 60px; }
    .list_new li:before {
      content: "";
      position: absolute;
      top: 0;
      left: -2px;
      font-family: "FontAwesome";
      font-size: 15px;
      line-height: 16px;
      color: #15dde4;
      padding: 0 2px;
      padding-left:35px; }
    .list_new li + li {
      margin-top: 7px; }
  * + .list_new {
    margin-top: 5px; }