/**
 *
 * Author : JMA Designer,
 *
 * Date : 31-03-2016,
 *
 * Company : JMA.
 *
 */
/*   ========================================================================
					 Variable DECLARATION STARTS
	 ========================================================================   */
/*   ========================================================================
					 FONT FACE DECLARATION STARTS
	 ========================================================================   */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica';
  src: url("../fonts/Helvetica.otf");
  src: url("../fonts/Helvetica.otf") format("opentype");
}
@font-face {
  font-family: 'Helvetica-Bold';
  src: url("../fonts/Helvetica-Bold.otf");
  src: url("../fonts/Helvetica-Bold.otf") format("opentype");
}
@font-face {
  font-family: 'Helvetica-Neue';
  src: url("../fonts/HelveticaNeueLTStd-Th.otf");
  src: url("../fonts/HelveticaNeueLTStd-Th.otf") format("opentype");
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-light.ttf");
  src: url("../fonts/roboto-light.ttf") format("truetype");
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/HelveticaNeue.ttf");
  src: url("../fonts/HelveticaNeue.ttf") format("truetype");
}
/*   ========================================================================
					 Mixins Starts
	 ========================================================================   */
/*   ========================================================================
					 General Styles Starts
	 ========================================================================   */
.pad-null {padding: 0; }
.brr-nul {border-radius: 0 !important; }
.pad-rgt-5 {padding: 0 0.5rem 0 0; }
.pad-lft-5 {padding: 0 0 0 0.5rem; }
.z99 {z-index: 99 !important; }
.txt-right {text-align: right; }
.pos-abs {position: absolute; }
.txt-ctr {text-align: center; }
.mrg-top-10 {margin-top: 3rem; }
.btn.btn-read {border: 0.2rem solid #000; padding: 1rem 2rem; border-radius: 0; margin-top: 0.5rem; color: #000; }
.btn.btn-read:hover {border: 0.2rem solid $menu-txt; background: $menu-txt; }
.btn.btn-black {background: rgba(0,0,0,0.7); color: #fff; border: none; }
.btn {border-radius: 0; }
.btn.close {background: #444; border-radius: 50%; padding: 1rem; font-size: 1.2rem; opacity: 1; color: #fff; position: relative; }
.btn.close:hover {background: #555; }
button:hover, a.btn:hover {background-color: #f5aa00 !important; color: #fff !important; }
.input-readonly {border: none; background: transparent; }
.pos-rel {position: relative; }
.form-group .form-control {border-radius: 0; padding-left: 3rem; }
.ml10 {margin: 0 0 0 1rem; }
.pad-5 {padding: 0 0.5rem; }
.pad-5left {padding: 0 0.5rem 0 1.5rem; }
.pad-5right {padding: 0 1.5rem 0 0.5rem; }
.form-group.ico-l10:after {left: 2.2rem; }
.form-group.ico-l10 .form-control {padding: 1rem 1rem 1rem 3rem; }
a {color: $link-clr; text-decoration: none; }
a:hover, a:focus {color: #0a0a3c; text-decoration: none; }
.color-white {color: #fff !important; }
.box {background: #e4e4fa; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.17); }
.thumbnail {border-radius: 0; border: none; }
.list-unstyled {margin-bottom: 0; }
.btn-primary {padding: 6px 2.5rem; border: 2px solid #646464; }
.btn-default {border-radius: 8px; padding: 0.3rem 2.5rem; border: 2px solid #646464; }
.btn-download {background-color: #08bee0; padding: 6px 12px; color: #fff !important; text-decoration: none !important; }
.navbar-toggle {border-radius: 0; border: 0; margin-top: 30px; }
.navbar-toggle span {background-color: #fff !important; }
Body Scroll,
body::-webkit-scrollbar {width: 0.5rem; }
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
body::-webkit-scrollbar-thumb {background-color: #808080; }
.btn-primary {background-color: #646464; border-radius: 4px; }
.checkBox input[type=radio] {display: none; }
.checkBox label {display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 15px; }
.checkBox label:before {border-radius: 3px; content: ""; display: inline-block; width: 16px; height: 16px; top: 0; margin-right: 10px; position: absolute; left: 0; bottom: 1px; border: 2px solid #646464; background-color: #fff; }
.checkBox input[type=radio]:checked + label:before {content: "\2713"; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); font-size: 18px; color: #646464; text-align: center; line-height: 8px; padding-left: 1px; }
/*   ========================================================================
					Styles Starts
	 ========================================================================   */
html{position: relative; min-height: 100%; }
body {
  font-family: 'Helvetica';
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 79px;
}
h1,h2,h3,h4,h5,h6{font-family: 'Helvetica';}

/*navigation start*/
  .main-menu {
    background-color: #0a0a3c;
    border-bottom: none;
    border-radius: 0;
    border: 0;
  }
  .main-menu .navbar-brand {
    height: auto;
    color: #e4e4fa;
    transition: 0.3s all ease;
    padding: 10px 15px;
  }
  /*updated by jeremy*/
  .main-menu .navbar-brand img {
    display: inline-block;
    transition: 0.3s all ease;
    height: 51px;
	width: 236px;
  }
  .main-menu .navbar-nav >li > a {
    margin: 16px 11px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    padding: 8px 12px;
    transition: 0.3s all ease;
    letter-spacing: 1px;
  }
  .main-menu .navbar-nav .btn-header {
    background-color: #f5aa00;
    color: #e4e4fa;
    border-radius: 0;
    padding: 3px 9px;
    border-color: #f5aa00;
    width: 100px;
  }
  header a.btn-primary:active,
  header a.btn-primary:focus{border-color: #646464;}
  .main-menu .navbar-nav >li > .btn-primary{padding: 0;border: 0;}
  .main-menu .navbar-nav >li > .btn-primary i {
    font-size: 11px;
    font-weight: 100;
    border: 2px solid #e4e4fa;
    height: 25px;
    width: 25px;
    line-height: 22px;
    border-radius: 50%;
    margin-left: 5px;
    transition: 0.3s all ease;
  }
  .main-menu .navbar-nav >li > .btn-primary:hover {background-color: #646464; border-color: #646464; }
  .main-menu li.menu_verdiv > a{margin: 22px 0;}
  .main-menu .navbar-nav >li > a:hover,
  .main-menu .navbar-nav >li > a:focus{color: #f5aa00;}
  .main-menu .navbar-nav >li.active > a,
  .navbar-nav > .active > a,
  .navbar-nav > .active > a:hover,
  .navbar-nav > .active > a:focus{
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid #f5aa00;
  }
  .main-menu .menu_useractive > a{
    max-width: 103px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .main-menu .navbar-nav > li.active > a:hover{
    background-color: transparent;
    color: #f5aa00;
  }
  .main-menu .navbar-nav > li:hover > a {
    color: #f5aa00;
    background-color: transparent;
  }
  /*.main-menu .navbar-nav > li:hover > a.btn{border-bottom: 2px solid #646464;}*/
  .nav > li > a > img{
    padding: 7px 10px;
    max-width: 100%;
    height: 38px;
  }
  .main-menu .navbar-right{margin-right: 0;}
  .strink .main-menu .navbar-brand {
    padding: 6px 15px;
    transition: 0.3s all ease;
  }
  .strink .navbar-brand img {
    height: 40px;
    transition: 0.3s all ease;
  }
  .strink .main-menu .lang {line-height: 52px; }
  .strink .bar{font-size: 10px;}
  .strink .main-menu .lang a {font-size: 10px; }
  .strink .navbar-nav > li > a {
    margin: 5px 15px;
    font-size: 13px;
    padding: 6px 8px;
    transition: 0.3s all ease;
  }
  .strink li.menu_verdiv a{margin: 5px 15px;}

/*index banner starts*/
  .ind-banner {
    position: relative;
    height: 570px;
    background-image: url(../images/sld1.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*margin-top: 80px;*/
  }
  .ind-banner .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .ind-banner .slider .sli-item {
    height: 570px;
    width: 100%;
  }
  .ind-banner .slider .container{position: relative;}
  .ind-banner .carousel-caption {
    left: 0;
    right: 0;
    bottom: 38px;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    z-index: inherit;
  }
  .ind-banner .carousel-caption h1 {
    font-size: 65px;
    font-weight: 300;
  }
  .ind-banner .carousel-caption p {
    margin-top: 5px;
    font-size: 17px;
    font-weight: 100;
  }
  .ind-banner .carousel-caption a {
    background-color: #f5aa00;
    margin: 9.3rem auto 0;
    border: 0;
    text-align: center;
    border-radius: 8px;
    text-shadow: none;
    text-transform: capitalize;
    color: #fff;
    width: 420px;
  }
  .ind-banner .slibtn_rensub{
    padding: 19px 57px;
  }
  .ind-banner .slibtn_rensub > h3{margin: auto auto 7px;}
  .ind-banner .slibtn_rensub img{margin-bottom: 5px;}
  .ind-banner .carousel-caption a:hover{
    background-color: #646464;
  }
  .ind-banner .disHighlight img{
    width: 100%;
  }
  .ind-banner .carousel-caption .btn img{max-height: 90px;}
  .ind-banner .carousel-caption a.slibtn_rensub img{max-height: 30px;}

section.content {
  position: relative;
  /*background-color: #fff;*/
}
.home .hsli-con {
  /*background-color: #08bee0;*/ /*removed for pro*/
  padding: 70px 0;
  color: #fff;
}
.container-fluid.home .yugamer_secimgver{padding: 0 70px;}
.container-fluid.home .yugamer_secimgver .first-slide img{height: 240px;}
.home .hsli-con {
  /*background-color: #08abd7;*/
}
.home .hsli-con .clearfix p {
  padding: 2rem 0;
  margin-bottom: 0;
  text-align: justify;
}
@media (max-width: 768px) {
  .home .hsli-con .clearfix .btn {
    margin-bottom: 5px;
  }
}
section.content .home .col-sm-6 .clearfix .btn.extEffect {
  background: url("../images/icon_news.png") no-repeat 0 0;
  background-size: 34px;
  padding-left: 40px !important;
}
body section.content .container-fluid.home .col-sm-6 .clearfix .btn.extEffect.active {
  animation: openDoor 0.5s linear;
  animation-fill-mode: forwards;
}
.home .hsli-con .clearfix .btn_subsyuga {
  padding: 0;
  width: 130px;
}
.home .btn.btn_subsyuga .img-white{padding: 13px 30px;height: 37px;}
.home .btn.btn_subsyuga .img-black{display: none;}
.home .btn.btn_subsyuga:hover .img-black{display: block;}
.home .btn.btn_subsyuga:hover .img-white{display: none;}
section.dashboard h2 {
  font-weight: 400;
  color: #646464;
  margin-bottom: 4rem;
  font-size: 37px;
}
section.dashboard .col-sm-5 .info {
  min-height: 20.3rem;
}
section .pro {
  position: relative;
  padding-top: 70px;
}
section .pro:before {
  top: 0%;
  left: 75%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136,183,213,0);
  border-top-color: #07a9c7;
  border-width: 50px;
  margin-left: -50px;
  z-index: 1;
}
@media (max-width: 768px) {
  section .pro:before {
    left: 50%;
  }
}
/*section .pro .info {
  margin-top: 40px;
}*/
body section .normal {
  position: relative;
}
section .normal:before {
  top: 0%;
  left: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136,183,213,0);
  border-top-color: #08bee0;
  border-width: 50px;
  margin-left: -50px;
  z-index: 1;
}
@media (max-width: 768px) {
  body section .normal:before {
    left: 50%;
  }
}
section .normal .info {
  margin-top: 70px;
}
section .trialDownload {
  background-color: #0a0a3c;
  color: #e4e4fa;
  position: relative;
}
section .trialDownload .btn-lg {
  padding: 0;
  border-radius: 11px;
  margin: 111px auto;
  font-size: 20px;
  width: 420px;
  background-color: #f5aa00 !important;
  border: 0 !important;
}
section .trialDownload .btn-lg:hover{
  background-color: #646464 !important;
  border-color: #646464 !important;
}
section .trialDownload .btn-lg img{
  height: 90px;
}
section .trialDownload .fotbtn_download img{
  height: 35px;
}
section .trialDownload .fotbtn_download{
  padding: 0 57px;
  height: 90px;
}
section .info {
  position: relative;
  border: 1px solid #979797;
  margin-bottom: 30px;
  padding: 40px;
  color: #646464;
  display: inline-block;
  width: 100%;
}
.info.sub .subTitle {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 5px;
  font-size: 25px;
  margin-bottom: 31px;
  display: inline-block;
  width: 100%;
}
.info.subscription {
  background-color: #e6e6e6;
  border: none;
}
.info.subscription .subTitle{
  font-size: 25px;
  margin-bottom: 31px;
  margin-top: 0;
}
.info.subscription .subTitle small{
  display: inline-block;
  font-size: 15px;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 9px;
}
section .info.subscription .subTitle {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 5px;
}
section .info.subscription .subTitle span {
  display: block;
  font-size: 14px;
}
@media (max-width: 768px) {
  section .info.subscription .subTitle span {
    float: none !important;
    display: block;
    margin-top: 10px;
  }
}
section .info.subscription .subTitle span .form-control {
  border: none;
  border-radius: 0;
  padding: 6px;
}
section .info.subscription .order {
  margin: 0 15px;
}
body section .info.subscription .order label {
  display: block;
}
body section .info.subscription .order .form-control {
  width: 70% !important;
  display: inline-block;
}
@media (max-width: 992px) {
  body section .info.subscription .order .form-control {
    width: 100% !important;
  }
}
body section .info.subscription .order .btn-primary {
  width: 28% !important;
  display: inline-block;
  padding: 6px 9px;
  margin-top: 0 !important;
}
@media (max-width: 992px) {
  body section .info.subscription .order .btn-primary {
    width: 100% !important;
  }
}
.info.subscription .form-inline .clearfix {
  width: 100%;
  margin-bottom: 1.5rem;
}
.info.subscription .form-inline .clearfix label {
  width: 130px;
}
.info.subscription .form-inline .clearfix .form-control {
  width: 69%;
}
.info.subscription .form-inline .clearfix #usr_address{width: 85%;}
.info.subscription .form-inline select.form-control {
  width: auto;
  padding: 6px 20px;
}
.info.subscription .form-inline .col-sm-12 .form-control {
  width: 85%;
}
.info.subscription .form-inline .radiobox {
  display: inline-block;
}
.info.subscription .form-inline .tab {
  padding: 0 15px;
}
.info.subscription .form-inline .tab > div .nav-tabs {
  width: 15%;
  float: left;
}
@media (max-width: 768px) {
  body section .info.subscription .form-inline .tab > div .nav-tabs {
    width: 100%;
  }
}
.info.subscription .form-inline .tab > div .nav-tabs li {
  width: 100%;
  float: none;
  background: #e6e6e6;
  border: 1px solid #979797;
  border-right: 0;
}
.info.subscription .form-inline .tab > div .nav-tabs li a {
  border-radius: 0;
  background-color: #b1b1b1;
  color: #646464;
  text-decoration: none;
  border: none;
  margin: 0;
}
.info.subscription .form-inline .tab > div .nav-tabs li.active a {
  background-color: transparent;
  color: #646464;
}
.info.subscription .form-inline .tab > div .tab-content {
  padding: 22px 10px;
  width: 85%;
  border: 1px solid #979797;
  margin-left: -1px;
  display: inline-block;
  min-height: 109px;
}
.info.subscription .form-inline .tab > div .tab-content .form-group {
  margin: 0 1rem;
  vertical-align: top;
}
.info.subscription .form-inline .tab > div .tab-content label {
  width: 100%;
  margin-right: 11px;
  font-size: 14px;
}
.info.subscription .form-inline .tab > div .tab-content select.form-control {
  width: 47%;
  padding: 6px;
}
.info.subscription .form-inline .rsp_perdet .tab > div .tab-content input.form-control,
.info.subscription .form-inline .rsp_perdet .tab > div .tab-content select.form-control {
  width: auto;
}
.info.subscription .form-inline .tab > div .tab-content input.form-control {
  width: 100%;
  padding: 6px;
}
/*.info.subscription .form-inline .tab > div .tab-content input.form-control.max3,
.info.subscription .form-inline .tab > div .tab-content select.form-control.max3 {
  width: 65px;
}*/
.info.subscription .form-inline .tab > div .tab-content input.form-control.max14,
.info.subscription .form-inline .tab > div .tab-content select.form-control.max14 {
  width: 300px;
}
.info.subscription .form-inline .tab > label {
  width: 100%;
}
.info .title {
  position: absolute;
  background-color: #646464;
  padding: 6px 22px;
  top: -24px;
  color: #fff;
  font-weight: 100;
  font-size: 14px;
}
body section .info a {
  color: #08bee0;
  text-decoration: underline;
}
body section .info .subscribe .table tbody tr:nth-child(odd) td {
  background-color: #d7d7d7;
}
body section .info .subscribe .table tbody tr td {
  margin: 1rem;
}
body section .info .subscribe .table tbody tr td:nth-child(2) {
  width: 40%;
}
@media (max-width: 768px) {
  body section .info .subscribe .table tbody tr td:nth-child(2) {
    width: 100%;
  }
}
body section .info .subscribe .table tbody tr td:last-child {
  line-height: 35px;
}
body section .info i.fa.fa-windows {
  color: #08bee0;
}
.info table thead tr:first-child td {
  border-bottom: 1px solid #cacaca;
}

.info .renew {
  margin-top: 1rem;
}
body section .info .renew .col-sm-8 {
  padding: 0 3rem 1rem 0;
}
.info .renew .col-md-4 {
  border-left: 1px solid #cacaca;
}
.info .renew .col-md-4 .btn {
  width: 100%;
}
body section .info .border-left {
  border-left: 1px solid #cacaca;
}
body section .info .subscribe {
  width: 93%;
  margin: auto auto 2.5rem;
  background-color: #f0f0f0;
  padding: 1.5rem 1.5rem 0;
}
@media (max-width: 768px) {
  body section .info .subscribe {
    width: 100%;
  }
}
body section .info.contact {
  border: none;
  width: 100% !important;
}
section .info.register {
  width: 75%;
  margin: auto;
  padding: 15px 50px;
}
.info.register .form-group {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}
.info.register .texare_con label{vertical-align: top;}
.info.register .form-group label {
  width: 149px;
}
.info.register .form-group .form-control {
  background-color: #e4e4e4;
}
.info.register .form-control{padding-left: 12px;}
.info.register .form-group input.form-control,
.info.register .form-group textarea.form-control {
  min-width: 72%;
}
body section .info.register .form-group select.form-control {
  padding: 6px;
}
section .subTitle_sub {
  display: inline-block;
  margin-left: 4rem;
  color: #979797;
  font-size: 15px;
  line-height: 1.5;
}
section .sub-title {
  border-bottom: 1px solid #b1b1b1;
  padding-bottom: 10px;
  color: #646464;
  font-size: 23px;
}
body section .license {
  color: #646464;
  margin-bottom: 30px;
}
body section .license .head {
  border-bottom: 1px solid #979797;
  line-height: 3rem;
}
body section .license form {
  /*padding: 1rem 0 1rem 4rem;*/
}
@media (max-width: 768px) {
  body section .license form {
    /*padding: 1rem;*/
  }
}
body section .license form h4 .checkBox label {
  font-weight: 100;
}
body section .license form h4 .checkBox label:before {
  /*background-color: #646464;
  border-radius: 0;
  top: 0;*/ /*renew subscription 21-7*/
}
body section .license form h4 .checkBox input[type=radio]:checked + label:before {
  /*color: #fff;*/ /*renew subscription 21-7*/
}
.license form .clearfix .col-sm-6 .form-group {
  margin: 1rem 0 20px;
  background-color: #e4e4e4;
  padding: 1.5rem;
}
.license form .clearfix .col-sm-6 .form-group .checkBox p,
.license form .clearfix .col-sm-6 .form-group .checkBox.bill p {
  padding: 0 0 0 1rem;
}
body section .license form.newCard .form-inline {
  /*margin-left: 1rem;*/ /*renew subscription 21-7*/
}
@media (max-width: 768px) {
  body section .license form.newCard .form-inline {
    /*margin-left: 0;*/ /*renew subscription 21-7*/
  }
}
body section .license form.newCard .form-inline .form-group {
  display: block;
  margin-bottom: 1.5rem;
}
.license form.newCard .form-inline .form-group label {
  display: inline-block;
  width: 21rem;
  font-weight: 100;
}
.newCard .form-inline .form-group .form-control {
  display: inline-block;
  width: 60rem;
}
body section .license form.newCard .form-inline .form-group select.form-control {
  padding: 5px 8px;
}
.license form.newCard .form-inline .form-group.half select.form-control {
  width: 21.1rem;
}
body section .license form.newCard .form-inline .btnHolder .btn-primary {
  background-color: #646464;
  margin-top: 3rem;
  border-radius: 8px;
}
.license p {
  /*padding: 1rem 0 1rem 4rem;
  margin: 0;*/ /*renew subscription 21-7*/
}
.license p span {
  text-align: left;
  width: 15rem; /*renew subscription 21-7 width change for cc details*/
  display: inline-block;
}
body section .review {
  width: 50%;
 /* margin: auto;*/
}
body section .review h3 {
  margin-bottom: 2.5rem;
}
body section .review p {
  margin-bottom: 0;
}
body section .review p span {
  color: #f5aa00;
}
body section .review strong a {
  display: inline-block;
  margin-top: 1rem;
  text-decoration: underline;
}
footer {
  background-color: #0a0a3c;
  padding: 30px 0;
  position: relative;
}
footer .clearfix {
  background-color: #646464;
  width: 32rem;
  margin: 7rem auto;
  text-align: center;
  color: #e4e4fa;
  border-radius: 10px;
  padding: 1.5rem 1rem;
}
footer .clearfix h3,
footer .clearfix p {
  margin: 0;
}
footer .clearfix h3 {
  margin-bottom: 1rem;
}
footer p {
  color: #e4e4fa;
  margin: 0;
}
footer p br{display: none;}
.btsiz:hover {
  background-color: #646464 !important;
}
@-moz-keyframes openDoor {
  0% {
    background-position: 0 0;
  }
  1% {
    background-position: 0 -40px;
  }
  24% {
    background-position: 0 -40px;
  }
  25% {
    background-position: 0 -80px;
  }
  49% {
    background-position: 0 -80px;
  }
  50% {
    background-position: 0 -120px;
  }
  74% {
    background-position: 0 -120px;
  }
  75% {
    background-position: 0 -160px;
  }
  99% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@-webkit-keyframes openDoor {
  0% {
    background-position: 0 0;
  }
  1% {
    background-position: 0 -40px;
  }
  24% {
    background-position: 0 -40px;
  }
  25% {
    background-position: 0 -80px;
  }
  49% {
    background-position: 0 -80px;
  }
  50% {
    background-position: 0 -120px;
  }
  74% {
    background-position: 0 -120px;
  }
  75% {
    background-position: 0 -160px;
  }
  99% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@-o-keyframes openDoor {
  0% {
    background-position: 0 0;
  }
  1% {
    background-position: 0 -40px;
  }
  24% {
    background-position: 0 -40px;
  }
  25% {
    background-position: 0 -80px;
  }
  49% {
    background-position: 0 -80px;
  }
  50% {
    background-position: 0 -120px;
  }
  74% {
    background-position: 0 -120px;
  }
  75% {
    background-position: 0 -160px;
  }
  99% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
@keyframes openDoor {
  0% {
    background-position: 0 0;
  }
  1% {
    background-position: 0 -40px;
  }
  24% {
    background-position: 0 -40px;
  }
  25% {
    background-position: 0 -80px;
  }
  49% {
    background-position: 0 -80px;
  }
  50% {
    background-position: 0 -120px;
  }
  74% {
    background-position: 0 -120px;
  }
  75% {
    background-position: 0 -160px;
  }
  99% {
    background-position: 0 -160px;
  }
  100% {
    background-position: 0 -160px;
  }
}
/*index page correction*/
  /*menu*/
  .dropdown-menu{
    top:58px;
    top: -webkit-calc(50% - 22px);
    top: -moz-calc(50% - 22px);
    top: calc(100% - 22px);}
  .navbar-right .dropdown-menu{
    right:-19px;
    right: calc(50% - 133px);
    right: -moz-calc(50% - 133px);
    right: calc(100% - 133px);
    text-align: center;
  }
  .strink .dropdown-menu{top: 100%;}
  .btn_lancon .dropdown-menu{
    top: 87%;
    margin-top: 0;
    border-radius: 0;
    min-width: 100%;
    border: 0;
    padding: 20px;
    border-radius: 7px;
    left: -24%;
  }
  .btn_lancon .blc_cardow:before{
    font-family: FontAwesome;
    content: '\f0d8';
    position: absolute;
    font-size: 33px;
    right: 2px;
    bottom: -38px;
    display: none;
  }
  .btn_lancon:hover .blc_cardow:before{color: #ffffff;}
  .btn_lancon.open .blc_cardow:before{display: block;}
  .btn_lancon > .btn{
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    padding: 0;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.9;
  }
  .btn_lancon > .btn:hover{
    background-color: transparent !important;
    border-color: transparent;
    color: #f2b11f !important;
  }
  .btn_lancon > .btn > img{
    margin-right: 3px;
    vertical-align: top;
  }
  .btn_lancon > .btn > .caret{
    position: absolute;
    bottom: 3px;
    right: 9px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
  }
  .btn_lancon{padding: 21px 0;margin: auto 15px;}
  .strink .btn_lancon{padding: 6px 0;}
  .btn_lancon .dropdown-menu > li > a{
    text-align: center;
    color: #646464;
    font-size: 15px;
    padding-bottom: 15px;
  }
  .btn_lancon .dropdown-menu > li:last-child > a{padding-bottom: 0;}
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #f5aa00;}
  .bg_content{
    /*background-image: url(../images/bg-twice.png);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #08bee0;
  }
  .bg_content .bgcon_pancol{background: #fff;}
  .bg_content .btn_tryyuga{float: left;}
  .bg_content .btn_subsyuga{float: right;margin-top: 7px;height: 40px;}

  section.bg_content .yugamer_secimgver > h3{margin-top: 29px;}
  .yugamer_secimgver > img{margin: auto;}
  section .info .subscribe #pcurrency{
    width: 45px;
    padding: 0 5px;
    display: inline-block;
    margin-left: 11px;
    height: 25px;
    vertical-align: top;
  }
  .collapsing {
    opacity: 0;
    transition: height 0s;
    transition:opacity 0s linear;
    -webkit-transition:opacity 0s linear;
    -moz-transition:opacity 0s linear;
    -o-transition:opacity 0s linear;
  }
  #each_sub_card > div:first-child{width: 39%;}
  #each_sub_card > div:nth-child(2){width: 14%;}
  #each_sub_card > div:nth-child(3){width: 38%;}
  #each_sub_card > div:first-child label.error{float: left;margin-left: 33%;}
  #each_sub_card > div:nth-child(2) label.error{float: left;margin: 0}
  #each_sub_card .pay_expcon > div{float: none;display: inline;}
  #each_sub_card .pay_expcon .error[for="card_month"]{display: none !important;}
  #each_sub_card > div:nth-child(3) > label.error{float: right;}
  .btntri_btncon .btn_trynow{
    width: 190px;
    background: #08bee0;
    border-color: #08bee0;
    margin-right: 30px;
  }
  .btntri_btncon .btn_trynow:hover{
    background-color: #646464 !important;
    border-color: #646464 !important;
  }
  .btntri_btncon .ptrialback_btn,
  .btntri_btncon .ytrialback_btn{
    background-color: #646464 !important;
    border-color: #646464 !important;
    color: #fff !important;
    width: 120px;
  }
  .btntri_btncon .ptrialback_btn:hover,
  .btntri_btncon .ytrialback_btn:hover{
    background-color: #fff !important;
    color: #646464 !important;
  }
  .info.subscription .form-inline .btntri_btncon{margin-bottom: 0;margin-top: 15px;}
  .subsform_con .btn.orangeBtn{
    width: 190px;
    margin-right: 30px;
  }
  .subsform_con .btn.backbtn{
    background-color: #646464 !important;
    border-color: #646464 !important;
    color: #fff !important;
    width: 120px;
  }
  .subsform_con .btn.backbtn:hover{
    background-color: #fff !important;
    color: #646464 !important;
  }
  .slick-yugahome .slick-prev:before,
  .slick-yugahome .slick-next:before,
  .slick-vertical .slick-prev:before,
  .slick-vertical .slick-next:before{opacity: .3;}
  .slimai_mobile{display: none;}
  /*#yugprotrialbtn, #prosub{display: none;}*/
  .smoscrol-nextdiv{height: 35px; display: inline-block;width: 100%;}
  /*subscribe*/
  .sub-accessories{text-align: center;margin-bottom: 19px;}
  .sub-accessories label {
    min-width: 179px;
    font-size: 19px;
    text-align: left;
  }
  .sub-accessories .radiobox {display: inline-block;}
  .sub_license{text-align: center;}
  .sub_license label{text-align: left;}
  .sub_license .sub_mullic{text-align: left;margin: 10px 0;}
  .sub_license #nolicense{width: 39%;vertical-align: top;}
  .sub_license .mlcon{width: 28em;}
  .sub_license .sub_mullic > p{
    width: 42%;
    margin-left: 134px;
    font-size: 12px;
  }
  .sub_discode{text-align: center;margin-bottom: 10px;}
  .sub_discode > * {display: inline-block;margin: 0 15px;}
  .sub_discode .sd_input{
    width: 30%;
    text-align: left;
    vertical-align: top;
  }
  .sub_discode .sd_input input{width: 100%;}
  .subsform_con .sub_discode .orangeBtn{width: auto;}
  .sub_dispri{
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
  }
  .sub_dispri sup{
    font-size: 61%;
    top: -.7em;
    padding: 0 3px;
  }
  .sub_dispri h1{margin-bottom: 15px;font-size: 25px;}
  .sub_dispri .sd_lintru{text-decoration: line-through;color: #8c8c8c;}
  .sub_conpri{margin-bottom: 30px;}
  .sub_addser{
    margin-bottom: 35px;
    float: left;
    width: 100%;
  }
  .sub_addser .sas_sincon{
    border: 2px solid #a9a9a9;
    padding: 10px;
    position: relative;
    margin-bottom: 43px;
  }
  .sub_addser .sas_sincon > p{margin-top: 20px;}
  .sub_addser .sass_car{
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 38px solid #a9a9a9;
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .sub_addser .sasc_c2{
    border-top: 38px solid #e6e6e6;
    bottom: -33px;
  }
  .info.subscription .form-inline .clearfix .sub_addser label{width: 100%;padding-left: 0;}
  .info.subscription .form-inline .clearfix .sub_addser .radiobox{width: 15px;}

/*login page*/
  .login_page .info.register .form-group input.form-control,
  .login_page .info.register .form-group textarea.form-control {
    min-width: 82%;
  }
  .login_page .info.register .form-group label {
    width: 90px;
  }
  .login_page .info.register {
    width: 95%;
    float: right;
    padding: 43px 100px;
  }
  .login_page .info .title {
    padding: 5px 15px;
    left: 23px;
  }
  .login_page .lig_logbth{
    text-align: center;
    margin-top: 30px;
  }
  .login_page .lig_option{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 7px;
  }
  .login_page .lig_option > div:first-child{padding-right: 60px;}

/*login page*/
  .register_page .info.register {
    width: 95%;
    float: right;
    padding: 43px 100px;
  }
  .register_page .info .title {
    padding: 5px 15px;
    left: 23px;
  }
  .register_page{
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
  }
  .regpag_btns{text-align: center;margin-top: 30px;}
  .regpag_btns .button-graybdr40{border: 3px solid #646464 !important; background: #646464 !important; color: #ffffff !important; margin-left: 30px;}
  .regpag_btns .button-graybdr40:hover{ background: #ffffff !important; color: #646464 !important; }
  .register_page .info select{width: 72%;}

/*forgot password*/
  section.forpas_page h2{margin-bottom: 15px;}
  section.forpas_page .subTitle_sub{margin-left: 0;}
  .forpas_page .register .form-group label{text-align: right;padding-right: 15px;}
  .fpp_option .button-graybdr40{margin-left: 30px;}
  .forpas_page .fpp_option{text-align: center;}
  .forpas_page .info.register{padding: 15px 0;}

/*renew subscribe page css start*/
  .sub_curcon{width: 100px; float: right;}
  .rensub_page .head{
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }
  .rensub_page .squareDot{
    margin-right: 10px;
    height: 14px;
    width: 14px;
  }
  .rensub_page .rsp_body{
    padding-left: 30px;
  }
  .rensub_page .rsp_addcar{
    margin: 1rem 0 20px;
    background-color: #e4e4e4;
    padding: 1.5rem 1.5rem .3rem;
  }
  .info.subscription .form-inline .clearfix #nolicense_label{/*width: 20%;*/}
  .info.subscription .form-inline .clearfix #nolicense{/*width: 79%;*/}

/*change password*/
  section.chapas_page h2{margin-bottom: 15px;}
  section.chapas_page .subTitle_sub{margin-left: 0;}
  .cpp_option .button-graybdr40{margin-left: 30px;}
  .chapas_page .cpp_option{text-align: center;}
  .chapas_page .register .form-group label{text-align: right;padding-right: 15px;}
  .chapas_page .info .form-group label{width: 188px;}

/*my account user*/
  .myacc_page .info .title{
    padding: 6px 22px;
    top: -24px;
  }
  .myacc_page .info{margin-bottom: 50px;padding: 40px 40px 35px;}
  .myacc_page .mcp_tabres{margin-bottom: 0;}
  .myacc_page .mcp_licence{text-align: center;margin-bottom: 0;}
  .myacc_page .mcp_tabres > thead > tr > th,
  .myacc_page .mcp_tabres > tbody > tr > td{padding: 7px 5px;}
  .myacc_page .mcp_subren{text-align: center;margin-top: 20px;margin-bottom: 0;}

/*renew subscription page*/
  .dis_code .input-group-addon{padding: 6px 34px; border: 0;}
  /*.rensub_page .rsp_carcon{width: 61%;}*/
  .rensub_page .rsp_carcon .form-group .form-control{width: 67%;}
  .rensub_page .rsp_ordbtn{text-align: center;}

/*review page*/
  .review_page .rp_total > span{float: right;}
  .review_page .btnHolder{text-align: center;margin-bottom: 20px;}
  .review_page .rp_edit{font-size: 12px; line-height: 1.5; padding: 2px 2.5rem;float: right;}
  .review_page .head{margin-bottom: 20px;}
  .review_page .rvp_usedet > p > span{width: 20%;}
  .review_page .rvp_usedet .form-control {width: 79%;}
  .review_page form.newCard .rp_carcon .form-group.half select.form-control{width: 23%;}
  .review_page .rp_carcon .form-group .form-control{width: 47.3%;}

/*download user page css start*/
  .dowpro_page .table > tbody > tr > td{vertical-align: middle;}

/*page not found*/
  body.page_notfound{background-color: #08bee0}
  .page_notfound .pnf_con{margin-top: 135px;color: #ffffff;}
  .page_notfound .pnf_con i{font-size: 33rem;}
  .page_notfound .pnf_con h1{font-size: 11rem; margin-top: 0;}
  .page_notfound .pnf_con h3{font-size: 5rem;}
  .page_notfound .pnf_con p{font-size: 2rem; margin: 23px 0;}
  
/* columns of same height styles */
  @media (min-width: 768px) {
    .row-height {display: table; table-layout: fixed; height: 100%; width: 100%; }
    .col-height {display: table-cell; float: none; height: 100%; }
    .col-top {vertical-align: top; }
    .col-middle {vertical-align: middle; }
    .col-bottom {vertical-align: bottom; }
  }

/*slick slider css start*/
  .slick-prev{left: 0;z-index: 10;}
  .slick-next{right: 0;z-index: 10;}
  .slick-prev:before {content: '\f104'; }
  .slick-next:before {content: '\f105'; }
  .slick-prev:before, .slick-next:before {font-family: 'fontawesome'; z-index: 10;}
  .slick-prev:hover:before, .slick-next:hover:before{opacity: 1;}
  .slick-vertical .slick-slide{border: 0;}
  .slick-vertical .slick-prev{left: calc(50% - 10px); top: auto; bottom: -10px;}
  .slick-vertical .slick-next{left: calc(50% - 10px); top: 10px;}
  .slick-vertical .slick-prev:before {content: '\f107'; }
  .slick-vertical .slick-next:before {content: '\f106'; }
  .slick-slide{height: auto;}

/*stakable*/
  .stacktable { width: 100%; }
  .st-key { width: 49%; text-align: right;}
  .st-val { width: 49%; padding-left: 1%; }
  .stacktable.large-only { display: table; }
  .stacktable.small-only { display: none; }


/*bootstrap */
  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{border-color: #f5aa00;}
  .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: none;}
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: transparent;color: #f5aa00;}
  .input-group-addon{position: relative;}
  .input-group-addon button{position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; height: 100%; margin: 0; border-radius: 0 3px 3px 0;width: 100%; }
  /*grid width*/
  @media (min-width: 1200px){.container {width: 1130px; } }
  /*form*/
  .form-control{height: 38px;}

/*custom check box and radio button*/
  .control {display: block; position: relative; padding-left: 25px; margin-bottom: 15px; cursor: pointer; font-size: 14px; font-weight: normal;}
  .control input {position: absolute; z-index: -1; opacity: 0; }
  .control__indicator {position: absolute; top: 2px; left: 0; height: 15px; width: 15px; background: transparent; border: 1px solid #646464;}
  .control--radio .control__indicator {border-radius: 50%; }
  .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #ccc; }
  .control input:checked ~ .control__indicator {background: transparent; }
  .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: transparent; }
  .control input:disabled ~ .control__indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none; }
  .control__indicator:after {content: ''; position: absolute; display: none; }
  .control input:checked ~ .control__indicator:after {display: block; }
  .control--checkbox .control__indicator:after {left: 5px; top: 3px; width: 5px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
  .control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b; }
  .control--radio .control__indicator:after {left: 2px; top: 2px; height: 9px; width: 9px; border-radius: 50%; background: #646464; }
  .control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b; }
  .select {position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }
  .select select {display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
  .select select::-ms-expand {display: none; }
  .select select:hover, .select select:focus {color: #000; background: #ccc; }
  .select select:disabled {opacity: 0.5; pointer-events: none; }
  .select__arrow {position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }
  .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {border-top-color: #000; }
  .select select:disabled ~ .select__arrow {border-top-color: #ccc; }

/*pricing table*/
  .pricing-table{background: #f0f0f0; text-align: center;margin-bottom: 25px;}
  .pricing-table .pt-title{display: inline-block; width: 100%; line-height: 1.3; padding: 20px 0 10px; color: #08bee0;}
  .pricing-table .pt-title > span{font-size: 34px; vertical-align: -webkit-baseline-middle; line-height: 1;}
  .pricing-table .pt-price{font-size: 45px; display: inline-block; padding: 20px 0 30px 0; line-height: 1;}
  .pricing-table .pt-price > span{font-size: 19px; vertical-align: super; color: #646464; padding-right: 6px;}
  .pricing-table .pt-discount, .pricing-table .pt-feature{padding: 10px; border-bottom: 1px solid #cacaca;}
  .pricing-table .pt-btn{padding: 20px;}
  .pricing-table .pt-btn a{text-decoration: none;color: #ffffff}

/*default css start*/
  img{max-width: 100%;}
  label{font-weight: normal;}
  select, select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none;background-image: url("../images/select-dp.png");background-size: 40px; background-repeat: no-repeat; background-position: right;padding-right: 41px !important;}
  /*button*/
  .button-blue190{width: 190px; height: 40px;background-color: #08BEE0; border-color: #08BEE0; border-radius: 8px;}
  .button-blue190:hover {background-color: #646464 !important; border-color: #646464; }
  .button-graybdr40, .button-graybdr40.btn-default{border: 3px solid #646464 !important; background: #646464 !important; color: #ffffff !important; height: 40px;}
  .button-graybdr40:hover{border: 3px solid #646464 !important; background: #ffffff !important; color: #646464 !important;}

/*utility*/
  /*text*/
  .disHighlight{user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; cursor: default; -khtml-user-select: none; -moz-user-select: none; }
  /*overflow*/
  .overflow-hidden{overflow: hidden;}
  /*column center*/
  .con-center{text-align: center;}
  .col-center{float: none;margin: auto;text-align: left;}
  /*page padding*/
  .default-pagpad{padding: 0 70px;}
  /*mobile-image*/
  .mobimg-visible{display: none;}
  /*width*/
  .full-width{width: 100%;display: inline-block;}
  /*margin*/
  .marb0i{margin-bottom: 0 !important;}
  /*spacer*/
  .spacer10{height: 10px;display: inline-block;width: 100%;}