@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff')
}
body {
  
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #000
}
strong {
    font-weight: 700
}
a {
    color: #00c;
    transition: .5s ease;
    outline: 0!important
}
a:active,
a:focus,
a:hover {
    color: #551a8b;
    text-decoration: none!important
}
.img-responsive {
    display: inline-block!important
}
.padding-top-30 {
    padding-top: 30px
}
.padding-20 {
    padding: 20px
}
.padding-top-20 {
    padding-top: 20px
}
.padding-top-15 {
    padding-top: 15px
}
.padding-top-10 {
    padding-top: 10px
}
.padding-top-5 {
    padding-top: 5px
}
.padding-top-8 {
    padding-top: 8px
}
.padding-btm-30 {
    padding-bottom: 30px
}
.padding-btm-20 {
    padding-bottom: 20px
}
.padding-btm-10 {
    padding-bottom: 10px
}
.padding-btm-5 {
    padding-bottom: 5px
}
.margin-top-30 {
    margin-top: 30px
}
.margin-top-20 {
    margin-top: 20px
}
.margin-top-10 {
    margin-top: 10px
}
.weight-200 {
    font-weight: 200
}
.weight-600 {
    font-weight: 600
}
.p-lg {
    font-size: 18px;
    line-height: 24px
}
.p-sm,
.p-xs {
    font-size: 14px
}
.p-sm {
    line-height: 18px
}
.p-xs {
    line-height: 16px
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0
}
.tp-nav-pd {
    padding-top: 30px
}
.navbar-default {
    background-color: #1793fb;
    margin-bottom: 15px;
    border: 0!important
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0
}
.navbar-default .navbar-nav>li>a {
    color: #fff
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background: #54b1ff
}
.navbar {
    min-height: auto;
    border-radius: 0
}
.nav>li>a {
    padding: 10px 15px;
    border-right: solid 1px #54b1ff
}
.bd-rd {
    border-right: 0!important
}
.navbar-toggle {
    float: none;
    padding: 9px 10px 4px;
    border-radius: 0;
    color: #fff;
    margin: 8px
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #54B1FF
}
.navbar-default .navbar-toggle {
    border-color: #54B1FF
}
.navbar-toggle:focus {
    outline: 0
}
.for-pd-lf-rt {
    padding-left: 6px;
    padding-right: 6px
}
.navbar-form {
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 5px 0
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.stylish-input-group .input-group-addon {
    background: #233140!important;
    border-radius: 0;
    border: 1px solid #233140;
    font-size: 16px;
    padding: 0;
    border-left: 0!important
}
.stylish-input-group .form-control {
    box-shadow: 0 0 0;
    border-radius: 0;
    height: 30px;
    color: #1793fb;
    border-right: 0!important;
    border: 1px solid #fff
}
.stylish-input-group button {
    border: 0;
    background-color: #233140;
    color: #fff;
    padding: 5px
}
.stylish-input-group button:hover {
    background: #141d25
}
.btn-download {
    background-color: #22b51e;
    padding: 10px 24px;
    border-radius: 10;
    color: #FFF;
    font-size: 24px
}
.btn-download:hover {
    background-color: #090;
    color: #FFF
}
@media (max-width: 767px) {
    .tp-nav-pd {
        padding-top: 0;
        padding-bottom: 10px
    }
    .nav>li>a {
        padding: 6px 15px;
        border-right: 0;
        border-bottom: 1px solid #54B1FF
    }
    .navbar-nav {
        margin: 0
    }
    .for-pd-lf-rt {
        padding-left: 0;
        padding-right: 6px
    }
}
.text-gray {
    color: #999
}
.text-red {
    color: #fd0404
}
.text-green {
    color: #039a03
}
.bg-table-head {
    background: #eee
}
.table>thead>tr>th {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: bottom;
    border-bottom: 1px solid #ddd
}
ul {
    padding-left: 19px
}
.box-blue {
    border: 1px solid #93B4D9;
    background-color: #CADEF4
}
.boxBlue {
    border: 1px solid #a8cdec;
    background-color: #e0effc
}
.nav-justified>li {
    display: table-cell!important;
    width: 1%!important
}
.tab-line .nav-tabs.nav-justified>.active>a,
.tab-line .nav-tabs.nav-justified>.active>a:focus,
.tab-line .nav-tabs.nav-justified>.active>a:hover {
    border: 0;
    border-bottom: solid 3px #1793fb
}
.tab-line .nav-tabs.nav-justified>li>a {
    border-top: 0;
    border-radius: 0;
    margin-right: 0;
    text-align: center;
    margin-bottom: 5px;
    border-bottom: solid 3px #012748;
    outline: 0!important;
    transition: .6s .2s
}
.text-50 {
    font-size: 50px
}
.title-license {
    font-size: 28px
}
.title-license1 {
    font-size: 24px;
    font-weight: 900
}
.title-for {
    font-size: 22px;
    font-weight: 700
}
.title-price {
    font-size: 30px
}
.tab-line .nav-tabs>li.active>a,
.tab-line .nav-tabs>li.active>a:focus,
.tab-line .nav-tabs>li.active>a:hover {
    color: #1793fb;
    background-color: transparent;
    cursor: default
}
.tab-line .nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    border-bottom: solid 1px #003663;
    border-right: 0;
    margin-right: 0;
    font-size: 16px;
    color: #00294a
}
.tab-line .nav>li>a:focus,
.tab-line .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    border-bottom: solid 3px #1793fb;
    color: #1793FB!important
}
.btn-blue {
    color: #fff;
    font-size: 20px;
    background: #4c7fd7;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .25)
}
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
    color: #fff;
    background-color: #141d25
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}
.warning-box,
.warning-grey-box {
    border: 1px solid #eee090;
    margin: 20px 0;
    color: #6b5a2f
}

