@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'),local('Lato-Light'),url(//fonts.gstatic.com/s/lato/v11/BTu4SsVveqk58cdYjlaM9g.ttf) format('truetype');
}

@font-face {
    font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(//fonts.gstatic.com/s/lato/v11/4GwpJM7qx9X5Obd9KsnKxQ.ttf) format('truetype');
}

@font-face {
    font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(//fonts.gstatic.com/s/lato/v11/zpv3sOKAbMf4wff105oLjw.ttf) format('truetype');
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],template {
    display: none;
}

a {
    background: 0 0;
}

a:active,a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,th {
    padding: 0;
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    line-height: 1.42857;
    background-color: #fff;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #428bca;
    text-decoration: none;
}

a:focus,a:hover {
    color: #2a6496;
    text-decoration: underline;
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.container,.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

.help {
    position: relative;
    top: 120px;
}

/*Product Video Wrapper*/
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin-top: 15px;
    margin-bottom: 15px;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../img/product_video_player_button.png") no-repeat;
    cursor: pointer;
}
/*Product Video Wrapper*/

@media (max-width:1024px) {
    .help {
        top: 80px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
    .help {
        font-size: 16px;
        width: 970px;
    }

    #self-service-list {
        display: none;
    }
}

.gray-background {
    background-color: #F3F3F3;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66667%;
    }

    .col-sm-10 {
        width: 83.33333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66667%;
    }

    .col-sm-7 {
        width: 58.33333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66667%;
    }

    .col-sm-4 {
        width: 33.33333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66667%;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66667%;
    }

    .col-sm-pull-10 {
        right: 83.33333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66667%;
    }

    .col-sm-pull-7 {
        right: 58.33333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66667%;
    }

    .col-sm-pull-4 {
        right: 33.33333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66667%;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66667%;
    }

    .col-sm-push-10 {
        left: 83.33333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66667%;
    }

    .col-sm-push-7 {
        left: 58.33333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66667%;
    }

    .col-sm-push-4 {
        left: 33.33333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66667%;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66667%;
    }

    .col-md-10 {
        width: 83.33333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66667%;
    }

    .col-md-7 {
        width: 58.33333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66667%;
    }

    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66667%;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66667%;
    }

    .col-md-pull-10 {
        right: 83.33333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66667%;
    }

    .col-md-pull-7 {
        right: 58.33333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66667%;
    }

    .col-md-pull-4 {
        right: 33.33333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66667%;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66667%;
    }

    .col-md-push-10 {
        left: 83.33333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66667%;
    }

    .col-md-push-7 {
        left: 58.33333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66667%;
    }

    .col-md-push-4 {
        left: 33.33333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66667%;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66667%;
    }

    .col-lg-10 {
        width: 83.33333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66667%;
    }

    .col-lg-7 {
        width: 58.33333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-4 {
        width: 33.33333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66667%;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66667%;
    }

    .col-lg-pull-10 {
        right: 83.33333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66667%;
    }

    .col-lg-pull-7 {
        right: 58.33333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66667%;
    }

    .col-lg-pull-4 {
        right: 33.33333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66667%;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66667%;
    }

    .col-lg-push-10 {
        left: 83.33333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66667%;
    }

    .col-lg-push-7 {
        left: 58.33333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66667%;
    }

    .col-lg-push-4 {
        left: 33.33333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66667%;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .self-service-list {
        display: none;
    }
}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before {
    content: " ";
    display: table;
}

.clearfix:after,.container-fluid:after,.container:after,.row:after {
    clear: both;
}

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

.pull-right {
    float: right!important;
}

.pull-left {
    float: left!important;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none!important;
    visibility: hidden!important;
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

@font-face {
    font-family:Simple-Line-Icons;src:url(../fonts/Simple-Line-Icons.eot);src:url(../fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype'),url(../fonts/Simple-Line-Icons.woff) format('woff'),url(../fonts/Simple-Line-Icons.ttf) format('truetype'),url(../fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');font-weight:400;font-style:normal;
}

[data-icon]:before {
    font-family: Simple-Line-Icons;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-badge,.icon-bag,.icon-ban,.icon-bar-chart,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camcorder,.icon-camera,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emoticon-smile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-eye,.icon-eyeglasses,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-microphone,.icon-mouse,.icon-moustache,.icon-music-tone,.icon-music-tone-alt,.icon-note,.icon-notebook,.icon-paper-clip,.icon-paper-plane,.icon-pencil,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-pointer,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-tumblr,.icon-social-twitter,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-users,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench {
    font-family: Simple-Line-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-female:before {
    content: "\e000";
}

.icon-user-follow:before {
    content: "\e002";
}

.icon-user-following:before {
    content: "\e003";
}

.icon-user-unfollow:before {
    content: "\e004";
}

.icon-trophy:before {
    content: "\e006";
}

.icon-screen-smartphone:before {
    content: "\e010";
}

.icon-screen-desktop:before {
    content: "\e011";
}

.icon-plane:before {
    content: "\e012";
}

.icon-notebook:before {
    content: "\e013";
}

.icon-moustache:before {
    content: "\e014";
}

.icon-mouse:before {
    content: "\e015";
}

.icon-magnet:before {
    content: "\e016";
}

.icon-energy:before {
    content: "\e020";
}

.icon-emoticon-smile:before {
    content: "\e021";
}

.icon-disc:before {
    content: "\e022";
}

.icon-cursor-move:before {
    content: "\e023";
}

.icon-crop:before {
    content: "\e024";
}

.icon-credit-card:before {
    content: "\e025";
}

.icon-chemistry:before {
    content: "\e026";
}

.icon-user:before {
    content: "\e005";
}

.icon-speedometer:before {
    content: "\e007";
}

.icon-social-youtube:before {
    content: "\e008";
}

.icon-social-twitter:before {
    content: "\e009";
}

.icon-social-tumblr:before {
    content: "\e00a";
}

.icon-social-facebook:before {
    content: "\e00b";
}

.icon-social-dropbox:before {
    content: "\e00c";
}

.icon-social-dribbble:before {
    content: "\e00d";
}

.icon-shield:before {
    content: "\e00e";
}

.icon-screen-tablet:before {
    content: "\e00f";
}

.icon-magic-wand:before {
    content: "\e017";
}

.icon-hourglass:before {
    content: "\e018";
}

.icon-graduation:before {
    content: "\e019";
}

.icon-ghost:before {
    content: "\e01a";
}

.icon-game-controller:before {
    content: "\e01b";
}

.icon-fire:before {
    content: "\e01c";
}

.icon-eyeglasses:before {
    content: "\e01d";
}

.icon-envelope-open:before {
    content: "\e01e";
}

.icon-envelope-letter:before {
    content: "\e01f";
}

.icon-bell:before {
    content: "\e027";
}

.icon-badge:before {
    content: "\e028";
}

.icon-anchor:before {
    content: "\e029";
}

.icon-wallet:before {
    content: "\e02a";
}

.icon-vector:before {
    content: "\e02b";
}

.icon-speech:before {
    content: "\e02c";
}

.icon-puzzle:before {
    content: "\e02d";
}

.icon-printer:before {
    content: "\e02e";
}

.icon-present:before {
    content: "\e02f";
}

.icon-playlist:before {
    content: "\e030";
}

.icon-pin:before {
    content: "\e031";
}

.icon-picture:before {
    content: "\e032";
}

.icon-map:before {
    content: "\e033";
}

.icon-layers:before {
    content: "\e034";
}

.icon-handbag:before {
    content: "\e035";
}

.icon-globe-alt:before {
    content: "\e036";
}

.icon-globe:before {
    content: "\e037";
}

.icon-frame:before {
    content: "\e038";
}

.icon-folder-alt:before {
    content: "\e039";
}

.icon-film:before {
    content: "\e03a";
}

.icon-feed:before {
    content: "\e03b";
}

.icon-earphones-alt:before {
    content: "\e03c";
}

.icon-earphones:before {
    content: "\e03d";
}

.icon-drop:before {
    content: "\e03e";
}

.icon-drawer:before {
    content: "\e03f";
}

.icon-docs:before {
    content: "\e040";
}

.icon-directions:before {
    content: "\e041";
}

.icon-direction:before {
    content: "\e042";
}

.icon-diamond:before {
    content: "\e043";
}

.icon-cup:before {
    content: "\e044";
}

.icon-compass:before {
    content: "\e045";
}

.icon-call-out:before {
    content: "\e046";
}

.icon-call-in:before {
    content: "\e047";
}

.icon-call-end:before {
    content: "\e048";
}

.icon-calculator:before {
    content: "\e049";
}

.icon-bubbles:before {
    content: "\e04a";
}

.icon-briefcase:before {
    content: "\e04b";
}

.icon-book-open:before {
    content: "\e04c";
}

.icon-basket-loaded:before {
    content: "\e04d";
}

.icon-basket:before {
    content: "\e04e";
}

.icon-bag:before {
    content: "\e04f";
}

.icon-action-undo:before {
    content: "\e050";
}

.icon-action-redo:before {
    content: "\e051";
}

.icon-wrench:before {
    content: "\e052";
}

.icon-umbrella:before {
    content: "\e053";
}

.icon-trash:before {
    content: "\e054";
}

.icon-tag:before {
    content: "\e055";
}

.icon-support:before {
    content: "\e056";
}

.icon-size-fullscreen:before {
    content: "\e057";
}

.icon-size-actual:before {
    content: "\e058";
}

.icon-shuffle:before {
    content: "\e059";
}

.icon-share-alt:before {
    content: "\e05a";
}

.icon-share:before {
    content: "\e05b";
}

.icon-rocket:before {
    content: "\e05c";
}

.icon-question:before {
    content: "\e05d";
}

.icon-pie-chart:before {
    content: "\e05e";
}

.icon-pencil:before {
    content: "\e05f";
}

.icon-note:before {
    content: "\e060";
}

.icon-music-tone-alt:before {
    content: "\e061";
}

.icon-music-tone:before {
    content: "\e062";
}

.icon-microphone:before {
    content: "\e063";
}

.icon-loop:before {
    content: "\e064";
}

.icon-logout:before {
    content: "\e065";
}

.icon-login:before {
    content: "\e066";
}

.icon-list:before {
    content: "\e067";
}

.icon-like:before {
    content: "\e068";
}

.icon-home:before {
    content: "\e069";
}

.icon-grid:before {
    content: "\e06a";
}

.icon-graph:before {
    content: "\e06b";
}

.icon-equalizer:before {
    content: "\e06c";
}

.icon-dislike:before {
    content: "\e06d";
}

.icon-cursor:before {
    content: "\e06e";
}

.icon-control-start:before {
    content: "\e06f";
}

.icon-control-rewind:before {
    content: "\e070";
}

.icon-control-play:before {
    content: "\e071";
}

.icon-control-pause:before {
    content: "\e072";
}

.icon-control-forward:before {
    content: "\e073";
}

.icon-control-end:before {
    content: "\e074";
}

.icon-calendar:before {
    content: "\e075";
}

.icon-bulb:before {
    content: "\e076";
}

.icon-bar-chart:before {
    content: "\e077";
}

.icon-arrow-up:before {
    content: "\e078";
}

.icon-arrow-right:before {
    content: "\e079";
}

.icon-arrow-left:before {
    content: "\e07a";
}

.icon-arrow-down:before {
    content: "\e07b";
}

.icon-ban:before {
    content: "\e07c";
}

.icon-bubble:before {
    content: "\e07d";
}

.icon-camcorder:before {
    content: "\e07e";
}

.icon-camera:before {
    content: "\e07f";
}

.icon-check:before {
    content: "\e080";
}

.icon-clock:before {
    content: "\e081";
}

.icon-close:before {
    content: "\e082";
}

.icon-cloud-download:before {
    content: "\e083";
}

.icon-cloud-upload:before {
    content: "\e084";
}

.icon-doc:before {
    content: "\e085";
}

.icon-envelope:before {
    content: "\e086";
}

.icon-eye:before {
    content: "\e087";
}

.icon-flag:before {
    content: "\e088";
}

.icon-folder:before {
    content: "\e089";
}

.icon-heart:before {
    content: "\e08a";
}

.icon-info:before {
    content: "\e08b";
}

.icon-key:before {
    content: "\e08c";
}

.icon-link:before {
    content: "\e08d";
}

.icon-lock:before {
    content: "\e08e";
}

.icon-lock-open:before {
    content: "\e08f";
}

.icon-magnifier:before {
    content: "\e090";
}

.icon-magnifier-add:before {
    content: "\e091";
}

.icon-magnifier-remove:before {
    content: "\e092";
}

.icon-paper-clip:before {
    content: "\e093";
}

.icon-paper-plane:before {
    content: "\e094";
}

.icon-plus:before {
    content: "\e095";
}

.icon-pointer:before {
    content: "\e096";
}

.icon-power:before {
    content: "\e097";
}

.icon-refresh:before {
    content: "\e098";
}

.icon-reload:before {
    content: "\e099";
}

.icon-settings:before {
    content: "\e09a";
}

.icon-star:before {
    content: "\e09b";
}

.icon-symbol-female:before {
    content: "\e09c";
}

.icon-symbol-male:before {
    content: "\e09d";
}

.icon-target:before {
    content: "\e09e";
}

.icon-volume-1:before {
    content: "\e09f";
}

.icon-volume-2:before {
    content: "\e0a0";
}

.icon-volume-off:before {
    content: "\e0a1";
}

.icon-users:before {
    content: "\e001";
}

html {
    font-size: 10px;
}

body {
    background-image: url(../img/header-background.png);
    background-attachment: fixed;
    color: #292F38;
    font-size: 1.6rem;
    font-family: Lato,Helvetica,sans-serif;
    text-align: center;
}

body.login {
    font-family: Lato,Helvetica,sans-serif;
    font-weight: lighter;
    background-image: none;
}

body.login .left {
    text-align: left;
}

body.login .right {
    text-align: right;
}

body.login header {
    background-color: #2B3545;
    padding: 20px;
}

body.login h1 {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 75px;
    font-family: Lato,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.42857;
    white-space: nowrap;
}

.login-form {
    margin-bottom: 20px;
}

body.login input {
    background-color: #D9DFE3;
    border-radius: 8px;
    width: 100%;
    line-height: 25px;
    margin-bottom: 20px;
    font-family: Lato,Helvetica,sans-serif;
    font-size: 16px;
    padding: 13px;
    height: 50px;
    border: 0;
}

body.login button {
    height: 50px;
    background-color: #81C880;
    border: 0;
    color: #fff;
    text-transform: uppercase;
}

body.login .forget {
    line-height: 50px;
}

i.icon {
    font-size: 3.4rem;
    vertical-align: middle;
}

a.button,button,input {
    border: 0;
    border-radius: 8px;
    line-height: 19px;
    padding: 13px;
    color: #222;
}

a.button:focus,button:focus,input:focus {
    outline: 0;
    opacity: .9;
}


a.button,button {
    display: inline-block;
    color: #F5DFAE;
    padding: 11px 15px;
    background-color: #293444;
    border: 2px solid #F5DFAE;
    font-weight: lighter;
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

a.button.progress,button.progress {
    transition-duration: 1s;
    background: -moz-linear-gradient(left,rgba(245,223,174,.8) 0,rgba(245,223,174,.8) 99%,rgba(245,223,174,0) 100%,rgba(255,254,252,0) 100%,rgba(255,255,255,0) 100%) -9999px no-repeat;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(245,223,174,.8)),color-stop(99%,#f5dfae),color-stop(100%,rgba(245,223,174,0)),color-stop(100%,rgba(255,254,252,0)),color-stop(100%,rgba(255,255,255,0))) -9999px no-repeat;
    background: -webkit-linear-gradient(left,rgba(245,223,174,.8) 0,rgba(245,223,174,.8) 99%,rgba(245,223,174,0) 100%,rgba(255,254,252,0) 100%,rgba(255,255,255,0) 100%) -9999px no-repeat;
    background: -o-linear-gradient(left,rgba(245,223,174,.8) 0,rgba(245,223,174,.8) 99%,rgba(245,223,174,0) 100%,rgba(255,254,252,0) 100%,rgba(255,255,255,0) 100%) -9999px no-repeat;
    background: -ms-linear-gradient(left,rgba(245,223,174,.8) 0,rgba(245,223,174,.8) 99%,rgba(245,223,174,0) 100%,rgba(255,254,252,0) 100%,rgba(255,255,255,0) 100%) -9999px no-repeat;
    background: linear-gradient(to right,rgba(245,223,174,.8) 0,rgba(245,223,174,.8) 99%,rgba(245,223,174,0) 100%,rgba(255,254,252,0) 100%,rgba(255,255,255,0) 100%) -9999px no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5dfae', endColorstr='#00ffffff', GradientType=1);
    margin-left:4px;
}

button.progress:hover {
    color: #fff;
    background-color: #35DB7F;
    border-color: #fff;
}

a.button.progress.done,button.progress.done {
    background-position: -9999px!important;
    background-color: #81C880;
}

#main-header {
    background: url(../img/header-image-0-706x555.png) 0 no-repeat;
    background-position: right;
    overflow-x: hidden;
    text-align: left;
    color: #fff;
}

#main-header.home-img {
    background-position: calc(100% - 20%) center;
}

#main-header.home-img.img1 {
    background: url(../img/header-image-1-706x555.png) 0 no-repeat;
    background-size: 625px 492px!important;
}

#main-header.home-img.img2 {
    background: url(../img/header-image-2-706x555.png) 0 no-repeat;
    background-size: 386px 304px!important;
}

#main-header.home-img.img3 {
    background: url(../img/header-image-3-706x555.png) 0 no-repeat;
    background-size: 496px 390px!important;
}

#main-header-help {
	overflow-x: hidden;
	text-align: left;
	color: #fff;
}

#main-header .testimonial {
    position: absolute;
    overflow: hidden;
    margin-top: -44px;
    right: 100px;
    width: 391px;
    height: 87px;
    color: #292F38;
    line-height: 18px;
    border-radius: 10px;
    background: #F4E0AF;
}

#main-header .testimonial blockquote {
    display: block;
    margin: 0;
}

#main-header .testimonial blockquote:after {
    content: "";
    display: table;
    clear: both;
}

#main-header .testimonial blockquote p {
    display: block;
    font-family: Lato;
    font-size: 14px;
    float: right;
    margin: 15px 10px 15px 10px;
    width: 280px;
    overflow: hidden;
    height: 57px;
}

#main-header .testimonial blockquote img {
    float: left;
    margin: 20px 0px 13px 10px;
    height: 46px;
    width: 80px;
}

#main-header h1, #main-header-help h1 {
    margin: 0;
}

#main-header h1 figure, #main-header-help h1 figure {
    margin: 0;
    text-indent: -9999px;
    direction: ltr;
    width: 161px;
    height: 41px;
    background-image: url(../img/prisync-logo.png);
}

#main-header h2, #main-header-help h2 {
    color: #F5DFAE;
    font-size: 7rem;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
    line-height: 8rem;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}

#main-header h3 {
    color: #F5DFAE;
    font-size: 4rem;
    text-transform: capitalize;
    margin: 0;
    font-weight: 700;
    line-height: 8rem;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}