.warning-grey-box {
    background-color: #f0f0f0
}
.border-top {
    border-top: solid 1px #000
}
ul.list-a,
ul.list-q {
    list-style: none;
    padding-left: 20px
}
ul.list-a li,
ul.list-q li {
    padding-top: 3px;
    text-align: left
}
ul.list-a li:before,
ul.list-q li:before {
    content: 'Q.';
    margin-right: 10px;
    margin-left: -26px;
    font-weight: 600;
    font-size: 16px;
    color: #fd0404
}
ul.list-a li:before {
    content: 'A.';
    color: #039a03
}
@media (min-width: 768px) {
    .visible-sm-left-center {
        display: block!important;
        text-align: left!important
    }
    .visible-sm-right-center {
        display: block!important;
        text-align: right!important
    }
}
@media (max-width: 767px) {
    .visible-sm-left-center,
    .visible-sm-right-center {
        display: block!important;
        text-align: center!important
    }
}
#screenshot .item {
    margin: 6px;
}
.screenshots-box {
    background: #f8fafa none repeat scroll 0 0;
    border: 1px solid #e5eaea;
}
.screenshots-box a {
    color: #000;
}
.screenshots {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.screenshots > p {
    background: rgba(0, 112, 186, 0.48) none repeat scroll 0 0;
    color: #555757;
    font-size: 14px;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.4s linear 0s;
    width: 100%;
}
.screenshots-box:hover > .screenshots > p {
    opacity: 1;
}
.screenshots-box > .screenshots a {
    background-color: #1793fb;
    border-radius: 50%;
    display: block;
    height: 80px;
    left: 45%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 43%;
    width: 80px;
}
.screenshots-box > .screenshots > p > a {
    font-size: 26px;
    padding-top: 14px;
    transform: scale(0);
    transition: all 0.3s ease 0.3s;
}
.screenshots-box:hover > .screenshots > p > a {
    transform: scale(1);
}
.screenshots-box:hover > .screenshots > p > a i {
    color: #fff;
}
.btn-orange {
    background-color: #f38a01;
    border-radius: 0;
    color: #fff;
    position: relative;
    text-decoration: none;
    z-index: 3;
    font-size: 18px;
    padding: 8px;
}
.btn-orange:hover {
    background-color: #e68303;
    border-radius: 0;
    color: #fff;
}