#main-header p, #main-header-help p {
    font-size: 2.4rem;
    font-weight: lighter;
}

#main-header p strong, #main-header-help p strong {
    font-weight: 400;
}

#main-header nav, #main-header-help nav {
    margin: 40px 0;
    font-size: 1.6rem;
}

#main-header nav .menu, #main-header-help nav .menu {
    text-align: right;
}

#main-header nav a.button, #main-header nav button {
    padding: 8px;
    border: 2px solid #565D6C;
    color: #fff;
    text-decoration: none;
}

#main-header nav a.button:hover,#main-header nav button:hover, #main-header-help nav a.button:hover, #main-header-help nav button:hover {
    opacity: .8;
}

#main-header nav ul, #main-header-help nav ul {

    margin: 0;
    padding: 0;
    list-style: none;
}

#main-header nav ul li, #main-header-help nav ul li {
    display: inline-block;
}

#main-header nav ul li a {
    color: #fff;
    font-weight: lighter;
    display: inline-block;
    padding: 10px 30px;
    font-size: 1.6rem;
}

#main-header-help nav ul li a {
	color: #fff;
	font-weight: lighter;
	display: inline-block;
	padding: 10px 10px;
	font-size: 1.6rem;
}

#main-header nav ul li a.green, #main-header-help nav ul li a.green {
    background : #35DB7F;
}

#main-header ul li a.borderless, #main-header-help ul li a.borderless {
    border: none;
    background: transparent;
}

#main-header-help a.green, a.button {
	border: 2px solid #565D6C;
}

#main-header form input {
    max-width: 26rem;
}

#main-header form button.sending {
    background-color: #F5DFAE;
    color: #2C3646;
}

#main-header form button.done {
    background-color: #81C880;
    border-color: #81C880;
    color: #fff;
}

#main-header .more {
    margin: 40px;
    text-align: center;
    padding-right: 29px;
}

#main-header .more a {
    display: inline-block;
    background: url(../img/learn-more.png) center right no-repeat;
    padding-bottom: 37px;
    padding-right: 25px;
    color: #fff;
}

main {
    background-color: #fff;
}

main header h2 {
    text-align: center;
    font-weight: lighter;
    font-size: 5rem;
    margin-top: 100px;
    margin-bottom: 20px;
}

main header h2 strong {
    font-weight: 400;
}

main header p {
    font-weight: 200;
    font-size: 2rem;
    max-width: 600px;
    margin: 0 auto 60px;
}

main .subheader {
    text-align: left;
}

main a.button {
    border-radius: 8px;
    background: #2B3646;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    border: 0;
    text-decoration: none;
}

main a.button:hover {
    opacity: .8;
}

.slider {
    position: relative;
    margin: 25px auto;
    width: 800px;
    max-width: 100%;
    overflow: hidden;
}

.slider .cont {
    width: 2400px;
}

.slider blockquote {
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 800px;
    max-width: 100%;
    float: left;
}

.slider blockquote figure {
    display: inline;
    padding: 20px;
}

.slider blockquote figure img {
    width: 157px;
    height: 82px;
    margin-bottom: 20px;
    vertical-align: baseline;
}

.slider blockquote p {
    width: 370px;
    max-width: 90%;
    text-align: left;
    display: inline-block;
}

.slider blockquote span {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 14px;
}

.slider blockquote span::before {
    content: '-';
}

.slider .next,.slider .prev {
    width: 50px;
    height: 50px;
    background-color: #292F38;
    font-size: 10px;
    border-radius: 25px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    top: 50%;
    margin-top: -25px;
    direction: ltr;
    text-indent: -9999px;
}

.slider .next:hover,.slider .prev:hover {
    opacity: .5;
}

.slider .next {
    position: absolute;
    background-image: url(../img/left-arrow.png);
    left: 10px;
}

.slider .prev {
    position: absolute;
    background-image: url(../img/right-arrow.png);
    right: 10px;
}

.pane {
    padding: 60px;
    background-color: #F3F3F3;
    margin: 0;
}

.pane header {
    font-weight: 200;
    max-width: 600px;
    margin: 0 auto;
}

.pane header h3 {
    font-weight: 200;
    font-size: 3rem;
}

.pane header p {
    font-size: 2rem;
    margin-top: 30px;
    margin-bottom: 60px;
}

.videos {
    float: left;
    width: 100%;
}

.videos .video {
    width: 100%;
}

.videos .video iframe {
    height: 100vh;
}

.notify {
    display: none;
    background-color: #81C880;
    color: #fff;
}

.notify .message {
    text-transform: uppercase;
    font-size: 30px;
    display: inline-block;
    line-height: 45px;
    padding-left: 55px;
    background: url(../img/successful.png) left center no-repeat;
    margin: 25px;
}

.how {
    background: url(../img/how-image-1.png) -800px 100px no-repeat #2B3646;
    border-bottom: 1px dashed #888;
    overflow-x: hidden;
    color: #fff;
}

.how.opened {
    background: url(../img/border.png) bottom left repeat-x,url(../img/how-image-1.png) -800px 100px no-repeat #2B3646;
    border-bottom: 0;
}

.how h1,.how h2,.how h3 {
    color: #F4E0AF;
}

.how .details {
    border: 1px solid #F4E0AF;
    color: #F4E0AF;
    margin-bottom: 100px;
}

.how.how2 {
    border: none!important;
    padding: 200px 0;
    background: url(../img/how-image-2.png) 800px 100px no-repeat #2B3646;
}

.how.how2.opened {
    background: url(../img/border-2.png) 0 -1px repeat-x,url(../img/how-image-2.png) 700px 100px no-repeat #2B3646;
}

.how.how2.opened.bottom {
    background: url(../img/border.png) bottom left repeat-x,url(../img/how-image-2.png) 700px 100px no-repeat #2B3646!important;
}

#service-detail.opened {
    background: url(../img/green-border.png) 0 -2.5px repeat-x;
}

.tech-details {
    display: none;
    text-align: justify;
}

.tech-details .row {
    margin-top: 50px;
    margin-bottom: 50px;
}

.tech-details h3 {
    padding-left: 100px;
}

.tech-details p {
    padding: 10px 100px 50px;
}

.tech-details img {
    margin: 20px 45px;
}

#for-whom {
    padding: 50px 0;
}

#for-whom .col {
    height: 120px;
    margin: 40px auto;
    border-right: 1px solid #fff;
}

#for-whom .col figure {
    height: 200px;
    line-height: 200px;
    vertical-align: middle;
}

#for-whom .col img {
    max-width: 100%;
}

#for-whom .col.last {
    border-right: 0;
}

#pricing {
    padding-bottom: 50px;
}

#managed-service {
    background-color: #F9F9F9;
    padding-bottom: 100px;
}

#pricing h3, #managed-service h3 {
    font-size: 30px;
}

#green-bar {
    background: #7CBF7B;
    padding: 30px;
}

#service-detail {
    padding: 100px 0px;
    display: none;
}

#team {
    background-color: #F9F9F9;
}

#blog h3 {
    margin: 20px auto;
    font-family: Lato,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: lighter;
    max-width: 300px;
    box-sizing: border-box;
}

#blog p {
    max-width: 600px;
    margin: 20px auto 50px;
}

section.blue {
    background-color: #BDE8ED;
}

footer {
    color: #fff;
    padding: 30px;
}

footer .cp {
    text-align: left;
    margin: 10px 0;
}

footer .nv {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

footer .nv nav ul {
    margin: 2px auto;
    line-height: 1.4;
    padding-left: 0;
}

footer .nv nav ul li {
    display: inline-block;
    text-align: center;
}

footer .nv nav ul li a {
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
}

footer .nv nav ul li.social {
    background-repeat: no-repeat;
    margin: 0 10px 0 10px;
}

footer .nv nav ul li.social.facebook {
    background-image: url(../img/facebook.png);
    width: 40px;
    height: 40px;
}

footer .nv nav ul li.social.twitter {
    background-image: url(../img/twitter.png);
    width: 40px;
    height: 40px;
}

footer .nv nav ul li.social.linkedin {
    background-image: url(../img/linkedin.png);
    width: 40px;
    height: 40px;
}

footer .nv nav ul li.social.google-plus {
    background-image: url(../img/googleplus.png);
    width: 40px;
    height: 40px;
}

footer .footer-menu .header {
    color: #ffffff;
    text-align: left;
    font-size: 1.8rem;
}

footer .footer-menu ul {
    text-align: left;
    list-style: none;
    padding-left: 0;
    font-weight: lighter;
    margin-top: 5px;
}

footer .footer-menu ul li {
    margin: 5px 0 5px 0;
}

footer .footer-menu ul li a {
    text-decoration: none;
    color: #93a0a5;
}

footer .info {
    width: 50%;
    float: right;
    text-align: right;
}

footer .info ul {
    margin: 2px auto;
    line-height: 1.4;
    padding-left: 0;
}

footer .info ul li {
    display: inline-block;
    text-align: center;
    color: #ffffff;
}

footer .info ul li a {
    color: #93a0a5;
    display: block;
    font-weight: lighter;
    font-size: 1.4rem;
    text-decoration: none;
}

footer .copyright {
    float: left;
    width: 50%;
    text-align: left;
    color: #ffffff;
}

footer .partner {
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    margin-top: 10px;
}

footer hr {
    width: 100%;
}

@media (max-width:1200px) {
    footer .info ul li.separator{
        display: none;
    }

    body.login h1 {
        white-space: normal;
    }
}

.pricing {
    margin-top: 80px;
    margin-bottom: 50px;
    font-family: Lato,Helvetica,sans-serif;
    font-weight: lighter;
    text-align: left;
}

.pricing .bronze,.pricing .gold,.pricing .premium,.pricing .silver {
    border: 1px solid #ececec;
    border-left: 0;
}

.pricing .bronze hr,.pricing .gold hr,.pricing .premium hr,.pricing .silver hr {
    margin: 10px 0;
}

.pricing .bronze h3,.pricing .gold h3,.pricing .premium h3,.pricing .silver h3 {
    font-weight: lighter;
    color: #2E3B4E;
    font-size: 34px;
    margin: 10px 0;
}

.pricing .bronze h4,.pricing .gold h4,.pricing .premium h4,.pricing .silver h4 {
    font-size: 24px;
    margin: 10px 0;
}

.pricing .bronze h5,.pricing .gold h5,.pricing .premium h5,.pricing .silver h5 {
    font-size: 24px;
    margin: 10px 0;
    font-style: italic;
    font-weight: lighter;
}

.pricing .bronze h6,.pricing .gold h6,.pricing .premium h6,.pricing .silver h6 {
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0;
}

.pricing .bronze p,.pricing .gold p,.pricing .premium p,.pricing .silver p {
    margin: 10px 0;
    font-size: 14px;
    font-weight: lighter;
}

.pricing .bronze .most-popular,.pricing .gold .most-popular,.pricing .premium .most-popular,.pricing .silver .most-popular {
    height: 40px;
    margin-top: -40px;
    text-align: center;
    text-transform: uppercase;
    background-color: #ECECEC;
    font-size: 14px;
    line-height: 40px;
    width: calc(100% + 32px);
    margin-left: -16px;
}

.pricing .bronze .button,.pricing .gold .button,.pricing .premium .button,.pricing .silver .button {
    width: 100%;
    text-align: center;
    margin: 40px 0 15px;
}

.pricing .premium {
    border-left: 1px solid #ececec;
}

.pricing .premium h4,.pricing .premium h6 {
    color: #99D6D7!important;
}

.pricing .premium .button {
    background-color: #99D6D7;
}

.pricing .gold h4,.pricing .gold h6 {
    color: #F5DFAE!important;
}

.pricing .gold .button {
    background-color: #F5DFAE;
}

.pricing .silver h4,.pricing .silver h6 {
    color: #D4D4D4!important;
}

.pricing .silver .button {
    background-color: #D4D4D4;
}

.pricing .bronze h4,.pricing .bronze h6 {
    color: #B07A00!important;
}

.pricing .bronze .button {
    background-color: #B07A00;
}

@media only screen and (max-width : 1335px){
    #main-header {
        background-position-x: 65rem;
    }
}

@media only screen and (max-width:1200px) {

    .how {
        background-image: none!important;
    }

    #main-header {
        background-image: none;
    }

    #main-header.home-img {
        background-image: none!important;
    }

    #main-header h2 {
        font-size: 5rem;
        line-height: 60px;
        text-align: center;
    }

    #main-header .testimonial {
        right: 0;
        border-radius: 0;
        width: 100%;
        display: block;
        position: relative;
    }

    #main-header .testimonial p {
        width: calc(100% - 150px) !important;
    }

    #main-header nav .logo,#main-header nav .menu {
        text-align: center;
    }

    #main-header nav .logo figure,#main-header nav .menu figure {
        display: inline-block;
    }

    #main-header nav .logo {
        margin: 10px;
    }

    main header h2 {
        margin-top: 20px;
    }

    .videos .video iframe {
        height: 500px;
    }

    #self-service-list {
        display: flex;
    }

    #self-service-table .active{
        display: table;
        margin: auto;
        width: 100%;
    }

    #self-service-table table {
        max-width: 100% !important;
        display: table;
        margin: auto;
    }

    div#self-service-table tr.double-line td {
        height: 54px !important;
    }

    .empty {
        display: none !important;
    }

    .chatagent-bottom-left {
        display: none;
    }
}

.feature-tech-icons {
    font-size:140px;
    color:#F1DAA0;
}

.register-form-error {
    color:#FFFFFF;
}

.reg_form_error {
    float: left !important;
    text-align: left;
    padding-left: 8px;
}

.cancel-left-padding {
    padding-left:0px !important;
}

@media (max-width: 1200px) {
    div#self-service-table {
        padding: 0px;
        margin-bottom: -80px;
        margin-top: -80px;
    }

    div#self-service-table table {
        margin: 0px !important;
        width: 100%;
    }
}

@media (max-width: 400px) {
    div#self-service-table table {
        min-width: 100% !important;
    }
}

@media (max-width: 768px) {

    .tech-details h3 {
        padding-left: 30px !important;
    }

    .tech-details p {
        padding: 10px 30px 50px !important;
    }

    .feature-tech-icons {
        font-size:40px !important;
    }

    #green-bar p {
        font-size: 15px !important;
        padding: 0px !important;
        display: block !important;
    }

    #green-bar a.button {
        font-size: 15px !important;
        padding: 5px !important;
    }

    div#service-detail-table {
        font-size: 12px !important;
    }

    div#service-detail-table td {
        padding: 5px !important;
    }

    div#service-detail-table th {
        font-size: 15px !important;
        padding: 5px !important;
    }

    div#service-detail-table a.button {
        font-size: 7px !important;
        padding: 5px !important;
    }

    #service-detail div, #service-detail div div {
        padding: 0px !important;
    }

    #service-detail {
        padding: 50px 0px;
    }

    .container {
        width: 100%;
    }

    .control-group {
        overflow-x: hidden;
    }
}

@media (min-width : 320px) and (max-width : 568px) and (orientation : portrait)  {


    .slider blockquote p {
    }

    .slider figure {
        width: 100% !important;
    }

    .slider figure img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .slider .next,.slider .prev {
        top: 20% !important;
    }

    .progress {
        background-position: -479px 0px !important;
        margin-left:0px !important;
        width: 100% !important;
        margin-top:10px;
    }

    #main-header form input {
        max-width: 468px !important;
        width: 100% !important;
    }

    .register-form-error {
        font-size:14px !important;
    }

    #main-header .testimonial p {
        font-size:11px !important;
    }

}


@media (min-width : 320px) and (max-width : 568px)  {

    i.icon {
        font-size: 1.2rem;
        vertical-align: middle;
    }

    .pane header h3 {
        font-size:1.8rem !important;
    }

    .pane header p {
        font-size: 1.5rem !important;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #main-header h2 {
        font-size: 2rem !important;
    }

    #main-header p {
        font-size: 1.6rem !important;
    }

    #main-header nav ul li a {
        margin-top: 3px;
    }

    main header h2 {
        font-size: 3rem !important;
        margin-top: 20px !important;
        margin-bottom: 5px !important;
    }

    main header p {
        font-size: 1.8rem !important;
        margin-bottom:10px !important;
    }

    .blog_img {
        max-width: 230px !important;
        max-height: 152px !important;
    }

    .pane {
        padding: 10px !important;
    }

    .how.how2 {
        padding: 0 !important;
    }

    #blog h3 {
        font-size: 22px !important;
    }

    .tech-details p {
        padding: 10px 30px 0px !important;
    }

    #for-whom .col {
        border-right: none !important;
        height:180px !important;
    }

    #for-whom .col figure {
        height: 160px !important;
        line-height: 160px !important;
    }
}

@media (min-width : 320px) and (max-width : 568px) and (orientation : landscape)  {

    .slider .next,.slider .prev {
        top: 20% !important;
    }

    #main-header .testimonial blockquote p {
        font-size:11px !important;
    }


}


@media (min-width: 768px) and (max-width: 979px) {
    .tech-details h3 {
        padding-left: 30px !important;
    }

    .tech-details p {
        padding: 10px 30px 50px !important;
    }

    .feature-tech-icons {
        font-size:80px !important;
    }

}

@media (min-width: 768px) and (max-width: 1200px) {

    #main-header .testimonial blockquote p {
        display:inline-block;
        vertical-align:middle;
        padding-top:20px;
        font-size:11px !important;
    }


}

@media (min-width: 768px) and (max-width: 1200px) and (orientation : portrait) {

    #for-whom .col {
        border-right: none !important;
    }

}

.ie body {
	font-size: 16px !important;
}

.ie .tech-details h3,
.ie .how h3 {
	font-size: 23px;
}

.ie .tech-details p,
.ie .how p {
	font-size: 16px;
}

.ie .tech-details p,
.ie .tech-details h3 {
	color: #292F38;
}

.ie main header h2 {
	font-size: 50px;
	color: #292F38;
}

.ie main header h2 strong {
	font-weight: bold;
}

.ie main header p {
	font-size: 20px;
	color: #292F38;
}

.ie footer {
	font-size: 14px;
}

.ie #blog h3 {
	font-size: 25px;
}

.ie #blog p {
	font-size: 14px;
	color: #292F38;
}

.ie button.progress {
	filter: none;
}

.ie #main-header h2 {
	font-size: 70px;
}

.ie #how h2,
.ie #how p {
	color: #F4E0AF;
}

.ie .tab .icon {
	font-size: 30px;
}

.ie #for-whom .icon {
	font-size: 40px;
}

.ie .slider figure {
	float: left;
	margin-left: 70px;
	margin-right: 30px;
}

.ie .slider p {
	float: left;
}

.ie #getstarted input {
	line-height: 25px;
}

.ie .reg_form_error {
	font-size: 16px;
	color: red;
}

.shopify-button {
    background-color: #293444!important;
    background-image: linear-gradient(#293444, #293444)!important;
    text-transform: none!important;
}

.shopify-field {
    background-color: #D9DFE3!important;
    border-radius: 8px!important;
    width: 100%!important;
    line-height: 25px!important;
    margin-bottom: 20px!important;
    font-family: Lato,Helvetica,sans-serif!important;
    height:51px!important;
    padding:15px!important;
    font-size:16px!important;
}

.shopify-icon-check:before {
    content: "\2714";
}

.navbar-inner {
  background-color: #2B3545 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato';
    color: #2B3545;
}
p, div {
    font-family: 'Lato';
    color: #2B3545;
}
section#how p {
    font-family: 'Lato';
    color: white;
}
section#how2 p {
    font-family: 'Lato';
    color: white;
}
.subheader-description {
    color: white;
}
article p {
    font-family: 'Lato';
}

footer div div.copyright {
    font-family: 'Lato';
    color: white;
}

div#managed-service-table {
    padding: 0px;
    margin-bottom: 60px;
    background-color: #ffffff;
}

div#managed-service-table table tr{
    border: 1px solid;
    border-color: #F9F9F9;
}

table td.order {
    padding: 20px;
    font-family: Lato;
    font-weight: 300;;
}

table td.data {
    padding: 0 20px;
    width: 100%;
    color: #7CBF7B;
    font-family: Lato;
    font-weight: 300;;
}

div#self-service-list ul {
    list-style: none;
    text-align: center;
    padding: 0;
}

div#self-service-list a.price-tab{
    padding: 5px;
    background-color: #fff;
    color: #2A3545;
    opacity: .4;
    text-decoration: none;
    display: block;
    width: 33.333%
}

div#self-service-list a.price-tab.active {
    opacity: 1;
    background-color: #F3F3F3;
}

div#self-service-table table {
    float: left;
    max-width: 340px;
    min-width: 340px;
    margin-bottom: 10px!important;
}

div#self-service-table #price2 table {
    border: 2px solid #2B3545;;
    margin-left: 30px;
}

div#self-service-table #price3 table {
    margin-left: 30px;
}

div#self-service-table #price2 .register a {
    line-height: 140%;
    font-size: 140%;
}

div#self-service-table #price1 .register a {
    margin-bottom: 4px;
    margin-top: 7px;
}

div#self-service-table #price3 .register a {
    margin-bottom: 4px;
    margin-top: 7px;
}

div#self-service-table tr td{
    padding: 10px;
    text-align: left;
    border-left: 1px solid #2B3545;
    border-right: 1px solid #2B3545;
}

div#self-service-table tr.double-line td {
    height: 78px;
}

div#self-service-table tr.most-popular {
    background: #2B3545;
    border-color: #2B3545;
    font-family: Lato;
    font-weight: 300;;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
}

div#self-service-table tr.most-popular td {
    padding: 2px;
    text-align: center;
}

div#self-service-table tr.empty td {
    border: 0px;
    height: 20px;
}

div#self-service-table tr.header td{
    border: none;
    height: 29px;
}

div#self-service-table tr.product-number {
    font-family: Lato;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
}

div#self-service-table tr.product-number td{
    text-align: center;
}

div#self-service-table tr.title {
    font-family: Lato;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    border-top: 1px solid #2B3545;
}

div#self-service-table tr.title td{
    text-align: center;
    font-size: 35px;
}

div#self-service-table tr.price {
    font-family: Lato;
    font-weight: 700;
    font-size: 40px;
    line-height: 24px;
}

div#self-service-table tr.price td{
    text-align: center;
}

div#self-service-table tr.price strong::before {
    content: '$';
    display: inline-block;
    font-size: 16px;
    margin-top: -5px;
    vertical-align: top;
}

div#self-service-table tr.price span {
    font-size: 12px;
    font-weight: normal;
}

div#self-service-table tr.feature {
    font-family: Lato;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
}

div#self-service-table tr.feature.plus {
    background: #2B3545;
    color: #fff;
    font-style: normal;
}

div#self-service-table tr.feature:last-child {
    border-bottom: 1px solid #2B3545;
}

div#self-service-table tr.compt {
    font-family: Lato;
    font-weight: 300;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
}

div#self-service-table tr.compt td {
    font-weight: normal;
    padding: 0px;
    text-align: center;
    font-size: 19px;
    color: green;
    font-weight: bold;
}

div#self-service-table tr.register {
    border-bottom: 1px solid #ECECEC;
}

div#self-service-table a.button {
    font-family: Lato;
    font-weight: 300;;
    width: 100%;
    text-align: center;
    line-height: 22px;
    font-size: 20px;
}

td.orange strong {
    color: #F5DFAE;
}

td.orange a {
    background-color: #F5DFAE;
}

td.light-green strong {
    color: #8DC88E;
}

td.light-green a {
    background-color: #8DC88E;
}

td.cyan strong {
    color: #96D1CA;
}

td.cyan a {
    background-color: #96D1CA;
}

td.red strong {
    color: #E36A52;
}

td.red a {
    background-color: #E36A52;
}

#green-bar p {
    max-width: 100%;
    padding: 20px;
    margin: 0;
    font-family: Lato;
    color: #FFFFFF;
    display: inline;
}

#green-bar button {
    background: #7CBF7B;
    font-family: Lato;
    font-weight: 300;;
    font-size: 20px;
    color: #FFFFFF;
    border: 1px solid;
    border-color: #FFFFFF;
}

div#service-detail-table {
    font-size: 24px;
    font-family: Lato;
    font-weight: 300;;
    text-align: left;
}

div#service-detail-table table{
    margin: auto;
}

div#service-detail-table td{
    padding: 20px;
    border: 1px solid #F3F3F3;
}

div#service-detail-table th{
    font-family: Lato;
    font-weight: 700;;
    font-size: 30px;
    padding: 20px;
    border: 1px solid #F3F3F3;
}

th.gray, td.gray {
    border: 1px solid #FFFFFF !important;
    background-color: #F3F3F3;
    font-family: Lato;
}

div#service-detail-table a.button {
    font-family: Lato;
    font-weight: 300;;
    width: 100%;
    text-align: center;
}
.chatagent-bottom-left {
    position: fixed;
    bottom: 15px;
    left: 55px;
    z-index: 9999;
}

.login-remember-me {
    margin-bottom: 6px !important;
}

#api-info {
    margin-bottom: 20px;
    margin-top: 10px;
}

#register-package-table {
    margin-bottom: 20px;
    margin-top: 20px;
}

#register-package-table table {
    width: 100%;
}

#register-package-table input {
    float: left;
    height: initial;
    margin: initial;
    margin-left: 7px;
    margin-top: 13px;
    width: initial;
}

#register-package-table td {
    width: 33.33333%;
}

#register-package-table td label {
    border: 1px solid #D9DFE3;
    border-collapse: collapse;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 26px;
    padding-top: 10px;
}

#register-package-table td:first-child label {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

#register-package-table td:nth-child(2) label {
    margin-left: -1px;
}

#register-package-table td:last-child label {
    margin-left: -1px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

#register-package-table td input:checked+ label {
    border-color: #2B3545;
    position: relative;
    z-index: 1;
}

#register-package-table div {
    font-size: 14px;
    text-align: right;
}

#register-tos-pp {
    font-size: 12px;
    font-style: italic;
}

#register-tos-pp a {
    text-decoration: underline;
}

#showPassword {
    z-index: 3;
    background: transparent;
    color: #000;
    position: relative;
    right: 70px;
}

#showPassword:active {
    box-shadow: initial;
}

#showPassword:focus {
    outline: initial;
}

#registerpage-form .input-append {
    width: 100%;
}

#password {
    margin-bottom: 0px;
    padding-right: 86px;
}

.register {
    margin-bottom: 10px;
}

#trial-bar-shopify {
    color: #ffffff;
    height: 0px;
    margin-top: -30px;
    text-align: right;
}

#trial-bar-shopify a {
    color: #ffffff;
}

/*Plan Comparison Modal Style START*/
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content-custom {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:1130px;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
    background-color: white;
}
.modal-custom {
    position: fixed!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    z-index: 1050;
    display: none;
    overflow: hidden!important;
    -webkit-overflow-scrolling: touch!important;
    outline: 0!important;
}
@media (max-width: 1200px) {
    .modal-content-custom {
        width: 95%;
    }
    .modal-body-custom {
        width: 100%!important;
    }
}

@media (min-height: 1200px) {
    .modal-body-custom {
        height: 750px%!important;
    }
}

.modal-dialog-custom {
    position: relative;
    width: auto;
    margin: 10px;
}
/*Plan Comparison Modal Style END*/

/*Sticky Navbar Styles*/
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    height: 41px;
    z-index: 1030;
}
.navbar-fixed-top .container {
    width: 79%;
}
.navbar-shrink {
    margin: 0px !important;
    height: 49px;
    padding: 4px 0px;
}
.navbar-background{
    background-image: url('../img/header-background.png');
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 49px;
    opacity: 0;
    z-index: 999;
}

/*Sticky Sign Up Style*/
.navbar-fixed-top-sticky-sign-up {
    position: fixed;
    right: 0;
    left: 0;
    top: 49px;
    height: 49px;
    z-index: 1029;
    padding: 4px 0 4px 0;
    box-shadow: rgb(136, 136, 136) 0px 2px 5px;
}
.navbar-fixed-top-sticky-sign-up .container {
    width: 79%;
}
#stickyRegisterButton {
    background-color: #35DB7F;
    border-color: #35DB7F;
    text-decoration: none;
    padding: 8px;
    color: #ffffff;
    font-size: 1.6rem;
}
.navbar-background-sticky-sign-up{
    background-color: #bde8ed;
    position: fixed;
    top: 49px;
    left: 0px;
    width: 100%;
    height: 49px;
    opacity: 0;
    z-index: 999;
}
.navbar-background-sticky-sign-up-error{
    background-color: #bde8ed;
    position: fixed;
    top: 98px;
    left: 0px;
    width: 100%;
    height: 29px;
    opacity: 1;
    z-index: 999;
}
/*Sticky Sign Up Style End*/

.special-row {
    margin-top: 11%;
}
.static-page-header {
    margin-top: 11%;
    margin-bottom: 11%;
}
.static-page-content {
    background-color: #ffffff;
    border-radius: 8px;
    text-align: left;
}
#nav-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 19px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: none;
}
#nav-icon1 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    display: none;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2) {
    top: 10px;
}

#nav-icon1 span:nth-child(3) {
    top: 20px;
}

#nav-icon1.open span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
@media only screen and (max-width: 1200px){
    .navbar-background{
        background-image: url('../img/header-background.png');
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 70px;
        opacity: 0;
        z-index: 999;
    }
    .navbar-background-extend{
        height: 120px;
        opacity: 1;
    }
    .special-row {
        margin-top: 10%;
    }
    .static-page-header {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .menu {
        display: none;
        padding-left: 0;
        padding-right: 0;
    }
    .logo {
        display: inline-flex;
        width: 100%!important;
    }
    #logo {
        width: 161px!important;
    }
    .logo h1{
        margin: -0.55rem 0px 0px -6rem!important;
    }
    #nav-icon1 {
        display: block;
        margin: 1.3rem 0px 0px 0px!important;
        right: 5%;
        position: fixed;
    }
    #nav-icon1 span {
        display: block;
    }
    #main-header nav {
        margin:0;
    }
    .navbar-shrink {
        margin: 0px !important;
        height: 49px;
        padding: 0px 0px;
    }
}
@media only screen and (min-width: 395px) and (max-width: 768px){
    .special-row {
        margin-top: 15%;
    }
    .static-page-header {
        margin-top: 25%;
        margin-bottom: 25%;
    }
    #main-header h3 {
        font-size: 4rem;
        line-height: 5rem;
    }
    .navbar-background-extend{
        height: 160px;
        opacity: 1;
    }
}
@media only screen and (min-width: 376px) and (max-width: 394px){
    .special-row {
        margin-top: 15%;
    }
    .static-page-header {
        margin-top: 25%;
        margin-bottom: 25%;
    }
    #main-header h3 {
        font-size: 3rem;
        line-height: 4rem;
    }
    .navbar-background-extend{
        height: 196px;
        opacity: 1;
    }
}
@media only screen and (min-width: 360px) and (max-width: 375px){
    .special-row {
        margin-top: 15%;
    }
    .static-page-header {
        margin-top: 25%;
        margin-bottom: 25%;
    }
    #main-header h3 {
        font-size: 3rem;
        line-height: 4rem;
    }
    .navbar-background-extend{
        height: 240px;
        opacity: 1;
    }
}
@media only screen and (max-width: 359px){
    .special-row {
        margin-top: 20%;
    }
    .static-page-header {
        margin-top: 30%;
        margin-bottom: 30%;
    }
    #main-header h3 {
        font-size: 3rem;
        line-height: 4rem;
    }
    .navbar-background-extend{
        height: 240px;
        opacity: 1;
    }
}
@media only screen and (min-width: 768px){
    .static-page-content {
        padding: 40px;
    }
}
.navbar-background-show {
    opacity: 1;
}
.navbar-transition {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.navbar-background-transition {
    -webkit-transition: opacity 0.01s ease-in-out;
    -moz-transition: opacity 0.01s ease-in-out;
    -o-transition: opacity 0.01s ease-in-out;
    transition: opacity 0.01s ease-in-out;
}

.dropbtn {
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    text-align: left;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2b3646;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    padding-left: 10px !important;
    width: 100%;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f5dfae;
    color: #2b3646 !important;
    text-decoration: none;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

i.feature-button {
    border: 1px solid;
    border-radius: 8px;
    padding: 15px;
}

i.feature-button.selected {
    border: 1px solid #2B3545;
    border-radius: 8px;
    padding: 15px;
    background-color: #2B3545;
    cursor: pointer;
}

i.icon.selected {
    color: #F5DFAE;
}

.app-feature {
    display: none;
}

.app-feature.active {
    display: block;
}

.feature-detail {
    color: #2B3545;
    float: right;
}

.feature-detail .feature-detail-header {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
}

.feature-detail .feature-detail-content {
    padding: 0 80px 0 80px;
}

.feature-icon {
    float: left;
}

#feature-buttons {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

#feature-buttons .next, #feature-buttons .prev {
    width: 40px;
    height: 40px;
    background-color: #292F38;
    font-size: 10px;
    border-radius: 25px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    top: 250px;
    direction: ltr;
    text-indent: -9999px;
    opacity: 0.8;
    z-index: 996;
    border: 0;
    display: none;
}

#feature-buttons .next {
    position: absolute;
    background-image: url(../img/right-arrow.png);
    background-position: center;
    right: 10px;
}

#feature-buttons .prev {
    position: absolute;
    background-image: url(../img/left-arrow.png);
    background-position: center;
    left: 10px;
}

#for-whom h2 {
    margin-top: 0px;
}

#for-whom p {
    margin-bottom: 0px;
}

.technology-list {
    color: #ffffff;
    float: right;
    text-align: left;
    margin-bottom: 70px;
    line-height: 37px;
    font-size: 15px;
}

@media only screen and (max-width:992px) {
    .feature-detail {
        margin-bottom: 15px;
    }

    .feature-detail .feature-detail-content {
        padding: 0;
        text-align: justify;
    }

    #feature-buttons .col-md-2{
        display: inline-block;
        float: none;
        max-height: 100px;
    }

    #feature-buttons .next, #feature-buttons .prev {
        display: block;
    }

    .mobile-feature-icon {
        margin-left: 25% !important;
        margin-right: 25% !important;
        vertical-align: middle !important;
        display: none !important;
    }

    .mobile-feature-icon.active{
        display: block !important;
    }

    .mobile-content-icon {
        width: 160px;
    }

    #for-whom .col {
        border-right: 0;
    }
}

@media only screen and (max-width:568px) {
    i.feature-button {
        font-size: 3.4rem !important;
    }

    #feature-buttons .next, #feature-buttons .prev {
        top: 180px;
    }
}

#reset-message-div {
    text-align:left;
    border-radius:8px;
}

#reset-message-div.success {
    background-color: #F5DFAE;
    padding: 8px;
}

#reset-message-div.error {
    background-color: #e86262;
    padding: 8px;
}

#reset-email {
    border: 0;
}

#reset-email.error {
    border: 1px solid #e86262;
}

/*Remeber Me*/
@media (min-width: 992px) and (max-width: 1200px) {
    #remember-me-label {
        font-size: 1.4rem;
    }
    #registerpage-register {
        font-size: 1.5rem;
    }
}

.disabled-button-sticky {
    opacity: 0.8;
    -moz-webkit-filter: grayscale(20%);
    -ms-webkit-filter: grayscale(20%);
    -o-webkit-filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    line-height: 18px;
}

.disabled-button-login {
    opacity: 0.8;
    -moz-webkit-filter: grayscale(20%);
    -ms-webkit-filter: grayscale(20%);
    -o-webkit-filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    line-height: 29px;
    font-size: 1.4rem;
}

.disabled-button-login-small {
    opacity: 0.8;
    -moz-webkit-filter: grayscale(20%);
    -ms-webkit-filter: grayscale(20%);
    -o-webkit-filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    line-height: 27px;
    font-size: 1.1rem;
    width: 122px;
    margin-left: 1.1rem;
}

.disabled-button-register {
    opacity: 0.8;
    -moz-webkit-filter: grayscale(20%);
    -ms-webkit-filter: grayscale(20%);
    -o-webkit-filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    line-height: 30px;
    font-size: 1.6rem;
}

.disabled-button-register-small {
    opacity: 0.8;
    -moz-webkit-filter: grayscale(20%);
    -ms-webkit-filter: grayscale(20%);
    -o-webkit-filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    line-height: 30px;
    font-size: 1.1rem;
}

.loading-button-login {
    height: 22px;
    width: 22px;
    float: left;
    margin-left: -8px;
    margin-top: 4px;
    margin-right: 4px;
}

.loading-button-register {
    height: 32px;
    width: 32px;
    float: left;
}

.loading-button-demo {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 4px;
}

.loading-button-sticky {
    height: 19px;
    width: 19px;
    float: left;
    margin-right: 4px;
}

.auth-sign-in {
	border: 1px solid #aaa;
	width: 260px;
	height: 50px;
	padding: 12px 15px 0 15px;
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	transition: background-color 0.3s, box-shadow 0.2s, padding 0.1s;
	cursor: pointer;
	margin: 0 auto 5px;
	display: block;
}

.auth-sign-in:hover {
	background-color: #eee;
}

.auth-sign-in:active {
	box-shadow: 2px 2px 7px #ccc inset;
	padding: 13px 15px 0 16px;
	background-color: #eee;
}

.auth-sign-in img {
	display: inline-block;
	float: left;
	width: 25px;
}

.auth-sign-in span {
	font-family: Lato, serif;
	font-weight: normal;
	display: inline-block;
	margin: 1px 0 0 10px;
}

#auth-sign-in-linkedin {
	background: #0077b5;
	border: 1px solid #04679d;
}

#auth-sign-in-linkedin:hover {
	background: #038acf;
}

#auth-sign-in-linkedin:active {
	box-shadow: 2px 2px 7px #034e7a inset;
	padding: 13px 15px 0 16px;
	background: #038acf;
}

#auth-sign-in-linkedin img, #auth-sign-in-linkedin span {
	color: white;
}

.auth-sign-in-square {
	width: 145px;
	display: inline-block;
	float: left;
	margin-left: 20px;
}

.auth-sign-in-square#auth-sign-in-google {
	margin-left: 5px;
}

.auth-links{
    padding: 30px 0;
}

.already-have-account-login-button {
    display: none!important;
    position: absolute;
    right: 20px;
    text-transform: none!important;
    margin-top: 4px;
    border: none!important;
}

.already-have-account-login-div {
    display: block;
}

@media (min-width: 1200px) {
    .already-have-account-login-button {
        display: inline-block!important;
    }

    .already-have-account-login-div {
        display: none;
    }
}

/* Section seperator with inline text style START */
.hr-sect-wrapper{
    padding: 15px;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    margin: 5px 0px;
}

.hr-sect-register {
    margin: 20px 0px;
}

.hr-sect::before,
.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: #eee;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}
/* Section seperator with inline text style END */

/* Register Page Testimonial Slider Style START*/
.quote {
    font-size: 5em;
    color: #ffffff;
}

.quote.right {
    text-align: right;
    margin-top: -60px;
}

.quote.left {
    margin-bottom: -30px;
    text-align: left;
}

#testimonial-carousel.carousel {
    border: 1px solid #2B3545;
    padding: 10px;
}

#testimonial-carousel.carousel .carousel-indicators {
    bottom: 10px!important;
    left: 10px;
    top: auto;
}

#testimonial-carousel.carousel .carousel-indicators > li {
    background-color: #8e8e8e;
    border: none;
}

#testimonial-carousel.carousel .carousel-indicators > li.active {
    background-color: #F5DFAE;
}

#testimonial-carousel blockquote {
    text-align: center;
    border: none;
    background-color: transparent!important;
    height: 280px;
}

#testimonial-carousel blockquote small{
    color: #8e8e8e;
}

#testimonial-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 25px;
    border-radius: 100px;
    background-color: rgba(0,0,0,.2);
}

#testimonial-carousel .profile-circle img {
    max-height: 100px;
    max-width: 100px;
    border-radius: 100px;
}

#testimonial-carousel p {
    color: #ffffff;
}

.partner-logos {
    border: 1px solid #2B3545;
    background-color: #ffffff;
}

.partner-logos .partner-logo {
    margin-bottom: 3px;
    display: inline-block;
    padding: 10px;
}

.partner-logos .partner-logo img {
    height: 40px;
}

@media (min-width: 375px) {
    #testimonial-carousel blockquote {
        height: 220px;
    }
}

@media (min-width: 425px) {
    #testimonial-carousel blockquote {
        height: 190px;
    }
}

@media (min-width: 667px) {
    #testimonial-carousel blockquote {
        height: 140px;
    }
}

@media (min-width: 992px) {
    #testimonial-carousel blockquote {
        height: 165px;
    }
}
/* Register Page Testimonial Slider Style END*/

.scale-register-form {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

@media (max-width: 425px) {
    #registerpage-register {
        font-size: 1.6rem;
        padding: 7px 15px;
    }
}

.register-left-pane {
    margin-top: 50px;
    background-color: #2B3545;
}

.register-left-pane-header {
    padding-top: 25px;
    color: #ffffff;
}

.register-left-pane-header h1 {
    margin-top: 0!important;
    color: #ffffff;
}

.register-left-pane-header div {
    color: #ffffff;
}

@media (min-width: 1200px) {
    .register-left-pane {
        width: 575px;
        margin-left: -40px;
    }
}

/* Frontend Footer Partner logo style START*/
.partner .partner-logo {
    background-color: #d4d8e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    width: 114px;
    margin-top: 2px;
    text-align: center;
    display: inline-block;
}

.partner .partner-logo img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
}
/* Frontend Footer Partner logo style END*/
/* Sticky Sign Up Style */
.navbar-fixed-bottom-sticky-gdpr {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999999;
    padding: 4px 0 4px 0;
    background-color: #35DB7F;
    box-shadow: rgb(136, 136, 136) 0px 2px 5px;
}
.navbar-fixed-bottom-sticky-gdpr .container {
    width: 79%;
}
.navbar-fixed-bottom-sticky-gdpr-blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #C1BCC4;
    opacity: 0.4;
    z-index: 99999;
}
/* end-Sticky Sign Up Style */

.strong-password-error p{
    color: red;
    text-align: left;
    font-size: 13px;
    padding-bottom: 5px;
    line-height: 1;
    margin-left: 7px;
}

.reset-strong-password-error p{
    color: red;
    text-align: left;
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 1;
    margin-left: 7px;
}


/* Reset Password show/hide button Style START*/
#showPasswordReset {
    z-index: 3;
    background: transparent;
    color: #000;
    position: relative;
    right: 70px;
}

#showPasswordReset:active {
    box-shadow: initial;
}

#showPasswordReset:focus {
    outline: initial;
}

#showPasswordReset2 {
    z-index: 3;
    background: transparent;
    color: #000;
    position: relative;
    right: 70px;
}

#showPasswordReset2:active {
    box-shadow: initial;
}

#showPasswordReset2:focus {
    outline: initial;
}

#reset-password {
    margin-bottom: 0px;
    padding-right: 86px;
}

#re-reset-password {
    margin-bottom: 0px;
    padding-right: 70px;
}

#reset-password-form input-append {
    width: 100%;
}
/* Reset Password show/hide button Style END*/